.container.s-1sv2fuh{--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-1sv2fuh{background-image:none;background-color:hsla(var(--color),1);flex-direction:column;height:100%;display:flex}.titlebar.s-1sv2fuh{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-1sv2fuh span:where(.s-1sv2fuh){color:hsla(var(--system-color-dark-hsl),.8);letter-spacing:.5px;font-size:.9rem;font-weight:500}aside.s-1sv2fuh{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-1sv2fuh: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-1sv2fuh{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-1sv2fuh nav:where(.s-1sv2fuh){flex-direction:column;gap:.2rem;margin:4rem .6rem;display:flex}aside.s-1sv2fuh nav:where(.s-1sv2fuh) hr:where(.s-1sv2fuh){background-color:hsla(var(--system-color-dark-hsl),.2);border:none;width:100%;height:1px;display:block}aside.s-1sv2fuh nav:where(.s-1sv2fuh) svg{flex-shrink:0;width:1.2rem;height:1.2rem}aside.s-1sv2fuh nav:where(.s-1sv2fuh) .subject-btn:where(.s-1sv2fuh){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-1sv2fuh nav:where(.s-1sv2fuh) a:where(.s-1sv2fuh){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-1sv2fuh:is(aside:where(.s-1sv2fuh) nav:where(.s-1sv2fuh) .subject-btn:where(.s-1sv2fuh),aside:where(.s-1sv2fuh) nav:where(.s-1sv2fuh) a:where(.s-1sv2fuh)):hover{background-color:hsla(var(--system-color-dark-hsl),.2)}.ios-subject-bar.s-1sv2fuh{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-1sv2fuh{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-1sv2fuh{grid-area:2/2/span 1/span 1;padding:1.5rem;overflow-y:auto}.container.ios.s-1sv2fuh .content:where(.s-1sv2fuh){grid-area:unset;flex:1;padding:1rem}form.s-1sv2fuh{flex-direction:column;gap:1rem;display:flex}.field.s-1sv2fuh{flex-direction:column;gap:.3rem;display:flex}.field.s-1sv2fuh label:where(.s-1sv2fuh){opacity:.7;font-size:.8rem;font-weight:500}.field.s-1sv2fuh input:where(.s-1sv2fuh){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-1sv2fuh textarea:where(.s-1sv2fuh){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-1sv2fuh:is(.field:where(.s-1sv2fuh) input:where(.s-1sv2fuh),.field:where(.s-1sv2fuh) textarea:where(.s-1sv2fuh)):focus{border-color:var(--system-color-primary)}.field.s-1sv2fuh textarea:where(.s-1sv2fuh){resize:vertical}.send-btn.s-1sv2fuh{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-1sv2fuh:hover{opacity:.85}.error-message.s-1sv2fuh{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-1sv2fuh svg{flex-shrink:0;font-size:1.1rem}.send-btn.s-1sv2fuh:disabled{opacity:.6;cursor:not-allowed}.sent-message.s-1sv2fuh{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;display:flex}.sent-message.s-1sv2fuh svg{color:var(--system-color-primary);font-size:3rem}.sent-message.s-1sv2fuh h2:where(.s-1sv2fuh){font-size:1.5rem}.sent-message.s-1sv2fuh p:where(.s-1sv2fuh){opacity:.6}