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