.container.s-3nwe45{--color:var(--system-color-light-hsl);border-radius:inherit;background-image:linear-gradient(to right,hsla(var(--color),.7)12rem,hsla(var(--color),1)12rem 100%);color:var(--system-color-dark);grid-template-rows:3rem 1fr;grid-template-columns:12rem 1fr;display:grid}.container.ios.s-3nwe45{background-image:none;background-color:hsla(var(--color),1);flex-direction:column;height:100%;display:flex}.titlebar.s-3nwe45{z-index:1;border-top-left-radius:inherit;border-top-right-radius:inherit;-webkit-user-select:none;user-select:none;grid-area:1/1/span 1/span 2;justify-content:center;width:100%;padding:.9rem 1rem;display:flex}.titlebar.s-3nwe45 span:where(.s-3nwe45){color:hsla(var(--system-color-dark-hsl),.8);letter-spacing:.5px;font-size:.9rem;font-weight:500}aside.s-3nwe45{border-top-left-radius:.5rem;border-bottom-left-radius:inherit;grid-area:1/1/span 2/span 1;width:calc(12rem - 2.27px);height:calc(100% - 2.7px);margin:1.8px 0 0 1.8px;transform:translateZ(0)}aside.s-3nwe45:before{content:"";width:inherit;height:inherit;border-radius:inherit;z-index:-1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:fixed;top:0;left:0}aside.light.s-3nwe45{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem;width:calc(12rem - 2.5px);height:calc(100% - 3px);margin:1.7px 0 0 1.7px}aside.s-3nwe45 nav:where(.s-3nwe45){flex-direction:column;gap:.2rem;margin:4rem .6rem;display:flex}aside.s-3nwe45 nav:where(.s-3nwe45) hr:where(.s-3nwe45){background-color:hsla(var(--system-color-dark-hsl),.2);border:none;width:100%;height:1px;display:block}aside.s-3nwe45 nav:where(.s-3nwe45) svg{flex-shrink:0;width:1.2rem;height:1.2rem}aside.s-3nwe45 nav:where(.s-3nwe45) .subject-btn:where(.s-3nwe45){color:hsla(var(--system-color-dark-hsl),.9);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.4rem;justify-content:flex-start;align-items:center;gap:.4rem;width:100%;padding:.5rem;font-size:.85rem;font-weight:400;text-decoration:none;transition:background-color .1s;display:flex}aside.s-3nwe45 nav:where(.s-3nwe45) a:where(.s-3nwe45){color:hsla(var(--system-color-dark-hsl),.9);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.4rem;justify-content:flex-start;align-items:center;gap:.4rem;width:100%;padding:.5rem;font-size:.85rem;font-weight:400;text-decoration:none;transition:background-color .1s;display:flex}.s-3nwe45:is(aside:where(.s-3nwe45) nav:where(.s-3nwe45) .subject-btn:where(.s-3nwe45),aside:where(.s-3nwe45) nav:where(.s-3nwe45) a:where(.s-3nwe45)):hover{background-color:hsla(var(--system-color-dark-hsl),.2)}:is(aside:where(.s-3nwe45) nav:where(.s-3nwe45) .subject-btn:where(.s-3nwe45),aside:where(.s-3nwe45) nav:where(.s-3nwe45) a:where(.s-3nwe45)).active.s-3nwe45{background-color:hsla(var(--system-color-primary-hsl),.15);color:var(--system-color-primary);font-weight:500}.ios-subject-bar.s-3nwe45{border-bottom:.5px solid hsla(var(--system-color-dark-hsl),.15);flex-shrink:0;gap:8px;padding:8px 12px;display:flex}.ios-subject-btn.s-3nwe45{background:hsla(var(--system-color-primary-hsl),.12);color:var(--system-color-primary);cursor:pointer;border:none;border-radius:8px;flex:1;padding:6px 8px;font-family:inherit;font-size:13px;font-weight:500}.content.s-3nwe45{grid-area:2/2/span 1/span 1;padding:1.5rem;overflow-y:auto}.container.ios.s-3nwe45 .content:where(.s-3nwe45){grid-area:unset;flex:1;padding:1rem}form.s-3nwe45{flex-direction:column;gap:1rem;display:flex}.field.s-3nwe45{flex-direction:column;gap:.3rem;display:flex}.field.s-3nwe45 label:where(.s-3nwe45){opacity:.7;font-size:.8rem;font-weight:500}.field.s-3nwe45 input:where(.s-3nwe45){border:1px solid hsla(var(--system-color-dark-hsl),.15);background-color:hsla(var(--system-color-dark-hsl),.05);color:var(--system-color-dark);border-radius:.5rem;outline:none;padding:.6rem .8rem;font-family:inherit;font-size:.9rem;transition:border-color .15s}.field.s-3nwe45 textarea:where(.s-3nwe45){border:1px solid hsla(var(--system-color-dark-hsl),.15);background-color:hsla(var(--system-color-dark-hsl),.05);color:var(--system-color-dark);border-radius:.5rem;outline:none;padding:.6rem .8rem;font-family:inherit;font-size:.9rem;transition:border-color .15s}.s-3nwe45:is(.field:where(.s-3nwe45) input:where(.s-3nwe45),.field:where(.s-3nwe45) textarea:where(.s-3nwe45)):focus{border-color:var(--system-color-primary)}.field.s-3nwe45 textarea:where(.s-3nwe45){resize:vertical}.send-btn.s-3nwe45{background-color:var(--system-color-primary);color:#fff;cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-self:flex-end;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.9rem;font-weight:500;transition:opacity .15s;display:flex}.send-btn.s-3nwe45:hover{opacity:.85}.error-message.s-3nwe45{color:#c32222;background-color:#d926261a;border-radius:.5rem;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.85rem;font-weight:500;display:flex}.error-message.s-3nwe45 svg{flex-shrink:0;font-size:1.1rem}.send-btn.s-3nwe45:disabled{opacity:.6;cursor:not-allowed}.sent-message.s-3nwe45{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;display:flex}.sent-message.s-3nwe45 svg{color:var(--system-color-primary);font-size:3rem}.sent-message.s-3nwe45 h2:where(.s-3nwe45){font-size:1.5rem}.sent-message.s-3nwe45 p:where(.s-3nwe45){opacity:.6}