.support-page{--support-text:#f0ddd2;--support-muted:#bfa9bc;box-sizing:border-box;width:100%;min-height:100svh;color:var(--support-text);background:radial-gradient(at 90% 10%,#42253d80,#0000 48%),radial-gradient(at 0 100%,#31213b60,#0000 55%),#100d1d;padding:24px max(24px,50vw - 560px) 48px}.support-topbar{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;display:flex}.support-page .brand{color:var(--support-text)}.support-page .brand-mark{box-shadow:none;background:0 0;border-radius:0}.support-page .brand-mark:after{filter:brightness(0)saturate()invert(76%)sepia(35%)saturate(858%)hue-rotate(316deg)brightness(101%)contrast(88%);inset:0}.support-page .brand>span:last-child:before{color:var(--support-text)}.support-page .brand>span:last-child:after{color:#f4ad77}.support-back{color:#c7b1c2;align-items:center;font-size:.95rem;line-height:1.5;text-decoration:none;display:inline-flex}.support-back:hover{color:#f4ad77}.support-content{max-width:660px;margin:48px auto 0}.support-heading{margin:0 0 25px}.support-heading>span{color:#e7a17d;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem}.support-heading h1{font:inherit;letter-spacing:-.035em;color:#f0ddd2;margin:13px 0 0;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:700;line-height:1.15}.support-card{background:linear-gradient(145deg,#241a30,#1b1427);border:1px solid #60445d;border-radius:22px;overflow:hidden;box-shadow:0 24px 70px #05030b40}.support-recipient{background:#ffffff02;border-bottom:1px solid #50364e;align-items:center;gap:14px;padding:22px 26px;display:flex}.support-avatar{background:linear-gradient(145deg,#6e423c70,#3a253f);border:1px solid #a871534a;border-radius:16px;flex:none;place-items:center;width:49px;height:49px;display:grid}.support-avatar img{object-fit:contain;width:36px;height:36px;display:block}.support-recipient h2{font:inherit;color:#efdbd1;margin:0;font-size:1.12rem;font-weight:700;line-height:1.5}.support-recipient p{color:#c6afc0;margin:3px 0 0;font-size:.95rem;line-height:1.5}.support-note{color:#bda6b8;text-align:center;margin:18px 12px 0;font-size:.9rem;line-height:1.7}.support-history{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#71506d #1b1427;flex-direction:column;gap:13px;min-height:130px;max-height:360px;padding:24px 26px;display:flex;overflow:auto}.support-history.is-empty{min-height:0;padding-bottom:0}.support-empty{color:#dfcbd8;max-width:460px;margin:0;font-size:1.05rem;line-height:1.8}.support-message{overflow-wrap:anywhere;background:#38283f;border-radius:14px;align-self:flex-start;max-width:85%;padding:13px 17px}.support-message.own{background:#58364b;align-self:flex-end}.support-message small,.support-message time{color:#c9aabd;font-size:.8rem}.support-message p{white-space:pre-wrap;color:#f0ddd2;margin:8px 0;font-size:1.05rem;line-height:1.7}.support-compose{gap:15px;padding:22px 26px 26px;display:grid}.support-compose label{color:#ddc7d5;gap:10px;font-size:1rem;line-height:1.5;display:grid}.support-compose textarea{box-sizing:border-box;color:#f0ddd2;width:100%;min-height:128px;font:inherit;resize:vertical;background:#15101f;border:1px solid #63455f;border-radius:14px;outline:none;padding:16px;font-size:1.05rem;line-height:1.7;transition:border-color .2s}.support-compose textarea::placeholder{color:#958294;opacity:1}.support-compose textarea:focus{border-color:#e6a37e}.support-chat .support-compose .primary-button{color:#26151e;min-width:172px;min-height:50px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#f5b383,#ea905c);border:1px solid #efa875;border-radius:12px;justify-content:center;justify-self:end;align-items:center;gap:25px;padding:12px 20px;font-size:1rem;font-weight:700;display:inline-flex;transform:none;box-shadow:0 6px 20px #b86d3b20}.support-chat .support-compose .primary-button span{margin:0;font-size:1.1rem}.support-chat .support-compose .primary-button:hover:not(:disabled){background:#ffc59c;box-shadow:0 8px 25px #b86d3b30}.support-chat .support-compose .primary-button:disabled{color:#dfc1ae;box-shadow:none;opacity:1;cursor:default;background:#654638;border-color:#87604a}.support-chat .support-compose .primary-button:after{display:none}.support-status{color:#f4b58b;margin:0 26px;font-size:.95rem;line-height:1.7}.support-compose .support-status{margin:0}.support-inbox{gap:12px;margin-top:25px;display:grid}.support-inbox a{color:#ead8cb;border:1px solid #57405e;border-radius:12px;padding:18px 22px;text-decoration:none;display:block}.support-inbox p{color:#bda5bb;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.support-inbox small{color:#f4ad77}.support-admin-chat{max-width:850px}.support-admin-chat .support-chat{background:#21182b;border:1px solid #57405e;border-radius:18px;margin-top:20px;overflow:hidden}.support-chat :is(button,textarea):focus-visible,.support-page a:focus-visible{outline-offset:4px;outline:2px solid #f4ad77}@media (max-width:550px){.support-page{padding:18px 18px 32px}.support-topbar{gap:12px;padding-bottom:18px}.support-page .brand{gap:8px}.support-page .brand-mark{width:37px;height:37px}.support-page .brand>span:last-child:before,.support-page .brand>span:last-child:after{font-size:1.45rem}.support-back{font-size:.9rem}.support-content{margin-top:32px}.support-heading{margin-bottom:22px}.support-recipient{padding:18px}.support-recipient h2{font-size:1.05rem}.support-recipient p{font-size:.9rem}.support-avatar{border-radius:13px;width:43px;height:43px}.support-avatar img{width:32px;height:32px}.support-history{padding:20px 18px}.support-message{max-width:92%}.support-compose{padding:20px 18px}.support-compose textarea{min-height:145px;padding:13px}.support-chat .support-compose .primary-button{width:100%;min-height:48px}.support-note{font-size:.85rem}.support-status{margin-inline:18px}}.support-compose input{box-sizing:border-box;color:#f0ddd2;width:100%;font:inherit;background:#15101f;border:1px solid #63455f;border-radius:12px;outline:none;padding:13px 16px;font-size:1.05rem;line-height:1.5}.support-compose input::placeholder{color:#958294;opacity:1}.support-compose input:focus{border-color:#e6a37e}.support-compose input:focus-visible{outline-offset:4px;outline:2px solid #f4ad77}.support-field-hint{color:#bda6b8;font-size:.9rem;font-weight:400;line-height:1.6}.support-contact-detail{overflow-wrap:anywhere;background:#241a30;border:1px solid #63455f;border-radius:12px;gap:7px;padding:16px 19px;display:grid}.support-contact-detail span{color:#c8b2c1;font-size:.9rem}.support-contact-detail strong{color:#f4bd98;white-space:pre-wrap;font-size:1.05rem;font-weight:500}.support-contact-preview{color:#eab18c;overflow-wrap:anywhere;margin:10px 0;font-size:.95rem}.support-teacher-choice{border:0;min-width:0;margin:0;padding:0}.support-teacher-choice legend{color:#efdbd1;padding:0;font-size:1.125rem;font-weight:700;line-height:1.5}.support-teacher-choice>p{color:#cdb5c6;margin:10px 0 18px;font-size:1rem;line-height:1.65}.support-style-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.support-compose .support-style-option{cursor:pointer;background:#1a1424;border:1px solid #62465f;border-radius:14px;align-items:flex-start;gap:12px;padding:16px;display:flex}.support-compose .support-style-option:has(input:checked){background:#3b2632;border-color:#f3944c}.support-compose .support-style-option input{accent-color:#f3944c;flex:none;width:18px;height:18px;margin:4px 0 0;padding:0}.support-style-option>span{gap:7px;display:grid}.support-style-option strong{color:#f0ddd2;font-size:1rem;font-weight:700;line-height:1.5}.support-style-option small{color:#cbb1c3;font-size:.95rem;line-height:1.6}.support-saved-style{color:#cdb5c6;margin:18px 26px 0;font-size:1rem;line-height:1.7}.support-saved-style strong{color:#efbd98;font-weight:500}@media (max-width:550px){.support-style-options{grid-template-columns:1fr}.support-saved-style{margin-inline:18px}}.student-support-main>.support-card{max-width:850px;margin-top:26px}.student-support-main>h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.2}.student-support-description{color:#c2acba;max-width:720px;font-size:15px;line-height:1.7}.student-support-main .support-compose .primary-button{justify-self:start;font-size:14px}.student-support-main .support-recipient h2{font-size:1.3rem;line-height:1.4}