:root{
--bg:#000000; --side:#0b0b0b; --panel:#151515; --panel2:#1d1d1d;
--border:#2d2d2d; --text:#f5f5f5; --muted:#8f8f8f; --accent:#ffffff;
--accent2:#e7e7e7; --danger:#ff6b78; --hover:#1a1a1a;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% 15%,rgba(58,108,255,.18),transparent 28%),radial-gradient(circle at 82% 20%,rgba(91,61,255,.15),transparent 26%),linear-gradient(180deg,#040713,#071126 58%,#040814);color:var(--text);overflow:hidden;position:relative}
body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0}
body:before{
background-image:
radial-gradient(circle,rgba(255,255,255,.8) 0 1px,transparent 1.4px),
radial-gradient(circle,rgba(125,180,255,.65) 0 1px,transparent 1.3px),
radial-gradient(circle,rgba(255,255,255,.45) 0 1px,transparent 1.2px);
background-size:97px 97px,151px 151px,223px 223px;
background-position:14px 19px,52px 77px,108px 31px;
opacity:.34;
}
body:after{
background:radial-gradient(circle at 50% 110%,rgba(34,101,255,.16),transparent 38%);
}
button,input,textarea{font:inherit}
button{cursor:pointer}
.app{height:100vh;display:grid;grid-template-columns:248px 1fr;background:transparent;position:relative;z-index:1}
.app.sideFolded{grid-template-columns:66px minmax(0,1fr)!important}
.sideFoldBtn{
position:absolute;top:10px;right:8px;z-index:6;
width:26px;height:26px;border-radius:999px;display:grid;place-items:center;
background:var(--panel);border:1px solid var(--border);color:var(--muted);
font-size:12px;line-height:1;cursor:pointer;padding:0;
}
.sideFoldBtn:hover{color:var(--text);border-color:#4a4a4a}
.sidebar{position:relative}
.app.sideFolded .sidebar{
width:66px!important;max-width:66px!important;
padding-left:8px!important;padding-right:8px!important;overflow:hidden!important;
}
.app.sideFolded .sideFoldBtn{right:50%;transform:translateX(50%)}
.app.sideFolded .sideNavBtn{justify-content:center;padding-left:0;padding-right:0}
.app.sideFolded .sideNavBtn > span:not(.sideNavIcon),
.app.sideFolded .brandName,
.app.sideFolded .sideSectionHead,
.app.sideFolded .sidebarTabScroll .recentRow,
.app.sideFolded .projectSideItem,
.app.sideFolded .accountMeta,
.app.sideFolded .sideBottom .planPill{display:none!important}
.app.sideFolded .sidebarTabBtn > span:not(.sidebarTabIcon){display:none!important}
@media(max-width:760px){
.sideFoldBtn{display:none!important}
.app.sideFolded{grid-template-columns:minmax(0,1fr)!important}
}
.sidebar{background:rgba(7,14,29,.86);backdrop-filter:blur(12px);border-right:1px solid var(--border);padding:14px 12px;display:flex;flex-direction:column;min-width:0}
.brand{height:44px;display:flex;align-items:center;gap:10px;padding:0 8px 10px;font-size:19px;font-weight:800;letter-spacing:-.45px}
.recents{overflow:auto;min-height:0;flex:1;padding-right:3px}
.recentItem{padding:9px 10px;border-radius:9px;color:#cfcfcf;font-size:13px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recentItem:hover{background:var(--hover);color:white}
.emptyRecents{color:#666;font-size:12px;padding:8px 10px}
.planCard{margin:10px 4px 12px;padding:10px;border:1px solid #20375f;background:rgba(10,22,45,.72);border-radius:12px}
.planName{font-size:11px;font-weight:800;color:#dce8ff}
.planPill{font-size:9px;padding:3px 7px;border-radius:999px;background:#173562;color:#a9ccff;font-weight:800}
.planPill.pro{background:#193f31;color:#97ffc3}
.planPill.owner{background:#3b2c12;color:#ffd97a}
.planPill.ultimate{background:#eeeeee;color:#080808;border:1px solid #ffffff}
.usageText{font-size:9px;color:#8a8a8a;margin-top:6px;line-height:1.35}
.modalShade{display:none;position:fixed;inset:0;background:rgba(2,6,16,.68);z-index:100;align-items:center;justify-content:center;padding:18px}
.modalShade.show{display:flex}
.modalCard{width:min(390px,100%);background:#0c1830;border:1px solid #29416f;border-radius:18px;padding:20px;box-shadow:0 24px 70px rgba(0,0,0,.5)}
.modalCard h3{margin:0 0 6px;font-size:18px}.modalCard p{margin:0 0 14px;color:#7890b5;font-size:11px;line-height:1.45}
.modalCard input{width:100%;background:#151515;border:1px solid #3a3a3a;color:#fff;border-radius:11px;padding:12px;text-align:center;text-transform:uppercase;letter-spacing:3px;outline:none}
.m2Card{width:min(760px,100%)!important;max-height:min(92vh,920px);display:flex;flex-direction:column;padding:0!important;overflow:hidden}
.m2Card [hidden]{display:none!important}
.m2Head{display:flex;align-items:flex-start;gap:12px;padding:16px 18px 12px;border-bottom:1px solid #262626}
.m2Back{flex:0 0 auto;background:transparent;border:1px solid #333;color:#ddd;border-radius:10px;padding:8px 12px;font-size:13px;min-height:40px}
.m2HeadText{min-width:0;flex:1}
.m2HeadText h3{margin:2px 0 3px;font-size:18px}
.m2Sub{font-size:12.5px;color:#9a9aa2;line-height:1.45}
.m2Body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 18px 22px;line-height:1.55;font-size:14.5px;overflow-wrap:anywhere}
.m2Lead{font-size:14px;color:#cfcfd6;margin:0 0 12px}
.m2Found{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.m2Pill{display:inline-flex;align-items:center;gap:5px;border:1px solid #333;border-radius:999px;padding:4px 10px;font-size:12px;color:#d6d6dc;background:#161616}
.m2Go{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:6px 0 12px}
.m2Cost{font-size:12px;color:#9a9aa2}
.m2Class{border:1px solid #262626;border-radius:12px;padding:12px 14px;margin:0 0 12px;background:#111}
.m2Class h4{margin:0 0 8px;font-size:13.5px;font-weight:800}
.m2Sent{margin:0 0 9px}
.m2Sent:last-child{margin-bottom:0}
.m2Tags{display:inline-flex;flex-wrap:wrap;gap:5px;margin-left:4px;vertical-align:middle}
.m2Tag{display:inline-flex;align-items:center;border:1px solid #3a3a3a;border-radius:999px;padding:1px 8px;font-size:11px;color:#bfc6d6;background:#1a1a1a;text-decoration:none;white-space:nowrap;line-height:1.6}
a.m2Tag:hover{border-color:#8a8a92;color:#fff}
.m2Tag.m2Guess{border-color:#8a6d1f;color:#f0c965;background:rgba(232,192,90,.10)}
.m2Tag.m2General{border-color:#5a4a8a;color:#cdbcff;background:rgba(160,130,255,.10)}
.m2Quiet{font-size:13px;color:#a7a7ae;margin:0 0 6px}
.m2Note{font-size:12px;color:#e8a33d;line-height:1.5;margin:10px 0 0}
.m2Foot{font-size:12px;color:#8f8f97;margin-top:12px;line-height:1.5}
.m2Actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 12px}
.m2ActBtn{min-height:40px;border-radius:10px;padding:8px 14px;font-size:13.5px;font-weight:600;background:#1b2440;border:1px solid #33427a;color:#e6ebff;cursor:pointer}
.m2ActBtn:hover{background:#243058}
.m2ActBtn:focus-visible,.m2Back:focus-visible,a.m2Tag:focus-visible{outline:2px solid #7aa2ff;outline-offset:2px}
.m2Banner{border:1px solid #5a4a8a;background:rgba(160,130,255,.10);color:#dcd0ff;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:700;margin:0 0 12px}
.m2Progress{height:6px;border-radius:99px;background:#222;overflow:hidden;margin:4px 0 6px}
.m2ProgressBar{height:100%;background:#6f8cff;border-radius:99px;transition:width .2s ease}
.m2ProgressText{font-size:12px;color:#9a9aa2;margin-bottom:12px}
.m2Step h4{margin:0 0 6px;font-size:16px}
.m2Step h4:focus{outline:none}
.m2StepBody{white-space:pre-wrap;margin:8px 0 12px}
.m2Check{border:1px solid #2c2c2c;border-radius:12px;padding:10px 14px 12px;margin:12px 0}
.m2Check legend{padding:0 6px;font-weight:700;font-size:13.5px}
.m2Choice{display:flex;gap:10px;align-items:flex-start;padding:8px 6px;border-radius:9px;cursor:pointer}
.m2Choice:hover{background:#171717}
.m2Card .m2Choice input{width:auto!important;margin:3px 0 0;flex:0 0 auto;text-transform:none;letter-spacing:0}
.m2Card input.m2Topic{width:100%;background:#151515;border:1px solid #3a3a3a;color:#fff;border-radius:10px;padding:10px 12px;margin:4px 0 8px;font-size:14px;text-align:left;text-transform:none;letter-spacing:0}
.m2Choice.m2Picked span{font-weight:700}
.m2Choice.m2IsRight span{color:#6fd39a}
.m2Mark{font-style:normal;font-size:12px;opacity:.85}
.m2Right{color:#6fd39a;font-weight:700}
.m2Wrong{color:#ff8f8f;font-weight:700}
.m2Why{font-size:13px;color:#cfcfd6;margin-top:6px}
.m2Pick{display:grid;gap:10px}
.m2PickRow{border:1px solid #262626;border-radius:12px;padding:12px 14px;background:#111}
.m2PickRow h4{margin:0 0 4px;font-size:14px}
.m2PickThings{font-size:12.5px;color:#a7a7ae;margin:0 0 8px}
.m2Label{display:block;font-size:12px;color:#b8b8c0;margin-top:4px}
.m2Work{margin:14px 0 0;padding:12px 14px;border:1px solid #262626;border-radius:12px}
.m2Work h4{margin:0 0 8px;font-size:13px}
.m2WorkRow{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 6px;font-size:13.5px}
.m2Example{display:inline-block;border:1px dashed #6f8cff;color:#b9c7ff;border-radius:8px;padding:2px 8px;font-size:11.5px;font-weight:700;margin-bottom:10px}
@media(max-width:640px){
.m2Card{max-height:calc(100dvh - 16px);height:calc(100dvh - 16px)}
.m2Head{padding:12px 14px 10px}
.m2Body{padding:14px 14px 20px}
.m2Go .primaryAction,.m2Go .secondaryAction{flex:1 1 100%;min-height:44px}
}
html[data-theme="light"] .m2Head{border-bottom-color:#e4e4e9!important}
html[data-theme="light"] .m2Back{color:#16161a!important;border-color:#d5d5db!important;background:#ffffff!important}
html[data-theme="light"] .m2Sub,
html[data-theme="light"] .m2Cost,
html[data-theme="light"] .m2ProgressText,
html[data-theme="light"] .m2Foot,
html[data-theme="light"] .m2Label{color:#5a6474!important}
html[data-theme="light"] .m2Lead,
html[data-theme="light"] .m2Why{color:#33333a!important}
html[data-theme="light"] .m2Pill{background:#f2f2f4!important;border-color:#e4e4e9!important;color:#33333a!important}
html[data-theme="light"] .m2Class,
html[data-theme="light"] .m2PickRow,
html[data-theme="light"] .m2Work,
html[data-theme="light"] .m2Check{background:#ffffff!important;border-color:#e4e4e9!important}
html[data-theme="light"] .m2Tag{background:#f7f7f8!important;border-color:#d5d5db!important;color:#33333a!important}
html[data-theme="light"] a.m2Tag:hover{border-color:#8a8a92!important;color:#111111!important}
html[data-theme="light"] .m2Tag.m2Guess{background:rgba(214,158,44,.14)!important;border-color:rgba(176,125,16,.45)!important;color:#7a5200!important}
html[data-theme="light"] .m2Tag.m2General,
html[data-theme="light"] .m2Banner{background:rgba(120,90,220,.08)!important;border-color:rgba(120,90,220,.35)!important;color:#4b2fa8!important}
html[data-theme="light"] .m2Quiet,
html[data-theme="light"] .m2PickThings{color:#5f5f66!important}
html[data-theme="light"] .m2Note{color:#8a5a00!important}
html[data-theme="light"] .m2ActBtn{background:rgba(60,90,200,.08)!important;border-color:rgba(60,90,200,.30)!important;color:#2f4fc4!important}
html[data-theme="light"] .m2ActBtn:hover{background:rgba(60,90,200,.14)!important}
html[data-theme="light"] .m2Progress{background:#e9e9ee!important}
html[data-theme="light"] .m2ProgressBar{background:#2f4fc4!important}
html[data-theme="light"] .m2Choice:hover{background:#f2f2f4!important}
html[data-theme="light"] .m2Right,
html[data-theme="light"] .m2Choice.m2IsRight span{color:#1d7a4c!important}
html[data-theme="light"] .m2Wrong{color:#b3261e!important}
html[data-theme="light"] .m2Card input.m2Topic{background:#ffffff!important;border-color:#d5d5db!important;color:#111111!important}
html[data-theme="light"] .m2Example{color:#2f4fc4!important;border-color:#2f4fc4!important}
.modalActions{display:flex;gap:8px;margin-top:10px}.modalActions button{flex:1;border:0;border-radius:10px;padding:10px;font-weight:800}
.termsGateShade{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:999999;align-items:center;justify-content:center;padding:18px;overflow:auto}
.termsGateShade.show{display:flex}
.termsGateCard{width:min(480px,100%);max-height:90vh;overflow:auto}
.termsGateCard h2{margin:0 0 4px;font-size:20px}
.termsGateSub{color:#8a8a8a;font-size:12px;margin:0 0 16px;line-height:1.45}
.termsGateCheckRow{display:flex;align-items:flex-start;gap:10px;background:#151515;border:1px solid #333;border-radius:12px;padding:12px;margin-bottom:14px}
.termsGateCheckRow input{margin-top:2px;width:16px;height:16px;flex-shrink:0;padding:0;background:initial;border-radius:3px;text-transform:none;letter-spacing:normal}
.termsGateCheckRow label{font-size:12px;line-height:1.5;color:#d8d8d8}
.termsGateCheckRow a{color:#7fb2ff}
.termsGateFeatureGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.termsGateFeature{background:#151515;border:1px solid #333;border-radius:12px;padding:11px}
.termsGateFeature .tgfIcon{font-size:18px;margin-bottom:4px}
.termsGateFeature .tgfTitle{font-weight:800;font-size:12px;color:#f0f0f0;margin-bottom:3px}
.termsGateFeature .tgfDesc{font-size:10px;color:#999;line-height:1.4}
.termsGateShade [hidden],.authAgeBox [hidden]{display:none!important}
.termsGateAge,.authAgeBox{margin:0 0 12px}
.termsGateLabel{display:block;font-size:13px;font-weight:700;color:#f0f0f0;margin:0 0 6px}
.termsGateSelect{width:100%;background:#151515;border:1px solid #3a3a3a;color:#fff;border-radius:11px;padding:11px 12px;font:inherit;font-size:14px;margin:0 0 10px;text-transform:none;letter-spacing:normal}
.termsGateSelect:focus-visible,.termsGateBirthday input:focus-visible,.termsGateCheckRow input:focus-visible{outline:2px solid #7fb2ff;outline-offset:2px}
.termsGateBirthday{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;background:#151515;border:1px solid #333;border-radius:12px;padding:10px 12px;margin:0 0 10px;font-size:12px;color:#d8d8d8}
.termsGateBirthday .tgbQ{flex-basis:100%}
.termsGateBirthday label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.termsGateBirthday input{width:16px;height:16px;margin:0;padding:0;background:initial;border-radius:50%;text-transform:none;letter-spacing:normal;flex-shrink:0}
.termsGateMsg{min-height:1.2em;font-size:12px;line-height:1.45;color:#ffb4a8;margin:0 0 6px}
.termsGateMsg:empty{min-height:0;margin:0}
.termsGateBlockedText{color:#d8d8d8!important;font-size:13px!important;line-height:1.55!important}
.firstRunShade{display:none;position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:999998;align-items:center;justify-content:center;padding:18px;overflow:auto}
.firstRunShade.show{display:flex}
.firstRunCard{width:min(520px,100%);max-height:90vh;overflow:auto}
.firstRunCard h2{margin:0 0 4px;font-size:20px}
.firstRunSub{color:#8a8a8a;font-size:12px;margin:0 0 16px;line-height:1.45}
.firstRunOptions{display:flex;flex-direction:column;gap:9px;margin:14px 0}
.firstRunOption{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:#151515;border:1px solid #333;border-radius:12px;padding:13px 14px;color:#f0f0f0;font:inherit;font-size:14px;cursor:pointer}
.firstRunOption:hover{background:#1c1c1c;border-color:#4a4a4a}
.firstRunOption .fruIcon{font-size:18px;flex-shrink:0}
.firstRunOption .fruDesc{display:block;font-size:11px;color:#999;margin-top:2px}
.firstRunSkipRow{display:flex;justify-content:center;margin-top:4px}
.firstRunSkip{background:none;border:0;color:#8a8a8a;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer;padding:8px 10px}
.firstRunSkip:hover{color:#d0d0d0}
@media(max-width:520px){.termsGateFeatureGrid{grid-template-columns:1fr}}
.settingsBtn{width:100%;display:flex;align-items:center;gap:9px;border:1px solid transparent;background:transparent;color:#c9d7ef;padding:10px 11px;border-radius:11px;text-align:left;font-size:12px}
.settingsBtn:hover{background:#111f3b;border-color:#22385f}
.settingsShell{width:min(820px,100%);background:#0a1222;border:1px solid #253b62;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:190px 1fr;min-height:500px;box-shadow:0 28px 90px rgba(0,0,0,.55)}
.settingsNav{background:#0b162a;border-right:1px solid #20365a;padding:14px}
.settingsNavTitle{font-size:14px;font-weight:850;margin:5px 6px 15px;color:#eef5ff}
.settingsNavBtn{width:100%;border:0;background:transparent;color:#93a6c4;text-align:left;border-radius:9px;padding:10px 11px;margin-bottom:3px;font-size:11px;font-weight:700}
.settingsNavBtn:hover,.settingsNavBtn.active{background:#152541;color:#e8f1ff}
.settingsMain{padding:24px;min-width:0;max-height:72vh;overflow:auto}
.settingsPane{display:none}.settingsPane.active{display:block}
.settingsPane h3{margin:0 0 5px;font-size:20px}.settingsLead{color:#7790b8;font-size:11px;margin-bottom:20px;line-height:1.45}
.settingLine{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid #1c2c49}
.settingLine:last-child{border-bottom:0}.settingCopy{min-width:0}.settingTitle{font-size:12px;font-weight:800;color:#e8f1ff}.settingDesc{font-size:10px;color:#7185a6;margin-top:4px;line-height:1.4}
.accountHero{display:flex;align-items:center;gap:13px;padding:15px;background:#101d34;border:1px solid #263f69;border-radius:14px;margin-bottom:15px}
.accountAvatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f2f2f2;color:#08101d;font-size:18px;font-weight:900}
.accountMeta{min-width:0;flex:1}.accountName{font-size:13px;font-weight:850}.accountEmail{font-size:10px;color:#7389aa;margin-top:3px;overflow:hidden;text-overflow:ellipsis}
.settingsFooter{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid #20365a}
@media(max-width:700px){.settingsShell{grid-template-columns:1fr}.settingsNav{border-right:0;border-bottom:1px solid #20365a;display:flex;gap:4px;overflow:auto}.settingsNavTitle{display:none}.settingsNavBtn{width:auto;white-space:nowrap;margin:0}.settingsMain{max-height:none}}
.settingsBtn:hover{background:var(--hover)}
.settingsSelect{background:#151515;border:1px solid #3a3a3a;color:#fff;border-radius:9px;padding:9px;width:100%}
.toggle{position:relative;width:42px;height:24px;background:#263957;border-radius:999px;border:0;flex:0 0 auto}
.toggle:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.18s}
.toggle.on{background:#4f86d9}.toggle.on:after{left:21px}
.recentMenuBtn{
flex:0 0 auto;margin-left:auto;width:26px;height:26px;border:0;background:transparent;
color:#8b8b93;border-radius:7px;font-size:15px;line-height:1;cursor:pointer;
opacity:0;transition:opacity .12s ease,background .12s ease;
}
.recentRow:hover .recentMenuBtn,
.recentMenuBtn:focus-visible,
.recentMenuBtn.menuOpen{opacity:1}
.recentMenuBtn:hover,.recentMenuBtn.menuOpen{background:rgba(255,255,255,.10);color:#fff}
.recentMenu{
display:none;position:fixed;z-index:120;min-width:190px;padding:6px;
background:#1e1e1e;border:1px solid #333;border-radius:12px;
box-shadow:0 14px 38px rgba(0,0,0,.55);
}
.recentMenu.open{display:block}
.recentMenuItem{
display:block;width:100%;text-align:left;background:transparent;border:0;
color:#e6e6ea;padding:8px 11px;border-radius:8px;font-size:13px;cursor:pointer;
}
.recentMenuItem:hover{background:#2c2c2c}
.recentMenuItem.recentMenuDanger{color:#ff6b6b}
.recentMenuItem.recentMenuDanger:hover{background:#33201f}
.recentMenuSep{height:1px;margin:5px 7px;background:#333}
.recentRow{display:flex;align-items:center;gap:4px}
.recentRow .recentItem{flex:1;min-width:0}
.feedbackBar{display:flex;gap:5px;margin-top:8px}
.feedbackBtn{border:1px solid #343434;background:#151515;color:#7f94b6;border-radius:8px;padding:4px 7px;font-size:10px}
.feedbackBtn:hover,.feedbackBtn.sent{color:#dce8ff;border-color:#4e7dc3;background:#222222}
.usageDash{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:7px;margin-top:9px}
.usageBox{background:#151515;border:1px solid #20375f;border-radius:9px;padding:7px;text-align:center}
.usageNum{font-size:14px;font-weight:800;color:#dce9ff}.usageLabel{font-size:8px;color:#8a8a8a;margin-top:2px}
#pinnedMemoryList{max-height:264px;overflow-y:auto;padding-right:6px}
.lmsFieldRow{display:flex;gap:8px;flex-wrap:wrap}
.lmsFieldRow input{flex:1 1 190px;min-width:0;background:#151515;border:1px solid #3a3a3a;color:#fff;padding:11px;border-radius:10px}
.lmsHint{margin-top:8px}
.lmsReadOnly{margin-top:6px}
.lmsStep{display:flex;gap:10px;align-items:flex-start;margin-top:14px}
.lmsStepNum{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:#2d4a7a;color:#fff;
font-size:11px;font-weight:900;line-height:22px;text-align:center}
.lmsStepBody{flex:1 1 auto;min-width:0}
.lmsStepLabel{display:block;font-size:12px;font-weight:700;color:#e5e5e5;margin-bottom:2px}
.lmsFig{display:block;width:100%;max-width:330px;height:auto;margin:7px 0 9px;
color:#8fa8cc;background:#0d1626;border:1px solid #1c2c49;border-radius:10px;padding:7px}
.lmsConnectedRow{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.icRow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.icRow input{flex:1 1 150px;min-width:0;background:#151515;border:1px solid #3a3a3a;color:#fff;
padding:10px 11px;border-radius:8px;font-size:13px;text-transform:none;letter-spacing:0}
.icRow input:focus{outline:2px solid #ffb545;outline-offset:1px}
.icRow button{flex:0 0 auto}
#icDistrictPick{width:100%;background:#151515;border:1px solid #3a3a3a;color:#fff;
padding:10px;border-radius:8px;margin-bottom:8px;font-size:13px}
.lmsHost{flex:1 1 auto;min-width:0;font-size:12px;font-weight:700;color:#e5e5e5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lmsDot{width:8px;height:8px;border-radius:50%;background:#3ecf8e;flex:0 0 auto}
.lmsDot.lmsDot-warn{background:#e8a33d}
.lmsDot.lmsDot-bad{background:#e0544f}
.lmsDot.lmsDot-off{background:#4b5163}
.lmsHint.lmsHintBad{color:#ff8a84}
.lmsReconnect{color:#ff8a84;margin-top:8px}
html[data-theme="light"] .lmsDot.lmsDot-warn{background:#b86e00!important}
html[data-theme="light"] .lmsDot.lmsDot-bad{background:#c62828!important}
html[data-theme="light"] .lmsDot.lmsDot-off{background:#9aa0ad!important}
html[data-theme="light"] .lmsHint.lmsHintBad,html[data-theme="light"] .lmsReconnect{color:#b3261e!important}
.lmsProTag{font-size:8px;font-weight:900;letter-spacing:.09em;background:#2d4a7a;color:#fff;padding:2px 6px;border-radius:999px;vertical-align:2px;margin-left:6px}
.plannerSyncBtn{width:auto;padding:0 11px;font-size:11px;font-weight:700}
html[data-theme="light"] .lmsHost{color:#16161a!important}
html[data-theme="light"] .lmsProTag{background:#e6ecf7!important;color:#2d4a7a!important}
.pinnedRow{display:flex;align-items:flex-start;gap:8px;padding:9px 0;border-bottom:1px solid #1c2c49}
.pinnedRow:last-child{border-bottom:0}
.pinnedRowText{flex:1;color:#c9d7ed;font-size:10px;line-height:1.4;overflow-wrap:anywhere;min-width:0}
@media(max-width:650px){.usageDash{grid-template-columns:1fr 1fr}}
.primaryAction{background:#f2f2f2;color:#07101e}.secondaryAction{background:#172647;color:#dce8ff}
.main{min-width:0;height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(6,12,29,.42),rgba(4,8,20,.58))}
.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.04);position:relative}
.topbar > div:first-of-type{min-width:0;overflow:hidden}
.chatTitle{font-size:14px;font-weight:700;color:#d9d9d9;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chatContextWrap{position:relative;margin-top:4px;max-width:min(420px,70vw)}
.chatContextChip{display:inline-flex;align-items:center;gap:6px;max-width:100%;min-height:25px;padding:4px 8px;border:1px solid #343438;border-radius:999px;background:#171719;color:#bdbdc5;font-size:9px;font-weight:750;cursor:pointer}
.chatContextChip::before{content:'Working with:';color:#767680;font-weight:650}
.chatContextChip:hover{border-color:#4a4a50;color:#fff}
.chatContextMenu{position:absolute;left:0;top:32px;z-index:70;width:min(360px,82vw);padding:8px;border:1px solid #343438;border-radius:12px;background:#141416;box-shadow:0 16px 45px rgba(0,0,0,.36)}
.chatContextMenuHead{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 4px 8px;font-size:10px;font-weight:850}
.chatContextFile{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-top:1px solid #26262a;font-size:9px}
.chatContextFile a{color:#ddd;text-decoration:none;font-weight:700}.chatContextFile span{color:#777}
.chatContextClear{border:0;background:transparent;color:#8f8f98;font-size:9px;cursor:pointer;padding:4px}.chatContextClear:hover{color:#fff}
html[data-theme="light"] .chatContextChip{background:#f6f6f8;border-color:#d8d8dd;color:#444}
html[data-theme="light"] .chatContextMenu{background:#fff;border-color:#ddd;box-shadow:0 14px 35px rgba(0,0,0,.12)}
@media(max-width:700px){.chatContextWrap{max-width:58vw}.chatContextChip::before{content:''}.chatContextMenu{position:fixed;left:12px;right:12px;top:76px;width:auto}}
.mode{font-size:12px;color:#6f6f6f;margin-top:2px}
.ready{display:flex;align-items:center;gap:7px;color:#888;font-size:11px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(183,255,90,.6)}
#chatLog{flex:1;overflow-y:auto;padding:28px 7vw 175px;display:flex;flex-direction:column;gap:18px;scroll-behavior:smooth}
.welcome{margin:auto;text-align:center;max-width:650px;padding:30px 20px;color:#737373}
.welcome h1{margin:0 0 8px;color:#f1f1f1;font-size:31px;letter-spacing:-1px}
.welcome p{margin:0;font-size:14px;line-height:1.5}
.welcomeGuestHint{margin:14px 0 0;font-size:13px;color:#8b8b8b}
.welcomeGuestHint a{color:#7db5ff;text-decoration:underline;cursor:pointer}
.message{width:100%;display:flex}
.message.user{justify-content:flex-end}
.message.ai{justify-content:flex-start}
.bubble{max-width:min(760px,78%);padding:11px 13px;border-radius:14px;background:#171717;border:1px solid #252525;white-space:pre-wrap;overflow-wrap:anywhere;font-family:"Source Serif 4",Georgia,"Times New Roman",serif;font-size:14.5px;line-height:1.65;color:#eaeaea}
.message.user .bubble{background:#16386f;border-color:#2859a1;color:#eef6ff}
.message.ai .bubble{background:transparent;border-color:transparent;padding-left:0}
.attachmentLine{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:8px}
.chatAttachment{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border-radius:10px;background:#1c1c1c;border:1px solid #303030;color:#d8d8d8;font-size:11px;max-width:260px}
.chatAttachment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.composerArea{position:absolute;left:248px;right:0;bottom:0;padding:18px 7vw 22px;background:linear-gradient(to top,#050a18 74%,rgba(5,10,24,0))}
.composer{max-width:760px;margin:0 auto;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
.attachmentTray{display:none;gap:8px;flex-wrap:wrap;padding:2px 4px 8px}
.replyPreviewTray{display:none;padding:2px 4px 8px}
.replyPreviewChip{display:flex;align-items:flex-start;gap:8px;background:#182142;border:1px solid #2d3f6f;border-left:3px solid #6fa2ff;border-radius:10px;padding:7px 9px}
.replyPreviewChip .replyPreviewBody{flex:1;min-width:0}
.replyPreviewChip .replyPreviewLabel{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#7ea2e6;margin-bottom:2px}
.replyPreviewChip .replyPreviewText{font-size:12.5px;color:#c7d4f2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.replyPreviewChip .removeReply{background:none;border:0;color:#8a9ac0;font-size:15px;cursor:pointer;line-height:1;padding:2px 4px}
.replyPreviewChip .removeReply:hover{color:#eaf1ff}
.messageQuoteRef{font-size:12.5px;color:#8a9ac0;font-style:italic;margin-bottom:4px;opacity:.85}
body.fileDragOver::after{content:'Drop to attach to Entity AI';position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;background:rgba(6,12,29,.72);color:#eaf1ff;font-size:19px;font-weight:800;letter-spacing:-.01em;border:3px dashed #6fa2ff;box-sizing:border-box;pointer-events:none}
.fileChip{display:flex;align-items:center;gap:8px;background:#202020;border:1px solid #303030;border-radius:12px;padding:7px 9px;max-width:230px}
.fileIcon{width:27px;height:27px;border-radius:8px;background:#2b2b2b;display:grid;place-items:center;font-size:14px;flex:0 0 auto}
.fileInfo{min-width:0;line-height:1.15}
.fileName{font-size:11px;color:#ddd;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:145px}
.fileType{font-size:9px;color:#777;margin-top:3px}
.removeFile{border:0;background:transparent;color:#888;font-size:15px;padding:1px 3px}
.removeFile:hover{color:#fff}
.composerInner{display:flex;align-items:flex-end;gap:8px;
background:rgba(12,22,47,.92);border:1px solid #29416f;border-radius:22px;padding:9px 12px;
box-shadow:0 14px 45px rgba(0,0,0,.35);transition:border-color .16s ease,box-shadow .16s ease}
.composerInner:focus-within{border-color:#6fa2ff;box-shadow:0 14px 45px rgba(0,0,0,.35),0 0 0 3px rgba(111,162,255,.18)}
.composerControls{display:flex;align-items:center;gap:8px;padding:7px 6px 0;background:none;border:0}
.composerControls .modelPickerWrap{margin-left:auto}
html[data-theme="light"] .composerInner{background:#ffffff!important;border-color:#d9d9de!important;box-shadow:0 8px 28px rgba(0,0,0,.08)!important}
.attachBtn{width:38px;height:38px;border:0;background:transparent;color:#d7d7d7;border-radius:50%;font-size:24px;display:grid;place-items:center;flex:0 0 auto}
.attachBtn:hover{background:#172647}
.plusWrap{position:relative;flex:0 0 auto}
.menuSub{display:block;color:#7389b1;font-size:9px;font-weight:500;margin-top:2px}
.menuState{font-size:9px;color:#8fbaff}
#autoAnswerOverlay{position:fixed;bottom:24px;right:24px;width:260px;background:rgba(10,10,10,.96);border:1px solid #3a3a3a;border-radius:12px;box-shadow:0 18px 45px rgba(0,0,0,.5);z-index:9999;color:#eee;font-size:12px;user-select:none}
@media(max-width:360px){#autoAnswerOverlay{width:calc(100vw - 24px);right:12px;left:12px}}
#autoAnswerOverlayHead{display:flex;align-items:center;gap:8px;padding:9px 10px;border-bottom:1px solid #2b2b2b;cursor:grab;font-weight:700}
#autoAnswerOverlayHead .screenStatusDot{width:8px;height:8px}
#autoAnswerOverlayClose{margin-left:auto;background:transparent;border:0;color:#999;font-size:15px;cursor:pointer;line-height:1}
#autoAnswerOverlayBody{padding:10px}
#autoAnswerOverlayText{color:#aaa;margin-bottom:8px;max-height:220px;overflow-y:auto;line-height:1.4;white-space:pre-wrap;user-select:text;overscroll-behavior:contain}
#autoAnswerOverlayScanBtn{width:100%;background:#1f2937;border:1px solid #3a3a3a;color:#fff;border-radius:8px;padding:8px;font-size:11px;cursor:pointer}
.voiceChip,.traitChip{border:1px solid #29416f;background:transparent;color:#9db6e0;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700;cursor:pointer}
.voiceChip:hover,.traitChip:hover{background:#15264a}
.voiceChip.active,.traitChip.active{background:#2f5fd8;border-color:#2f5fd8;color:#fff}
.screenStatus{display:none;align-items:center;gap:8px;padding:7px 9px;margin:0 4px 8px;border:1px solid #29416f;border-radius:11px;background:#151515;color:#cfe2ff;font-size:10px}
.screenStatus.show{display:flex}
.screenStatusDot{width:7px;height:7px;border-radius:50%;background:#f2f2f2;box-shadow:0 0 10px rgba(110,168,255,.7)}
.screenStatus.auto .screenStatusDot{background:#7dffb2;box-shadow:0 0 10px rgba(125,255,178,.6)}
.screenStatusText{flex:1}
#screenStatus{align-items:flex-start}
#screenStatus .screenStatusDot{margin-top:3px;flex-shrink:0}
.screenStatusStack{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.screenStatusDetail{color:#93a9cb;font-size:9px;line-height:1.35;word-break:break-word}
.srOnly{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.screenStatusDetail:empty{display:none}
.screenScanBar{display:none;height:2px;border-radius:2px;background:#22345a;overflow:hidden;margin-top:2px}
.screenStatus.sCount .screenScanBar{display:block}
.screenScanBar i{display:block;height:100%;width:0%;background:#7dffb2;border-radius:2px}
.screenStatus.auto .screenStatusDot{background:#7dffb2!important;box-shadow:0 0 10px rgba(125,255,178,.6)!important}
.screenStatus.sBusy .screenStatusDot{background:#ffd479!important;box-shadow:0 0 10px rgba(255,212,121,.6)!important}
.screenStatus.sBusy .screenScanBar i{background:#ffd479}
.screenStatus.sWarn .screenStatusDot{background:#ffb454!important;box-shadow:0 0 10px rgba(255,180,84,.6)!important}
.screenStatus.sStop .screenStatusDot{background:#ff8080!important;box-shadow:0 0 10px rgba(255,128,128,.6)!important}
.screenStatus.sStop .screenStatusText{color:#ffc9c9!important}
html[data-theme="light"] .screenStatusDetail{color:#5f6b7d!important}
html[data-theme="light"] .screenAdvanced>summary{color:#16161a!important}
html[data-theme="light"] .screenAdvanced>summary:before{color:#6b6b73!important}
html[data-theme="light"] .screenAdvancedBody .screenTabCard{background:#ffffff!important}
html[data-theme="light"] .screenScanBar{background:#e4e4ea!important}
html[data-theme="light"] .screenScanBar i{background:#1f9d4d!important}
html[data-theme="light"] .screenStatus.auto .screenStatusDot{background:#1f9d4d!important;box-shadow:none!important}
html[data-theme="light"] .screenStatus.sBusy .screenStatusDot{background:#b8791a!important;box-shadow:none!important}
html[data-theme="light"] .screenStatus.sBusy .screenScanBar i{background:#b8791a!important}
html[data-theme="light"] .screenStatus.sWarn .screenStatusDot{background:#b8791a!important;box-shadow:none!important}
html[data-theme="light"] .screenStatus.sStop .screenStatusDot{background:#c22b2b!important;box-shadow:none!important}
html[data-theme="light"] .screenStatus.sStop .screenStatusText{color:#a11f1f!important}
#answersPopoutView{display:none;position:fixed;inset:0;background:#000;color:#f2f2f2;flex-direction:column;z-index:99999}
.answersPopoutHead{display:flex;align-items:baseline;gap:8px;padding:10px 14px;border-bottom:1px solid #222;font-size:13px;font-weight:800;flex-shrink:0}
.answersPopoutSub{font-size:10px;color:#8a8a8a;font-weight:700}
.answersPopoutStatus{display:flex;flex-direction:column;gap:2px;padding:8px 14px;border-bottom:1px solid #222;flex-shrink:0;font-size:11px;font-weight:700;color:#cfe2ff}
.answersPopoutStatusDetail{font-size:9px;font-weight:600;color:#93a9cb;line-height:1.35;word-break:break-word}
.answersPopoutStatusDetail:empty{display:none}
.answersPopoutList{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:10px}
.answersPopoutCard{background:#111;border:1px solid #262626;border-radius:10px;padding:10px 12px;flex-shrink:0}
.answersPopoutQ{font-size:11px;color:#9a9a9a;margin-bottom:4px;font-weight:700}
.answersPopoutA{font-size:13px;color:#fff;white-space:pre-wrap;line-height:1.45;word-break:break-word}
.answersPopoutTime{font-size:9px;color:#666;margin-top:6px}
.answersPopoutEmpty{color:#777;font-size:12px;text-align:center;padding:30px 10px}
.screenStop{border:0;background:#172647;color:#dce8ff;border-radius:8px;padding:5px 8px;font-size:9px;font-weight:700}
.screenStop.modeOn{background:#3d6bff;color:#fff;box-shadow:0 0 0 1px #7c9fff inset}
#screenPreviewWrap{display:none;padding:4px 4px 9px}
#screenPreviewCard{display:flex;align-items:center;gap:10px;background:#151515;border:1px solid #29416f;border-radius:12px;padding:8px 10px}
#screenPreview{width:92px;height:52px;object-fit:cover;border-radius:8px;background:#050816;border:1px solid #22365d}
#cameraPreviewWrap{display:none;padding:4px 4px 9px}
#cameraPreviewCard{display:flex;align-items:center;gap:10px;background:#151515;border:1px solid #29416f;border-radius:12px;padding:8px 10px}
#cameraPreview{width:92px;height:52px;object-fit:cover;border-radius:8px;background:#050816;border:1px solid #22365d}
.screenMeta{min-width:0;flex:1}.screenMetaTitle{font-size:11px;font-weight:750;color:#dceaff}.screenMetaSub{font-size:9px;color:#7790b8;margin-top:3px}
#chatInput{flex:1;min-height:42px;max-height:170px;resize:none;border:0;outline:0;background:transparent;color:var(--text);padding:10px 5px;font-size:14px;line-height:1.45}
#chatInput::placeholder{color:#666}
#sendBtn{width:38px;height:38px;border-radius:50%;border:0;background:var(--accent);color:#0a0a0a;font-size:18px;font-weight:900;display:grid;place-items:center;flex:0 0 auto}
#sendBtn:disabled{opacity:.35;cursor:not-allowed}
#voiceModeBtn{width:38px;height:38px;border:0;background:transparent;color:#d7d7d7;border-radius:50%;font-size:17px;display:grid;place-items:center;flex:0 0 auto;transition:background .15s,color .15s,box-shadow .15s}
#voiceModeBtn:hover{background:#172647}
#voiceModeBtn.voiceOn{background:#2f5fd8;color:#fff;box-shadow:0 0 0 3px rgba(47,95,216,.25)}
.composerMeta{display:flex;align-items:center;justify-content:space-between;padding:3px 5px 0;color:#555;font-size:10px}
.composerDisclaimer{max-width:760px;margin:7px auto 0;padding:0 10px;text-align:center;font-size:10.5px;line-height:1.5;color:#6b7280}
.composerDisclaimer .disclaimerNarrow{display:none}
.composerDisclaimer #composerFeedbackLink{background:none;border:0;padding:0;margin:0;color:#6b7280;text-decoration:underline;font:inherit;cursor:pointer}
.composerDisclaimer #composerFeedbackLink:hover{color:#9bb3d6}
#chatStatus{min-height:14px;color:#777}
.error{color:var(--danger)!important}
#fileInput{display:none}
@media(max-width:760px){
.app{grid-template-columns:1fr}
.sidebar{display:none}
.composerArea{left:0;padding-left:14px;padding-right:14px}
#chatLog{padding-left:16px;padding-right:16px}
.bubble{max-width:90%}
}
:root{
--entity-bg:#07101f;
--entity-vv-bottom:0px;
--entity-keyboard:0px;
--entity-safe-bottom:env(safe-area-inset-bottom,0px);
}
body{
background:
radial-gradient(circle at 16% 12%,color-mix(in srgb,var(--entity-bg,#07101f) 48%,#4f8cff 52%) 0%,transparent 34%),
radial-gradient(circle at 86% 18%,color-mix(in srgb,var(--entity-bg,#07101f) 58%,#9b5cff 42%) 0%,transparent 32%),
radial-gradient(circle at 52% 88%,color-mix(in srgb,var(--entity-bg,#07101f) 72%,#0b0f1d 28%) 0%,transparent 42%),
linear-gradient(145deg,
color-mix(in srgb,var(--entity-bg,#07101f) 88%,#111a32 12%) 0%,
var(--entity-bg,#07101f) 48%,
color-mix(in srgb,var(--entity-bg,#07101f) 76%,#020711 24%) 100%)!important;
background-attachment:fixed!important;
}
.app,.main{
background-color:transparent!important;
}
.main{
background:
radial-gradient(circle at 22% 18%,color-mix(in srgb,var(--entity-bg,#07101f) 58%,#4f8cff 42%) 0%,transparent 36%),
radial-gradient(circle at 80% 28%,color-mix(in srgb,var(--entity-bg,#07101f) 66%,#8d5cff 34%) 0%,transparent 34%),
linear-gradient(155deg,
color-mix(in srgb,var(--entity-bg,#07101f) 90%,#13203d 10%) 0%,
var(--entity-bg,#07101f) 52%,
color-mix(in srgb,var(--entity-bg,#07101f) 78%,#020611 22%) 100%)!important;
}
.composerArea{
background:linear-gradient(
to top,
color-mix(in srgb,var(--entity-bg,#07101f) 96%,black 4%) 74%,
transparent
)!important;
}
button,.primaryAction,.secondaryAction{
appearance:none;
-webkit-appearance:none;
font:inherit;
cursor:pointer;
border-radius:12px;
transition:background .16s ease,border-color .16s ease,transform .08s ease,box-shadow .16s ease,opacity .16s ease;
}
button:active{transform:translateY(1px)}
button:disabled,.primaryAction:disabled,.secondaryAction:disabled{
opacity:.45;
cursor:not-allowed;
box-shadow:none!important;
transform:none!important;
}
.primaryAction{
min-height:42px;
padding:10px 17px;
border:1px solid rgba(255,255,255,.14)!important;
background:linear-gradient(180deg,#f0f0f0 0%,#5f9bea 100%)!important;
color:#06101e!important;
font-weight:850!important;
box-shadow:0 7px 20px rgba(73,135,225,.22);
}
.primaryAction:hover{
background:linear-gradient(180deg,#8bc2ff 0%,#6ca6f3 100%)!important;
box-shadow:0 9px 24px rgba(73,135,225,.28);
}
.secondaryAction{
min-height:42px;
padding:10px 17px;
border:1px solid #2b466f!important;
background:#13233f!important;
color:#dce9ff!important;
font-weight:800!important;
box-shadow:none!important;
}
.secondaryAction:hover{
background:#1a2d4e!important;
border-color:#40618f!important;
}
#settingsModal{
padding:16px!important;
overflow:hidden!important;
}
#settingsModal.show{
display:flex!important;
}
#settingsModal .settingsShell{
width:min(860px,calc(100vw - 32px))!important;
height:min(720px,calc(100dvh - 32px))!important;
max-height:calc(100dvh - 32px)!important;
min-height:0!important;
overflow:hidden!important;
grid-template-columns:190px minmax(0,1fr)!important;
}
#settingsModal .settingsMain{
height:100%!important;
max-height:none!important;
min-height:0!important;
overflow-y:auto!important;
overscroll-behavior:contain;
scrollbar-gutter:stable;
padding:24px 24px 0!important;
}
#settingsModal .settingsFooter{
position:sticky!important;
bottom:0!important;
z-index:20!important;
margin:20px -24px 0!important;
padding:14px 24px calc(14px + env(safe-area-inset-bottom,0px))!important;
background:linear-gradient(180deg,rgba(10,18,34,.86),#0a1222 28%)!important;
border-top:1px solid #20365a!important;
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
display:flex!important;
justify-content:flex-end!important;
gap:9px!important;
}
#settingsModal .settingsFooter .secondaryAction,
#settingsModal .settingsFooter .primaryAction{
width:auto!important;
min-width:92px!important;
margin:0!important;
}
#settingsMessage{
padding:0 0 16px!important;
}
.settingsSaveToast{
position:fixed;
left:50%;
bottom:max(86px,calc(72px + env(safe-area-inset-bottom,0px)));
z-index:2147483600;
display:flex;
align-items:center;
gap:8px;
max-width:min(360px,calc(100vw - 32px));
padding:10px 14px;
border-radius:12px;
background:#171817;
color:#f5f5f5;
border:1px solid #353735;
box-shadow:0 12px 36px rgba(0,0,0,.28);
font-size:12px;
font-weight:750;
opacity:0;
pointer-events:none;
transform:translate(-50%,10px);
transition:opacity .16s ease,transform .16s ease;
}
.settingsSaveToast.show{opacity:1;transform:translate(-50%,0)}
.settingsSaveToastIcon{
width:20px;height:20px;border-radius:50%;
display:grid;place-items:center;flex:0 0 20px;
background:#1f8f55;color:#fff;font-size:12px;font-weight:900;
}
.settingsSaveToast.error .settingsSaveToastIcon{background:#c9434d}
html[data-theme="light"] .settingsSaveToast{
background:#fff;color:#18191c;border-color:#dddddf;
box-shadow:0 12px 34px rgba(0,0,0,.14);
}
.colorPickerWrap{display:flex;align-items:center;gap:10px;width:100%}
.colorPicker{
width:58px!important;
height:44px!important;
padding:3px!important;
border-radius:12px!important;
background:#151515!important;
border:1px solid #3a3a3a!important;
cursor:pointer;
}
.colorPreset{
height:40px!important;
min-height:40px!important;
padding:0!important;
border-radius:11px!important;
border:2px solid transparent!important;
}
.colorPreset.active{
border-color:#fff!important;
box-shadow:0 0 0 2px rgba(255,255,255,.45)!important;
}
@media(max-width:760px){
body{
background:
radial-gradient(circle at 15% 8%,color-mix(in srgb,var(--entity-bg,#07101f) 55%,#4f8cff 45%) 0%,transparent 34%),
linear-gradient(155deg,var(--entity-bg,#07101f),color-mix(in srgb,var(--entity-bg,#07101f) 75%,#050914 25%))!important;
}
.main{
background:
radial-gradient(circle at 82% 14%,color-mix(in srgb,var(--entity-bg,#07101f) 62%,#8d5cff 38%) 0%,transparent 34%),
linear-gradient(155deg,var(--entity-bg,#07101f),color-mix(in srgb,var(--entity-bg,#07101f) 78%,#040812 22%))!important;
}
#settingsModal{
align-items:flex-end!important;
padding:8px!important;
padding-bottom:calc(8px + var(--entity-vv-bottom))!important;
}
#settingsModal .settingsShell{
width:100%!important;
height:min(88dvh,calc(100dvh - 16px - var(--entity-vv-bottom)))!important;
max-height:calc(100dvh - 16px - var(--entity-vv-bottom))!important;
grid-template-columns:1fr!important;
grid-template-rows:auto minmax(0,1fr)!important;
border-radius:18px!important;
}
#settingsModal .settingsNav{
display:flex!important;
overflow-x:auto!important;
-webkit-overflow-scrolling:touch;
gap:5px!important;
padding:9px!important;
border-right:0!important;
border-bottom:1px solid #20365a!important;
scrollbar-width:none;
}
#settingsModal .settingsNav::-webkit-scrollbar{display:none}
#settingsModal .settingsNavTitle{display:none!important}
#settingsModal .settingsNavBtn{
width:auto!important;
flex:0 0 auto!important;
min-height:44px!important;
padding:10px 13px!important;
white-space:nowrap!important;
}
#settingsModal .settingsMain{
padding:15px 15px 0!important;
height:100%!important;
max-height:none!important;
overflow-y:auto!important;
-webkit-overflow-scrolling:touch;
}
#settingsModal .settingsFooter{
margin:18px -15px 0!important;
padding:12px 15px calc(12px + env(safe-area-inset-bottom,0px))!important;
gap:8px!important;
}
#settingsModal .settingsFooter button{
flex:1!important;
width:auto!important;
min-width:0!important;
min-height:46px!important;
}
.colorPickerWrap{align-items:stretch}
input,select,textarea{font-size:16px!important}
}
.composerArea{background:linear-gradient(to top,var(--entity-bg,#07101f) 74%,transparent)!important}
.announcementPopupShade{
display:none;
position:fixed;
inset:0;
z-index:180;
background:rgba(2,7,16,.72);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
align-items:center;
justify-content:center;
padding:18px;
}
.announcementPopupShade.show{display:flex}
.announcementPopup{
width:min(470px,100%);
background:linear-gradient(180deg,#0f1c34 0%,#0b1426 100%);
border:1px solid #2b4b7b;
border-radius:22px;
box-shadow:0 30px 90px rgba(0,0,0,.58);
overflow:hidden;
}
.announcementPopupTop{
display:flex;
align-items:center;
gap:11px;
padding:18px 19px 12px;
}
.announcementPopupIcon{
width:38px;
height:38px;
border-radius:13px;
display:grid;
place-items:center;
background:linear-gradient(180deg,#f0f0f0,#5f9bea);
color:#07101f;
font-size:18px;
}
.announcementPopupTitle{font-size:15px;font-weight:900;color:#f2f2f2}
.announcementPopupSub{font-size:10px;color:#8d8d8d;margin-top:2px}
.announcementPopupBody{
padding:4px 19px 18px;
color:#dbe8fb;
font-size:12px;
line-height:1.6;
white-space:pre-wrap;
overflow-wrap:anywhere;
}
.announcementPopupActions{
display:flex;
justify-content:flex-end;
padding:13px 19px 18px;
border-top:1px solid #1d3152;
}
.announcementPopupActions .primaryAction{min-width:96px}
@media(max-width:760px){
.announcementPopupShade{align-items:flex-end;padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
.announcementPopup{border-radius:20px 20px 16px 16px}
.announcementPopupActions .primaryAction{width:100%}
}
.screenHistoryShell{
width:min(760px,calc(100vw - 30px));
max-height:min(760px,calc(100dvh - 30px));
background:#0d0d0d;border:1px solid #3a3a3a;border-radius:20px;
box-shadow:0 26px 80px rgba(0,0,0,.55);padding:20px;
display:flex;flex-direction:column;gap:12px;overflow:hidden
}
.screenHistoryHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.screenHistoryHead h3{margin:0 0 4px;font-size:20px}
#screenHistorySearch{
width:100%;background:#151515;border:1px solid #3a3a3a;color:#eef5ff;
padding:12px 13px;border-radius:12px;outline:none
}
#screenHistoryPanel{overflow-y:auto;min-height:120px;padding-right:4px}
.screenHistoryCard{
background:#141414;border:1px solid #2c2c2c;border-radius:14px;padding:13px;margin-bottom:9px
}
.screenHistoryQuestion{font-size:11px;font-weight:850;color:#f0f0f0;margin-bottom:7px;white-space:pre-wrap}
.screenHistoryAnswer{font-size:11px;color:#b0b0b0;line-height:1.5;white-space:pre-wrap}
.screenHistoryMeta{font-size:9px;color:#6a6a6a;margin-top:8px}
.supportInbox{margin-top:14px;border-top:1px solid #2c2c2c;padding-top:14px}
.supportMessage{
border:1px solid #2c2c2c;border-radius:13px;padding:11px;margin-bottom:8px;background:#141414
}
.supportMessage.admin{border-color:#3a3a3a;background:#1c1c1c}
.supportMessageHead{display:flex;gap:8px;justify-content:space-between;font-size:10px;font-weight:850}
.supportMessageTime{font-size:8px;color:#7d7d7d}
.supportMessageBody{white-space:pre-wrap;font-size:10px;line-height:1.5;color:#c5c5c5;margin-top:6px}
.supportMessageSubject{color:#dce8ff}
.supportUnreadBadge{
display:none;margin-left:auto;background:#f2f2f2;color:#07101f;border-radius:999px;
min-width:20px;height:20px;padding:0 6px;align-items:center;justify-content:center;font-size:9px;font-weight:900
}
.supportUnreadBadge.show{display:inline-flex}
.supportPopupShade{
display:none;position:fixed;inset:0;z-index:190;background:rgba(0,0,0,.72);
backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:18px
}
.supportPopupShade.show{display:flex}
.supportPopup{
width:min(470px,100%);background:linear-gradient(180deg,#161616,#101010);
border:1px solid #333333;border-radius:20px;padding:19px;box-shadow:0 30px 90px rgba(0,0,0,.58)
}
.supportPopup h3{margin:0 0 4px}.supportPopup p{white-space:pre-wrap;color:#c5c5c5;line-height:1.5;font-size:11px}
.supportPopupActions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
html,body{height:100%;min-height:100%;overflow:hidden}
.app{height:100dvh!important;min-height:0!important;overflow:hidden!important}
.main{height:100dvh!important;min-height:0!important;overflow:hidden!important}
#chatLog{min-height:0!important;padding-bottom:calc(var(--composerH,198px) + var(--entity-vv-bottom,0px) + 24px)!important}
.composerArea{
position:fixed!important;
left:248px!important;
right:0!important;
bottom:0!important;
z-index:90!important;
padding-bottom:max(14px,env(safe-area-inset-bottom,0px))!important;
}
@media(max-width:760px){
.composerArea{left:0!important}
.screenHistoryShell{width:100%;max-height:calc(100dvh - 16px);border-radius:18px;padding:14px}
.supportPopupShade{align-items:flex-end;padding:9px;padding-bottom:calc(9px + env(safe-area-inset-bottom,0px))}
}
.app{grid-template-columns:248px minmax(0,1fr)!important}
.sidebar{
width:248px!important;
background:#111111!important;
border-right:1px solid #242424!important;
padding:12px 10px 10px!important;
display:flex!important;
flex-direction:column!important;
min-height:0!important;
overflow:hidden!important;
}
.sideBrand{
display:flex;align-items:center;gap:10px;
padding:7px 8px 14px;
}
.brandName{font-size:15px;font-weight:900;color:#f0f0f0}
.sidebarTabs{display:flex;flex-direction:column;gap:1px;padding:0 2px 9px;margin-bottom:6px;border-bottom:1px solid #242424;flex:0 0 auto}
.sidebarTabBtn{
width:100%;display:flex;flex-direction:row;align-items:center;gap:9px;
background:transparent!important;border:none!important;border-radius:8px!important;
padding:7px 8px!important;cursor:pointer;color:#9a9a9a!important;font-size:12.5px!important;font-weight:600!important;
letter-spacing:0;position:relative;transition:color .15s,background .15s;text-align:left!important
}
.sidebarTabIcon{flex:0 0 16px;display:flex;align-items:center;justify-content:center;color:inherit}
.sidebarTabScroll{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.sidebarTabPanel{display:none;flex-direction:column;min-height:0;flex:1;overflow-y:auto;padding-bottom:16px}
.sidebarTabPanel .sideSection+.sideSection{margin-top:10px}
.sidebarTabPanel.active{display:flex}
.sideSectionHint{padding:0 8px 8px;font-size:9px;line-height:1.5;color:#7a7a7a}
.sidePrimary{display:flex;flex-direction:column;gap:3px}
.sideNavBtn{
width:100%;min-height:40px;
display:flex;align-items:center;gap:10px;
background:transparent!important;
color:#c9c9c9!important;
border:1px solid transparent!important;
border-radius:10px!important;
padding:8px 10px!important;
text-align:left!important;
font-size:13.5px!important;
font-weight:500!important;
}
.sideNavBtn:hover{background:#1c1c1c!important;color:#fff!important}
.sideNavBtn.primary{color:#f5f5f5!important}
.sideNavIcon{width:18px;flex:0 0 18px;text-align:center;font-size:14px}
.sideNavState{margin-left:auto;font-size:9px;font-weight:800;color:#787878}
.sideNavBtn.modeOn .sideNavState{color:#fff}
.sideNavBtn.modeOn{background:#1a1a1a;border-color:#3a3a3a}
.sideNavBtn.modeOn .sideNavIcon{filter:brightness(1.4)}
.studyProBanner{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 10px;padding:10px 12px;border:1px solid #20375f;background:rgba(10,22,45,.72);border-radius:10px;font-size:11px;line-height:1.4;color:#b9c8e6}
.studyProBanner b{color:#fff}
.studyProBannerBtn{border:0;background:#2f5fd8;color:#fff;border-radius:8px;padding:6px 10px;font-size:10px;font-weight:800;cursor:pointer;flex:0 0 auto}
.studyProBannerBtn:hover{background:#3d6bff}
.studyProBanner{flex-wrap:wrap}
.app.sideFolded .studyProBanner{display:none!important}
html[data-theme="light"] .studyProBanner{background:#eef3ff!important;border-color:#c7d5f4!important;color:#2c3a58!important}
html[data-theme="light"] .studyProBanner b{color:#111!important}
html[data-theme="light"] .studyProBannerBtn{background:#2f5fd8!important;color:#fff!important}
html[data-theme="light"] .studyProBannerBtn:hover{background:#244fc0!important}
.sideHiddenTools{display:none!important}
.app:not(.sideFolded) #sidebarTabPanelChats .recentsSection{min-height:min(260px,50vh)!important;min-height:min(260px,50dvh)!important}
.sideToolPickerHost .writingLevelMenu{position:fixed!important;left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%);width:min(320px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;z-index:2147483000}
.sideMissedToast{position:fixed;left:50%;top:calc(14px + env(safe-area-inset-top,0px));transform:translateX(-50%);width:max-content;max-width:min(420px,calc(100vw - 32px));box-sizing:border-box;padding:10px 14px;border:1px solid #3a3a3a;border-radius:10px;background:#1c1c1c;color:#f5f5f5;font-size:13px;line-height:1.4;text-align:center;box-shadow:0 12px 32px rgba(0,0,0,.45);z-index:2147483000;pointer-events:none;opacity:0;transition:opacity .15s ease}
.sideMissedToast.show{opacity:1}
html[data-theme="light"] .sideMissedToast{background:#ffffff!important;border-color:#d5d5db!important;color:#16161a!important;box-shadow:0 12px 32px rgba(0,0,0,.14)!important}
.sidebarDivider{height:1px;background:#242424;margin:10px 2px}
.sideSection{min-height:0;margin-top:2px}
.sideSectionHead{
display:flex;align-items:center;justify-content:space-between;
color:#8a8a8a;font-size:12px;font-weight:600;
letter-spacing:normal;padding:7px 8px
}
.sideSection.collapsible .sideSectionHead{cursor:pointer;user-select:none;border-radius:8px}
.sideSection.collapsible .sideSectionHead:hover{background:#1c1c1c;color:#d0d0d0}
.sideSectionCaret{font-size:8px;opacity:.75;transition:transform .15s ease;flex:0 0 auto}
.sideSection.collapsible.expanded .sideSectionCaret{transform:rotate(90deg)}
.recentsClearAllBtn{background:none;border:none;color:#7a7a7a;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;padding:2px 5px;border-radius:4px;flex:0 0 auto}
.recentsClearAllBtn:hover{color:#ff6b6b;background:#241414}
.recentsDownloadAllBtn:hover{color:#e0e0e0;background:#1c1c1c}
.sideSection.collapsible .sideSectionBody{display:none}
.sideSection.collapsible.expanded .sideSectionBody{display:flex}
.app.sideFolded .sideSection.collapsible .sideSectionBody{display:flex!important}
.projectSidebarList{display:flex;flex-direction:column;gap:2px;max-height:150px;overflow:auto}
.projectSideItem{
display:flex;align-items:center;gap:8px;min-height:34px;
padding:7px 9px;border-radius:9px;color:#bdbdbd;font-size:10px;cursor:pointer
}
.projectSideItem:hover,.projectSideItem.active{background:#1c1c1c;color:#fff}
.projectDot{width:7px;height:7px;border-radius:2px;background:#f2f2f2;flex:0 0 auto}
.recentsSection{flex:1;min-height:0;display:flex;flex-direction:column}
.recents{overflow-y:auto!important;min-height:0!important;max-height:none!important}
.recentRow{border-radius:9px!important;padding:0!important}
.recentRow:hover{background:#1c1c1c}
.recentItem{
min-height:34px!important;padding:8px 9px!important;border-radius:9px!important;
color:#c9c9c9!important;font-size:13px!important
}
.recentRow:hover .recentMenuBtn{opacity:1}
.sideBottom{margin-top:auto;border-top:1px solid #242424;padding-top:8px}
.sideUsageText{font-size:8px;color:#858585;padding:6px 9px 2px;line-height:1.4}
.searchChatsShell,.projectsShell,.screenTabShell{
width:min(760px,calc(100vw - 30px));
max-height:min(760px,calc(100dvh - 30px));
background:#0a1222;border:1px solid #3a3a3a;border-radius:20px;
box-shadow:0 28px 85px rgba(0,0,0,.55);
padding:20px;overflow:hidden;display:flex;flex-direction:column;gap:12px
}
.searchChatsHead,.projectsHead,.screenTabHead{
display:flex;justify-content:space-between;gap:14px;align-items:flex-start
}
.searchChatsHead h3,.projectsHead h3,.screenTabHead h3{margin:0 0 4px;font-size:20px}
#globalChatSearch,#projectNameInput{
width:100%;background:#101d35;border:1px solid #3a3a3a;color:#eef5ff;
border-radius:12px;padding:12px 13px;outline:none
}
#globalChatSearchResults,#projectsPanel{overflow-y:auto;min-height:120px}
.globalSearchItem{
padding:12px;border:1px solid #343434;background:#0f1b31;border-radius:13px;margin-bottom:8px;cursor:pointer
}
.globalSearchItem:hover{border-color:#3c659d;background:#12223d}
.globalSearchTitle{font-size:11px;font-weight:850;color:#edf4ff}
.globalSearchSnippet{font-size:9px;color:#7389aa;margin-top:5px;line-height:1.45}
.projectCreateRow{display:grid;grid-template-columns:1fr auto;gap:8px}
.projectCard{
border:1px solid #343434;background:#0f1b31;border-radius:14px;padding:13px;margin-bottom:9px
}
.projectTextField{
background:#111111;border:1px solid #3a3a3a;color:#eef5ff;border-radius:11px;
}
.projectTextField::placeholder{color:#6f6f78}
.projectsShell{max-height:88vh;overflow-y:auto}
.projectJoinRow{display:flex;gap:8px;align-items:center;margin-top:10px}
.projectJoinRow input{flex:1;min-width:0;padding:11px}
@media(max-width:560px){ .projectJoinRow{flex-wrap:wrap} }
.projectCardHead{display:flex;align-items:center;gap:8px}
.projectCardName{font-size:12px;font-weight:850;flex:1}
.projectCardActions{display:flex;gap:5px;flex-wrap:wrap}
.projectChatList{margin-top:10px;display:flex;flex-direction:column;gap:5px}
.projectChatItem{
display:flex;align-items:center;gap:8px;padding:8px 9px;
border-radius:9px;background:#0b1629;color:#b8c7dd;font-size:10px;cursor:pointer
}
.projectChatItem:hover{background:#14233d;color:#fff}
.screenTabCard{
display:flex;align-items:center;justify-content:space-between;gap:16px;
padding:15px;border:1px solid #343434;background:#0f1b31;border-radius:14px
}
.screenTabInfo{min-width:0}
.screenTabBody{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px}
.screenTabStatus{
border-radius:12px;padding:11px 12px;background:#0c172a;border:1px solid #1d3459;
color:#8297b7;font-size:10px
}
.screenStepCard{
display:flex;align-items:center;justify-content:space-between;gap:14px;
padding:15px;border:1px solid #343434;background:#0f1b31;border-radius:14px
}
.screenStepNum{
width:22px;height:22px;flex-shrink:0;border-radius:50%;background:#2f5fd8;color:#fff;
display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800
}
.screenStepCard.done .screenStepNum{background:#1f9d4d}
.screenStepCard .screenTabInfo{flex:1}
.screenAdvanced{border:1px solid #343434;background:#0f1b31;border-radius:14px}
.screenAdvanced>summary{
padding:13px 15px;cursor:pointer;font-size:12px;font-weight:700;color:#cfe2ff;
list-style:none;display:flex;align-items:center;gap:7px
}
.screenAdvanced>summary::-webkit-details-marker{display:none}
.screenAdvanced>summary:before{content:"▸";font-size:10px;color:#8297b7}
.screenAdvanced[open]>summary:before{content:"▾"}
.screenAdvancedBody{display:flex;flex-direction:column;gap:12px;padding:0 12px 12px}
@media(max-width:760px){
.app{grid-template-columns:1fr!important}
.sidebar{display:none!important}
.composerArea{left:0!important}
.searchChatsShell,.projectsShell,.screenTabShell{
width:100%;max-height:calc(100dvh - 16px);border-radius:18px;padding:14px
}
.projectCreateRow{grid-template-columns:1fr}
.screenTabCard{align-items:flex-start;flex-direction:column}
.screenTabCard button{width:100%}
.screenStepCard{align-items:flex-start;flex-direction:column}
.screenStepCard button{width:100%}
}
.projectWorkspace{overflow-y:auto;min-height:0}
.projectWorkspaceHead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
.projectFileBar{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#151515;border:1px solid #343434;border-radius:11px;padding:9px 11px;color:#aebfd9;font-size:10px;margin-bottom:8px}
#projectFileStatus{font-size:9px;color:#818181}
#projectNotesEditor{width:100%;min-height:300px;background:#111111;border:1px solid #3a3a3a;border-radius:13px;color:#eef5ff;padding:13px;resize:vertical;line-height:1.5}
.projectWorkspaceActions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
@media(max-width:760px){.projectWorkspaceHead{align-items:flex-start;flex-direction:column}.projectWorkspaceHead button,.projectWorkspaceActions button{width:100%}.projectWorkspaceActions{flex-direction:column-reverse}}
html,body{
width:100%;
height:100%;
min-height:100%;
margin:0;
overflow:hidden!important;
}
body{padding:0!important}
.app{
width:100%!important;
height:100dvh!important;
min-height:0!important;
max-height:100dvh!important;
overflow:hidden!important;
}
.sidebar{
height:100dvh!important;
max-height:100dvh!important;
min-height:0!important;
box-sizing:border-box!important;
overflow:hidden!important;
padding-bottom:max(10px,env(safe-area-inset-bottom,0px))!important;
}
.sidePrimary,.sideBrand,.sideSectionHead,.sideBottom{flex-shrink:0}
.sideSection.collapsible{flex-shrink:0}
.recentsSection{
flex:1 1 auto!important;
min-height:0!important;
overflow:hidden!important;
}
.recents{
height:100%!important;
min-height:0!important;
overflow-y:auto!important;
overscroll-behavior:contain;
}
.sideBottom{
position:relative!important;
bottom:auto!important;
margin-top:auto!important;
flex:0 0 auto!important;
padding-bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
background:#111111!important;
}
.main{
height:100dvh!important;
max-height:100dvh!important;
min-height:0!important;
overflow:hidden!important;
}
.composerArea{
bottom:0!important;
padding-bottom:max(12px,env(safe-area-inset-bottom,0px))!important;
}
@media(max-width:760px){
.app,.main{height:100dvh!important;max-height:100dvh!important}
.composerArea{
bottom:var(--entity-vv-bottom)!important;
}
}
.entityCoreLogo{
position:relative;
width:30px;
height:30px;
flex:0 0 30px;
border-radius:50%;
display:grid;
place-items:center;
background:
radial-gradient(circle at 50% 50%,rgba(117,183,255,.28),rgba(40,91,164,.12) 42%,rgba(6,14,28,.7) 72%),
#0a1629;
border:1px solid #39669e;
box-shadow:inset 0 0 18px rgba(112,177,255,.12),0 0 14px rgba(54,114,190,.16);
overflow:hidden;
}
.entityCoreLogoImg{width:100%;height:100%;object-fit:cover;border-radius:50%}
.message.ai .richAnswer{
font-family:"Source Serif 4",Georgia,"Times New Roman",serif;
font-size:14.5px;
line-height:1.65;
color:#eaeaea;
}
.richAnswer h1,.richAnswer h2,.richAnswer h3{
color:#f4f8ff;
line-height:1.2;
margin:16px 0 8px;
font-weight:900;
}
.richAnswer h1{font-size:20px}
.richAnswer h2{font-size:17px}
.richAnswer h3{font-size:15px}
.richAnswer h1:first-child,.richAnswer h2:first-child,.richAnswer h3:first-child{margin-top:0}
.richAnswer p{margin:8px 0}
.richAnswer ul,.richAnswer ol{margin:8px 0 8px 20px;padding:0}
.richAnswer li{margin:5px 0;padding-left:2px}
.richAnswer strong{color:#fff;font-weight:850}
.richAnswer em{color:#c8d5ea}
.richAnswer a{
color:#fff!important;
text-decoration:underline;
text-underline-offset:2px;
text-decoration-color:rgba(255,255,255,.42);
overflow-wrap:anywhere;
transition:text-decoration-color .12s ease;
}
.richAnswer a:hover{text-decoration-color:#fff}
.richAnswer a:focus-visible{outline:1px solid #666;outline-offset:2px;border-radius:3px}
.richAnswer code{
background:#151515;
border:1px solid #343434;
border-radius:6px;
padding:2px 5px;
font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
font-size:.92em;
}
.richAnswer pre{
overflow:auto;
background:#101010;
border:1px solid #343434;
border-radius:12px;
padding:12px;
margin:10px 0;
}
.richAnswer pre code{border:0;background:transparent;padding:0}
.richAnswer blockquote{
margin:10px 0;
padding:8px 12px;
border-left:3px solid #f2f2f2;
background:#141414;
color:#b8c8df;
border-radius:0 10px 10px 0;
}
.richAnswer hr{border:0;border-top:1px solid #343434;margin:14px 0}
.messageActions{display:flex;gap:5px;margin-top:7px;opacity:.72;flex-wrap:wrap}
.messageActionBtn{border:1px solid #343434!important;background:#151515!important;color:#8da3c5!important;border-radius:8px!important;padding:4px 7px!important;font-size:9px!important}
.messageActionBtn:hover{color:#fff!important;background:#222222!important}
.projectFileItem,.memoryManagerItem,.profileItem{display:flex;align-items:flex-start;gap:8px;padding:9px;border:1px solid #343434;border-radius:10px;background:#151515;margin-top:6px;font-size:10px}
.projectFileItem .grow,.profileItem .grow{flex:1;min-width:0}
.generatedImage{max-width:min(520px,100%);border-radius:16px;border:1px solid #3a3a3a;margin-top:8px;display:block}
.worksheetChatPreview{margin:10px 0 4px;max-width:min(640px,100%)}
.worksheetChatPreview img{display:block;max-width:100%;max-height:720px;object-fit:contain;border-radius:14px;border:1px solid #35353a;background:#fff}
.worksheetChatPreview .worksheetPreviewLabel{font-size:10px;color:#92929c;margin-top:6px}
html[data-theme="light"] .worksheetChatPreview img{border-color:#d9d9df}
html[data-theme="light"] .worksheetChatPreview .worksheetPreviewLabel{color:#73737b}
.thinkingBlock{margin-bottom:9px;border:1px solid #343434;border-radius:10px;background:#131313;font-size:10px;color:#8a95a8}
.thinkingBlock summary{cursor:pointer;padding:7px 10px;list-style:none;user-select:none;font-weight:700;letter-spacing:.02em}
.thinkingBlock summary::-webkit-details-marker{display:none}
.thinkingBlock summary:before{content:'💭 ';}
.thinkingBody{padding:0 10px 9px;white-space:pre-wrap;line-height:1.5;color:#7c8698;max-height:260px;overflow-y:auto}
.streamToolStatus{font-size:10px;color:#8da3c5;margin-bottom:7px;display:flex;align-items:center;gap:6px}
.streamToolStatus:before{content:'';width:7px;height:7px;border-radius:50%;background:#5b8cff;animation:entityPulse 1.1s ease-in-out infinite}
@keyframes entityPulse{0%,100%{opacity:.35}50%{opacity:1}}
.codeBlockWrap{position:relative;margin:10px 0}
.codeBlockHead{display:flex;align-items:center;justify-content:space-between;background:#1c1c1c;border:1px solid #343434;border-bottom:none;border-radius:10px 10px 0 0;padding:5px 10px;font-size:9px;color:#8a95a8;text-transform:uppercase;letter-spacing:.05em}
.codeBlockCopy{border:1px solid #3a3a3a!important;background:#202020!important;color:#c6cedb!important;border-radius:6px!important;padding:2px 8px!important;font-size:9px!important;text-transform:none!important;letter-spacing:0!important;cursor:pointer}
.codeBlockCopy:hover{color:#fff!important;background:#282828!important}
.codeBlockWrap pre{margin:0!important;border-radius:0 0 10px 10px!important;border-top:none!important}
.codeBlockPreviewFrame{width:100%;min-height:220px;border:1px solid #343434;border-top:none;background:#fff;display:block}
.chatMenuWrap{position:relative;margin-left:auto}
.chatMenuBtn{width:34px;height:34px;border-radius:10px;border:1px solid #343434!important;background:#151515!important;color:#c6cedb!important;font-size:16px;cursor:pointer}
.chatMenuBtn:hover{background:#202020!important;color:#fff!important}
.chatMenuDropdown{display:none;position:absolute;right:0;top:calc(100% + 6px);background:#141414;border:1px solid #343434;border-radius:12px;min-width:200px;padding:6px;z-index:40;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.chatMenuDropdown.open{display:block}
.chatMenuItem{display:block;width:100%;text-align:left;background:transparent!important;border:0!important;color:#dbe3f0!important;padding:9px 10px!important;border-radius:8px!important;font-size:12px!important;cursor:pointer}
.chatMenuItem:hover{background:#1f1f1f!important}
.writingModeWrap{position:relative}
.writingLevelMenu{display:none;position:absolute;left:8px;right:8px;top:calc(100% + 2px);background:#141414;border:1px solid #343434;border-radius:12px;padding:6px;z-index:40;box-shadow:0 10px 30px rgba(0,0,0,.4)}
.writingLevelMenu.open{display:block}
.writingLevelMenuHead{padding:6px 8px 4px;font-size:9px;color:#8291a6;font-weight:800;text-transform:uppercase;letter-spacing:.4px}
.writingLevelOption{display:block;width:100%;text-align:left;background:transparent!important;border:0!important;color:#dbe3f0!important;padding:9px 10px!important;border-radius:8px!important;font-size:12px!important;cursor:pointer}
.writingLevelOption:hover{background:#1f1f1f!important}
.writingLevelAlways{display:flex;align-items:center;gap:7px;padding:8px 10px 2px;font-size:10px;color:#8291a6;border-top:1px solid #262626;margin-top:4px;cursor:pointer}
.writingLevelAlways input{width:13px;height:13px;flex-shrink:0}
.slideStyleWrap{position:relative}
.slideStyleMenu{max-height:min(58vh,330px);overflow-y:auto}
.slideStyleMenu.dropUp{top:auto;bottom:calc(100% + 2px)}
.topbarLeft{min-width:0}
.sidebarTabs{
position:absolute;left:50%;transform:translateX(-50%);
display:flex;flex-direction:row;gap:2px;
padding:3px;margin:0;border:0;border-radius:999px;
background:rgba(255,255,255,.06);
}
.sidebarTabBtn{
display:inline-flex!important;align-items:center;gap:7px;
padding:7px 15px!important;border:0!important;border-radius:999px!important;
background:transparent!important;color:#9a9a9a!important;
font-size:12px!important;font-weight:700!important;cursor:pointer;white-space:nowrap;
text-align:center!important;
transition:background .14s ease, color .14s ease;
}
.sidebarTabBtn:hover{color:#e8e8e8!important;background:rgba(255,255,255,.05)!important}
.sidebarTabBtn.active{
background:rgba(255,255,255,.13)!important;
color:#ffffff!important;
box-shadow:0 1px 3px rgba(0,0,0,.28);
}
.sidebarTabIcon{display:inline-flex;align-items:center}
html[data-theme="light"] .sidebarTabs{background:#f0f0f3!important}
html[data-theme="light"] .sidebarTabBtn{color:#6b6b73!important;background:transparent!important}
html[data-theme="light"] .sidebarTabBtn:hover{color:#26262c!important;background:transparent!important}
html[data-theme="light"] .sidebarTabBtn.active{
background:#ffffff!important;color:#111111!important;
box-shadow:0 1px 3px rgba(0,0,0,.13)!important;
}
@media(max-width:900px){
.sidebarTabs{position:static;transform:none;margin-left:auto;margin-right:8px}
.sidebarTabBtn span:not(.sidebarTabIcon){display:none}
.sidebarTabBtn{padding:7px 10px}
}
.chatActionsWrap{position:fixed;right:20px;bottom:150px;z-index:95}
.chatActionsWrap .chatMenuDropdown{top:auto;bottom:calc(100% + 6px);right:0;left:auto}
html[data-theme="light"] .chatActionsWrap .chatMenuBtn{
background:#ffffff!important;border-color:#e0e0e5!important;color:#2a2a30!important;
box-shadow:0 2px 10px rgba(0,0,0,.08)!important;
}
@media(max-width:760px){
.chatActionsWrap{right:12px;
bottom:calc(var(--composerH, 198px) + 10px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:760px){
.topbarLeft{display:none!important}
}
@media(max-width:760px){
#chatInput{font-size:16px!important}
.composer .composerInner #chatInput{min-height:26px!important;max-height:132px!important;padding:3px 6px!important;line-height:1.35!important}
.composerInner{padding:7px 10px!important;border-radius:20px!important}
.composerControls{padding:6px 2px 0!important;gap:6px!important}
.composer .composerMeta{min-height:0!important;margin:0!important;gap:0!important}
.composer .composerMeta #chatStatus:empty{display:none!important}
.composerArea{padding:8px 8px calc(6px + env(safe-area-inset-bottom,0px))!important}
.composerDisclaimer{font-size:11px!important;line-height:1.35!important;margin-top:5px!important}
.composerDisclaimer .disclaimerWide{display:none!important}
.composerDisclaimer .disclaimerNarrow{display:inline!important}
.composerInner{flex-wrap:wrap;row-gap:4px}
.composerInner #chatInput{flex:1 1 auto!important;min-width:0!important;order:1}
.composerControls .plusWrap{order:1}
.composerControls #voiceModeBtn{order:2}
.composerControls #modelPickerWrap{order:3;margin-left:auto}
.composerControls #thinkPickerWrap{order:4}
.composerInner .modelPickerBtn{padding:4px 8px!important;font-size:12px!important;min-height:32px!important}
.composerInner .thinkPickerWrap[hidden]{display:none!important}
}
.upgradePlanTopBtn{background:rgba(255,255,255,.07)!important;border-color:#3a3a3a!important;color:#ededed!important}
.upgradePlanTopBtn:hover{background:rgba(255,255,255,.12)!important;color:#fff!important}
html[data-theme="light"] .upgradePlanTopBtn{
background:#f2f2f5!important;border-color:#dedee4!important;color:#26262c!important;
}
html[data-theme="light"] .upgradePlanTopBtn:hover{background:#e9e9ee!important;color:#000!important}
.topbarActions{margin-left:auto;display:flex;align-items:center;gap:8px}
.topbarActions .upgradePlanTopBtn{margin-left:0}
.topbarBtnIcon{font-size:12px;line-height:1}
.niceSelect{position:relative;display:inline-block;min-width:170px}
.niceSelect > select{position:absolute;opacity:0;pointer-events:none;width:100%;height:100%;left:0;top:0}
.niceSelectBtn{
width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;
background:#141414;border:1px solid #2e2e2e;color:#f0f0f0;
border-radius:10px;padding:10px 12px;font-size:12px;font-weight:600;
cursor:pointer;text-align:left;font-family:inherit;
transition:border-color .12s ease, box-shadow .12s ease, background .12s ease;
}
.niceSelectBtn:hover{border-color:#3f3f3f;background:#181818}
.niceSelect.open .niceSelectBtn{border-color:#6a6a6a;box-shadow:0 0 0 3px rgba(255,255,255,.05)}
.niceSelectCaret{font-size:9px;opacity:.6;transition:transform .15s ease;flex-shrink:0}
.niceSelect.open .niceSelectCaret{transform:rotate(180deg)}
.niceSelectMenu{
display:none;position:absolute;left:0;right:0;top:calc(100% + 5px);z-index:60;
background:#141414;border:1px solid #333;border-radius:12px;padding:5px;
box-shadow:0 16px 40px rgba(0,0,0,.5);max-height:260px;overflow-y:auto;
}
.niceSelect.open .niceSelectMenu{display:block}
.niceSelect.dropUp .niceSelectMenu{top:auto;bottom:calc(100% + 5px)}
.niceSelectOption{
display:flex;align-items:center;gap:8px;width:100%;text-align:left;
background:transparent;border:0;color:#dcdcdc;border-radius:8px;
padding:9px 10px;font-size:12px;cursor:pointer;font-family:inherit;
}
.niceSelectOption:hover{background:#1f1f1f;color:#fff}
.niceSelectOption.selected{color:#fff;font-weight:700}
.niceSelectTick{width:12px;flex-shrink:0;opacity:0;font-size:10px}
.niceSelectOption.selected .niceSelectTick{opacity:1}
html[data-theme="light"] .niceSelectBtn{background:#ffffff!important;border-color:#d5d5db!important;color:#111!important}
html[data-theme="light"] .niceSelectBtn:hover{background:#f7f7f9!important;border-color:#c2c2ca!important}
html[data-theme="light"] .niceSelectMenu{background:#ffffff!important;border-color:#e0e0e5!important;box-shadow:0 16px 40px rgba(0,0,0,.14)!important}
html[data-theme="light"] .niceSelectOption{color:#33333a!important}
html[data-theme="light"] .niceSelectOption:hover{background:#f0f0f3!important;color:#000!important}
html[data-theme="light"] .niceSelectOption.selected{color:#000!important}
.plannerCard{max-width:760px;width:min(760px,96vw);max-height:92vh;overflow-y:auto}
.plannerHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.plannerMonth{font-size:15px;font-weight:800;color:#f2f2f2}
.plannerNav{display:flex;gap:6px}
.plannerNavBtn{background:#161616;border:1px solid #303030;color:#e8e8e8;border-radius:9px;padding:6px 11px;cursor:pointer;font-size:12px}
.plannerNavBtn:hover{background:#1f1f1f}
.plannerGrid{display:grid;grid-template-columns:34px repeat(7,minmax(0,1fr));gap:5px}
.plannerWeekBtn{
background:#141414;border:1px solid #262626;color:#8291a6;border-radius:8px;
font-size:9px;font-weight:800;cursor:pointer;padding:0;letter-spacing:.3px;
}
.plannerWeekBtn:hover{background:#1c1c1c;color:#e2e2e2}
.plannerWeekBtn.selected{border-color:#6ea8ff;background:#12213a;color:#cfe0ff}
html[data-theme="light"] .plannerWeekBtn{background:#f4f4f7!important;border-color:#e2e2e6!important;color:#6b6b73!important}
html[data-theme="light"] .plannerWeekBtn:hover{background:#ebebf0!important;color:#16161a!important}
html[data-theme="light"] .plannerWeekBtn.selected{border-color:#6ea8ff!important;background:#eef4ff!important;color:#1e3a6b!important}
.plannerDow{font-size:9px;font-weight:800;color:#8291a6;text-transform:uppercase;letter-spacing:.4px;text-align:center;padding:4px 0}
.plannerDay{min-height:62px;background:#111;border:1px solid #242424;border-radius:9px;padding:5px 5px 4px;cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:border-color .12s}
.plannerDay:hover{border-color:#3d3d3d}
.plannerDay.outside{opacity:.32}
.plannerDay.today{border-color:#f1f1f1}
.plannerDay.selected{border-color:#6ea8ff;background:#12213a}
.plannerDayHead{
display:flex;align-items:center;justify-content:space-between;gap:8px;
padding:0 2px 8px;margin-bottom:4px;border-bottom:1px solid #1e1e1e;
font-size:12px;font-weight:800;color:#ededed;
}
html[data-theme="light"] .plannerDay.selected{border-color:#6ea8ff!important;background:#eef4ff!important}
html[data-theme="light"] .plannerDayHead{color:#16161a!important;border-bottom-color:#e4e4e9!important}
.plannerDayNum{font-size:10px;color:#9b9b9b;font-weight:700}
.plannerDay.today .plannerDayNum{color:#fff}
.plannerPill{font-size:9px;line-height:1.25;background:#1e1e1e;border-left:2px solid #8a8a8a;border-radius:3px;padding:2px 4px;color:#e2e2e2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.plannerPill.exam{border-left-color:#ff7b7b}
.plannerPill.assignment,.plannerPill.essay,.plannerPill.project{border-left-color:#7bb6ff}
.plannerPill.quiz{border-left-color:#ffcf6b}
.plannerPill.done{opacity:.45;text-decoration:line-through}
.plannerAddRow{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}
.plannerAddRow input,.plannerAddRow select{background:#151515;border:1px solid #333;color:#fff;border-radius:9px;padding:9px 10px;font-size:12px}
.plannerAddRow input[type=text]{flex:1;min-width:160px}
.plannerList{margin-top:12px;max-height:190px;overflow-y:auto}
.plannerItem{display:flex;align-items:center;gap:8px;padding:7px 8px;border-bottom:1px solid #1e1e1e;font-size:12px}
.plannerItem:last-child{border-bottom:0}
.plannerItemTitle{flex:1;color:#ededed}
.plannerItem.done .plannerItemTitle{opacity:.5;text-decoration:line-through}
.plannerItemWhen{font-size:10px;color:#8a8a8a}
.plannerTinyBtn{background:transparent;border:1px solid #303030;color:#cfcfcf;border-radius:7px;padding:4px 8px;font-size:10px;cursor:pointer}
.plannerTinyBtn:hover{background:#1b1b1b}
.plannerEmpty{color:#8291a6;font-size:11px;padding:10px 2px}
body.schoolFull .app{grid-template-columns:1fr!important}
body.schoolFull .sidebar{display:none!important}
body.entityFull .app{grid-template-columns:1fr!important}
body.entityFull .sidebar{display:none!important}
body.entityFull .topbar{display:none!important}
body.entityFull .chatActionsWrap,
body.entityFull #chatMenuBtn,
body.entityFull #suggestedFollowups{display:none!important}
#entityView{
position:fixed;inset:0;z-index:60;
background:radial-gradient(130% 95% at 50% 46%, #140a02 0%, #0a0500 55%, #030100 100%);
overflow:hidden;
}
#entityOrb{position:absolute;inset:0;width:100%;height:100%;display:block}
.entityStage{
position:relative;z-index:2;height:100%;
display:grid;grid-template-rows:1fr auto auto;
padding:34px 30px 30px;gap:14px;
}
.entityTop{display:flex;gap:14px;min-height:0;overflow:hidden}
.entityPanels{
display:flex;flex-wrap:wrap;align-content:flex-start;gap:12px;flex:1 1 auto;
max-height:100%;overflow-y:auto;padding-right:4px;min-width:0;
}
.entitySide{
flex:0 0 340px;max-width:40vw;min-height:0;display:flex;flex-direction:column;
gap:10px;align-items:stretch;
padding-top:36px;
}
.entityCentre{text-align:center;pointer-events:none}
.entityState{
font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
font-size:10.5px;letter-spacing:.34em;text-transform:uppercase;
color:#ffb545;opacity:.9;
}
.entityHeard{
margin-top:10px;font-size:19px;font-weight:600;color:#ffeacd;
min-height:26px;text-wrap:balance;
text-shadow:0 0 26px rgba(255,168,64,.4);
}
.entityRail{display:flex;flex-direction:column;align-items:center;gap:9px}
.entityWake{
background:rgba(40,22,4,.72);border:1px solid rgba(255,168,64,.34);
color:#ffdba8;border-radius:999px;padding:10px 22px;font-size:13px;
font-weight:600;cursor:pointer;backdrop-filter:blur(6px);
}
.entityWake:hover{background:rgba(60,32,4,.85);border-color:rgba(255,168,64,.6)}
.entityHint{font-size:11.5px;color:#9c7a52;letter-spacing:.02em}
.entityVoices{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:4px}
.eVoice{
background:rgba(34,18,3,.7);border:1px solid rgba(255,168,64,.2);
color:#c9a071;border-radius:999px;padding:5px 13px;font-size:11px;
font-weight:600;cursor:pointer;letter-spacing:.02em;
}
.eVoice:hover{border-color:rgba(255,168,64,.5);color:#ffeacd}
.eVoice.on{background:rgba(88,48,6,.92);border-color:#ffb545;color:#fff4e2}
#settingsModal .entityVoices{justify-content:flex-start;margin:0}
#settingsModal .eVoice{
background:var(--panel2);border:1px solid var(--border);color:var(--text);
}
#settingsModal .eVoice:hover{border-color:#ffb545;color:#ffd9a8}
#settingsModal .eVoice.on{background:#3a2409;border-color:#ffb545;color:#fff4e2}
html[data-theme="light"] #settingsModal .eVoice{background:#fff!important;border-color:#d5d5db!important;color:#33333a!important}
html[data-theme="light"] #settingsModal .eVoice:hover{border-color:#ffb545!important;color:#7a4300!important}
html[data-theme="light"] #settingsModal .eVoice.on{background:#fff1dc!important;border-color:#ffb545!important;color:#1a0e04!important}
.ePanel{
flex:1 1 300px;max-width:420px;min-width:0;
background:rgba(26,14,2,.76);border:1px solid rgba(255,168,64,.22);
border-radius:16px;padding:14px 16px;backdrop-filter:blur(9px);
box-shadow:0 10px 40px rgba(0,0,0,.45);
animation:ePanelIn .42s cubic-bezier(.2,.75,.3,1) both;
}
@keyframes ePanelIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.ePanelHead{
display:flex;align-items:center;gap:8px;margin-bottom:10px;
font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:#ffb545;
}
.ePanelHead .eDot{width:5px;height:5px;border-radius:999px;background:#ffb545;flex:0 0 auto}
.ePanelMin{margin-left:auto;background:none;border:0;color:#48708a;cursor:pointer;font-size:16px;line-height:1;padding:0 3px}
.ePanelMin:hover{color:#bfe9ff}
.ePanelClose{margin-left:4px;background:none;border:0;color:#48708a;cursor:pointer;font-size:14px;line-height:1;padding:0 2px}
.ePanelClose:hover{color:#bfe9ff}
.ePanel.min{display:none}
.entityDock{
flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px;
max-height:40%;overflow-y:auto;
}
.entityDock:empty{display:none}
.eTab{
display:flex;align-items:center;gap:7px;max-width:230px;
background:rgba(34,18,3,.78);border:1px solid rgba(255,168,64,.28);
color:#ffdba8;border-radius:10px;padding:6px 10px;
font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;
cursor:pointer;backdrop-filter:blur(6px);text-align:left;
animation:eTabIn .3s cubic-bezier(.2,.75,.3,1) both;
}
@keyframes eTabIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
.eTab:hover{border-color:rgba(255,168,64,.62);background:rgba(56,30,4,.9);color:#fff4e2}
.eTab .eDot{width:5px;height:5px;border-radius:999px;background:#ffb545;flex:0 0 auto}
.eTabName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.eTabClose{color:#8a6a44;font-size:13px;line-height:1;padding:0 1px;flex:0 0 auto}
.eTabClose:hover{color:#ffd9a8}
.eRow{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid rgba(255,168,64,.12);font-size:13px;color:#ffeacd}
.eRow:first-of-type{border-top:0}
.eRowMain{flex:1 1 auto;min-width:0}
.eRowName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eRowSub{font-size:10.5px;color:#a8865e;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.eRowVal{font-size:12px;color:#ffb545;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:700}
.eRowVal.warn{color:#ffb86b}
.eRowVal.bad{color:#ff7b7b}
.eText{font-size:12.5px;line-height:1.6;color:#e8d5bb;white-space:pre-wrap;max-height:240px;overflow-y:auto}
.ePanel.wide{flex:1 1 100%;max-width:min(660px,64vw)}
.ePanel.wide .eText{max-height:min(38vh,360px);font-size:12.5px;line-height:1.62;padding-right:6px}
.ePanelLink{
display:inline-block;margin-top:10px;font-size:11.5px;color:#ffc26a;
text-decoration:none;font-weight:600;
}
.ePanelLink:hover{text-decoration:underline}
.eWatchLink{
display:inline-block;margin-left:4px;padding:0 7px;border:1px solid rgba(255,194,106,.45);
border-radius:999px;font-size:11px;line-height:1.6;text-decoration:none;
font-weight:600;white-space:nowrap;vertical-align:baseline;
}
.eWatchLink:hover{border-color:#ffc26a}
.eWatchLink:focus-visible{outline:2px solid #ffc26a;outline-offset:2px}
.entityCorner{
position:absolute;
top:calc(20px + env(safe-area-inset-top,0px));
right:calc(22px + env(safe-area-inset-right,0px));
z-index:4;display:flex;gap:8px;align-items:center;
}
.entityFsBtn[hidden]{display:none!important}
body.entityFs .entityCorner{display:none}
.entityFsHint{position:absolute;top:calc(22px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);
z-index:4;background:rgba(34,18,3,.78);border:1px solid rgba(255,168,64,.28);color:#ffdba8;border-radius:999px;
padding:7px 16px;font-size:12px;font-weight:600;opacity:0;pointer-events:none;transition:opacity .4s}
.entityFsHint.show{opacity:1}
body.entityFs.entityIdle #entityView{cursor:none}
.entityExit{
background:rgba(34,18,3,.7);border:1px solid rgba(255,168,64,.28);
color:#ffdba8;border-radius:999px;padding:8px 18px;font-size:12.5px;
font-weight:600;cursor:pointer;backdrop-filter:blur(6px);
}
.entityExit:hover{background:rgba(56,30,4,.85)}
.entityLocked{position:absolute;inset:0;z-index:5;display:grid;place-items:center;
background:rgba(2,8,16,.82);backdrop-filter:blur(4px)}
.entityLockedCard{
max-width:380px;text-align:center;padding:26px 28px;
background:rgba(8,24,40,.9);border:1px solid rgba(79,214,255,.24);border-radius:18px;
}
.entityLockedTitle{font-size:19px;font-weight:800;color:#dceefc;margin-bottom:7px;letter-spacing:-.02em}
.entityLockedBody{font-size:13px;color:#7fa3ba;line-height:1.55;margin-bottom:16px}
@media(max-width:760px){
.entityStage{padding:calc(20px + env(safe-area-inset-top,0px)) 16px calc(18px + env(safe-area-inset-bottom,0px))}
.ePanel{flex:1 1 100%;max-width:none}
.ePanel.wide{max-width:none}
.entityTop{flex-direction:column}
.entitySide{flex:0 0 auto;max-width:none;padding-top:0}
}
#schoolView{flex:1;min-height:0;display:flex;overflow:hidden}
.schoolNav{
width:186px;flex:0 0 auto;border-right:1px solid #1e1e1e;
padding:16px 10px;display:flex;flex-direction:column;gap:4px;
}
.schoolBackBtn{
display:block;width:100%;text-align:left;background:transparent;
border:1px solid transparent;color:#8a8a8a;border-radius:10px;
padding:8px 11px;font-size:12px;font-weight:600;cursor:pointer;margin-bottom:6px;
}
.schoolBackBtn:hover{background:#151515;color:#f0f0f0}
html[data-theme="light"] .schoolBackBtn{color:#6b6b73!important}
html[data-theme="light"] .schoolBackBtn:hover{background:#f2f2f5!important;color:#16161a!important}
.schoolNavBtn{
display:flex;align-items:center;gap:10px;width:100%;text-align:left;
background:transparent;border:1px solid transparent;color:#b6b6b6;
border-radius:10px;padding:9px 11px;font-size:13px;font-weight:600;cursor:pointer;
}
.schoolNavBtn:hover{background:#151515;color:#f0f0f0}
.schoolNavBtn.active{background:#1a1a1a;border-color:#2c2c2c;color:#fff}
.schoolNavIcon{font-size:14px;line-height:1}
.schoolNavFoot{margin-top:auto;font-size:10px;color:#6c6c6c;padding:8px 11px 0}
.schoolBody{flex:1;min-width:0;overflow-y:auto;-webkit-overflow-scrolling:touch;
padding:16px 18px 22px}
.schoolNavFold{
display:flex;align-items:center;justify-content:center;width:100%;
background:transparent;border:1px solid transparent;color:#6c6c6c;
border-radius:9px;padding:6px;font-size:13px;cursor:pointer;margin-bottom:4px;
}
.schoolNavFold:hover{background:#151515;color:#f0f0f0}
.schoolNav.folded{width:56px;padding-left:6px;padding-right:6px}
.schoolNav.folded .schoolNavBtn{justify-content:center;padding:9px 0}
.schoolNav.folded .schoolNavBtn span:not(.schoolNavIcon),
.schoolNav.folded .schoolBackBtn,
.schoolNav.folded .schoolNavFoot{display:none}
html[data-theme="light"] .schoolNavFold{color:#6b6b73!important}
html[data-theme="light"] .schoolNavFold:hover{background:#f2f2f5!important;color:#16161a!important}
@media(max-width:760px){
#schoolView{flex-direction:column;overflow:hidden}
.schoolNav{
width:auto!important;flex:0 0 auto;flex-direction:row;align-items:center;
gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;
border-right:0;border-bottom:1px solid #1e1e1e;
padding:8px 10px;scrollbar-width:none;
}
.schoolNav::-webkit-scrollbar{display:none}
.schoolNav .schoolNavBtn{width:auto;flex:0 0 auto;white-space:nowrap;padding:8px 12px}
.schoolNavFold,.schoolNavFoot{display:none!important}
.schoolBackBtn{flex:0 0 auto;width:auto;margin-bottom:0;padding:8px 10px;white-space:nowrap}
.schoolBody{padding:14px 14px 28px;min-height:0}
html[data-theme="light"] .schoolNav{border-bottom-color:#e4e4e9!important}
}
.schoolPane{display:none}
.schoolPane.active{display:block}
#schoolPlannerPane > .plannerCard{
width:100%!important;max-width:none!important;height:auto!important;
max-height:none!important;background:transparent!important;border:0!important;
box-shadow:none!important;padding:0!important;overflow:visible!important;
}
#schoolPlannerPane > .plannerCard > .modalTop{display:none!important}
.gradesHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}
.gradesTitle{margin:0 0 4px;font-size:21px;letter-spacing:-.02em}
.gradesSub{font-size:12px;color:#8a8a8a}
.gradesEmpty{color:#8a8a8a;font-size:12.5px;padding:14px 2px;line-height:1.55}
.missedPick{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.missedPick input[type=date]{
background:#151515;border:1px solid #3a3a3a;color:#fff;border-radius:10px;
padding:9px 11px;font-size:13px;font-family:inherit;
}
.announce{border:1px solid #242424;border-radius:12px;background:#111;padding:13px 15px;margin-bottom:9px}
.announceTitle{flex:1 1 auto;min-width:0;font-size:13.5px;font-weight:700;color:#f0f0f0}
.announceBody{font-size:12.5px;line-height:1.55;color:#c2c2c2;white-space:pre-wrap;
max-height:150px;overflow-y:auto}
.recLink{font-size:11.5px;color:#9cc4ff;text-decoration:none;font-weight:600}
.recLink:hover{text-decoration:underline}
html[data-theme="light"] .recLink{color:#2f6bd8!important}
.missedNote{font-size:11.5px;color:#8a8a8a;margin:-4px 0 9px;line-height:1.5}
html[data-theme="light"] .missedPick input[type=date]{background:#fff!important;border-color:#d5d5db!important;color:#111!important}
html[data-theme="light"] .announce{background:#fff!important;border-color:#e4e4e9!important}
html[data-theme="light"] .announceTitle{color:#16161a!important}
html[data-theme="light"] .announceBody{color:#33333a!important}
html[data-theme="light"] .announceMeta,html[data-theme="light"] .missedNote{color:#6b6b73!important}
.missedSummary{border:1px solid #2b3552;border-radius:12px;background:rgba(120,140,220,.10);
padding:13px 15px;margin-bottom:16px;font-size:13px;line-height:1.6;color:#dfe3ee}
.missedCaveat{font-size:11.5px;line-height:1.55;color:#e8a33d;margin-top:8px}
.missedStatus{font-size:11px;color:#a9b0c4;margin-top:3px;line-height:1.45;white-space:normal}
.missedOwed .workRow{border-color:#4a3a22}
.missedOwed .workRow{align-items:flex-start}
.missedOwed .workRowName{white-space:normal;text-overflow:clip;display:-webkit-box;
-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html[data-theme="light"] .missedSummary{background:rgba(90,110,200,.10)!important;border-color:#ccd3ea!important;color:#23232a!important}
html[data-theme="light"] .missedStatus{color:#4a4a55!important}
html[data-theme="light"] .missedCaveat{color:#8a5a00!important}
html[data-theme="light"] .missedOwed .workRow{border-color:#e0c9a0!important}
.missedDays{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.missedDayChip{border:1px solid #3a3a3a;background:#151515;color:#e6e6e6;border-radius:999px;
padding:7px 13px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;min-height:36px}
.missedDayChip[aria-pressed="true"]{border-color:#6f8cff;background:rgba(111,140,255,.16);color:#fff}
.missedDayChip:focus-visible,.missedPickDay:focus-visible,.missedClassHead:focus-visible,
.missedTick:focus-visible,.missedSourceBtn:focus-visible{outline:2px solid #6f8cff;outline-offset:2px}
.missedPicker{border:1px solid #262626;border-radius:12px;padding:12px;margin:0 0 14px;background:#101010}
.missedPicker[hidden]{display:none}
.missedPickerGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:0 0 10px}
.missedPickDay{display:flex;flex-direction:column;align-items:center;gap:1px;border:1px solid #333;
background:#151515;color:#d8d8d8;border-radius:10px;padding:6px 2px;font:inherit;font-size:10.5px;
cursor:pointer;min-width:0;min-height:44px}
.missedPickDay b{font-size:11.5px;font-weight:700;white-space:nowrap}
.missedPickDay.weekend{opacity:.62}
.missedPickDay[aria-pressed="true"]{border-color:#6f8cff;background:rgba(111,140,255,.18);color:#fff;opacity:1}
.missedPickLabel{font-size:12px;color:#8a8a8a}
.missedFoot{margin-top:14px}
#schoolMissedPane.missedIsDemo .missedDays,#schoolMissedPane.missedIsDemo #missedPicker,
#schoolMissedPane.missedIsDemo #missedRefreshBtn{display:none!important}
.missedM2Slot:empty{display:none}
.missedDemoBanner{border:1px dashed #6f8cff;border-radius:12px;padding:11px 14px;margin:0 0 12px;
font-size:12.5px;line-height:1.5;color:#dfe3ee;background:rgba(111,140,255,.08)}
.missedH3{margin:18px 0 9px;font-size:13px;font-weight:800;color:#f0f0f0;letter-spacing:.01em}
.missedTonight{border:1px solid #2a2a2a;border-radius:12px;padding:4px 14px 12px;margin:14px 0;background:#111}
.missedTickNote{font-size:11.5px;line-height:1.5;color:#e8a33d;margin:0 0 8px}
.missedChecklist{list-style:none;margin:0;padding:0}
.missedTickRow{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:1px solid #222;min-width:0}
.missedTickRow:first-child{border-top:0}
.missedTick{flex:none;width:24px;height:24px;margin-top:1px;border-radius:7px;border:2px solid #5a5a5a;
background:transparent;cursor:pointer;position:relative;padding:0}
.missedTick[aria-checked="true"]{background:#3ecf8e;border-color:#3ecf8e}
.missedTick[aria-checked="true"]::after{content:"";position:absolute;left:6px;top:2px;width:6px;height:11px;
border:solid #0b0b0b;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.missedTickMain{flex:1 1 auto;min-width:0}
.missedTickRow.done .missedItemTitle{text-decoration:line-through;opacity:.7}
.missedClass{border:1px solid #262626;border-radius:12px;margin:0 0 9px;background:#111;overflow:hidden}
.missedClassHead{display:flex;align-items:center;gap:9px;width:100%;background:transparent;border:0;
color:#f0f0f0;padding:12px 14px;font:inherit;text-align:left;cursor:pointer;min-height:44px}
.missedClassName{flex:1 1 auto;min-width:0;font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.missedClassCount{flex:none;font-size:11.5px;color:#9a9aa5}
.missedChevron{flex:none;color:#8a8a92;transition:transform .15s}
.missedClassHead[aria-expanded="true"] .missedChevron{transform:rotate(90deg)}
.missedClass.empty .missedClassName{color:#b8b8c0}
.missedClassBody{padding:0 14px 12px}
.missedClassBody[hidden]{display:none}
.missedGroupHead{margin:10px 0 6px;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#8a8a92}
.missedItem{border-top:1px solid #222;padding:9px 0;min-width:0}
.missedGroupHead + .missedItem{border-top:0}
.missedItemTop{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}
.missedItemTitle{flex:1 1 12em;min-width:0;font-size:13px;font-weight:650;color:#ededed;overflow-wrap:anywhere}
.missedItemSub{font-size:11.5px;color:#9a9aa5;margin-top:3px;line-height:1.45}
.missedItem .announceBody{margin-top:6px}
.missedSources{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}
.missedSourceBtn{display:inline-flex;align-items:center;gap:4px;border:1px solid #3a3a3a;border-radius:999px;
padding:4px 10px;font:inherit;font-size:11.5px;font-weight:600;color:#9cc4ff;background:transparent;
text-decoration:none;cursor:pointer;min-height:30px}
.missedSourceBtn:hover{border-color:#6f8cff}
.missedSourceNone{color:#8a8a92;cursor:default}
.missedEmptyLine{font-size:12.5px;line-height:1.55;color:#c8c8d0;margin:4px 0 8px}
.missedNext{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.missedDraft{flex:1 1 100%;margin-top:4px}
.missedDraft[hidden]{display:none}
.missedDraftText{width:100%;box-sizing:border-box;background:#151515;border:1px solid #3a3a3a;color:#eee;
border-radius:10px;padding:9px 11px;font:inherit;font-size:12.5px;line-height:1.5;resize:vertical}
.missedDraftRow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}
.missedDraftRow .missedNote{margin:0}
html[data-theme="light"] .missedDayChip{background:#fff!important;border-color:#d5d5db!important;color:#26262c!important}
html[data-theme="light"] .missedDayChip[aria-pressed="true"]{background:#e9edff!important;border-color:#4a63d8!important;color:#12163a!important}
html[data-theme="light"] .missedPicker{background:#fafafc!important;border-color:#e4e4e9!important}
html[data-theme="light"] .missedPickDay{background:#fff!important;border-color:#d5d5db!important;color:#33333a!important}
html[data-theme="light"] .missedPickDay[aria-pressed="true"]{background:#e9edff!important;border-color:#4a63d8!important;color:#12163a!important}
html[data-theme="light"] .missedPickLabel{color:#6b6b73!important}
html[data-theme="light"] .missedDemoBanner{background:#f1f3ff!important;border-color:#4a63d8!important;color:#23232a!important}
html[data-theme="light"] .missedH3{color:#16161a!important}
html[data-theme="light"] .missedTonight,html[data-theme="light"] .missedClass{background:#fff!important;border-color:#e4e4e9!important}
html[data-theme="light"] .missedTickNote{color:#8a5a00!important}
html[data-theme="light"] .missedTickRow,html[data-theme="light"] .missedItem{border-top-color:#ececf0!important}
html[data-theme="light"] .missedTick{border-color:#9a9aa5!important}
html[data-theme="light"] .missedTick[aria-checked="true"]{background:#1f8a57!important;border-color:#1f8a57!important}
html[data-theme="light"] .missedTick[aria-checked="true"]::after{border-color:#fff!important}
html[data-theme="light"] .missedClassHead{color:#16161a!important}
html[data-theme="light"] .missedClass.empty .missedClassName{color:#55555e!important}
html[data-theme="light"] .missedClassCount,html[data-theme="light"] .missedChevron,
html[data-theme="light"] .missedGroupHead,html[data-theme="light"] .missedItemSub{color:#5f5f66!important}
html[data-theme="light"] .missedItemTitle{color:#16161a!important}
html[data-theme="light"] .missedSourceBtn{color:#2f6bd8!important;border-color:#cfd6ea!important}
html[data-theme="light"] .missedSourceNone{color:#6b6b73!important}
html[data-theme="light"] .missedEmptyLine{color:#33333a!important}
html[data-theme="light"] .missedDraftText{background:#fff!important;border-color:#d5d5db!important;color:#111!important}
.prioChip{font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
border-radius:999px;padding:2px 7px;white-space:nowrap;border:1px solid currentColor;flex:none}
.workRowTop{display:flex;align-items:center;gap:7px;min-width:0}
.workRowTop .workRowName{flex:1 1 auto;min-width:0}
.prio-missing,.prio-overdue{color:#ff6f7d}
.prio-do_now,.prio-due_today{color:#ff7a45}
.prio-due_tomorrow{color:#ffa94d}
.prio-coming_up{color:#ffd43b}
.prio-can_wait{color:#a0a6b8}
.prio-no_due_date,.prio-older_missing{color:#9a9aa5}
.prio-done{color:#7bbf8a}
html[data-theme="light"] .prio-missing,
html[data-theme="light"] .prio-overdue{color:#b3202f!important;background:rgba(220,38,38,.08)}
html[data-theme="light"] .prio-do_now,
html[data-theme="light"] .prio-due_today{color:#b83d0a!important;background:rgba(234,88,12,.10)}
html[data-theme="light"] .prio-due_tomorrow{color:#9a4d00!important;background:rgba(245,158,11,.16)}
html[data-theme="light"] .prio-coming_up{color:#6b5600!important;background:rgba(250,204,21,.26)}
html[data-theme="light"] .prio-can_wait{color:#5f5f66!important}
html[data-theme="light"] .prio-no_due_date,
html[data-theme="light"] .prio-older_missing{color:#5f5f66!important}
html[data-theme="light"] .prio-done{color:#2f6b45!important}
.prioDot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor!important;
margin-right:6px;vertical-align:1px;flex:none}
html[data-theme="light"] .prioDot{background:currentColor!important}
.prioGroup{margin-bottom:18px}
.prioGroup h4{margin:0 0 4px;font-size:11px;font-weight:800;letter-spacing:.07em;
text-transform:uppercase;color:#8a8a92}
.prioWhy{font-size:11px;color:#a9b0c4;margin-top:3px;line-height:1.45;white-space:normal}
html[data-theme="light"] .prioWhy{color:#4a4a55!important}
.workRow{display:flex;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;
background:#111;border:1px solid #242424;border-radius:12px;padding:12px 14px;margin-bottom:8px;color:inherit;font:inherit}
.workRow:hover{border-color:#3d3d3d;background:#151515}
.workRowMain{flex:1 1 auto;min-width:0}
.workRowName{font-size:13.5px;font-weight:600;color:#f0f0f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workRowCourse{font-size:10.5px;color:#8a8a8a;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workRowDue{font-size:11px;color:#cfe0ff;white-space:nowrap;font-variant-numeric:tabular-nums}
.workRowWrap{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.workRowWrap > .workRow{margin-bottom:0;flex:1 1 auto;min-width:0}
.studyThisBtn{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;
background:#16181d;border:1px solid #2c3240;color:#cfe0ff;border-radius:999px;
padding:5px 10px;font:inherit;font-size:10.5px;font-weight:700;letter-spacing:.02em;
cursor:pointer;white-space:nowrap}
.studyThisBtn:hover{background:#1d222b;border-color:#3d4658;color:#fff}
.studyThisBtn .studyThisLeft{font-weight:600;color:#8a93a5}
.studyThisBtn .studyThisLeft:empty{display:none}
.studyThisBtn[disabled]{opacity:.5;cursor:default}
.todaySection .missedNote{margin-bottom:8px}
.hiddenBtn{display:inline-flex;align-items:center;flex:0 0 auto;background:#1b171d;
border:1px solid #3a2f3f;color:#d7c3e2;border-radius:999px;padding:5px 10px;font:inherit;
font-size:10.5px;font-weight:700;letter-spacing:.02em;cursor:pointer;white-space:nowrap}
.hiddenBtn:hover{background:#241e28;border-color:#4d3f55;color:#fff}
.hiddenBox{margin-top:10px;border:1px dashed #333a46;border-radius:12px;padding:10px 12px}
.hiddenBox h5{margin:0 0 4px;font-size:12px;font-weight:800;color:#cfe0ff}
.hiddenBox .hiddenWhy{font-size:11px;color:#8a93a5;margin-bottom:8px}
.hiddenRow{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.hiddenRowName{flex:1 1 auto;min-width:0;font-size:12px;color:#d6d6d6}
.workRowEst{font-size:11px;font-weight:700;color:#9fd2b4;white-space:nowrap}
.workRowEst:empty{display:none}
.todayEstHead{font-size:12px;font-weight:800;letter-spacing:.02em;color:#cfe0ff;margin-bottom:10px}
.todayEstScope{font-size:12px;color:#a9b1bf;margin:-6px 0 10px;line-height:1.4}
.todayEstNone{font-size:11px;color:#8a93a5;white-space:nowrap}
.toolOffer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px}
.toolOfferText{font-size:11.5px;color:#9a9a9a;flex:1 1 200px;min-width:0}
.toolOfferBtn{background:#16181d;border:1px solid #2c3240;color:#cfe0ff;border-radius:999px;
padding:6px 12px;font:inherit;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}
.toolOfferBtn:hover{background:#1d222b;border-color:#3d4658;color:#fff}
.toolOfferNo{background:none;border:0;color:#6d6d6d;font:inherit;font-size:14px;line-height:1;
padding:4px 6px;cursor:pointer}
.toolOfferNo:hover{color:#bdbdbd}
.toolOfferPlan{font-size:10px;font-weight:700;color:#8a93a5;border:1px solid #2c3240;
border-radius:999px;padding:3px 7px}
html[data-theme="light"] .studyThisBtn{background:#eef3fd!important;border-color:#cfdcf5!important;color:#22509f!important}
html[data-theme="light"] .studyThisBtn:hover{background:#e2ebfb!important;color:#173a78!important}
html[data-theme="light"] .studyThisBtn .studyThisLeft{color:#5a6b8c!important}
html[data-theme="light"] .hiddenBtn{background:#f5eefb!important;border-color:#e2d3ee!important;color:#5c3a77!important}
html[data-theme="light"] .hiddenBtn:hover{background:#ece0f5!important;color:#432a59!important}
html[data-theme="light"] .hiddenBox{border-color:#dcdce2!important}
html[data-theme="light"] .hiddenBox h5{color:#22509f!important}
html[data-theme="light"] .hiddenBox .hiddenWhy{color:#5c5c66!important}
html[data-theme="light"] .hiddenRowName{color:#2a2a30!important}
html[data-theme="light"] .workRowEst{color:#1f6b45!important}
html[data-theme="light"] .todayEstHead{color:#22509f!important}
html[data-theme="light"] .todayEstScope{color:#4a5160!important}
html[data-theme="light"] .todayEstNone{color:#5c5c66!important}
html[data-theme="light"] .toolOfferText{color:#5c5c66!important}
html[data-theme="light"] .toolOfferBtn{background:#eef3fd!important;border-color:#cfdcf5!important;color:#22509f!important}
html[data-theme="light"] .toolOfferNo{color:#8a8a92!important}
html[data-theme="light"] .toolOfferPlan{color:#5a6b8c!important;border-color:#d9d9de!important}
.armedToolTray{padding:2px 4px 8px}
.armedToolTray[hidden]{display:none!important}
.armedToolChip{display:flex;align-items:center;gap:9px;background:#15191f;border:1px solid #2c3a52;
border-left:3px solid #7f9dff;border-radius:10px;padding:7px 9px}
.armedToolIcon{font-size:15px;line-height:1;flex:0 0 auto}
.armedToolBody{flex:1 1 auto;min-width:0}
.armedToolLabel{font-size:12px;font-weight:800;color:#dfe7ff}
.armedToolHow{font-size:11.5px;color:#9aa3b8;margin-top:1px}
.armedToolPlan{flex:0 0 auto;font-size:10px;font-weight:700;color:#8a93a5;border:1px solid #2c3240;
border-radius:999px;padding:2px 7px}
.armedToolX{flex:0 0 auto;background:none;border:0;color:#8a9ac0;font:inherit;font-size:16px;
line-height:1;padding:4px 6px;cursor:pointer}
.armedToolX:hover{color:#eaf1ff}
html[data-theme="light"] .armedToolChip{background:#eef3fd!important;border-color:#cfdcf5!important;border-left-color:#3a6fd8!important}
html[data-theme="light"] .armedToolLabel{color:#173a78!important}
html[data-theme="light"] .armedToolHow{color:#5c5c66!important}
html[data-theme="light"] .armedToolPlan{color:#5a6b8c!important;border-color:#d9d9de!important}
html[data-theme="light"] .armedToolX{color:#6b7280!important}
html[data-theme="light"] .armedToolX:hover{color:#111827!important}
.ptHead{font-weight:800;font-size:13px;color:#dfe7ff;margin:0 0 8px}
.ptNote{font-size:12px;color:#f3c77a;background:#2a2212;border:1px solid #4a3a1a;border-radius:8px;
padding:7px 9px;margin:0 0 10px;line-height:1.4}
.ptQ{margin:0 0 14px;padding:0 0 12px;border:0;border-bottom:1px solid #2b2b2b;min-width:0}
.ptQText{font-weight:700;margin-bottom:4px;padding:0;color:#ececec;white-space:pre-wrap;overflow-wrap:anywhere}
.ptMeta{color:#8a8a8a;font-size:11px;margin-bottom:6px}
.ptQText,.ptChoice,.ptShownChoice,.ptYours,.ptCorrect,.ptAnswer{font-variant-ligatures:none;font-feature-settings:"calt" 0,"liga" 0}
.ptChoice{display:flex;align-items:flex-start;gap:8px;padding:6px 8px;margin:3px 0;border:1px solid #2c3240;
border-radius:8px;cursor:pointer;font-size:13px;color:#dcdcdc;overflow-wrap:anywhere;text-transform:none;letter-spacing:0}
.ptChoice:hover{border-color:#3d4658;background:#16181d}
.ptChoice input[type="radio"]{margin:3px 0 0;flex:0 0 auto;width:auto!important;height:auto;padding:0;border:0;background:none;min-height:0;box-shadow:none}
.ptChoice:focus-within{outline:2px solid #7f9dff;outline-offset:1px}
.ptShownChoice{font-size:12.5px;color:#b8b8b8;margin:1px 0 1px 8px;overflow-wrap:anywhere}
.ptAnswer{width:100%;background:#151515;border:1px solid #3a3a3a;color:#fff;padding:8px;margin-top:6px;
text-transform:none;letter-spacing:0;font:inherit;font-size:13px;border-radius:6px}
.ptAnswer:focus{outline:2px solid #7f9dff!important;outline-offset:1px!important;
box-shadow:0 0 0 1px #7f9dff!important}
.ptYours{font-size:12.5px;color:#c9c9c9;margin:2px 0;overflow-wrap:anywhere}
.ptFeedback{font-size:12.5px;color:#aaa;margin:2px 0;overflow-wrap:anywhere}
.ptCorrect{font-size:12px;color:#8fb0e8;margin-top:2px;overflow-wrap:anywhere}
.ptVerdict{display:inline-block;font-size:11px;font-weight:800;border-radius:999px;padding:1px 8px;margin-left:4px;
white-space:nowrap;vertical-align:1px}
.ptVerdict-right{background:#12301f;color:#4ade80}
.ptVerdict-partly{background:#33280f;color:#fbbf24}
.ptVerdict-wrong{background:#3a1616;color:#f87171}
.ptFormatLabel{display:block;font-size:12px;color:#9a9a9a;margin:10px 0 4px}
.ptFormatSelect{width:100%;background:#151515;border:1px solid #3a3a3a;color:#fff;padding:10px;margin-bottom:8px}
html[data-theme="light"] .ptHead{color:#173a78!important}
html[data-theme="light"] .ptNote{color:#7a4b00!important;background:#fff6e5!important;border-color:#f1d9a8!important}
html[data-theme="light"] .ptQ{border-bottom-color:#e2e2e8!important}
html[data-theme="light"] .ptQText{color:#1f1f24!important}
html[data-theme="light"] .ptMeta{color:#6b6b74!important}
html[data-theme="light"] .ptChoice{color:#2a2a30!important;border-color:#d9d9e2!important;background:#fff!important}
html[data-theme="light"] .ptChoice:hover{background:#f3f6fd!important;border-color:#cfdcf5!important}
html[data-theme="light"] .ptChoice:focus-within{outline-color:#3a6fd8!important}
html[data-theme="light"] .ptShownChoice{color:#4a4a52!important}
html[data-theme="light"] .ptAnswer{background:#fff!important;border-color:#cfcfd8!important;color:#1f1f24!important}
html[data-theme="light"] .ptAnswer:focus{outline-color:#3a6fd8!important;
box-shadow:0 0 0 1px #3a6fd8!important}
html[data-theme="light"] .ptYours{color:#33333a!important}
html[data-theme="light"] .ptFeedback{color:#4a4a52!important}
html[data-theme="light"] .ptCorrect{color:#22509f!important}
html[data-theme="light"] .ptVerdict-right{background:#e3f6ea!important;color:#1f6b45!important}
html[data-theme="light"] .ptVerdict-partly{background:#fff3d6!important;color:#8a5a00!important}
html[data-theme="light"] .ptVerdict-wrong{background:#fde6e6!important;color:#a12a2a!important}
html[data-theme="light"] .ptFormatLabel{color:#5c5c66!important}
html[data-theme="light"] .ptFormatSelect{background:#fff!important;border-color:#cfcfd8!important;color:#1f1f24!important}
@media(max-width:520px){
.workRowWrap{flex-wrap:wrap}
.studyThisBtn{width:100%;justify-content:center;margin-top:0}
.hiddenBtn{width:100%;justify-content:center}
.toolOffer{gap:6px}
.toolOfferBtn{flex:1 1 auto;text-align:center}
}
.workHead{margin-bottom:14px}
.workTitle{font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:#f2f2f2}
.workMeta{font-size:12px;color:#8a8a8a;margin-top:5px}
.workActions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.workStatus{display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 14px}
.workStatus:empty{display:none}
.asgChip{display:inline-flex;align-items:center;font-size:11.5px;font-weight:800;letter-spacing:.01em;
line-height:1.3;border-radius:999px;padding:4px 10px;border:1px solid #2c3240;background:#161a22;color:#d6dbe6}
.asgChip.good{background:#0f2a1c;border-color:#1f5b3a;color:#8fe3b0}
.asgChip.bad{background:#2e1214;border-color:#6b2a2e;color:#ff9b9b}
.asgChip.warn{background:#2c1d0b;border-color:#6b4a1c;color:#ffc26a}
.asgChip.info{background:#132447;border-color:#29416f;color:#cfe0ff}
.asgStatusWhy{flex:1 0 100%;font-size:12px;line-height:1.5;color:#9aa3b8;margin-top:2px}
.asgNotes{border:1px solid #3a3420;background:#1a1608;color:#e0c15a;border-radius:12px;padding:10px 13px;
font-size:12px;line-height:1.55;margin:0 0 12px}
.asgNotes div+div{margin-top:4px}
.asgLoading{font-size:12px;color:#8a8a92}
.matRow .asgLinks{display:flex;gap:6px;flex:0 0 auto}
.asgLink{font-size:11px;font-weight:700;border:1px solid #29416f;border-radius:999px;padding:1px 8px;
color:#cfe0ff;text-decoration:none;white-space:nowrap}
.asgLink:hover{border-color:#5f9bea}
.asgLink:focus-visible,.workOpenLink:focus-visible{outline:2px solid #5f9bea;outline-offset:2px}
.asgGradeTop{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.asgGradeBig{font-size:22px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#f2f2f2}
.asgGradeMeta{font-size:12px;color:#8a8a92}
.asgComment{border-top:1px solid #1e1e1e;padding:9px 0 0;margin-top:9px}
.asgCommentWho{font-size:11.5px;font-weight:800;color:#cfd6e4}
.asgCommentText{font-size:12.5px;line-height:1.6;color:#cfcfcf;white-space:pre-wrap;margin-top:3px}
.asgNote{font-size:12px;color:#9aa3b8;margin-top:8px;line-height:1.5}
.workHandInWhy{font-size:12.5px;line-height:1.55;color:#cfcfcf;margin:0 0 10px}
.workHandInLabel{display:block;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
color:#8a8a92;margin:0 0 6px}
#workMyText{width:100%;box-sizing:border-box;background:#151515;border:1px solid #3a3a3a;color:#fff;
border-radius:10px;padding:11px;font-size:13px;font-family:inherit;line-height:1.5;resize:vertical}
.workHandInActions{margin:12px 0 4px}
.workOpenLink{display:inline-flex;align-items:center;text-decoration:none}
html[data-theme="light"] .asgChip{background:#f4f5f7!important;border-color:#d9dce3!important;color:#33363f!important}
html[data-theme="light"] .asgChip.good{background:#e8f6ee!important;border-color:#b5e0c6!important;color:#1c6b3f!important}
html[data-theme="light"] .asgChip.bad{background:#fdecec!important;border-color:#f1c0c2!important;color:#b4262b!important}
html[data-theme="light"] .asgChip.warn{background:#fdf3e3!important;border-color:#efd3a6!important;color:#8a5200!important}
html[data-theme="light"] .asgChip.info{background:#eef4ff!important;border-color:#cfe0ff!important;color:#2f6bd8!important}
html[data-theme="light"] .asgStatusWhy,html[data-theme="light"] .asgNote,
html[data-theme="light"] .asgGradeMeta,html[data-theme="light"] .asgLoading{color:#5c5c66!important}
html[data-theme="light"] .asgNotes{background:#fdf6e3!important;border-color:#e8dcb0!important;color:#7a5c00!important}
html[data-theme="light"] .asgLink{border-color:#cfe0ff!important;color:#2f6bd8!important}
html[data-theme="light"] .asgGradeBig{color:#16161a!important}
html[data-theme="light"] .asgComment{border-top-color:#eeeef1!important}
html[data-theme="light"] .asgCommentWho{color:#16161a!important}
html[data-theme="light"] .asgCommentText,html[data-theme="light"] .workHandInWhy{color:#33333a!important}
html[data-theme="light"] #workMyText{background:#fff!important;border-color:#d5d5db!important;color:#111!important}
@media(max-width:520px){
.matRow{flex-wrap:wrap}
.matRow .asgLinks{flex-basis:100%}
.workHandInActions > *{flex:1 1 auto;justify-content:center}
}
.workSection{border:1px solid #242424;border-radius:14px;background:#111;padding:14px 15px;margin-bottom:12px}
.workSection h4{margin:0 0 9px;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#8a8a92}
.workText{font-size:12.5px;line-height:1.6;color:#cfcfcf;white-space:pre-wrap;max-height:280px;overflow-y:auto}
.rubRow{border-top:1px solid #1e1e1e;padding:9px 0}
.rubRow:first-of-type{border-top:0;padding-top:0}
.rubTop{display:flex;gap:10px;align-items:baseline}
.rubName{flex:1 1 auto;min-width:0;font-size:12.5px;font-weight:700;color:#ededed}
.rubPts{font-size:11.5px;color:#cfe0ff;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.rubBands{font-size:11px;color:#9a9a9a;line-height:1.5;margin-top:4px}
.matRow{display:flex;align-items:center;gap:9px;padding:7px 0;border-top:1px solid #1e1e1e;font-size:12.5px}
.matRow:first-of-type{border-top:0}
.matType{font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
color:#9cc4ff;background:#15264a;border:1px solid #29416f;border-radius:999px;padding:2px 7px;white-space:nowrap}
.matName{flex:1 1 auto;min-width:0;color:#ededed;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-theme="light"] .workRow{background:#fff!important;border-color:#e4e4e9!important}
html[data-theme="light"] .workRow:hover{background:#f7f7f9!important}
html[data-theme="light"] .workRowName,html[data-theme="light"] .workTitle,
html[data-theme="light"] .rubName,html[data-theme="light"] .matName{color:#16161a!important}
html[data-theme="light"] .workRowCourse,html[data-theme="light"] .workMeta,
html[data-theme="light"] .rubBands{color:#6b6b73!important}
html[data-theme="light"] .workSection{background:#fff!important;border-color:#e4e4e9!important}
html[data-theme="light"] .workText{color:#33333a!important}
html[data-theme="light"] .rubPts,html[data-theme="light"] .workRowDue{color:#2f6bd8!important}
html[data-theme="light"] .matType{background:#eef4ff!important;border-color:#cfe0ff!important;color:#2f6bd8!important}
html[data-theme="light"] .rubRow,html[data-theme="light"] .matRow{border-top-color:#eeeef1!important}
.gradeCourse{border:1px solid #242424;border-radius:14px;background:#111;margin-bottom:12px;overflow:hidden}
.gradeCourseTop{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:14px 15px}
.gradeCourseName{flex:1 1 auto;min-width:0;font-size:14px;font-weight:700;color:#f0f0f0;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gradeBigScore{font-size:22px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.gradeLetter{font-size:11px;font-weight:800;color:#8a8a8a;margin-left:7px}
.gradeSrc{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
color:#9fb4d8;background:#15264a;border:1px solid #29416f;border-radius:999px;
padding:2px 8px;margin-left:8px;white-space:nowrap}
.gradeNote{font-size:12px;color:#e2b371;background:#2a1c0b;border:1px solid #57391a;
border-radius:9px;padding:9px 12px;margin-bottom:10px;line-height:1.5}
.gradeSources{font-size:11.5px;color:#7d7d7d;padding:14px 2px 2px;line-height:1.6}
.gradeSources b{color:#a8a8a8;font-weight:600}
.gradeSources .off{color:#c9903f}
html[data-theme="light"] .gradeSrc{background:#eef4ff!important;border-color:#cfe0ff!important;color:#37538c!important}
.gradeSynced{font-size:9.5px;color:#7a86a0;margin-left:7px;white-space:nowrap}
html[data-theme="light"] .gradeSynced{color:#8a8a93!important}
html[data-theme="light"] .gradeNote{background:#fff6e8!important;border-color:#f0d4a8!important;color:#8a5a12!important}
.spark{flex:0 0 auto;display:block}
.trend{font-size:10.5px;font-weight:800;border-radius:999px;padding:3px 8px;white-space:nowrap;
font-variant-numeric:tabular-nums}
.trend.up{background:#12301f;color:#8fe3b0}
.trend.down{background:#3a1d1d;color:#ff9b9b}
.trend.flat{background:#232323;color:#9a9a9a}
html[data-theme="light"] .trend.up{background:#e9f7ef!important;color:#1c6b3f!important}
html[data-theme="light"] .trend.down{background:#fdecec!important;color:#b4262b!important}
html[data-theme="light"] .trend.flat{background:#f0f0f3!important;color:#6b6b73!important}
.needRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;
padding:0 15px 13px;margin-top:-4px}
.needLeft{font-size:10.5px;color:#7c7c7c;font-variant-numeric:tabular-nums}
.needChip{font-size:11px;color:#dfe7f5;background:#15264a;border:1px solid #29416f;
border-radius:999px;padding:4px 10px;white-space:nowrap}
.needChip b{color:#9cc4ff;font-weight:800;font-variant-numeric:tabular-nums}
.needChip.locked{background:#12301f;border-color:#1f5c39;color:#8fe3b0}
.needChip.out{background:#2a1a1a;border-color:#4d2a2a;color:#e0a5a5}
html[data-theme="light"] .needLeft{color:#6b6b73!important}
html[data-theme="light"] .needChip{background:#eef4ff!important;border-color:#cfe0ff!important;color:#1e3a6b!important}
html[data-theme="light"] .needChip b{color:#2f6bd8!important}
html[data-theme="light"] .needChip.locked{background:#e9f7ef!important;border-color:#bfe6cf!important;color:#1c6b3f!important}
html[data-theme="light"] .needChip.out{background:#fdecec!important;border-color:#f3cfcf!important;color:#98393d!important}
.gradedList{border-top:1px solid #1e1e1e}
.gradedRow{display:flex;align-items:center;gap:10px;padding:9px 15px;border-top:1px solid #1a1a1a;font-size:12.5px}
.gradedRow:first-child{border-top:0}
.gradedName{flex:1 1 auto;min-width:0;color:#dcdcdc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gradedPts{color:#cfe0ff;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}
.gradedWhen{font-size:10.5px;color:#777;white-space:nowrap}
.gradeFlag{font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
border-radius:999px;padding:2px 7px;background:#3a1d1d;color:#ff9b9b}
html[data-theme="light"] .schoolNav{border-right-color:#e4e4e9!important}
html[data-theme="light"] .schoolNavBtn{color:#4a4a52!important}
html[data-theme="light"] .schoolNavBtn:hover{background:#f2f2f5!important;color:#16161a!important}
html[data-theme="light"] .schoolNavBtn.active{background:#eceef2!important;border-color:#dfe1e6!important;color:#16161a!important}
html[data-theme="light"] .schoolNavFoot,html[data-theme="light"] .gradesSub,
html[data-theme="light"] .gradesEmpty,html[data-theme="light"] .gradedWhen{color:#6b6b73!important}
html[data-theme="light"] .gradeCourse{background:#fff!important;border-color:#e4e4e9!important}
html[data-theme="light"] .gradeCourseName,html[data-theme="light"] .gradedName{color:#16161a!important}
html[data-theme="light"] .gradedPts{color:#2f6bd8!important}
html[data-theme="light"] .gradedList{border-top-color:#e4e4e9!important}
html[data-theme="light"] .gradedRow{border-top-color:#eeeef1!important}
html[data-theme="light"] .gradeFlag{background:#fdecec!important;color:#b4262b!important}
.classGrid{display:flex;flex-wrap:wrap;gap:10px}
.classCard{flex:1 1 260px;min-width:0;text-align:left;background:#111;border:1px solid #242424;
border-radius:12px;padding:13px 15px;color:inherit;font:inherit;cursor:pointer}
.classCard:hover{border-color:#3d3d3d;background:#151515}
.classCardName{font-size:14px;font-weight:700;color:#f0f0f0;line-height:1.35}
.classCardMeta{font-size:11.5px;color:#a9b0c4;margin-top:4px;line-height:1.5}
.classCardCounts{font-size:12px;color:#cfe0ff;margin-top:6px;font-variant-numeric:tabular-nums}
.classBind{font-size:11.5px;line-height:1.5;color:#9fd0b0;border:1px solid #27402f;
background:rgba(60,140,90,.10);border-radius:10px;padding:8px 11px;margin:10px 0}
.classBindRow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}
.classCtl{background:#151515;border:1px solid #333;border-radius:999px;padding:6px 12px;
font:inherit;font-size:11.5px;color:#dcdcdc;cursor:pointer;min-height:32px;
max-width:100%;min-width:0}
.classCtl:hover{border-color:#555;background:#1b1b1b}
.classGapRow{border-top:1px solid #242424;padding:9px 2px;font-size:11.5px;line-height:1.55;
color:#a9b0c4}
.classGapName{font-weight:700;color:#dcdcdc;display:block}
.classIdent{font-size:11.5px;color:#a9b0c4;line-height:1.55;margin-top:2px}
.classFeedRow{font-size:11.5px;color:#cfe0ff;margin-top:5px;line-height:1.5;
font-variant-numeric:tabular-nums}
.classFeedName{font-weight:700;color:#f0f0f0;margin-right:6px}
.classGapLine{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0;
font-size:11.5px;line-height:1.55;color:#a9b0c4}
html[data-theme="light"] .classCard{background:#fff!important;border-color:#e4e4e9!important}
html[data-theme="light"] .classCard:hover{background:#f7f7fa!important;border-color:#d0d0d8!important}
html[data-theme="light"] .classCardName{color:#16161a!important}
html[data-theme="light"] .classCardMeta,html[data-theme="light"] .classGapRow,
html[data-theme="light"] .classIdent{color:#4a4a55!important}
html[data-theme="light"] .classCardCounts{color:#2f6bd8!important}
html[data-theme="light"] .classBind{color:#1f5c38!important;border-color:#c6e0cf!important;
background:rgba(60,140,90,.08)!important}
html[data-theme="light"] .classCtl{background:#fff!important;border-color:#d9d9e0!important;color:#16161a!important}
html[data-theme="light"] .classCtl:hover{background:#f2f2f5!important;border-color:#c2c2cc!important}
html[data-theme="light"] .classGapRow{border-top-color:#eeeef1!important}
html[data-theme="light"] .classGapName{color:#16161a!important}
html[data-theme="light"] .classFeedRow{color:#2f6bd8!important}
html[data-theme="light"] .classFeedName{color:#16161a!important}
html[data-theme="light"] .classGapLine{color:#4a4a55!important}
.rubricLabel{display:block;font-size:11px;font-weight:800;letter-spacing:.05em;
text-transform:uppercase;color:#8a8a92;margin:12px 0 6px}
#rubricModal textarea,#rubricModal input[type=file],#setShareModal input{
width:100%;background:#151515;border:1px solid #3a3a3a;color:#fff;
border-radius:10px;padding:10px;font-size:13px;font-family:inherit;line-height:1.45}
.rubricOr{text-align:center;color:#666;font-size:11px;margin:8px 0 6px}
.rubricPull{display:flex;gap:8px;margin-bottom:8px}
.rubricPull input{flex:1 1 auto;min-width:0;background:#151515;border:1px solid #3a3a3a;
color:#fff;padding:10px 11px;border-radius:8px;font-size:13px;text-transform:none;letter-spacing:0}
.rubricPull input:focus{outline:2px solid #ffb545;outline-offset:1px}
.rubricPull button{flex:0 0 auto}
.rubricPullMsg{font-size:11.5px;color:#8f8f8f;margin:0 0 8px;min-height:15px}
.rubricPullMsg.ok{color:#ffb545}
.gradeHero{display:flex;align-items:center;gap:14px;flex-wrap:wrap;
padding:14px;border:1px solid #262626;border-radius:14px;background:#141414;margin-bottom:12px}
.gradeBig{font-size:32px;font-weight:800;letter-spacing:-.03em;line-height:1;color:#f2f2f2}
.gradeMeta{flex:1 1 auto;min-width:0}
.gradeTitle{font-size:13px;font-weight:700;color:#ededed;overflow:hidden;text-overflow:ellipsis}
.gradePts{font-size:11.5px;color:#8a8a8a;margin-top:2px}
.rubricDelta{
font-size:13px;line-height:1.5;border-radius:12px;padding:11px 14px;margin-bottom:12px;
border:1px solid #29416f;background:#15264a;color:#dfe7f5;
}
.rubricDelta.up{border-color:#1f5c39;background:#12301f;color:#8fe3b0}
.rubricDelta.down{border-color:#4d2a2a;background:#2a1a1a;color:#e0a5a5}
.rubricDelta.flat{border-color:#333;background:#1c1c1c;color:#b8b8b8}
.rowMoved{font-size:11px;font-weight:800;border-radius:999px;padding:2px 7px;white-space:nowrap}
.rowMoved.up{background:#12301f;color:#8fe3b0}
.rowMoved.down{background:#3a1d1d;color:#ff9b9b}
html[data-theme="light"] .rubricDelta.up{background:#e9f7ef!important;border-color:#bfe6cf!important;color:#1c6b3f!important}
html[data-theme="light"] .rubricDelta.down{background:#fdecec!important;border-color:#f3cfcf!important;color:#98393d!important}
html[data-theme="light"] .rubricDelta.flat{background:#f0f0f3!important;border-color:#e0e0e5!important;color:#4a4a52!important}
html[data-theme="light"] .rowMoved.up{background:#e9f7ef!important;color:#1c6b3f!important}
html[data-theme="light"] .rowMoved.down{background:#fdecec!important;color:#b4262b!important}
.gradePriority{font-size:12.5px;line-height:1.5;color:#e2e2e2;background:#15264a;
border:1px solid #29416f;border-radius:12px;padding:11px 13px;margin-bottom:12px}
.gradeRow{border:1px solid #242424;border-radius:12px;padding:12px 13px;margin-bottom:9px;background:#111}
.gradeRowTop{display:flex;align-items:baseline;gap:9px;margin-bottom:5px}
.gradeRowName{font-size:13px;font-weight:700;color:#f0f0f0;flex:1 1 auto;min-width:0}
.gradeScore{font-size:12px;font-weight:800;color:#cfe0ff;white-space:nowrap;
font-variant-numeric:tabular-nums}
.gradeBand{display:inline-block;font-size:9.5px;font-weight:800;letter-spacing:.06em;
text-transform:uppercase;border-radius:999px;padding:3px 8px;margin-bottom:7px;
background:#1e1e1e;border:1px solid #333;color:#c9c9c9}
.gradeWhy{font-size:12px;color:#b8b8b8;line-height:1.5;margin-bottom:8px}
.gradeNext{font-size:12px;color:#e6e6e6;line-height:1.5;
border-left:2px solid #6ea8ff;padding-left:9px}
.gradeNext b{color:#9cc4ff;font-weight:700}
.shareLinkRow{display:flex;gap:8px}
.shareLinkRow input{flex:1 1 auto;min-width:0;font-family:ui-monospace,monospace;font-size:11.5px}
.setRow{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #1e1e1e;font-size:12px}
.setRow:last-child{border-bottom:0}
.setRowTitle{flex:1 1 auto;min-width:0;color:#ededed;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.setRowMeta{font-size:10.5px;color:#8a8a8a;white-space:nowrap}
html[data-theme="light"] #rubricModal textarea,
html[data-theme="light"] #rubricModal input[type=file],
html[data-theme="light"] #setShareModal input{background:#fff!important;border-color:#d5d5db!important;color:#111!important}
html[data-theme="light"] .gradeHero{background:#f7f7f9!important;border-color:#e4e4e9!important}
html[data-theme="light"] .gradeBig,html[data-theme="light"] .gradeTitle,
html[data-theme="light"] .gradeRowName{color:#16161a!important}
html[data-theme="light"] .gradeRow{background:#fff!important;border-color:#e4e4e9!important}
html[data-theme="light"] .gradePriority{background:#eef4ff!important;border-color:#cfe0ff!important;color:#1e3a6b!important}
html[data-theme="light"] .gradeWhy{color:#5f5f66!important}
html[data-theme="light"] .gradeNext{color:#33333a!important}
html[data-theme="light"] .gradeNext b{color:#2f6bd8!important}
html[data-theme="light"] .gradeScore{color:#2f6bd8!important}
html[data-theme="light"] .gradeBand{background:#f0f0f3!important;border-color:#e0e0e5!important;color:#4a4a52!important}
html[data-theme="light"] .setRowTitle{color:#16161a!important}
html[data-theme="light"] .rubricLabel{color:#6b6b73!important}
.plannerItem{flex-wrap:wrap;row-gap:4px}
.plannerItemTitle{flex:1 1 100%;order:-1;font-weight:600;line-height:1.35}
html[data-theme="light"] .plannerItemTitle{color:#16161a!important}
html[data-theme="light"] .plannerItem.done .plannerItemTitle{color:#6b6b73!important}
html[data-theme="light"] .plannerItemWhen{color:#5f5f66!important}
html[data-theme="light"] .plannerEmpty{color:#5f5f66!important}
html[data-theme="light"] .plannerTinyBtn{border-color:#d9d9de!important;color:#33333a!important}
html[data-theme="light"] .plannerTinyBtn:hover{background:#f0f0f3!important;color:#000!important}
.plannerGrid{display:grid;grid-template-columns:34px repeat(7,minmax(0,1fr));gap:0}
#plannerGrid{
border-top:1px solid var(--planner-line,#242424);
border-left:1px solid var(--planner-line,#242424);
border-radius:10px;overflow:hidden;
}
.plannerDay{
min-height:74px;background:transparent;border:0;
border-right:1px solid var(--planner-line,#242424);
border-bottom:1px solid var(--planner-line,#242424);
border-radius:0;padding:4px 5px 5px;cursor:pointer;
display:flex;flex-direction:column;gap:2px;align-items:stretch;min-width:0;
}
.plannerDay:hover{background:rgba(255,255,255,.04);border-color:var(--planner-line,#242424)}
.plannerDay.outside{opacity:1}
.plannerDay.outside .plannerDayNum{color:#5a5a5a}
.plannerDay.outside .plannerPill{opacity:.5}
.plannerDay.today{border-color:var(--planner-line,#242424)}
.plannerDay.today .plannerDayNum{
background:#e5484d;color:#fff;border-radius:999px;
width:19px;height:19px;display:flex;align-items:center;justify-content:center;
}
.plannerDay.selected{background:rgba(110,168,255,.13)}
.plannerDayNum{font-size:11px;color:#c8c8c8;font-weight:600;flex:0 0 auto;align-self:flex-start;padding:1px 3px}
.plannerPill{
display:flex;align-items:center;gap:4px;
font-size:10px;line-height:1.3;background:transparent;border:0;border-radius:4px;
padding:1px 3px;color:#dcdcdc;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;
}
.plannerPill::before{
content:"";width:6px;height:6px;border-radius:999px;flex:0 0 auto;background:#7bb6ff;
}
.plannerPill.exam::before{background:#e5484d}
.plannerPill.quiz::before{background:#ffb224}
.plannerPill.assignment::before,.plannerPill.essay::before,.plannerPill.project::before{background:#7bb6ff}
.plannerPill:hover{background:rgba(255,255,255,.07)}
.plannerPill.done{opacity:.45;text-decoration:line-through}
.plannerWeekBtn{
background:transparent;border:0;border-right:1px solid var(--planner-line,#242424);
border-bottom:1px solid var(--planner-line,#242424);border-radius:0;
color:#7a7a7a;font-size:9px;font-weight:700;cursor:pointer;padding:0;letter-spacing:.3px;
display:flex;align-items:center;justify-content:center;
}
.plannerWeekBtn:hover{background:rgba(255,255,255,.05);color:#e2e2e2}
.plannerWeekBtn.selected{background:rgba(110,168,255,.16);color:#cfe0ff}
.plannerDow{
font-size:10px;font-weight:700;color:#8a8a8a;text-transform:uppercase;
letter-spacing:.5px;text-align:center;padding:6px 0 8px;
}
html[data-theme="light"] .plannerGrid,
html[data-theme="light"] #plannerGrid{--planner-line:#e4e4e9}
html[data-theme="light"] .plannerDay{--planner-line:#e4e4e9}
html[data-theme="light"] .plannerWeekBtn{--planner-line:#e4e4e9;background:transparent!important;color:#8a8a92!important}
html[data-theme="light"] .plannerWeekBtn:hover{background:#f4f4f7!important;color:#16161a!important}
html[data-theme="light"] .plannerWeekBtn.selected{background:#e8f0ff!important;color:#1e3a6b!important}
html[data-theme="light"] .plannerDay:hover{background:#f7f7f9}
html[data-theme="light"] .plannerDay.selected{background:#e8f0ff}
html[data-theme="light"] .plannerDayNum{color:#3a3a42!important}
html[data-theme="light"] .plannerDay.outside .plannerDayNum{color:#b4b4bc!important}
html[data-theme="light"] .plannerDay.today .plannerDayNum{color:#fff!important}
html[data-theme="light"] .plannerPill{color:#33333a!important}
@media(min-width:1040px){
.plannerCard{
width:min(1320px,96vw);max-width:none;
height:min(94vh,920px);max-height:94vh;overflow:hidden;
display:grid;grid-template-columns:minmax(0,1fr) 330px;
grid-template-rows:auto minmax(0,1fr);column-gap:20px;
}
.plannerCard > .modalTop{
grid-column:1 / -1;grid-row:1;
display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
}
.plannerCard > .modalTop > div{min-width:0}
.plannerCard > .plannerMain{grid-column:1;grid-row:2;display:flex;flex-direction:column;min-height:0}
.plannerCard > .plannerSide{grid-column:2;grid-row:2;display:flex;flex-direction:column;min-height:0;overflow-y:auto;gap:10px}
.plannerMain > #plannerGrid{flex:1 1 auto;grid-auto-rows:minmax(0,1fr);min-height:0}
.plannerSide > #plannerList{max-height:none;margin:0;overflow-y:visible}
.plannerSide > #todayPanel{margin:0;flex:0 0 auto}
}
.tutorStyleRow{display:flex;align-items:center;gap:5px;padding:8px 11px 2px;flex-wrap:wrap}
.tutorStyleLabel{font-size:9px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#8291a6;margin-right:3px}
.tutorStyleBtn{background:rgba(255,255,255,.06);border:1px solid transparent;color:#9a9a9a;border-radius:999px;padding:5px 11px;font-size:10px;font-weight:700;cursor:pointer;transition:background .12s,color .12s}
.tutorStyleBtn:hover{color:#e8e8e8}
.tutorStyleBtn.active{background:rgba(255,255,255,.14);color:#fff}
html[data-theme="light"] .tutorStyleBtn{background:#f0f0f3!important;color:#6b6b73!important}
html[data-theme="light"] .tutorStyleBtn.active{background:#fff!important;color:#111!important;box-shadow:0 1px 3px rgba(0,0,0,.13)!important}
.todayPanel{background:#131316;border:1px solid #262629;border-radius:12px;padding:13px 15px;margin-bottom:14px}
.todayHead{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:#f2f2f4;margin-bottom:8px}
.todayDot{width:7px;height:7px;border-radius:50%;background:#7c6bff;flex:0 0 auto}
.entityNotices{margin:0 0 8px;display:flex;flex-direction:column;gap:6px}
.entityNotices[hidden]{display:none!important}
.entityNotices .enHead{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8a8fa3;padding:0 2px}
.entityNotices .enItem{display:flex;align-items:center;gap:9px;background:rgba(120,140,220,.10);border:1px solid rgba(120,140,220,.28);border-radius:12px;padding:8px 10px;cursor:pointer}
.entityNotices .enItem:hover{background:rgba(120,140,220,.18)}
.entityNotices .enItem[hidden]{display:none}
.entityNotices .enMore{align-self:flex-start;background:none;border:0;padding:2px;color:#8a8fa3;font-size:12px;text-decoration:underline;cursor:pointer}
.entityNotices .enIcon{flex:none;font-size:15px}
.entityNotices .enText{flex:1;font-size:13px;line-height:1.35;color:#dfe3ee}
.entityNotices .enX{flex:none;background:none;border:0;color:#8a8fa3;font-size:18px;line-height:1;cursor:pointer;padding:0 4px}
.entityNotices .enX:hover{color:#fff}
.entityNotices .enUpsell{background:rgba(230,180,60,.12);border-color:rgba(230,180,60,.36)}
html[data-theme="light"] .entityNotices .enText{color:#333}
html[data-theme="light"] .entityNotices .enItem{background:rgba(60,90,200,.07);border-color:rgba(60,90,200,.20)}
.entityMorning{margin:0 0 8px;display:flex;flex-direction:column;gap:6px}
.entityMorning[hidden]{display:none!important}
html.v630HomeOn #entityMorning{display:none!important}
.entityMorning .emCard{background:rgba(120,140,220,.10);border:1px solid rgba(120,140,220,.28);border-radius:12px;padding:11px 12px}
.entityMorning .emTop{display:flex;align-items:flex-start;gap:9px}
.entityMorning .emIcon{flex:none;font-size:15px;line-height:1.3}
.entityMorning .emHead{flex:1;min-width:0}
.entityMorning .emTitle{font-size:13px;font-weight:800;color:#dfe3ee;line-height:1.3}
.entityMorning .emDate{font-size:11px;color:#8a8fa3;margin-top:1px}
.entityMorning .emX{flex:none;background:none;border:0;color:#8a8fa3;font-size:18px;line-height:1;cursor:pointer;padding:0 4px}
.entityMorning .emX:hover{color:#fff}
.entityMorning .emLines{margin:7px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.entityMorning .emLines li{font-size:13px;line-height:1.35;color:#dfe3ee}
.entityMorning .emNote{font-size:11px;line-height:1.4;color:#8a8fa3;margin-top:6px}
.entityMorning .emConnect{font-size:12px;line-height:1.4;color:#c9c9d1;margin-top:7px}
.entityMorning .emOffer{display:flex;align-items:center;gap:9px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(120,140,220,.24);cursor:pointer}
.entityMorning .emOfferText{flex:1;font-size:13px;line-height:1.35;color:#dfe3ee}
.entityMorning .emActions{display:flex;flex-direction:column;gap:7px;margin-top:10px}
.entityMorning .emStart{width:100%;border:0;border-radius:9px;background:#2f5fd8;color:#fff;font-size:13px;font-weight:800;padding:10px 12px;cursor:pointer;min-height:40px}
.entityMorning .emStart:hover{background:#3d6bff}
.entityMorning .emLinks{display:flex;flex-wrap:wrap;gap:6px 14px}
.entityMorning .emLink{background:none;border:0;padding:4px 0;color:#9fb0e0;font-size:12px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.entityMorning .emLink:hover{color:#dfe3ee}
html[data-theme="light"] .entityMorning .emLink{color:#22509f!important}
html[data-theme="light"] .entityMorning .emLink:hover{color:#16161a!important}
html[data-theme="light"] .entityMorning .emLink{color:#2f5fd8}
html[data-theme="light"] .entityMorning .emLink:hover{color:#16161a}
html[data-theme="light"] .entityMorning .emCard{background:rgba(60,90,200,.07);border-color:rgba(60,90,200,.20)}
html[data-theme="light"] .entityMorning .emTitle,
html[data-theme="light"] .entityMorning .emLines li,
html[data-theme="light"] .entityMorning .emOfferText{color:#333}
html[data-theme="light"] .entityMorning .emConnect{color:#4a4a55}
html[data-theme="light"] .entityMorning .emOffer{border-top-color:rgba(60,90,200,.20)}
@media (max-width:520px){
.entityMorning .emCard{padding:10px}
.entityMorning .emLines li,.entityMorning .emOfferText{font-size:12.5px}
.entityMorning .emLinks{gap:2px 14px}
.entityMorning .emLink{min-height:32px}
}
.todayList{margin:0;padding-left:19px;display:flex;flex-direction:column;gap:5px}
.todayList li{font-size:12px;line-height:1.45;color:#c9c9d1}
.todayList li.urgent{color:#ffd0d0;font-weight:600}
html[data-theme="light"] .todayPanel{background:#f7f7f9!important;border-color:#e4e4e9!important}
html[data-theme="light"] .todayHead{color:#16161a!important}
html[data-theme="light"] .todayList li{color:#44444c!important}
html[data-theme="light"] .todayList li.urgent{color:#a11!important}
.todayList li.todayNote{list-style:none;margin-left:-19px;font-size:11px;color:#8a8fa3}
html[data-theme="light"] .todayList li.todayNote{color:#5f5f66!important}
.voiceStage{display:flex;flex-direction:column;align-items:center;gap:10px;padding:18px 0 8px}
.voiceOrb{width:132px;height:132px;border-radius:50%;background:linear-gradient(170deg,#6f7bff 0%,#a9b6ff 42%,#eef1ff 100%);box-shadow:0 14px 40px rgba(90,105,255,.22)}
.voiceNameRow{display:flex;align-items:center;gap:16px}
.voiceNameWrap{text-align:center;min-width:190px}
.voiceName{font-size:19px;font-weight:800;color:#f4f4f4}
.voiceBlurb{font-size:12px;color:#8f8f8f;margin-top:2px}
.voiceArrow{background:transparent;border:0;color:#9a9a9a;font-size:26px;line-height:1;cursor:pointer;padding:2px 8px;border-radius:8px}
.voiceArrow:hover{color:#fff;background:#181818}
.voiceDots{display:flex;gap:6px}
.voiceDot{width:7px;height:7px;border-radius:50%;background:#3a3a3a;cursor:pointer;border:0;padding:0}
.voiceDot.active{background:#f1f1f1}
.billingPlanRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #1e1e1e}
.billingPlanName{font-size:16px;font-weight:800;color:#f4f4f4}
.billingRow{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid #1a1a1a;font-size:12px}
.billingRow:last-child{border-bottom:0}
.billingRowName{flex:1;color:#e6e6e6}
.billingRowDate{color:#8a8a8a;font-size:11px;min-width:86px}
.billingBadge{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;padding:3px 7px;border-radius:6px;background:#1f1f1f;color:#bdbdbd}
.billingBadge.paid{background:#16301f;color:#7fd6a0}
.billingRowAmount{color:#f0f0f0;font-weight:700;min-width:60px;text-align:right}
#settingsModal input[type=text],
#settingsModal input[type=email],
#settingsModal input[type=password],
#settingsModal input[type=number],
#settingsModal input[type=date],
#settingsModal textarea,
#settingsModal select,
.settingsInput,.settingsSelect{
background:#141414;
border:1px solid #2e2e2e;
color:#f0f0f0;
border-radius:10px;
padding:10px 12px;
font-size:12px;
font-family:inherit;
transition:border-color .12s ease, box-shadow .12s ease;
}
#settingsModal input:focus,
#settingsModal textarea:focus,
#settingsModal select:focus,
.settingsInput:focus,.settingsSelect:focus{
border-color:#6a6a6a;
box-shadow:0 0 0 3px rgba(255,255,255,.05);
outline:none;
}
#settingsModal input::placeholder,#settingsModal textarea::placeholder{color:#6f6f6f}
#settingsModal .primaryAction,#settingsModal .secondaryAction{
border-radius:10px;padding:9px 15px;font-size:12px;font-weight:700;
transition:background .12s ease, border-color .12s ease, opacity .12s ease;
}
#settingsModal .secondaryAction{background:#161616;border:1px solid #303030;color:#e8e8e8}
#settingsModal .secondaryAction:hover{background:#1e1e1e;border-color:#3d3d3d}
#settingsModal .primaryAction:hover{opacity:.9}
#settingsModal .settingLine{padding:13px 0}
#settingsModal h3{letter-spacing:-.01em}
.settingsSubhead{
font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;
color:#7d7d86;margin:22px 0 2px;padding-top:14px;border-top:1px solid #202024;
}
.settingsPane > .settingsSubhead:first-of-type{margin-top:6px;padding-top:0;border-top:0}
html[data-theme="light"] .settingsSubhead{color:#77777f!important;border-color:#e6e6ea!important}
.settingsNavGroup{font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:#6d6d6d;padding:12px 11px 5px}
.settingsNavGroup:first-child{padding-top:2px}
.settingsNavBtn{display:flex;align-items:center;gap:9px}
.settingsNavIcon{width:15px;text-align:center;opacity:.85;flex-shrink:0}
html[data-theme="light"]{color-scheme:light;background:#ffffff!important}
html[data-theme="light"] body,
html[data-theme="light"] .app,
html[data-theme="light"] .main,
html[data-theme="light"] #chatLog{background:#ffffff!important;color:#111111!important}
html[data-theme="light"] .sidebar,
html[data-theme="light"] .sideBottom,
html[data-theme="light"] .sidePrimary,
html[data-theme="light"] .sideSection,
html[data-theme="light"] .recents,
html[data-theme="light"] .recentsSection,
html[data-theme="light"] .sidebarTabPanel{background:#f7f7f8!important;color:#111!important}
html[data-theme="light"] .sidebar,
html[data-theme="light"] .sideBottom{border-color:#e3e3e6!important}
html[data-theme="light"] .sideNavBtn,
html[data-theme="light"] .sideTinyBtn,
html[data-theme="light"] .accountMenuItem{color:#2a2a2a!important;background:transparent!important}
html[data-theme="light"] .sideNavBtn:hover,
html[data-theme="light"] .sideNavBtn.active,
html[data-theme="light"] .accountMenuItem:hover{background:#ececee!important;color:#000!important}
html[data-theme="light"] .sideUsageText,
html[data-theme="light"] .screenTabShell,
html[data-theme="light"] .screenHistoryShell{
background:#ffffff!important;
border-color:#e2e2e8!important;
color:#16161a!important;
box-shadow:0 26px 80px rgba(0,0,0,.16)!important;
}
html[data-theme="light"] .screenTabCard,
html[data-theme="light"] .screenStepCard,
html[data-theme="light"] .screenAdvanced,
html[data-theme="light"] .screenTabStatus,
html[data-theme="light"] .screenHistoryItem,
html[data-theme="light"] .screenHistoryShell pre{
background:#f7f7f9!important;
border-color:#e4e4ea!important;
color:#26262c!important;
}
html[data-theme="light"] #screenHistorySearch{
background:#ffffff!important;border-color:#d8d8de!important;color:#16161a!important;
}
html[data-theme="light"] #screenHistorySearch::placeholder{color:#87878f!important}
html[data-theme="light"] .screenHistoryCard,
html[data-theme="light"] .ocrHistoryCard{
background:#f7f7f9!important;border-color:#e4e4ea!important;
}
html[data-theme="light"] .screenHistoryQuestion,
html[data-theme="light"] .ocrHistoryQuestion{color:#111!important}
html[data-theme="light"] .screenHistoryAnswer,
html[data-theme="light"] .ocrHistoryText{color:#3a3a42!important}
html[data-theme="light"] .screenHistoryMeta{color:#7a7a82!important}
html[data-theme="light"] .modelPickerTitle{color:#111111!important}
html[data-theme="light"] .modelPickerDesc{color:#55555f!important}
html[data-theme="light"] .modelPickerCheck{color:#1b7a34!important}
html[data-theme="light"] #screenHistoryBtn:hover,
html[data-theme="light"] #settingsBtn:hover,
html[data-theme="light"] #screenHistoryBtn.active,
html[data-theme="light"] #settingsBtn.active,
html[data-theme="light"] .sideBottom .sideNavBtn:hover,
html[data-theme="light"] .sideBottom .sideNavBtn.active{
background:#ececee!important;
color:#111111!important;
}
html[data-theme="light"] #screenHistoryBtn:hover span,
html[data-theme="light"] #settingsBtn:hover span,
html[data-theme="light"] .sideBottom .sideNavBtn:hover span,
html[data-theme="light"] .sideBottom .sideNavBtn:hover .sideNavIcon{color:#111111!important}
html[data-theme="light"] .screenMarkupWrap{background:#f0f0f3!important;border-color:#e0e0e6!important}
html[data-theme="light"] .screenMarkupHint{background:rgba(255,255,255,.86)!important;color:#26262c!important}
html[data-theme="light"] .screenTabShell h3,
html[data-theme="light"] .screenHistoryShell h3,
html[data-theme="light"] .screenTabShell .settingTitle,
html[data-theme="light"] .screenHistoryShell b{color:#111!important}
html[data-theme="light"] .screenTabShell .settingDesc,
html[data-theme="light"] .screenHistoryShell .settingDesc,
html[data-theme="light"] .screenHistoryItem time{color:#5f5f68!important}
.sideSection.collapsible .sideSectionHead:hover{background:transparent!important}
html[data-theme="light"] .sideSection.collapsible .sideSectionHead:hover{background:transparent!important}
html[data-theme="light"] .sideSectionHead,
html[data-theme="light"] .settingDesc,
html[data-theme="light"] .settingsLead,
html[data-theme="light"] .modalSub,
html[data-theme="light"] .muted{color:#5f5f66!important}
html[data-theme="light"] .topbar,
html[data-theme="light"] header{background:#ffffff!important;border-color:#e6e6e9!important;color:#111!important}
html[data-theme="light"] .message.ai,
html[data-theme="light"] .message.ai .richAnswer{background:transparent!important;color:#16161a!important}
.message.user{
max-width:74%!important;
margin-left:auto!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-end!important;
gap:6px!important;
background:none!important;
padding:0!important;
border-radius:0!important;
}
#chatLog .message.user .bubble{
background:none!important;
border:0!important;
border-radius:0!important;
padding:0!important;
width:fit-content!important;
max-width:100%!important;
text-align:right!important;
color:#f0f0f0!important;
}
.message.user .messageActions{flex-wrap:nowrap!important;justify-content:flex-end!important;margin-top:0!important}
.message.user .messageActionBtn{white-space:nowrap!important;flex:0 0 auto!important}
html[data-theme="light"] #chatLog .message.user .bubble{background:none!important;color:#16161a!important}
html[data-theme="light"] .message.user{background:none!important;color:#16161a!important}
html[data-theme="light"] .bubble,
html[data-theme="light"] .bubble div,
html[data-theme="light"] .messageActions,
html[data-theme="light"] .answerSources,
html[data-theme="light"] .feedbackBar{color:#16161a!important}
html[data-theme="light"] .messageActionBtn,
html[data-theme="light"] .feedbackBtn{
background:#f1f1f4!important;border-color:#dfdfe5!important;color:#33333a!important;
}
html[data-theme="light"] .messageActionBtn:hover,
html[data-theme="light"] .feedbackBtn:hover{background:#e7e7ec!important;color:#000!important}
html[data-theme="light"] .answerSourceLabel{color:#6b6b73!important}
html[data-theme="light"] .answerSourceChip,
html[data-theme="light"] .inlineSourceLink,
html[data-theme="light"] .projectInlineSource{
background:transparent!important;
border-color:#d8d8de!important;
color:#16161a!important;
}
html[data-theme="light"] .answerSourceChip:hover{background:#f2f2f5!important;color:#000!important}
html[data-theme="light"] .richAnswer a,
html[data-theme="light"] #chatLog a,
html[data-theme="light"] .welcome a{
color:#16161a!important;
text-decoration-color:rgba(22,22,26,.42)!important;
}
html[data-theme="light"] .richAnswer a:hover,
html[data-theme="light"] #chatLog a:hover{text-decoration-color:#16161a!important}
html[data-theme="light"] .richAnswer h1,
html[data-theme="light"] .richAnswer h2,
html[data-theme="light"] .richAnswer h3,
html[data-theme="light"] .richAnswer strong{color:#0b0b0d!important}
html[data-theme="light"] .richAnswer em{color:#3d3d46!important}
html[data-theme="light"] .richAnswer a{color:#16161a!important;text-decoration-color:rgba(22,22,26,.42)!important}
html[data-theme="light"] .richAnswer a:hover{text-decoration-color:#16161a!important}
html[data-theme="light"] .richAnswer code,
html[data-theme="light"] .codeBlockPre{background:#f4f4f6!important;border-color:#e0e0e4!important;color:#16161a!important}
html[data-theme="light"] .codeBlockHead{background:#ececef!important;color:#3c3c44!important}
html[data-theme="light"] .composerArea{background:linear-gradient(to top,rgba(255,255,255,.96) 74%,rgba(255,255,255,0))!important}
html[data-theme="light"] .composer{background:#ffffff!important;border-color:#d9d9de!important;box-shadow:0 8px 28px rgba(0,0,0,.08)!important}
html[data-theme="light"] #chatInput,
html[data-theme="light"] .composer #chatInput,
html[data-theme="light"] .composer #chatInput:hover,
html[data-theme="light"] .composer #chatInput:focus,
html[data-theme="light"] .composer #chatInput:focus-visible,
html[data-theme="light"] .composer #chatInput:active{
color:#111111!important;
background:transparent!important;
-webkit-text-fill-color:#111111!important;
}
html[data-theme="light"] .composer #chatInput::placeholder{
color:#8a8a92!important;-webkit-text-fill-color:#8a8a92!important;
}
html[data-theme="light"] #chatInput::placeholder{color:#8a8a92!important}
html[data-theme="light"] .modalShade{background:rgba(20,20,24,.34)!important}
html[data-theme="light"] .modalCard,
html[data-theme="light"] .settingsCard,
html[data-theme="light"] .plannerCard,
html[data-theme="light"] .planModalCard,
html[data-theme="light"] .settingsShell,
html[data-theme="light"] .settingsMain,
html[data-theme="light"] .projectsShell,
html[data-theme="light"] .searchChatsShell{background:#ffffff!important;color:#111!important;border-color:#e2e2e6!important}
html[data-theme="light"] .projectCard{
background:#ffffff!important;border-color:#e2e2e6!important;color:#16161a!important;
}
html[data-theme="light"] .projectCard .projectCardName,
html[data-theme="light"] .projectCard .settingDesc{color:#16161a!important}
html[data-theme="light"] .projectChatItem{
background:#f5f5f7!important;color:#26262c!important;border-color:#e2e2e6!important;
}
html[data-theme="light"] .projectTextField{
background:#ffffff!important;border-color:#d5d5db!important;color:#16161a!important;
}
html[data-theme="light"] .projectTextField::placeholder{color:#8a8a92!important}
html[data-theme="light"] #projectNotesEditor,
html[data-theme="light"] #projectInstructionsEditor{
background:#ffffff!important;color:#16161a!important;border-color:#d5d5db!important;
}
html[data-theme="light"] #projectNotesEditor::placeholder,
html[data-theme="light"] #projectInstructionsEditor::placeholder{color:#8a8a92!important}
html[data-theme="light"] .projectWorkspace,
html[data-theme="light"] .projectFileBar{
background:#ffffff!important;color:#16161a!important;border-color:#e2e2e6!important;
}
html[data-theme="light"] .settingsNav{background:#f7f7f8!important;border-color:#e6e6e9!important}
html[data-theme="light"] .settingsNavBtn{color:#3a3a42!important}
html[data-theme="light"] .settingsNavBtn:hover,
html[data-theme="light"] .settingsNavBtn.active{background:#eaeaee!important;color:#000!important}
html[data-theme="light"] .settingsNavGroup{color:#87878f!important}
html[data-theme="light"] .settingLine,
html[data-theme="light"] .billingRow,
html[data-theme="light"] .plannerItem,
html[data-theme="light"] .billingPlanRow{border-color:#eaeaee!important}
html[data-theme="light"] .settingTitle,
html[data-theme="light"] .billingPlanName,
html[data-theme="light"] .voiceName,
html[data-theme="light"] .plannerMonth,
html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3{color:#0b0b0d!important}
html[data-theme="light"] #settingsModal input,
html[data-theme="light"] #settingsModal textarea,
html[data-theme="light"] #settingsModal select,
html[data-theme="light"] .settingsInput,
html[data-theme="light"] .settingsSelect,
html[data-theme="light"] .plannerAddRow input,
html[data-theme="light"] .plannerAddRow select{background:#ffffff!important;border-color:#d5d5db!important;color:#111!important}
html[data-theme="light"] #settingsModal input:focus,
html[data-theme="light"] #settingsModal textarea:focus,
html[data-theme="light"] #settingsModal select:focus{border-color:#8a8a92!important;box-shadow:0 0 0 3px rgba(0,0,0,.06)!important}
html[data-theme="light"] #settingsModal input::placeholder,
html[data-theme="light"] #settingsModal textarea::placeholder{color:#9a9aa2!important}
html[data-theme="light"] .primaryAction{background:#2f5fd8!important;color:#ffffff!important;border-color:#2a55c4!important}
html[data-theme="light"] .primaryAction:hover{background:#2850c0!important;color:#ffffff!important}
html[data-theme="light"] .secondaryAction,
html[data-theme="light"] #settingsModal .secondaryAction,
html[data-theme="light"] .plannerTinyBtn,
html[data-theme="light"] .plannerNavBtn{background:#f2f2f4!important;border-color:#d9d9de!important;color:#2a2a2f!important}
html[data-theme="light"] .secondaryAction:hover,
html[data-theme="light"] .plannerTinyBtn:hover,
html[data-theme="light"] .plannerNavBtn:hover{background:#e7e7ea!important}
html[data-theme="light"] .toggle{background:#d4d4da!important}
html[data-theme="light"] .toggle.on{background:#22c55e!important}
html[data-theme="dark"] .toggle.on{background:#22c55e!important}
html[data-theme="dark"] .toggle.on:after{background:#ffffff!important}
html[data-theme="light"] .plannerDay{background:#fafafb!important;border-color:#e6e6ea!important}
html[data-theme="light"] .plannerDay:hover{border-color:#c9c9d0!important}
html[data-theme="light"] .plannerDay.today{border-color:#111!important}
html[data-theme="light"] .plannerDayNum{color:#6a6a72!important}
html[data-theme="light"] .plannerPill{background:#eeeef1!important;color:#26262c!important}
html[data-theme="light"] .planCard{background:#fbfbfc!important;border-color:#e4e4e8!important}
html[data-theme="light"] .planName,
html[data-theme="light"] .planPrice{color:#0b0b0d!important}
html[data-theme="light"] .planPriceUnit,
html[data-theme="light"] .planDesc,
html[data-theme="light"] .planTrialNote{color:#5f5f66!important}
html[data-theme="light"] .planFeatures li{color:#2c2c33!important}
html[data-theme="light"] .planFeatures li b,
html[data-theme="light"] .planFeatures li strong{color:#0b0b0d!important}
html[data-theme="light"] .planBadge{background:#ececf0!important;color:#26262c!important;border-color:#dcdce2!important}
html[data-theme="light"] .planBadge.ultimateBadge,
html[data-theme="light"] .proPlanCard,
html[data-theme="light"] .ultimatePlanCard,
html[data-theme="light"] .planAction{border-color:#d9d9de!important}
html[data-theme="light"] #planProMessage,
html[data-theme="light"] .planCodeRow label,
html[data-theme="light"] .planCodeNote{color:#5f5f66!important}
html[data-theme="light"] .planCodeRow{background:transparent!important;border-color:#e2e2e6!important}
html[data-theme="light"] .planCodeBox,
html[data-theme="light"] #planCodeBoxRow{background:#f5f5f7!important;border-color:#e2e2e6!important;color:#17171b!important}
html[data-theme="light"] .planCodeBox label,
html[data-theme="light"] .planCodeBox div,
html[data-theme="light"] .planCodeBox span{color:#17171b!important}
html[data-theme="light"] .planCodeBox input{background:#ffffff!important;border-color:#d5d5db!important;color:#111111!important}
html[data-theme="light"] .voiceArrow{color:#6a6a72!important}
html[data-theme="light"] .voiceArrow:hover{background:#efeff2!important;color:#000!important}
html[data-theme="light"] .voiceDot{background:#d0d0d6!important}
html[data-theme="light"] .voiceDot.active{background:#111!important}
html[data-theme="light"] .voiceBlurb{color:#61616a!important}
.inlineSourceLink,.projectInlineSource{
background:transparent!important;
border:1px solid rgba(150,150,158,.42)!important;
border-radius:5px!important;
padding:0 4px!important;
font-size:.74em!important;
font-weight:600!important;
color:inherit!important;
text-decoration:none!important;
vertical-align:1px;
}
.inlineSourceLink:hover,.projectInlineSource:hover{
background:rgba(150,150,158,.14)!important;
}
html[data-theme="light"] .brandName,
html[data-theme="light"] .chatTitle,
html[data-theme="light"] .accountRowName,
html[data-theme="light"] .sideNavBtn span,
html[data-theme="light"] .sideTinyBtn span,
html[data-theme="light"] .accountMenuItem span{color:#17171b!important}
html[data-theme="light"] .sideNavIcon,
html[data-theme="light"] .attachBtn,
html[data-theme="light"] .composer button,
html[data-theme="light"] .accountRowCaret{color:#3a3a42!important}
html[data-theme="light"] .recentItem{color:#26262c!important}
html[data-theme="light"] .recentItem:hover,
html[data-theme="light"] .recentItem.active,
html[data-theme="light"] .recentItem:focus-within{
background:#ececee!important;color:#16161a!important;
}
html[data-theme="light"] .recentItem:hover *,
html[data-theme="light"] .recentItem.active *,
html[data-theme="light"] .recentItem:focus-within *{color:#16161a!important}
html[data-theme="light"] .recentRow:hover,
html[data-theme="light"] .recentRow.active,
html[data-theme="light"] .recentRow:focus-within{
background:#ececee!important;border-color:#dcdce2!important;
}
html[data-theme="light"] .recentRow:hover .recentItem,
html[data-theme="light"] .recentRow.active .recentItem,
html[data-theme="light"] .recentRow:focus-within .recentItem{background:transparent!important}
html[data-theme="light"] .recentRow:hover *,
html[data-theme="light"] .recentRow.active *{color:#16161a!important}
html[data-theme="light"] .recentMenuBtn{color:#5c5c64!important}
html[data-theme="light"] .recentMenuBtn:hover,
html[data-theme="light"] .recentMenuBtn.menuOpen{
background:#dcdce2!important;color:#16161a!important;
}
html[data-theme="light"] .recentMenu{
background:#ffffff!important;border-color:#dcdce2!important;
box-shadow:0 14px 38px rgba(0,0,0,.16)!important;
}
html[data-theme="light"] .recentMenuItem{color:#26262c!important}
html[data-theme="light"] .recentMenuItem:hover{background:#ececee!important}
html[data-theme="light"] .recentMenuItem.recentMenuDanger{color:#c0392b!important}
html[data-theme="light"] .recentMenuItem.recentMenuDanger:hover{background:#fbeaea!important}
html[data-theme="light"] .recentMenuSep{background:#e3e3e6!important}
html[data-theme="light"] .accountRowPlan,
html[data-theme="light"] .chatSubtitle,
html[data-theme="light"] .emptyRecents{color:#5c5c64!important}
html[data-theme="light"] #chatLog a,
html[data-theme="light"] .welcome a{color:#16161a!important}
html[data-theme="light"] .sideNavBtn.active span,
html[data-theme="light"] .sideNavBtn.active .sideNavIcon{color:#111111!important}
html[data-theme="light"] #sendBtn{background:#111!important;color:#fff!important}
html[data-theme="light"] .modelPickerBtn,
html[data-theme="light"] #activeProfileSelect,
html[data-theme="light"] .composerMeta select{background:#f1f1f4!important;border-color:#d9d9de!important;color:#1c1c22!important}
html[data-theme="light"] .modelPickerBtn:hover{background:#e8e8ec!important}
html[data-theme="light"] .modelPickerMenu,
html[data-theme="light"] .chatMenuDropdown,
html[data-theme="light"] .accountMenuDropdown,
html[data-theme="light"] .writingLevelMenu,
html[data-theme="light"] .slideStyleMenu{background:#ffffff!important;border-color:#e0e0e5!important;box-shadow:0 12px 34px rgba(0,0,0,.13)!important}
html[data-theme="light"] .modelPickerOption,
html[data-theme="light"] .chatMenuItem,
html[data-theme="light"] .writingLevelOption,
html[data-theme="light"] .slideStyleOption{color:#22222a!important}
html[data-theme="light"] .modelPickerOption:hover,
html[data-theme="light"] .chatMenuItem:hover,
html[data-theme="light"] .writingLevelOption:hover,
html[data-theme="light"] .slideStyleOption:hover{background:#f0f0f3!important}
html[data-theme="light"] .sidebarTabBtn{color:#4a4a52!important}
html[data-theme="light"] .sidebarTabBtn:hover{background:#ececee!important;color:#000!important}
html[data-theme="light"] .slideStyleDesc,
html[data-theme="light"] .writingLevelMenuHead,
html[data-theme="light"] .writingLevelAlways{color:#5f5f66!important}
html[data-theme="light"] .settingsNavTitle{color:#17171b!important}
html[data-theme="light"] #settingsModal .settingsFooter,
html[data-theme="light"] .settingsFooter{
background:#ffffff!important;
background-image:none!important;
border-color:#eaeaee!important;
}
html[data-theme="light"] .accountHero{background:#f5f5f7!important;border:1px solid #e4e4e9!important}
html[data-theme="light"] .accountName,
html[data-theme="light"] .accountEmail{color:#17171b!important}
html[data-theme="light"] .accountAvatar{background:#17171b!important;color:#fff!important}
html[data-theme="light"] .planPill{background:#ececf0!important;color:#22222a!important;border-color:#dcdce2!important}
html[data-theme="light"] .usageText{color:#5f5f66!important}
html[data-theme="light"] .modalShade input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),
html[data-theme="light"] .modalShade textarea,
html[data-theme="light"] .modalShade select{background:#ffffff!important;border-color:#d5d5db!important;color:#111!important}
html[data-theme="light"] .modalShade input::placeholder,
html[data-theme="light"] .modalShade textarea::placeholder{color:#9a9aa2!important}
html[data-theme="light"] .modalShade input:focus,
html[data-theme="light"] .modalShade textarea:focus,
html[data-theme="light"] .modalShade select:focus{border-color:#8a8a92!important;box-shadow:0 0 0 3px rgba(0,0,0,.06)!important}
html[data-theme="light"] .usageBox{background:#f7f7f9!important;border-color:#e4e4e9!important}
html[data-theme="light"] .accountMenuDivider{background:#e6e6ea!important}
html[data-theme="light"] .screenMarkupHint{border-color:#e2e2e6!important}
html[data-theme="light"] #hotkeyModal ul{color:#44444c!important}
html[data-theme="light"] .settingLine span[style*="#f0f0f0"]{color:#26262c!important}
html[data-theme="light"] .plannerDow{color:#5f6b7d!important}
html[data-theme="light"] .settingsNavGroup{color:#6b6b73!important}
html[data-theme="light"] #globalChatSearch,
html[data-theme="light"] #projectNameInput{background:#ffffff!important;border-color:#d5d5db!important;color:#111!important}
html[data-theme="light"] .usageNum{color:#16161a!important}
html[data-theme="light"] .usageLabel{color:#6b6b73!important}
html[data-theme="light"] .menuState{color:#5f6b7d!important}
html[data-theme="light"] .pinnedRow{border-bottom-color:#e4e4e9!important}
html[data-theme="light"] .pinnedRowText{color:#33333a!important}
html[data-theme="light"] .chatAttachment,
html[data-theme="light"] .fileChip{background:#f2f2f5!important;border-color:#dcdce1!important;color:#1c1c22!important}
html[data-theme="light"] .fileChip span,
html[data-theme="light"] .chatAttachment span{color:#1c1c22!important}
html[data-theme="light"] .usageFeatureRow{background:#f7f7f9!important;border-color:#e4e4e9!important;color:#33333a!important}
html[data-theme="light"] .accountRow{color:#33333a!important}
html[data-theme="light"] .accountRow:hover{background:#f0f0f3!important;border-color:#e0e0e5!important}
html[data-theme="light"] .accountRowName{color:#16161a!important}
html[data-theme="light"] .accountRowPlan{color:#6b6b73!important}
html[data-theme="light"] .modelPickerCaret{color:#5f5f66!important}
html[data-theme="light"] #voiceModeBtn{color:#33333a!important}
html[data-theme="light"] [style*="color:#8a8a8a"]{color:#6b6b73!important}
html[data-theme="light"] .voiceOrb{box-shadow:0 14px 40px rgba(90,105,255,.18)!important}
.slideStyleOption{display:block;width:100%;text-align:left;background:transparent!important;border:0!important;color:#dbe3f0!important;padding:7px 10px!important;border-radius:8px!important;cursor:pointer}
.slideStyleOption:hover{background:#1f1f1f!important}
.slideStyleName{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700}
.slideStyleSwatch{width:11px;height:11px;border-radius:3px;flex-shrink:0;border:1px solid rgba(255,255,255,.22)}
.slideStyleDesc{font-size:10px;color:#8291a6;margin-top:1px;line-height:1.3}
.templateList{display:flex;flex-direction:column;gap:7px;margin-top:12px}
.templateItem{text-align:left;background:#151515!important;border:1px solid #343434!important;color:#dbe3f0!important;border-radius:10px!important;padding:11px 13px!important;font-size:12px!important;cursor:pointer}
.templateItem:hover{background:#1c1c1c!important;border-color:#4a4a4a!important}
.templateItem b{display:block;font-size:12px;margin-bottom:2px;color:#fff}
.templateItem span{color:#8a95a8;font-size:10.5px}
.accountMenuWrap{position:relative}
.accountRow{width:100%;display:flex;align-items:center;gap:9px;border:1px solid transparent;background:transparent;color:#c9c9c9;padding:8px 9px;border-radius:11px;text-align:left;cursor:pointer}
.accountRow:hover{background:#1c1c1c;border-color:#2a2a2a}
.accountRowAvatar{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:#2d4a7a;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.accountRowText{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.accountRowName{font-size:12px;color:#e5e5e5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.accountRowPlan{font-size:10px;color:#9a9a9a}
.accountRowDot{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:#4f8cff;display:none;margin-right:1px}
.accountRowDot.show{display:block}
.accountRowCaret{flex:0 0 auto;font-size:11px;color:#9a9a9a}
.accountMenuDropdown{display:none;position:absolute;left:0;right:0;bottom:calc(100% + 8px);background:#141414;border:1px solid #343434;border-radius:12px;min-width:200px;padding:6px;z-index:40;box-shadow:0 10px 30px rgba(0,0,0,.4);max-height:70vh;overflow-y:auto}
.accountMenuDropdown.open{display:block}
.accountMenuItem{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:transparent!important;border:0!important;color:#d5d5d5!important;padding:9px 10px!important;border-radius:8px!important;font-size:12px!important;cursor:pointer}
.accountMenuItem:hover{background:#1f1f1f!important}
.accountMenuItem .sideNavIcon{flex:0 0 auto}
.accountMenuItem .supportUnreadBadge{margin-left:auto}
.accountMenuLogout:hover{background:#3a1414!important;color:#ff9d9d!important}
.accountMenuDivider{height:1px;background:#262626;margin:6px 4px}
.whatsNewEntry{border-top:1px solid #242424;padding:12px 0}
.whatsNewEntry:first-child{border-top:none;padding-top:2px}
.whatsNewEntryHead{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.whatsNewEntryHead b{font-size:13px;color:#fff}
.whatsNewEntryDate{font-size:10px;color:#7a7a7a;flex:0 0 auto}
.whatsNewEntryBody{margin-top:5px;font-size:12px;line-height:1.6;color:#c5c5c5;white-space:pre-wrap}
html[data-theme="light"] .whatsNewEntryHead b{color:#16161a!important}
html[data-theme="light"] .whatsNewEntryBody{color:#33333a!important}
html[data-theme="light"] .whatsNewEntryDate{color:#6b6b73!important}
html[data-theme="light"] .whatsNewEntry{border-color:#e4e4e9!important}
.usageDaysChart{display:flex;align-items:flex-end;gap:6px;height:80px;margin-top:12px;padding:0 2px}
.usageDayBar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:5px}
.usageDayBar .bar{width:100%;max-width:26px;background:#3a5faf;border-radius:4px 4px 0 0;min-height:2px}
.usageDayBar .lbl{font-size:8px;color:#8a95a8;text-transform:uppercase}
.usageFeatureBreakdown{margin-top:14px;display:flex;flex-direction:column;gap:6px}
.usageFeatureRow{display:flex;justify-content:space-between;font-size:11px;color:#c6cedb;padding:7px 10px;background:#141414;border:1px solid #262626;border-radius:8px}
.recentFolderHead{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#6a7488;padding:9px 8px 4px}
.recentRow.pinnedRow .recentItem{color:#fff}
.recentRow.pinnedRow .recentMenuBtn{color:#ffcf6b!important}
.answerSources{
display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:9px;border-top:1px solid #343434
}
.answerSourceLabel{width:100%;font-size:9px;color:#6f86a8;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.answerSourceChip{
display:inline-flex;align-items:center;gap:5px;
max-width:260px;padding:6px 9px;border-radius:999px;
background:#151515;border:1px solid #3a3a3a;color:#dddddd;
font-size:9px;font-weight:750;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.answerSourceChip:hover{background:#142746;color:#fff;border-color:#666666}
.answerSourceChip.static{cursor:default}
.inlineSourceLink{
display:inline-flex;align-items:center;justify-content:center;
min-width:19px;height:19px;padding:0 5px;margin:0 2px;border-radius:6px;
background:#1c1c1c;border:1px solid #555555;color:#eeeeee!important;
font-size:9px;font-weight:900;text-decoration:none!important;vertical-align:middle
}
.inlineSourceLink:hover{background:#2a2a2a;color:#fff!important}
.projectInlineSource{color:#d8d8d8!important;text-decoration:underline;text-decoration-color:#555555;text-underline-offset:2px}
body{
background:
radial-gradient(circle at 48% 0%,rgba(255,255,255,.055),transparent 30%),
linear-gradient(180deg,#050505 0%,#000 72%)!important;
color:#f5f5f5!important;
}
body:before{
opacity:.10!important;
filter:grayscale(1);
}
body:after{
background:radial-gradient(circle at 50% 110%,rgba(255,255,255,.035),transparent 42%)!important;
}
.app{background:transparent!important}
.sidebar{
background:rgba(9,9,9,.96)!important;
border-right:1px solid #242424!important;
backdrop-filter:blur(16px);
}
.main{
background:linear-gradient(180deg,rgba(12,12,12,.5),rgba(0,0,0,.92))!important;
}
.topbar{border-bottom:1px solid #202020!important}
.chatTitle,.welcome h1{color:#f5f5f5!important}
.mode,.ready,.welcome p{color:#8b8b8b!important}
.dot{
background:#fff!important;
box-shadow:0 0 9px rgba(255,255,255,.45)!important;
}
.composerArea{
background:linear-gradient(to top,#000 72%,rgba(0,0,0,0))!important;
}
.composer{
background:#171717!important;
border:1px solid #333!important;
box-shadow:0 12px 42px rgba(0,0,0,.52)!important;
}
#chatInput{color:#f5f5f5!important}
#chatInput::placeholder{color:#777!important}
#sendBtn{
background:#f4f4f4!important;
color:#090909!important;
}
#sendBtn:hover{background:#fff!important}
.attachBtn{color:#d7d7d7!important}
.attachBtn:hover{background:#262626!important}
#voiceModeBtn{color:#d7d7d7!important}
#voiceModeBtn:hover{background:#262626!important}
#voiceModeBtn.voiceOn{background:#2f5fd8!important;color:#fff!important}
.menuSub{color:#818181!important}
.menuState{color:#d0d0d0!important}
.voiceChip,.traitChip{border-color:#333!important;color:#bdbdbd!important}
.voiceChip:hover,.traitChip:hover{background:#262626!important}
.voiceChip.active,.traitChip.active{background:#2f5fd8!important;border-color:#2f5fd8!important;color:#fff!important}
.message.user .bubble{
background:transparent!important;
border-color:transparent!important;
color:#fff!important;
}
.message.ai .bubble{color:#ededed!important}
.chatAttachment,.fileChip{
background:#202020!important;
border-color:#353535!important;
}
.screenStatus,#screenPreviewCard,#cameraPreviewCard{
background:#171717!important;
border-color:#333!important;
}
.screenStatusDot{
background:#fff!important;
box-shadow:0 0 9px rgba(255,255,255,.4)!important;
}
.sideNavBtn:hover,.projectSideItem:hover,.projectSideItem.active,.recentRow:hover{
background:#1b1b1b!important;
}
.welcomeEntityLogo{
width:54px!important;
height:54px!important;
margin:0 auto 18px!important;
border-color:#686868!important;
background:
radial-gradient(circle at 50% 50%,rgba(255,255,255,.15),rgba(255,255,255,.035) 44%,rgba(0,0,0,.75) 74%),
#0a0a0a!important;
box-shadow:
inset 0 0 22px rgba(255,255,255,.05),
0 0 0 1px rgba(255,255,255,.025)!important;
}
.composerMeta{
gap:9px!important;
justify-content:flex-start!important;
min-height:28px;
}
.modelPickerWrap{position:relative;flex:0 0 auto}
.modelPickerBtn{
display:flex;
align-items:center;
gap:6px;
background:#202020;
border:1px solid #383838;
color:#d8d8d8;
border-radius:8px;
padding:5px 9px;
font-size:10px;
font-weight:750;
outline:none;
cursor:pointer;
}
.modelPickerBtn:hover,.modelPickerBtn:focus{border-color:#707070}
.modelPickerCaret{color:#888;font-size:8px}
.modelPickerMenu{
display:none;
position:absolute;
left:0;
bottom:calc(100% + 6px);
min-width:270px;
background:#141414;
border:1px solid #343434;
border-radius:12px;
padding:6px;
z-index:40;
box-shadow:0 10px 30px rgba(0,0,0,.4);
}
.modelPickerMenu.open{display:block}
.modelPickerOption{
display:flex;
align-items:flex-start;
gap:8px;
width:100%;
text-align:left;
background:transparent;
border:0;
color:#dbe3f0;
padding:9px 10px;
border-radius:8px;
cursor:pointer;
}
.modelPickerOption:hover{background:#1f1f1f}
.modelPickerOption.locked{cursor:pointer;opacity:.72}
.modelPickerCheck{
width:14px;
flex:0 0 auto;
margin-top:1px;
font-size:12px;
color:#9fd6a3;
visibility:hidden;
}
.modelPickerOption.selected .modelPickerCheck{visibility:visible}
.modelPickerText{display:flex;flex-direction:column;gap:2px}
.modelPickerTitle{font-size:12px;font-weight:750;color:#f0f0f0}
.modelPickerOption.locked .modelPickerTitle{color:#c9c9c9}
.modelPickerDesc{font-size:10px;color:#8291a6;line-height:1.35}
#chatStatus{margin-left:auto}
#activeToolMode{color:#666}
#activeProfileSelect{display:none!important}
@media(max-width:760px){
.composerMeta{flex-wrap:wrap}
.modelPickerMenu{min-width:230px}
}
.sideBrand .entityCoreLogo{
background:#111!important;
border-color:#555!important;
box-shadow:none!important;
}
.suggestedFollowups{position:fixed;left:248px;right:0;bottom:118px;z-index:88;display:flex;justify-content:center;gap:7px;flex-wrap:wrap;padding:0 18px;pointer-events:none}
.followupChip{pointer-events:auto;border:1px solid #333!important;background:#151515!important;color:#d0d0d0!important;border-radius:999px!important;padding:7px 11px!important;font-size:9px!important;max-width:270px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.followupChip:hover{background:#222!important;color:#fff!important}
.screenMarkupWrap{position:relative;border:1px solid #2c2c2c;border-radius:14px;overflow:hidden;background:#080808;min-height:180px}
#screenMarkupCanvas{display:block;width:100%;height:auto;min-height:180px;cursor:crosshair}
.screenMarkupHint{position:absolute;left:10px;bottom:8px;background:rgba(0,0,0,.78);border:1px solid #333;border-radius:8px;padding:6px 8px;font-size:9px;color:#aaa;pointer-events:none}
.ocrHistoryCard{padding:11px;border:1px solid #292929;border-radius:11px;background:#111;margin-bottom:8px}
.ocrHistoryText{font-size:10px;color:#c8c8c8;white-space:pre-wrap}.ocrHistoryQuestion{font-size:10px;font-weight:850;margin-bottom:5px}
.projectCreateRow{grid-template-columns:minmax(0,1fr) 150px auto!important}
@media(max-width:760px){.suggestedFollowups{left:0;bottom:130px}.projectCreateRow{grid-template-columns:1fr!important}}
.primaryAction,
.secondaryAction,
.dangerAction,
button,
.plusMenuBtn,
.settingsNavBtn,
.sideNavBtn,
.messageActionBtn,
.feedbackBtn,
.followupChip {
transition:background .16s ease,border-color .16s ease,color .16s ease,transform .12s ease!important;
}
.primaryAction,
.modalCard .primaryAction,
#createProjectBtn,
#saveSettingsBtn,
#saveProjectNotes,
#runImageToolBtn,
#installAppBtn {
background:#f2f2f2!important;
color:#080808!important;
border:1px solid #f2f2f2!important;
box-shadow:none!important;
}
.primaryAction:hover,
#createProjectBtn:hover,
#saveSettingsBtn:hover,
#saveProjectNotes:hover,
#runImageToolBtn:hover,
#installAppBtn:hover {
background:#fff!important;
border-color:#fff!important;
color:#000!important;
}
.secondaryAction,
.modalCard .secondaryAction,
.messageActionBtn,
.feedbackBtn,
.followupChip {
background:#171717!important;
color:#dedede!important;
border:1px solid #343434!important;
box-shadow:none!important;
}
.secondaryAction:hover,
.messageActionBtn:hover,
.feedbackBtn:hover,
.followupChip:hover {
background:#242424!important;
color:#fff!important;
border-color:#4a4a4a!important;
}
.dangerAction,
.danger {
background:#191919!important;
color:#ff8b8b!important;
border:1px solid #513232!important;
box-shadow:none!important;
}
.sideNavBtn,
.settingsNavBtn,
.projectSideItem,
.recentRow {
color:#bdbdbd!important;
border-color:transparent!important;
}
.sideNavBtn:hover,
.settingsNavBtn:hover,
.projectSideItem:hover,
.recentRow:hover {
background:#171717!important;
color:#fff!important;
border-color:#2d2d2d!important;
}
.sideNavBtn.active,
.settingsNavBtn.active,
.projectSideItem.active,
.recentRow.active {
background:#1b1b1b!important;
color:#fff!important;
border-color:#555!important;
box-shadow:none!important;
}
.screenTabBtn,
.screenTabCard,
.screenStepCard,
.screenAdvanced,
.screenStatus,
#screenPreviewCard,
#cameraPreviewCard {
background:#111!important;
border-color:#303030!important;
color:#ececec!important;
}
.planPill.pro,
.menuState.pro {
background:#ececec!important;
color:#080808!important;
border-color:#ececec!important;
}
.modalShade {
background:rgba(0,0,0,.78)!important;
backdrop-filter:blur(8px)!important;
}
.modalCard,
.screenTabCard,
.screenStepCard,
.screenAdvanced {
background:#0d0d0d!important;
border-color:#333!important;
box-shadow:0 24px 80px rgba(0,0,0,.72)!important;
}
input,
textarea,
select,
.settingsSelect,
#projectNameInput,
#projectTemplateSelect,
#conversationSearch,
#screenHistorySearch,
#activeProfileSelect,
.modelPickerBtn {
background:#151515!important;
color:#f0f0f0!important;
border-color:#383838!important;
box-shadow:none!important;
}
input:focus,
textarea:focus,
select:focus,
.settingsSelect:focus,
#projectNameInput:focus,
#projectTemplateSelect:focus,
#conversationSearch:focus,
#screenHistorySearch:focus,
.modelPickerBtn:focus {
border-color:#707070!important;
outline:none!important;
box-shadow:0 0 0 1px #707070!important;
}
input[type="checkbox"],
input[type="radio"] {
accent-color:#f2f2f2!important;
}
a,
.adminUserName,
.projectFileItem a,
.answerSourceChip,
.inlineSourceLink,
.projectInlineSource {
color:#d8d8d8!important;
}
a:hover,
.adminUserName:hover,
.projectFileItem a:hover,
.answerSourceChip:hover,
.inlineSourceLink:hover,
.projectInlineSource:hover {
color:#fff!important;
}
.answerSourceChip,
.inlineSourceLink {
background:#171717!important;
border-color:#3b3b3b!important;
}
.answerSourceChip:hover,
.inlineSourceLink:hover {
background:#242424!important;
border-color:#5a5a5a!important;
}
.projectWorkspace,
.projectFileBar,
.projectFileItem,
.memoryManagerItem,
.profileItem {
background:#111!important;
border-color:#2f2f2f!important;
color:#e7e7e7!important;
}
.feedbackBtn.sent {
background:#f2f2f2!important;
color:#050505!important;
border-color:#f2f2f2!important;
}
.screenMarkupWrap {
border-color:#333!important;
background:#080808!important;
}
#sendBtn {
background:#f2f2f2!important;
color:#050505!important;
border-color:#f2f2f2!important;
}
#sendBtn:hover {
background:#fff!important;
}
button:focus-visible,
a:focus-visible {
outline:1px solid #777!important;
outline-offset:2px!important;
box-shadow:none!important;
}
[style*="#f2f2f2"],
[style*="#d8d8d8"],
[style*="#3a3a3a"],
[style*="#3a3a3a"],
[style*="#343434"],
[style*="#343434"],
[style*="#1c1c1c"],
[style*="#555555"] {
--entity-mono-override:1;
}
html, body, .app, .main, .sidebar, .sideBottom, .composerArea {
border-color:#242424!important;
}
html, body {
background:#000!important;
}
body {
border:0!important;
box-shadow:none!important;
}
.app {
border:0!important;
box-shadow:none!important;
}
.sidebar,
.sideBottom,
.sideSection,
.recentsSection,
.projectSidebarList,
.recents {
background:#111111!important;
}
.sideBottom {
border-top:1px solid #242424!important;
box-shadow:none!important;
}
.sidebarDivider {
background:#242424!important;
}
#screenHistoryBtn,
#settingsBtn,
.sideBottom .sideNavBtn {
background:transparent!important;
color:#e5e5e5!important;
border-color:transparent!important;
box-shadow:none!important;
}
#screenHistoryBtn:hover,
#settingsBtn:hover,
#screenHistoryBtn.active,
#settingsBtn.active,
.sideBottom .sideNavBtn:hover,
.sideBottom .sideNavBtn.active {
background:#121212!important;
color:#fff!important;
border-color:#303030!important;
}
.sideUsageText {
color:#858585!important;
}
.supportUnreadBadge{
background:#f3f3f3!important;
color:#050505!important;
border-color:#f3f3f3!important;
}
.composerArea {
background:linear-gradient(to top,#000 72%,rgba(0,0,0,0))!important;
border:0!important;
box-shadow:none!important;
}
.composer {
background:#101010!important;
border:1px solid #2b2b2b!important;
box-shadow:0 14px 44px rgba(0,0,0,.55)!important;
}
.composerInner {
background:transparent!important;
border:0!important;
outline:0!important;
box-shadow:none!important;
}
.composer #chatInput,
.composer #chatInput:hover,
.composer #chatInput:focus,
.composer #chatInput:focus-visible,
.composer #chatInput:active {
flex:1!important;
min-height:42px!important;
max-height:170px!important;
resize:none!important;
background:transparent!important;
color:#f2f2f2!important;
border:0!important;
outline:0!important;
box-shadow:none!important;
border-radius:0!important;
padding:10px 5px!important;
appearance:none!important;
-webkit-appearance:none!important;
}
.composer #chatInput::placeholder {
color:#747474!important;
}
.composer textarea,
.composer textarea:focus,
.composer textarea:focus-visible {
background:transparent!important;
border:0!important;
outline:0!important;
box-shadow:none!important;
}
.attachBtn {
background:transparent!important;
color:#d6d6d6!important;
border:0!important;
box-shadow:none!important;
}
.attachBtn:hover {
background:#1d1d1d!important;
color:#fff!important;
}
#voiceModeBtn {
background:transparent!important;
color:#d6d6d6!important;
border:0!important;
box-shadow:none!important;
}
#voiceModeBtn:hover {
background:#1d1d1d!important;
color:#fff!important;
}
#voiceModeBtn.voiceOn {
background:#2f5fd8!important;
color:#fff!important;
}
#sendBtn {
background:#f2f2f2!important;
color:#050505!important;
border:1px solid #f2f2f2!important;
box-shadow:none!important;
}
#sendBtn:hover {
background:#fff!important;
border-color:#fff!important;
}
.composerMeta,
.modelPickerWrap {
background:transparent!important;
border:0!important;
}
.modelPickerBtn {
background:#141414!important;
color:#e8e8e8!important;
border:1px solid #303030!important;
box-shadow:none!important;
}
.modelPickerBtn:focus {
border-color:#555!important;
outline:none!important;
box-shadow:none!important;
}
.sidebar,
.topbar,
.sideBottom,
.screenStatus,
#screenPreviewCard,
#cameraPreviewCard,
.projectFileItem,
.projectWorkspace,
.modalCard,
.screenHistoryShell {
border-color:#2c2c2c!important;
}
html,
body,
.app,
.main,
.chatLog{
background:#000000!important;
background-image:none!important;
}
.composerArea {
background:#000000!important;
background-image:none!important;
border:0!important;
box-shadow:none!important;
}
.main::before,
.main::after,
.composerArea::before,
.composerArea::after {
background:none!important;
background-image:none!important;
box-shadow:none!important;
}
.composer {
background:#151515!important;
border:1px solid #303030!important;
box-shadow:0 10px 35px rgba(0,0,0,.45)!important;
}
body::before,
body::after {
opacity:0!important;
background:none!important;
background-image:none!important;
}
.sidebar {
background:#111111!important;
border-right:1px solid #242424!important;
}
.topbar {
background:#000!important;
border-bottom:1px solid #202020!important;
}
:root{
--entity-main-bg:#151515;
--entity-main-bg-2:#141414;
--entity-panel-bg:#202020;
--entity-border:#303030;
}
html,
body,
.app,
.main,
.chatLog{
background:var(--entity-main-bg)!important;
background-image:none!important;
}
.topbar {
background:var(--entity-main-bg)!important;
border-bottom:1px solid #262626!important;
}
.composerArea {
background:var(--entity-main-bg)!important;
background-image:none!important;
border:0!important;
box-shadow:none!important;
}
.main::before,
.main::after,
.composerArea::before,
.composerArea::after,
body::before,
body::after {
background:none!important;
background-image:none!important;
box-shadow:none!important;
opacity:0!important;
}
.composer {
background:var(--entity-panel-bg)!important;
border:1px solid var(--entity-border)!important;
box-shadow:0 12px 34px rgba(0,0,0,.38)!important;
}
.composerInner,
.composerMeta {
background:transparent!important;
}
.message.user .bubble {
background:transparent!important;
border-color:transparent!important;
}
.message.ai .bubble {
background:transparent!important;
}
.sidebar,
.sideBottom,
.sideSection,
.recentsSection,
.projectSidebarList,
.recents {
background:#0b0b0b!important;
}
.sidebar {
border-right:1px solid #262626!important;
}
.welcome{
background:transparent!important;
}
.mobileMenuBtn{
display:none;
width:38px;
height:38px;
align-items:center;
justify-content:center;
border-radius:10px;
border:1px solid #303030;
background:#151515;
color:#f2f2f2;
font-size:20px;
cursor:pointer;
flex:0 0 auto;
}
.mobileMenuBtn:hover{
background:#202020;
border-color:#444;
}
.mobileSidebarShade{
display:none;
}
@media(max-width:760px){
.mobileMenuBtn{
display:inline-flex!important;
}
.topbar{
height:auto!important;
min-height:calc(64px + env(safe-area-inset-top,0px))!important;
padding:10px 12px!important;
padding-top:calc(10px + env(safe-area-inset-top,0px))!important;
display:flex!important;
align-items:center!important;
gap:10px!important;
}
.sidebar{
display:flex!important;
position:fixed!important;
z-index:1002!important;
top:0!important;
left:0!important;
bottom:0!important;
width:min(84vw,310px)!important;
height:100dvh!important;
max-height:100dvh!important;
transform:translateX(-105%)!important;
transition:transform .22s ease!important;
background:#0b0b0b!important;
border-right:1px solid #2b2b2b!important;
box-shadow:18px 0 50px rgba(0,0,0,.55)!important;
padding:
max(14px,env(safe-area-inset-top,0px))
12px
max(14px,env(safe-area-inset-bottom,0px))!important;
overflow:hidden!important;
}
.sidebar.mobileOpen{
transform:translateX(0)!important;
}
.mobileSidebarShade{
display:block!important;
position:fixed!important;
z-index:1001!important;
inset:0!important;
background:rgba(0,0,0,.58)!important;
backdrop-filter:blur(3px)!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transition:opacity .2s ease,visibility .2s ease!important;
}
.mobileSidebarShade.show{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
.main{
margin-left:0!important;
width:100%!important;
min-width:0!important;
}
.composerArea{
left:0!important;
right:0!important;
width:auto!important;
padding-left:10px!important;
padding-right:10px!important;
}
.suggestedFollowups{
left:0!important;
right:0!important;
}
.sidePrimary,
.sideBrand,
.sideSectionHead,
.sideBottom{
flex-shrink:0!important;
}
.sideSection.collapsible{
flex-shrink:0!important;
}
.recentsSection{
flex:1 1 auto!important;
min-height:0!important;
overflow:hidden!important;
}
.recents{
height:100%!important;
overflow-y:auto!important;
-webkit-overflow-scrolling:touch;
}
.sideBottom{
position:relative!important;
margin-top:auto!important;
background:#0b0b0b!important;
border-top:1px solid #242424!important;
}
.sideNavBtn{
min-height:44px!important;
font-size:12px!important;
border-radius:10px!important;
}
.sideNavIcon{
font-size:15px!important;
}
.sideBrand{
min-height:48px!important;
}
}
@media(max-width:760px){
#mobileMenuBtn{
display:inline-flex!important;
position:relative!important;
z-index:1005!important;
pointer-events:auto!important;
touch-action:manipulation!important;
-webkit-tap-highlight-color:transparent!important;
}
.sidebar{
display:flex!important;
visibility:visible!important;
opacity:1!important;
left:0!important;
transform:translate3d(-105%,0,0)!important;
will-change:transform!important;
pointer-events:auto!important;
}
.sidebar.mobileOpen{
transform:translate3d(0,0,0)!important;
}
body.mobileMenuOpen .sidebar{
transform:translate3d(0,0,0)!important;
}
#mobileSidebarShade{
display:block!important;
z-index:1001!important;
}
#mobileSidebarShade.show,
body.mobileMenuOpen #mobileSidebarShade{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
}
@media (max-width:760px){
#mobileMenuBtn{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:40px!important;
height:40px!important;
flex:0 0 40px!important;
position:relative!important;
z-index:2147483000!important;
pointer-events:auto!important;
touch-action:manipulation!important;
-webkit-user-select:none!important;
user-select:none!important;
}
.sidebar{
display:flex!important;
position:fixed!important;
top:0!important;
left:0!important;
bottom:0!important;
width:min(84vw,310px)!important;
height:100dvh!important;
z-index:2147482999!important;
transform:translateX(-110%)!important;
transition:transform .22s ease!important;
visibility:visible!important;
opacity:1!important;
pointer-events:auto!important;
}
.sidebar.mobileOpen,
.sidebar[data-mobile-open="true"],
body.entityMobileMenuOpen .sidebar,
html.entityMobileMenuOpen .sidebar{
transform:translateX(0)!important;
}
#mobileSidebarShade{
display:block!important;
position:fixed!important;
inset:0!important;
z-index:2147482998!important;
background:rgba(0,0,0,.62)!important;
opacity:0!important;
visibility:hidden!important;
pointer-events:none!important;
transition:opacity .2s ease,visibility .2s ease!important;
}
#mobileSidebarShade.show,
body.entityMobileMenuOpen #mobileSidebarShade,
html.entityMobileMenuOpen #mobileSidebarShade{
opacity:1!important;
visibility:visible!important;
pointer-events:auto!important;
}
html.entityMobileMenuOpen{
overflow:hidden!important;
}
body.entityMobileMenuOpen{
overflow:hidden!important;
position:fixed!important;
width:100%!important;
}
}
.proCodeSetting{
align-items:center!important;
}
.proCodeInline{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:8px;
margin:8px 0 2px;
}
#settingsProCodeInput{
width:100%;
min-height:44px;
background:#151515!important;
border:1px solid #363636!important;
border-radius:10px!important;
color:#f3f3f3!important;
padding:10px 12px!important;
font-size:16px!important;
font-weight:800!important;
letter-spacing:.18em!important;
text-transform:uppercase!important;
outline:none!important;
box-shadow:none!important;
}
#settingsProCodeInput:focus{
border-color:#666!important;
box-shadow:none!important;
}
#settingsProStatus{
background:#f2f2f2!important;
color:#050505!important;
border-color:#f2f2f2!important;
}
@media(max-width:700px){
.proCodeInline{
grid-template-columns:1fr;
}
#settingsApplyProCodeBtn{
width:100%;
}
}
.upgradePlanTopBtn{
margin-left:auto;
min-height:34px;
padding:7px 12px;
border-radius:9px;
border:1px solid #373737;
background:#171717;
color:#f0f0f0;
font-size:10px;
font-weight:800;
cursor:pointer;
}
.upgradePlanTopBtn:hover{
background:#232323;
border-color:#505050;
color:#fff;
}
.planModalCard{
width:min(880px,92vw)!important;
max-height:min(760px,88dvh)!important;
overflow:auto!important;
}
.planGrid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(232px,1fr));
gap:14px;
margin-top:18px;
align-items:stretch;
}
.planCard{
position:relative;
background:#111;
border:1px solid #2f2f2f;
border-radius:16px;
padding:18px;
min-height:390px;
display:flex;
flex-direction:column;
}
.proPlanCard{
border-color:#666;
box-shadow:0 0 0 1px rgba(255,255,255,.04);
}
.ultimatePlanCard{border-color:#d6d6d6;background:linear-gradient(180deg,#171717,#0d0d0d);box-shadow:0 0 0 1px rgba(255,255,255,.09)}
.ultimateBadge{background:#fff!important;color:#050505!important}
.planSharedCodeBox{margin-top:16px!important;border:1px solid #343434!important;border-radius:14px;padding:14px!important;background:#101010}
.planBadge{
position:absolute;
top:12px;
right:12px;
padding:4px 7px;
border-radius:999px;
background:#f2f2f2;
color:#050505;
font-size:8px;
font-weight:900;
letter-spacing:.08em;
}
.planName{
font-size:18px;
font-weight:900;
color:#f5f5f5;
}
.planPrice{
margin-top:10px;
font-size:28px;
font-weight:900;
color:#fff;
}
.planPriceUnit{
font-size:14px;
font-weight:600;
color:#9a9a9a;
}
.planDesc{
margin-top:5px;
color:#8f8f8f;
font-size:11px;
}
.planFeatures{
padding-left:17px;
margin:16px 0;
color:#d2d2d2;
line-height:1.5;
font-size:11.5px;
display:flex;
flex-direction:column;
gap:7px;
}
.planFeatures li{margin:0}
.planAction{
margin-top:auto;
width:100%;
}
.planTrialNote{
margin-top:8px;
text-align:center;
font-size:10px;
color:#9a9a9a;
}
.ultimateUsageCompare{
margin:14px 0 4px;
padding:12px;
border:1px solid rgba(133,104,255,.35);
border-radius:14px;
background:rgba(117,88,255,.07);
}
.ultimateUsageTitle{
font-size:11px;
font-weight:900;
color:#f0ecff;
margin-bottom:9px;
}
.ultimateUsageGrid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:7px;
}
.ultimateUsageItem{
min-width:0;
padding:9px 10px;
border:1px solid rgba(255,255,255,.08);
border-radius:10px;
background:rgba(255,255,255,.035);
}
.ultimateUsageItem b{
display:block;
font-size:15px;
line-height:1.05;
color:#fff;
letter-spacing:-.02em;
}
.ultimateUsageItem span{
display:block;
margin-top:4px;
font-size:10px;
font-weight:800;
color:#d9d1ff;
}
.ultimateUsageItem small{
display:block;
margin-top:3px;
font-size:9px;
line-height:1.3;
color:#9693a3;
}
html[data-theme="light"] .ultimateUsageCompare{
border-color:#d8cffd!important;
background:#f6f3ff!important;
}
html[data-theme="light"] .ultimateUsageTitle{color:#3c315f!important}
html[data-theme="light"] .ultimateUsageItem{
border-color:#e5e0f5!important;
background:#fff!important;
}
html[data-theme="light"] .ultimateUsageItem b{color:#19171e!important}
html[data-theme="light"] .ultimateUsageItem span{color:#594a86!important}
html[data-theme="light"] .ultimateUsageItem small{color:#77737e!important}
@media(max-width:560px){
.ultimateUsageGrid{grid-template-columns:1fr}
}
.planCheckoutStatus{
min-height:0;
margin-top:7px;
text-align:center;
font-size:10px;
line-height:1.35;
color:#9a9a9a;
}
.planCheckoutStatus.busy{color:#b8b8c0}
.planCheckoutStatus.error{color:#ff7f88;font-weight:700}
.planTrialFinePrint{
margin-top:8px;
font-size:10px;
color:#777;
line-height:1.5;
}
.planCodeBox{
margin-top:auto;
padding-top:12px;
border-top:1px solid #2d2d2d;
}
.planCodeBox label{
display:block;
margin-bottom:7px;
color:#aaa;
font-size:10px;
font-weight:750;
}
.planCodeRow{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:8px;
}
@media(max-width:760px){
.upgradePlanTopBtn{
margin-left:auto;
padding:7px 9px;
font-size:9px;
}
.planGrid{
grid-template-columns:1fr;
}
.planCodeRow{
grid-template-columns:1fr;
}
}
.modalShade{
background:rgba(0,0,0,.72)!important;
}
.settingsShell{
background:#0d0d0d!important;
border-color:#2c2c2c!important;
}
.settingsNav{
background:#0a0a0a!important;
border-right:1px solid #242424!important;
}
.settingsNavTitle{color:#f0f0f0!important}
.settingsNavBtn{color:#a8a8a8!important}
.settingsNavBtn:hover,.settingsNavBtn.active{background:#181818!important;color:#fff!important}
.settingsPane h3{color:#f5f5f5!important}
.settingsLead{color:#8a8a8a!important}
.settingLine{border-bottom:1px solid #232323!important}
.settingTitle{color:#f0f0f0!important}
.settingDesc{color:#8a8a8a!important}
.settingsFooter{border-top:1px solid #242424!important}
.settingsBtn{color:#d0d0d0!important}
.settingsBtn:hover{background:#181818!important;border-color:#2f2f2f!important}
.accountHero{background:#111111!important;border-color:#2c2c2c!important}
.accountAvatar{color:#0a0a0a!important}
.accountEmail{color:#8a8a8a!important}
.searchChatsShell,.projectsShell,.screenTabShell{
background:#0d0d0d!important;
border-color:#2c2c2c!important;
}
#globalChatSearch,#projectNameInput{
background:#151515!important;
border-color:#333333!important;
color:#f0f0f0!important;
}
#globalChatSearch:focus,#projectNameInput:focus{
border-color:#666!important;
outline:none!important;
box-shadow:none!important;
}
.globalSearchItem{background:#141414!important;border-color:#2c2c2c!important}
.globalSearchItem:hover{background:#1c1c1c!important;border-color:#444!important}
.globalSearchTitle{color:#f0f0f0!important}
.globalSearchSnippet{color:#8a8a8a!important}
.projectCard{background:#141414!important;border-color:#2c2c2c!important}
.projectChatItem{background:#171717!important;color:#c4c4c4!important}
.projectChatItem:hover{background:#222222!important;color:#fff!important}
.screenTabCard{background:#141414!important;border-color:#2c2c2c!important}
.screenStepCard,.screenAdvanced{background:#141414!important;border-color:#2c2c2c!important}
.screenAdvanced>summary{color:#ececec!important}
.screenTabStatus{background:#141414!important;border-color:#2c2c2c!important;color:#a0a0a0!important}
.projectFileBar{background:#141414!important;border-color:#2c2c2c!important;color:#b0b0b0!important}
#projectNotesEditor,#projectInstructionsEditor{background:#111111!important;border-color:#333333!important;color:#f0f0f0!important}
.sideSectionHead{color:#7a7a7a!important}
.toggle{background:#2a2a2a!important}
.toggle.on{background:#f0f0f0!important}
.toggle.on:after{background:#0a0a0a!important}
.screenStatusDot{box-shadow:0 0 10px rgba(255,255,255,.55)!important}
.streamToolStatus:before{background:#f0f0f0!important;box-shadow:0 0 8px rgba(255,255,255,.5)!important}
select,.settingsSelect{
appearance:none!important;
-webkit-appearance:none!important;
background-color:#151515!important;
background-image:
linear-gradient(45deg,transparent 50%,#999 50%),
linear-gradient(135deg,#999 50%,transparent 50%)!important;
background-position:
calc(100% - 16px) 55%,
calc(100% - 11px) 55%!important;
background-size:5px 5px,5px 5px!important;
background-repeat:no-repeat!important;
border:1px solid #333333!important;
color:#f0f0f0!important;
padding-right:32px!important;
cursor:pointer;
}
select:hover,.settingsSelect:hover{border-color:#4a4a4a!important}
select:focus,.settingsSelect:focus{border-color:#707070!important;outline:none!important;box-shadow:none!important}
.planPill{background:#232323!important;color:#e0e0e0!important}
.usageBox{border-color:#2c2c2c!important}
.usageNum{color:#f0f0f0!important}
.supportInbox{border-top:1px solid #242424!important}
#settingsModal .settingsFooter{
background:linear-gradient(180deg,rgba(10,10,10,.86),#0d0d0d 28%)!important;
border-top:1px solid #242424!important;
}
@media(max-width:760px){
#sendBtn,
#attachBtn,
#voiceModeBtn,
#chatMenuBtn,
#mobileMenuBtn{min-width:44px!important;min-height:44px!important}
#modelPickerBtn{min-height:44px!important;padding-top:0!important;padding-bottom:0!important}
.sidebarTabBtn{min-height:44px!important}
#upgradePlanTopBtn{min-height:44px!important}
.recentsClearAllBtn{min-height:38px!important;display:inline-flex!important;
align-items:center!important}
#composerFeedbackLink,
#welcomeGuestHintLink{display:inline-block;padding:8px 2px}
}
@media(max-width:760px){
.composerDisclaimer #composerFeedbackLink{padding:8px 2px!important;
display:inline-block!important}
}
html[data-theme="light"] .toggle.on:after{background:#ffffff!important}
html[data-theme="light"] .lmsFieldRow input,
html[data-theme="light"] .icRow input,
html[data-theme="light"] #icDistrictPick,
html[data-theme="light"] .rubricPull input,
html[data-theme="light"] #settingsProCodeInput,
html[data-theme="light"] .colorPicker,
html[data-theme="light"] .hexInput,
html[data-theme="light"] .modalCard input,
html[data-theme="light"] select,
html[data-theme="light"] .settingsSelect{background:#ffffff!important;border-color:#d5d5db!important;color:#111111!important}
html[data-theme="light"] .planSharedCodeBox{background:#f7f7f9!important;border-color:#e2e2e6!important}
html[data-theme="light"] .lmsStepLabel{color:#16161a!important}
html[data-theme="light"] .lmsStepNum{background:#e6ecf7!important;color:#2d4a7a!important}
html[data-theme="light"] .lmsFig{background:#ffffff!important;border-color:#e4e4e9!important;color:#4a5b75!important}
html[data-theme="light"] .projectFileItem,
html[data-theme="light"] .memoryManagerItem,
html[data-theme="light"] .profileItem,
html[data-theme="light"] .templateItem,
html[data-theme="light"] .globalSearchItem{background:#ffffff!important;border-color:#e4e4e9!important;color:#16161a!important}
html[data-theme="light"] .templateItem:hover,
html[data-theme="light"] .globalSearchItem:hover{background:#f2f2f4!important;border-color:#d9d9de!important}
html[data-theme="light"] .supportMessage{background:#f2f2f4!important;border-color:#e4e4e9!important;color:#16161a!important}
html[data-theme="light"] .supportMessage.admin{background:#eef4ff!important;border-color:#d6e3fb!important;color:#16161a!important}
html[data-theme="light"] .thinkingBlock{background:#f4f4f7!important;border-color:#e4e4e9!important;color:#5a6474!important}
html[data-theme="light"] .followupChip{background:#f2f2f4!important;border-color:#d9d9de!important;color:#33333a!important}
html[data-theme="light"] .followupChip:hover{background:#e9e9ee!important;color:#111111!important}
html[data-theme="light"] .replyPreviewChip{background:#eef4ff!important}
html[data-theme="light"] .replyPreviewChip .replyPreviewLabel{color:#3a5fa0!important}
html[data-theme="light"] .replyPreviewChip .replyPreviewText{color:#33415f!important}
html[data-theme="light"] .replyPreviewChip .removeReply{color:#6b7a9c!important}
html[data-theme="light"] .fileIcon{background:#ececef!important}
html[data-theme="light"] .codeBlockCopy{background:#f0f0f3!important;color:#33333a!important}
html[data-theme="light"] .codeBlockCopy:hover{background:#e4e4e9!important}
html[data-theme="light"] .billingBadge{background:#ececef!important;color:#4a4a52!important}
html[data-theme="light"] .billingBadge.paid{background:#e4f3ea!important;color:#1f7a4d!important}
html[data-theme="light"] .voiceChip:hover,
html[data-theme="light"] .traitChip:hover{background:#e9eef7!important}
html[data-theme="light"] .sidebarDivider{background:#e4e4e9!important}
html[data-theme="light"] .mobileMenuBtn{background:#f2f2f4!important;color:#16161a!important}
html[data-theme="light"] .mobileMenuBtn:hover{background:#e7e7ea!important}
html[data-theme="light"] .recentsClearAllBtn:hover{background:#fbeaea!important}
html[data-theme="light"] .recentsDownloadAllBtn:hover{background:#ececef!important}
html[data-theme="light"] .accountMenuLogout:hover{background:#fbeaea!important}
html[data-theme="light"] .dangerAction,
html[data-theme="light"] .danger{background:#fbecec!important;color:#b4262b!important;border-color:#f1c7cc!important}
html[data-theme="light"] .projectSideItem{color:#2a2a2a!important}
html[data-theme="light"] .projectSideItem:hover{background:#ececee!important;color:#000000!important;border-color:#e2e2e6!important}
html[data-theme="light"] .projectSideItem.active{background:#e4e4e9!important;color:#000000!important;border-color:#d5d5db!important}
html[data-theme="light"] .termsGateCheckRow,
html[data-theme="light"] .termsGateFeature{background:#f7f7f9!important;border-color:#e2e2e6!important}
html[data-theme="light"] .screenStatus,
html[data-theme="light"] #screenPreviewCard,
html[data-theme="light"] #cameraPreviewCard{background:#ffffff!important;border-color:#e4e4e9!important;color:#16161a!important}
html[data-theme="light"] #screenPreview,
html[data-theme="light"] #cameraPreview{background:#eef0f3!important;border-color:#dcdce2!important}
html[data-theme="light"] .screenStop{background:#f2f2f4!important;color:#16161a!important}
html[data-theme="light"] .screenStop:hover{background:#e7e7ea!important;border-color:#d9d9de!important}
html[data-theme="light"] #answersPopoutView{background:#f7f7f9!important;color:#16161a!important}
html[data-theme="light"] .answersPopoutCard{background:#ffffff!important;border-color:#e4e4e9!important;color:#16161a!important}
html[data-theme="light"] #autoAnswerOverlayScanBtn{background:#f0f0f3!important;border-color:#d9d9de!important;color:#111111!important}
html[data-theme="light"] .globalSearchTitle{color:#16161a!important}
html[data-theme="light"] .globalSearchSnippet{color:#5a6474!important}
html[data-theme="light"] .templateItem b{color:#16161a!important}
html[data-theme="light"] .templateItem span{color:#5a6474!important}
html[data-theme="light"] .supportMessageBody{color:#33333a!important}
html[data-theme="light"] .supportMessageTime{color:#6b6b73!important}
html[data-theme="light"] .answersPopoutA{color:#16161a!important}
html[data-theme="light"] .answersPopoutQ,
html[data-theme="light"] .answersPopoutSub{color:#4a4a52!important}
html[data-theme="light"] .answersPopoutTime,
html[data-theme="light"] .answersPopoutEmpty{color:#6b6b73!important}
html[data-theme="light"] .termsGateCheckRow label{color:#33333a!important}
html[data-theme="light"] .termsGateLabel{color:#16161a!important}
html[data-theme="light"] .termsGateSelect{background:#ffffff!important;border-color:#d2d2d8!important;color:#16161a!important}
html[data-theme="light"] .termsGateBirthday{background:#f7f7f9!important;border-color:#e2e2e6!important;color:#33333a!important}
html[data-theme="light"] .termsGateMsg{color:#b3261e!important}
html[data-theme="light"] .termsGateBlockedText{color:#33333a!important}
html[data-theme="light"] .termsGateFeature .tgfTitle{color:#16161a!important}
html[data-theme="light"] .termsGateFeature .tgfDesc{color:#6b6b73!important}
html[data-theme="light"] .projectSidebarList{background:transparent!important}
html[data-theme="light"] .projectDot{background:#5a6474!important}
html[data-theme="light"] .announcementPopup{background:#ffffff!important;border-color:#e4e4e9!important}
html[data-theme="light"] .announcementPopupTitle{color:#16161a!important}
html[data-theme="light"] .announcementPopupSub{color:#6b6b73!important}
html[data-theme="light"] .announcementPopupBody{color:#33333a!important}
html[data-theme="light"] .announcementPopupActions{border-top-color:#e4e4e9!important}
html[data-theme="light"] .supportMessageSubject{color:#16161a!important}
html[data-theme="light"] .dot{background:#1f9d4d!important;box-shadow:none!important}
html[data-theme="light"] .screenStatusDot{background:#5a6474!important;box-shadow:none!important}
html[data-theme="light"] .recentsDownloadAllBtn:hover{background:#ececef!important;color:#33333a!important}
html[data-theme="light"] .termsGateCheckRow a{color:#2f5fd8!important}
html[data-theme="light"] .replyPreviewChip{border-color:#d6e3fb!important;border-left-color:#6fa2ff!important}
html[data-theme="light"] .codeBlockHead{border-color:#e0e0e4!important}
html[data-theme="light"] .codeBlockCopy{border-color:#d5d5db!important}
html[data-theme="light"] .answerSources{border-top-color:#e4e4e9!important}
html[data-theme="light"] .answersPopoutHead{border-color:#e4e4e9!important}
html[data-theme="light"] .answersPopoutStatus{border-color:#e4e4e9!important;color:#1f3d7a!important}
html[data-theme="light"] .answersPopoutStatusDetail{color:#4a4a52!important}
html[data-theme="light"] .mobileMenuBtn{border-color:#d5d5db!important}
html[data-theme="light"] #settingsModal .secondaryAction,
html[data-theme="light"] #settingsModal .settingsFooter .primaryAction{
background:transparent!important;
background-image:none!important;
border-color:transparent!important;
box-shadow:none!important;
color:#16161a!important;
}
html[data-theme="light"] #settingsModal .secondaryAction:hover,
html[data-theme="light"] #settingsModal .settingsFooter .primaryAction:hover{
background:transparent!important;
color:#000000!important;
text-decoration:underline!important;
}
.roomList{margin-top:6px}
.roomRow{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #232323}
.roomRow .grow{flex:1;min-width:0}
.roomRow b{font-size:13px;color:#f0f0f0}
.roomDot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#555;margin-right:6px;vertical-align:middle}
.roomDot.on{background:#22c55e}
.roomInline{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 4px}
.roomInline .settingsInput{flex:1 1 150px;width:auto;min-width:0}
.roomCodeInput{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}
.roomDays{display:flex;gap:4px}
.roomDay{width:30px;height:30px;border-radius:50%;border:1px solid #3a3a3a;background:#151515;color:#bbb;font-size:12px;font-weight:700;cursor:pointer;padding:0}
.roomDay.on{background:#ffb545;border-color:#ffb545;color:#1a0e04}
#roomMsg.roomBad,.roomRowMsg{color:#ff8b8b!important}
.roomRowMsg{font-size:10px;line-height:1.4;padding:6px 0 10px}
html[data-theme="light"] .roomRow{border-color:#eaeaee!important}
html[data-theme="light"] .roomRow b{color:#0b0b0d!important}
html[data-theme="light"] .roomDot{background:#c8c8cf!important}
html[data-theme="light"] .roomDot.on{background:#22c55e!important}
html[data-theme="light"] .roomDay{background:#fff!important;border-color:#d5d5db!important;color:#33333a!important}
html[data-theme="light"] .roomDay.on{background:#ffb545!important;border-color:#ffb545!important;color:#1a0e04!important}
html[data-theme="light"] #roomMsg.roomBad,html[data-theme="light"] .roomRowMsg{color:#b4262b!important}
.entityTabHero{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 16px;margin:6px 0 4px;border:1px solid #33230f;border-radius:14px;background:linear-gradient(135deg,#1c1206 0%,#121212 70%)}
.entityTabOrb{width:46px;height:46px;border-radius:50%;flex-shrink:0;background:radial-gradient(circle at 36% 30%,#ffe4b8 0%,#ffb545 36%,#c56a0c 70%,#3d1f03 100%);box-shadow:0 0 22px rgba(255,165,50,.32)}
.entityTabHeroCopy{flex:1 1 180px;min-width:0}
.entityTabHero .primaryAction{margin-left:auto}
.roomSubhead{font-size:12.5px;font-weight:750;color:#e6e6ec;margin:18px 0 2px}
[data-pane-content="entity"] .settingsSubhead{border-top:0;padding-top:4px}
html[data-theme="light"] .entityTabHero{background:linear-gradient(135deg,#fff4e4 0%,#ffffff 70%)!important;border-color:#f0d9b8!important}
html[data-theme="light"] .entityTabOrb{box-shadow:0 0 18px rgba(255,160,40,.35)!important}
html[data-theme="light"] .roomSubhead{color:#1c1c22!important}
.toolFinder{flex:0 1 auto;min-width:0;min-height:0;max-height:45vh;overflow:auto}
.toolSearchInput{
width:100%;background:#141414;border:1px solid #2a2a2a;color:#e6e6e6;
border-radius:10px;padding:9px 10px;font-size:12.5px;outline:none;
margin:0 0 8px;
}
.toolSearchInput:focus{border-color:#3f3f3f}
.toolSearchInput::placeholder{color:#7a7a7a}
.toolSearchResults{
display:none;flex-direction:column;gap:2px;margin:-4px 0 9px;
max-height:min(288px,32vh);overflow:auto;background:#101010;
border:1px solid #2a2a2a;border-radius:10px;padding:4px;
}
.toolSearchResults.open{display:flex}
.toolResult.active > .sideNavBtn{background:#1c1c1c!important;color:#fff!important}
.favSection{flex:0 1 auto;min-height:0;max-height:min(238px,26vh);overflow:auto;margin-bottom:6px}
@media(max-height:720px){
.toolSearchResults{max-height:180px}
.favSection{max-height:140px}
}
.favHint{padding-top:2px}
.toolRow{display:flex;align-items:center;gap:2px;min-width:0}
.toolRow > .sideNavBtn{flex:1 1 auto;min-width:0}
.toolRow > .sideNavBtn > span:not(.sideNavIcon):not(.sideNavState):not(.sideNavBadge){
overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.pinBtn{
flex:0 0 auto;width:26px;height:26px;display:grid;place-items:center;
background:transparent;border:1px solid transparent;color:#6a6a6a;
border-radius:8px;font-size:12px;line-height:1;padding:0;cursor:pointer;
opacity:0;transition:opacity .12s ease,color .12s ease,background .12s ease;
}
.toolRow:hover .pinBtn,
.toolRow:focus-within .pinBtn,
.pinBtn:focus-visible,
.pinBtn.pinned{opacity:1}
.pinBtn:hover{color:#f1f1f1;background:#1c1c1c}
.pinBtn.pinned{color:#e8c14a}
@media(hover:none){.pinBtn{opacity:1}}
.sideNavBadge{margin-left:auto;font-size:9px;font-weight:800;color:#787878}
.app.sideFolded .toolSearchInput,
.app.sideFolded .toolSearchResults,
.app.sideFolded .favHint,
.app.sideFolded .pinBtn{display:none!important}
.app.sideFolded .toolRow{justify-content:center}
.app.sideFolded .favSection,
.app.sideFolded .toolFinder{max-height:none;overflow:visible}
.welcomeStarters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:20px 0 0}
.welcomeStarter{
font-size:12.5px!important;padding:9px 13px!important;
white-space:normal!important;max-width:none!important;
}
@media(max-width:760px){
.pinBtn{min-width:44px!important;min-height:44px!important}
.toolSearchInput{font-size:16px!important}
.welcomeStarter{min-height:44px!important}
.favSection{max-height:min(210px,26vh)}
}
.sideHideBtn{font-size:15px;font-weight:700}
html[data-side-hidden~="entity"] #sidebarTabPanelChats:not(.sideEditing) [data-side-item="entity"],
html[data-side-hidden~="games"] #sidebarTabPanelChats:not(.sideEditing) [data-side-item="games"],
html[data-side-hidden~="study"] #sidebarTabPanelChats:not(.sideEditing) [data-side-item="study"],
html[data-side-hidden~="classes"] #sidebarTabPanelChats:not(.sideEditing) [data-side-item="classes"],
html[data-side-hidden~="calendar"] #sidebarTabPanelChats:not(.sideEditing) [data-side-item="calendar"],
html[data-side-hidden~="screen"] #sidebarTabPanelChats:not(.sideEditing) [data-side-item="screen"],
html[data-side-hidden~="camera"] #sidebarTabPanelChats:not(.sideEditing) [data-side-item="camera"],
html[data-side-hidden~="missed"] #sidebarTabPanelChats:not(.sideEditing) [data-side-item="missed"],
.sideHideBtn{display:none!important}
#sidebarTabPanelChats.sideEditing .sideHideBtn{display:grid!important;opacity:1}
#sidebarTabPanelChats.sideEditing .sideItemRow.sideItemOff > .sideNavBtn{opacity:.45}
.sideEditBtn{display:inline-flex;align-self:flex-start;background:none;border:0;color:#8a8fa3;font-size:12px;font-weight:600;cursor:pointer;padding:6px 10px;margin-top:2px;border-radius:8px}
.sideEditBtn:hover{color:#fff;background:rgba(255,255,255,.06)}
.sideEditBtn:focus-visible,.sideHideBtn:focus-visible{outline:2px solid #7f9dff;outline-offset:2px}
@media (hover:none), (max-width:760px){
.sideHideBtn{display:none}
#sidebarTabPanelChats.sideEditing .sideHideBtn{display:grid;opacity:1}
.sideEditBtn{display:inline-flex;min-height:44px;align-items:center}
}
.app.sideFolded .sideHideBtn,
.app.sideFolded .sideEditBtn{display:none!important}
.sideHideToast{display:flex;align-items:center;gap:12px;text-align:left}
.sideHideToast.show{pointer-events:auto}
.sideHideUndo{flex:0 0 auto;background:none;border:1px solid #4a4a4a;color:#f5f5f5;border-radius:8px;padding:5px 11px;font-size:12.5px;font-weight:700;cursor:pointer}
.sideHideUndo:hover{background:rgba(255,255,255,.08)}
.sideHideUndo:focus-visible{outline:2px solid #7f9dff;outline-offset:2px}
@media (max-width:760px){ .sideHideUndo{min-height:44px;min-width:44px} }
html[data-theme="light"] .sideEditBtn{color:#5f5f66!important}
html[data-theme="light"] .sideEditBtn:hover{color:#111!important;background:#ececee!important}
html[data-theme="light"] .sideHideUndo{color:#16161a!important;border-color:#c9c9d1!important;background:transparent!important}
html[data-theme="light"] .sideHideUndo:hover{background:#ececee!important}
.sideShortcutRow{display:flex;align-items:center}
.sideShortcutRow .sideNavBtn{flex:1;min-width:0}
.sideEditPanel{display:none;padding:4px 4px 10px}
#sidebarTabPanelChats.sideEditing .sideEditPanel{display:block}
#sidebarTabPanelChats.sideEditing > .sideItemRow,
#sidebarTabPanelChats.sideEditing > .sideMore,
#sidebarTabPanelChats.sideEditing .recentsSection{display:none!important}
.sidebar.sidebarEditing .toolFinder,
.sidebar.sidebarEditing .favSection,
.sidebar.sidebarEditing #projectQuickSection,
.sidebar.sidebarEditing #studyProBanner{display:none!important}
.sideEditTitle{font-size:14px;font-weight:800;color:#f3f3f5;padding:8px 9px 2px}
.sideEditSub{font-size:11.5px;line-height:1.45;color:#858892;padding:0 9px 10px}
.sideEditGroup{margin:4px 0 10px}
.sideEditGroupTitle{font-size:10.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#777a84;padding:7px 9px 5px}
.sideEditChoice{display:flex;align-items:center;gap:9px;width:100%;min-height:42px;padding:6px 8px;border:0;background:transparent;color:#ededf0;border-radius:9px;text-align:left;cursor:pointer}
.sideEditChoice:hover{background:#191a1e}
.sideEditChoiceIcon{width:24px;text-align:center;font-size:16px;flex:0 0 24px}
.sideEditChoiceLabel{flex:1;min-width:0;font-size:13px;font-weight:650}
.sideEditToggle{width:34px;height:20px;border-radius:999px;border:1px solid #3b3d44;background:#24262b;position:relative;flex:0 0 34px}
.sideEditToggle::after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;left:2px;top:2px;background:#8b8e96;transition:transform .15s ease,background .15s ease}
.sideEditChoice.on .sideEditToggle{background:#dfe7ff;border-color:#dfe7ff}
.sideEditChoice.on .sideEditToggle::after{transform:translateX(14px);background:#14161a}
.sideEditChoice:focus-visible{outline:2px solid #7f9dff;outline-offset:1px}
html[data-theme="light"] .sideEditTitle{color:#17171b!important}
html[data-theme="light"] .sideEditSub,
html[data-theme="light"] .sideEditGroupTitle{color:#767983!important}
html[data-theme="light"] .sideEditChoice{color:#1a1a1e!important}
html[data-theme="light"] .sideEditChoice:hover{background:#f0f1f4!important}
@media(max-width:760px){.sideEditChoice{min-height:48px}.sideEditBtn{min-height:44px;align-items:center}}
.homeDash{width:100%;max-width:760px;margin:22px auto 0;text-align:left}
.homeDash[hidden]{display:none!important}
.homeHide{background:none;border:0;color:#8a8fa3;font-size:12px;cursor:pointer;padding:4px 6px;border-radius:8px}
.homeHide:hover{color:#fff;background:rgba(255,255,255,.06)}
.homeGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.homePanelWide{grid-column:1 / -1}
.homePanel{background:rgba(120,140,220,.08);border:1px solid rgba(120,140,220,.24);border-radius:12px;padding:10px 12px;margin:0 0 10px}
.homePanelHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 6px}
.homePanel h2{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8a8fa3;margin:0}
.homePanelHead h2{margin-right:auto}
.homePanelBtn{background:none;border:0;color:#8a8fa3;font:inherit;font-size:14px;line-height:1;cursor:pointer;padding:4px 7px;border-radius:8px;flex:none}
.homePanelBtn:hover{color:#fff;background:rgba(255,255,255,.06)}
.homePanelBtn:focus-visible{outline:2px solid #7f9dff;outline-offset:2px}
.homePanel.isClosed{padding-bottom:9px;align-self:start}
.homePanel.isClosed .homePanelHead{margin:0}
.homePanel.isClosed .homePanelBody{display:none}
.homeRow{padding:6px 0;border-top:1px solid rgba(255,255,255,.06);cursor:pointer}
.homeRow:first-of-type{border-top:0}
.homeRowTitle{font-size:13px;line-height:1.35;color:#dfe3ee}
.homeRowMeta{font-size:11px;color:#8a8fa3;margin-top:2px}
.homeFlag{color:#ff6f7d}
.homeEmpty{font-size:12px;line-height:1.45;color:#8a8fa3;padding:2px 0 2px}
.homeLinkBtn{background:none;border:0;color:#7f9dff;font-size:12px;cursor:pointer;padding:0;text-decoration:underline}
.homeQuickGate{font-size:9px;opacity:.7;border:1px solid currentColor;border-radius:999px;padding:1px 5px;margin-left:2px}
.homeConn{padding:7px 0;border-top:1px solid rgba(255,255,255,.06)}
.homeConn:first-of-type{border-top:0}
.homeConnHead{display:flex;align-items:center;gap:7px}
.homeConnName{font-size:13px;color:#dfe3ee;flex:1}
.homeConnLine{font-size:11px;color:#8a8fa3;margin-top:2px}
.homeConnNote{font-size:11px;color:#8a8fa3;margin-top:3px;line-height:1.4}
.homeConnDot{width:7px;height:7px;border-radius:50%;background:#4b5163;flex:none}
.homeConn-ok .homeConnDot{background:#43b581}
.homeConn-stale .homeConnDot,.homeConn-partial .homeConnDot,.homeConn-never_synced .homeConnDot{background:#e8a33d}
.homeConn-locked .homeConnDot,.homeConn-sign_in_failed .homeConnDot{background:#e0544f}
.homeConn-needs_reconnect .homeConnDot,.homeConn-school_busy .homeConnDot,.homeConn-class_unavailable .homeConnDot,.homeConn-failed .homeConnDot{background:#e0544f}
.homeConnProblem .homeConnLine{color:#f08a86}
.homeConnReason{font-size:11px;color:#ff8a84;margin-top:3px;line-height:1.4}
.homeConnResult{font-size:11px;color:#b9c0d4;margin-top:3px;line-height:1.4}
.homeConnResult.isBad{color:#ff8a84}
.homeNotes{font-size:11px;line-height:1.45;color:#8a8fa3;padding:0 2px 8px;display:flex;flex-direction:column;gap:4px}
.homeMeters{display:flex;flex-wrap:wrap;gap:6px;padding:0 2px}
.homeMeter{font-size:11px;color:#8a8fa3;border:1px solid rgba(255,255,255,.10);border-radius:999px;padding:3px 9px}
.homeMeterOut{color:#e8a33d;border-color:rgba(232,163,61,.45)}
.homeMetersNote{font-size:10.5px;color:#6f748a;padding:6px 2px 0}
.homeUpsell{background:rgba(230,180,60,.10);border:1px solid rgba(230,180,60,.32);border-radius:10px;padding:9px 10px}
.homeUpsellTitle{font-size:13px;color:#dfe3ee;font-weight:600}
.homeUpsellBody{font-size:12px;line-height:1.45;color:#a9afc2;margin:4px 0 8px}
.homeUpsellBtn{font-size:12px!important;padding:7px 12px!important}
.homeChangeKind{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.02em;border-radius:999px;padding:1px 7px;margin-right:4px;vertical-align:1px}
.homeChange-new{color:#9fb4ff;background:rgba(127,157,255,.14);border:1px solid rgba(127,157,255,.30)}
.homeChange-moved{color:#f0b85a;background:rgba(232,163,61,.14);border:1px solid rgba(232,163,61,.32)}
.homeChange-submitted,.homeChange-grade_up{color:#6fd3a0;background:rgba(67,181,129,.14);border:1px solid rgba(67,181,129,.30)}
.homeChange-grade_down{color:#f08a86;background:rgba(224,84,79,.14);border:1px solid rgba(224,84,79,.32)}
.homeHero{background:rgba(120,140,220,.10);border:1px solid rgba(120,140,220,.30);border-radius:14px;padding:12px 14px 14px;margin:0 0 12px}
.homeHeroGreet{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:#eef1f8;margin:0 0 6px}
.homeHeroCount{font-size:13.5px;line-height:1.45;color:#c9cedc;margin:0 0 10px}
.homeHeroBtn{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;text-align:left;font:inherit;font-size:15px;font-weight:700;color:#ffffff;background:#3b5bdb;border:1px solid #4c6ef5;border-radius:12px;padding:12px 14px;cursor:pointer;min-height:48px}
.homeHeroBtn:hover{background:#4263eb}
.homeHeroBtn:focus-visible{outline:2px solid #9fb4ff;outline-offset:2px}
.homeHeroWhy{font-size:11.5px;line-height:1.4;color:#8a8fa3;margin:6px 2px 0}
.homeHeroLines{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:12px;line-height:1.45;color:#a9afc2}
.homeMissedCard{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;background:rgba(120,140,220,.08);border:1px solid rgba(120,140,220,.24);border-radius:12px;padding:10px 12px;margin:0 0 10px}
.homeMissedText{font-size:13px;font-weight:700;color:#dfe3ee}
.homeMissedSub{font-size:12px;line-height:1.45;color:#8a8fa3}
.homeMissedBtn{font:inherit;font-size:12.5px;font-weight:600;color:#dfe6ff;background:rgba(127,157,255,.16);border:1px solid rgba(127,157,255,.40);border-radius:999px;padding:6px 12px;cursor:pointer}
.homeMissedBtn:hover{background:rgba(127,157,255,.26)}
.homeTodayLine{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 0}
.homeTodayPart{font:inherit;font-size:13.5px;font-weight:700;background:none;border:0;padding:2px 3px;margin:0 -1px;
border-radius:6px;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;
text-underline-offset:3px}
.homeTodayPart:hover{background:rgba(255,255,255,.06)}
.homeTodayPart:focus-visible{outline:2px solid #9fb4ff;outline-offset:1px}
.homeTodayPart.prio-grade_drop{color:#f08a86}
.homeTodaySep{color:#8a8fa3;white-space:pre}
.homeTodayTail{flex-basis:100%;font-size:12px;font-weight:400;color:#a9afc2;margin-top:2px}
.homeTonightHead{font-size:13.5px;font-weight:700;line-height:1.4;color:#eef1f8;margin:0 0 4px}
.homeTonightList{margin:4px 0 4px;padding-left:20px}
.homeTonightStep{padding:5px 0;border-top:1px solid rgba(255,255,255,.06);color:#dfe3ee}
.homeTonightStep:first-child{border-top:0}
.homeTonightStep::marker{color:#8a8fa3;font-weight:700}
.homeTonightTime{font:inherit;font-size:11px;color:#cfe0ff;background:rgba(127,157,255,.10);
border:1px solid rgba(127,157,255,.30);border-radius:999px;padding:2px 9px;cursor:pointer}
.homeTonightTime:hover{background:rgba(127,157,255,.20)}
.homeTonightForm{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}
.homeTonightInput{width:64px;font:inherit;font-size:12px;color:#eef1f8;background:#101218;
border:1px solid #3a4152;border-radius:8px;padding:4px 6px}
.homeReconnect{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;background:rgba(224,84,79,.12);
border:1px solid rgba(224,84,79,.45);border-radius:12px;padding:10px 12px;margin:0 0 10px}
.homeReconnectText{flex:1 1 240px;font-size:13px;line-height:1.45;color:#f3d6d4}
.homeReconnectBtn{font:inherit;font-size:12.5px;font-weight:700;color:#fff;background:#c9403b;
border:1px solid #d9534f;border-radius:999px;padding:6px 14px;cursor:pointer}
.homeReconnectBtn:hover{background:#d9534f}
.homeReconnectBtn:focus-visible{outline:2px solid #ffb3b0;outline-offset:2px}
.homeStartBtn{font:inherit;font-size:12.5px;font-weight:600;color:#dfe3ee;background:rgba(255,255,255,.05);border:1px solid rgba(120,140,220,.30);border-radius:999px;padding:7px 14px;cursor:pointer}
.homeStartBtn:hover{background:rgba(255,255,255,.10)}
.usageMeters{display:flex;flex-direction:column;gap:10px;padding:6px 0 2px}
.usageMeterHead{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:#dfe3ee}
.usageMeterNum{color:#8a8fa3}
.usageMeterBar{height:5px;border-radius:999px;background:rgba(255,255,255,.08);margin-top:5px;overflow:hidden}
.usageMeterFill{height:100%;background:#7f9dff;border-radius:999px}
.usageMonth{margin-top:6px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.usageMeterFill.usageMeterFillWarn{background:#e0a44a}
.usageMonthWarn{font-size:11.5px;line-height:1.45;color:#f0b35a;margin-top:6px}
@media(max-width:760px){
.homeGrid{grid-template-columns:1fr}
.homeDash{margin-top:16px}
.homeRow{min-height:44px}
.homeLinkBtn{min-height:44px}
.homePanelBtn{min-height:44px;min-width:44px}
.homeHeroGreet{font-size:20px}
.homeMissedBtn,.homeStartBtn{min-height:44px}
.homeTodayPart,.homeTonightTime,.homeReconnectBtn{min-height:44px}
.homeTonightInput{min-height:40px;font-size:16px}
}
html[data-theme="light"] .homePanel{background:rgba(60,90,200,.05)!important;border-color:rgba(60,90,200,.18)!important}
html[data-theme="light"] .homeRowTitle,
html[data-theme="light"] .homeConnName,
html[data-theme="light"] .homeUpsellTitle{color:#1c1c22!important}
html[data-theme="light"] .homeRowMeta,
html[data-theme="light"] .homeEmpty,
html[data-theme="light"] .homeConnLine,
html[data-theme="light"] .homeConnResult,
html[data-theme="light"] .homeConnNote,
html[data-theme="light"] .homeNotes,
html[data-theme="light"] .homeMeter,
html[data-theme="light"] .homeHeadDay,
html[data-theme="light"] .homePanelBtn,
html[data-theme="light"] .homePanel h2{color:#5f5f66!important}
html[data-theme="light"] .homeRow{border-top-color:#e3e3e6!important}
html[data-theme="light"] .homeConnReason,html[data-theme="light"] .homeConnResult.isBad{color:#b3261e!important}
html[data-theme="light"] .homeConn{border-top-color:#e3e3e6!important}
html[data-theme="light"] .homeUpsell{background:rgba(214,158,44,.10)!important;border-color:rgba(214,158,44,.34)!important}
html[data-theme="light"] .homeUpsellBody{color:#4a4a52!important}
html[data-theme="light"] .homeMeter{border-color:#dcdce2!important}
html[data-theme="light"] .usageMeterHead{color:#1c1c22!important}
html[data-theme="light"] .usageMeterBar{background:#e7e7ea!important}
html[data-theme="light"] .usageMonth{border-top-color:#e7e7ea!important}
html[data-theme="light"] .usageMeterNum{color:#5c5c66!important}
html[data-theme="light"] .usageMeterFill.usageMeterFillWarn{background:#c77d12!important}
html[data-theme="light"] .usageMonthWarn{color:#8a5300!important}
html[data-theme="light"] .homeHide:hover{color:#111!important;background:#ececee!important}
html[data-theme="light"] .homePanelBtn:hover{color:#111!important;background:#ececee!important}
html[data-theme="light"] .homeHero{background:rgba(60,90,200,.06)!important;border-color:rgba(60,90,200,.22)!important}
html[data-theme="light"] .homeHeroGreet,
html[data-theme="light"] .homeMissedText{color:#17171b!important}
html[data-theme="light"] .homeHeroCount{color:#2c2c33!important}
html[data-theme="light"] .homeHeroWhy,
html[data-theme="light"] .homeMissedSub{color:#5f5f66!important}
html[data-theme="light"] .homeHeroLines{color:#4a4a52!important}
html[data-theme="light"] .homeHeroBtn{color:#ffffff!important;background:#2f4fc4!important;border-color:#2f4fc4!important}
html[data-theme="light"] .homeHeroBtn:hover{background:#2743ad!important}
html[data-theme="light"] .homeMissedCard{background:rgba(60,90,200,.05)!important;border-color:rgba(60,90,200,.18)!important}
html[data-theme="light"] .homeMissedBtn{color:#2f4fc4!important;background:rgba(60,90,200,.08)!important;border-color:rgba(60,90,200,.30)!important}
html[data-theme="light"] .homeStartBtn{color:#1c1c22!important;background:#ffffff!important;border-color:#d6d6de!important}
html[data-theme="light"] .homeStartBtn:hover{background:#f1f1f4!important}
html[data-theme="light"] .homeChange-new{color:#2f4fc4!important;background:rgba(60,90,200,.10)!important;border-color:rgba(60,90,200,.28)!important}
html[data-theme="light"] .homeChange-moved{color:#8a5200!important;background:rgba(214,158,44,.14)!important;border-color:rgba(214,158,44,.40)!important}
html[data-theme="light"] .homeChange-submitted,
html[data-theme="light"] .homeChange-grade_up{color:#1d7a4c!important;background:rgba(67,181,129,.12)!important;border-color:rgba(67,181,129,.36)!important}
html[data-theme="light"] .homeChange-grade_down{color:#b3261e!important;background:rgba(224,84,79,.10)!important;border-color:rgba(224,84,79,.34)!important}
html[data-theme="light"] .homeFlag{color:#b3202f!important}
html[data-theme="light"] .homeTodayPart:hover{background:#ececee!important}
html[data-theme="light"] .homeTodayPart.prio-grade_drop{color:#b3261e!important}
html[data-theme="light"] .homeTodaySep,
html[data-theme="light"] .homeTodayTail{color:#5f5f66!important}
html[data-theme="light"] .homeTonightHead{color:#17171b!important}
html[data-theme="light"] .homeTonightStep{color:#1c1c22!important;border-top-color:#e3e3e6!important}
html[data-theme="light"] .homeTonightTime{color:#2f4fc4!important;background:rgba(60,90,200,.08)!important;border-color:rgba(60,90,200,.30)!important}
html[data-theme="light"] .homeTonightInput{color:#17171b!important;background:#ffffff!important;border-color:#c9c9d1!important}
html[data-theme="light"] .homeReconnect{background:rgba(224,84,79,.08)!important;border-color:rgba(200,60,55,.40)!important}
html[data-theme="light"] .homeReconnectText{color:#5a1714!important}
html[data-theme="light"] .homeReconnectBtn{color:#ffffff!important;background:#b3261e!important;border-color:#b3261e!important}
html[data-theme="light"] .homeConnProblem .homeConnLine{color:#b3261e!important}
html[data-theme="light"] .toolSearchInput{background:#ffffff!important;border-color:#dcdce2!important;color:#17171b!important}
html[data-theme="light"] .toolSearchInput::placeholder{color:#8a8a92!important}
html[data-theme="light"] .toolSearchResults{background:#ffffff!important;border-color:#e3e3e6!important}
html[data-theme="light"] .toolResult.active > .sideNavBtn{background:#ececee!important;color:#000000!important}
html[data-theme="light"] .favSection{background:#f7f7f8!important}
html[data-theme="light"] .pinBtn{color:#8a8a92!important;background:transparent!important}
html[data-theme="light"] .pinBtn:hover{color:#111111!important;background:#ececee!important}
html[data-theme="light"] .pinBtn.pinned{color:#b07d10!important}
html[data-theme="light"] .sideNavBtn .sideNavBadge{color:#5f5f66!important}
.welcome{width:100%;max-width:1180px!important;margin:0 auto!important;padding:42px 26px 180px!important}
.welcome > .welcomeEntityLogo{margin-bottom:18px}
.welcome > h1{font-size:34px!important;letter-spacing:-1.2px!important;margin-bottom:8px!important}
.welcome > p{max-width:700px;margin:0 auto!important;font-size:14px!important}
.welcomeStarters{max-width:760px;margin:24px auto 0!important;justify-content:center!important;gap:9px!important}
.homeDash{max-width:1140px!important;margin:28px auto 0!important}
.homeDashGreeting{display:flex;align-items:baseline;gap:10px;margin:0 0 14px;padding:0 2px;text-align:left}
.homeDashGreeting b{font-size:18px;letter-spacing:-.02em;color:#f6f6f6}
.homeDashGreeting span{font-size:12px;color:#8c8c94}
#homeDash [data-home-slot="hero-lines"] .homeHeroLines{margin:-6px 0 12px;padding:0 2px}
.homeModernGrid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.9fr);gap:14px;align-items:start}
.homeTonightCard{grid-column:1 / -1}
.homeModernCard{background:#111214;border:1px solid #282a2e;border-radius:18px;padding:18px;text-align:left;box-shadow:0 10px 28px rgba(0,0,0,.14)}
.homeModernHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.homeModernHead>div{display:flex;align-items:center;gap:9px;min-width:0}
.homeModernHead h2{font-size:15px;letter-spacing:-.01em;color:#f4f4f5;margin:0;text-transform:none}
.homeModernIcon{width:30px;height:30px;border-radius:9px;background:#1b1d22;display:grid;place-items:center;color:#dfe5ff;font-size:14px;flex:none}
.homeModernDate{font-size:11px;color:#868992}
.homeModernDivider{height:1px;background:#26282d;margin:13px 0 12px}
.homeDayStat{min-width:0;display:flex;align-items:center;gap:10px;background:transparent;border:0;color:inherit;text-align:left;padding:5px 14px;border-left:1px solid #282a2e;font:inherit}
.homeDayStat:first-child{border-left:0;padding-left:0}
button.homeDayStat{cursor:pointer;border-radius:10px}
button.homeDayStat:hover{background:#17191d}
.homeDayStat span:last-child{display:flex;flex-direction:column;min-width:0}
.homeDayStat b{font-size:18px;color:#f5f5f6;line-height:1.05}
.homeDayStat small{font-size:10.5px;color:#8d9099;line-height:1.25;margin-top:2px}
.homeDayLoading,.homeDayNoSync{font-size:12px;color:#92959d;padding:8px 0}
.homeFocusLabel{font-size:11px;color:#858892;margin-bottom:8px}
.homeFocusRow{display:flex;align-items:center;gap:11px;border:1px solid #2a2c31;background:#15161a;border-radius:13px;padding:10px 11px;min-height:64px}
.homeFocusDoc,.homeCompactDoc{width:34px;height:34px;border-radius:9px;background:#1d2026;display:grid;place-items:center;color:#c8d2ff;flex:none}
.homeFocusCopy,.homeCompactCopy,.homePlanCopy{display:flex;flex-direction:column;min-width:0;flex:1}
.homeFocusTitle,.homeFocusCopy>b,.homeCompactCopy>b,.homePlanCopy>b{font-size:12.5px;color:#efeff1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.homeFocusCopy small,.homeCompactCopy small,.homePlanCopy small{font-size:10.5px;color:#888b94;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.homeFocusContinue,.homeFocusOpen{border:0;border-radius:10px;background:#3155d8;color:#fff;font:inherit;font-size:12px;font-weight:700;padding:10px 14px;min-height:40px;cursor:pointer;flex:none}
.homeFocusContinue:hover,.homeFocusOpen:hover{background:#3a60e6}
.homeCompactRow{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #26282d;cursor:pointer}
#homeDash [role="button"][tabindex="0"]:focus-visible{outline:2px solid #7aa2ff;outline-offset:2px;border-radius:8px}
.homeCompactRow:first-of-type{border-top:0}
.homeCompactRow:hover{background:#15161a}
.homeCompactBadge{font-size:9px;border-radius:999px;padding:3px 7px;color:#aeb7d8;background:#20242d;white-space:nowrap}
.homeCompactBadge.isMissing{color:#ff7c87;background:rgba(255,87,102,.12)}
.homeCompactWhen{font-size:10px;color:#8f929b;white-space:nowrap}
.homeCardLink{background:none;border:0;color:#7596ff;font:inherit;font-size:10.5px;font-weight:600;cursor:pointer;padding:4px 0}
.homeCardLink:hover{text-decoration:underline}
.homeCardMeta{font-size:10.5px;color:#898c95;margin:-7px 0 6px}
.homePlanRows{display:flex;flex-direction:column}
.homePlanRow{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #26282d;cursor:pointer}
.homePlanRow:first-child{border-top:0}
.homePlanCheck{width:16px;height:16px;border:1.5px solid #555965;border-radius:5px}
.homePlanTime{font-size:10.5px;color:#9699a2;white-space:nowrap}
.homeNightStartRow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:3px 0 8px}
.homeNightStartCopy{font-size:11px;color:#8f929b;line-height:1.35}
.homeNightStartBtn{border:0;border-radius:10px;background:#eef2ff;color:#17191f;font:inherit;font-size:11.5px;font-weight:800;padding:8px 11px;cursor:pointer;white-space:nowrap}
.homeNightStartBtn:hover{background:#fff}
.homeNightStartBtn:focus-visible{outline:2px solid #7f9dff;outline-offset:2px}
.homeToolGrid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.homeToolTile{display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:9px;text-align:left;background:#15161a;border:1px solid #2a2c31;color:#f1f1f2;border-radius:12px;padding:10px;cursor:pointer;font:inherit;min-height:64px}
.homeToolTile:hover{background:#191b20;border-color:#353840}
.homeToolTileIcon{width:30px;height:30px;border-radius:9px;background:#20232a;display:grid;place-items:center}
.homeToolTile>span:nth-child(2){display:flex;flex-direction:column;min-width:0}
.homeToolTile b{font-size:11.5px}
.homeToolTile small{font-size:9.5px;color:#888c95;margin-top:3px}
.homeToolArrow{font-size:18px;color:#737782}
.homeGradesCount{font-size:10px;font-weight:800;color:#2f9f67;background:rgba(52,190,119,.11);border:1px solid rgba(52,190,119,.28);border-radius:999px;padding:3px 8px;white-space:nowrap}
.homeGradeIntro{font-size:10.5px;color:#8d9099;margin:-5px 0 7px}
.homeGradeRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;align-items:center;padding:9px 0;border-top:1px solid #26282d;cursor:pointer}
.homeGradeRow:first-of-type{border-top:0}
.homeGradeRow:hover{background:#15161a}
.homeGradeCourse{font-size:12.5px;font-weight:700;color:#efeff1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.homeGradeValue{display:flex;align-items:center;justify-content:flex-end;gap:7px;white-space:nowrap}
.homeGradeScore{font-size:12px;font-weight:800;color:#efeff1}
.homeGradeMove{font-size:11px;font-weight:800;white-space:nowrap}
.homeGradeMove.isUp{color:#36c77a}
.homeGradeMove.isDown{color:#ff6674}
.homeGradeTrail{grid-column:1 / -1;font-size:10.5px;color:#898c95}
.homeTrustBar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 12px;padding:9px 12px;border:1px solid #282a2e;border-radius:12px;background:#0f1012;color:#9a9da5;font-size:11px}
.homeTrustDot{width:7px;height:7px;border-radius:50%;background:#39c978;flex:none}
.homeTrustDot.warn{background:#e4aa45}
.homeTrustBar b{color:#e9e9ec}
.homeTrustBar button{margin-left:auto}
.homeAttention{border-color:#473137;background:linear-gradient(180deg,#151113,#111214)}
.homeAttentionTitle{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:#f1f1f3;margin-bottom:7px}
.homeAttentionItems{display:flex;gap:8px;flex-wrap:wrap}
.homeAttentionPill{border:1px solid #3a3034;background:#191416;border-radius:10px;padding:8px 10px;color:#d7d7db;font-size:11px}
.homeAttentionPill b{color:#fff}
.homeSetupCard{grid-column:1 / -1;background:#11151d;border-color:#2e3b58}
.homeSetupSteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.homeSetupStep{border:1px solid #2d3340;border-radius:10px;padding:10px;background:#12151a}
.homeSetupStep b{display:block;font-size:12px;margin-bottom:3px}
.homeSetupStep small{color:#8e929c;font-size:10.5px;line-height:1.35}
.homeSinceCard{grid-column:1 / -1}
.homeSmartAction{display:flex;align-items:center;gap:10px;padding:9px 10px;margin-bottom:10px;border:1px solid #2b3041;border-radius:11px;background:#12151c}
.homeSmartActionCopy{flex:1;min-width:0}
.homeSmartActionCopy b{display:block;font-size:11.5px}
.homeSmartActionCopy small{display:block;color:#858995;font-size:10px;margin-top:2px}
.homePlanRow.isDone .homePlanCopy,.homePlanRow.isSkipped .homePlanCopy{opacity:.52}
.homePlanRow.isDone .homePlanCopy b{text-decoration:line-through}
.homePlanCheck{cursor:pointer;background:transparent}
.homePlanCheck.isDone{background:#273b2f;border-color:#52c781}
.homePlanCheck.isDone::after{content:"✓";font-size:10px;color:#67d493;font-weight:900}
.homeNightActions{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.homeNightMiniBtn{border:0;background:transparent;color:#858995;font:inherit;font-size:10px;font-weight:700;cursor:pointer;padding:4px 5px;border-radius:6px}
.homeNightMiniBtn:hover{background:#1d1f24;color:#eee}
.homeNightTruth{font-size:9.5px;color:#777b84;margin-top:2px}
.workTruth{font-size:11px;color:#858995;margin:7px 0 13px}
.classStudentSummary{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.classStudentStat{border:1px solid #2e3036;border-radius:999px;padding:5px 9px;font-size:10.5px;color:#aaaeb7}
.classStudentActions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}
html[data-theme="light"] .homeTrustBar{background:#fafbfd!important;border-color:#e6e7eb!important;color:#747780!important}
html[data-theme="light"] .homeTrustBar b{color:#17171b!important}
html[data-theme="light"] .homeAttention{background:#fffafa!important;border-color:#f0d9dd!important}
html[data-theme="light"] .homeAttentionPill{background:#fff!important;border-color:#f0dfe2!important;color:#5f626b!important}
html[data-theme="light"] .homeAttentionPill b{color:#19191d!important}
html[data-theme="light"] .homeSetupCard{background:#f8faff!important;border-color:#dfe6f5!important}
html[data-theme="light"] .homeSetupStep{background:#fff!important;border-color:#e5e8ef!important}
html[data-theme="light"] .homeSmartAction{background:#f8faff!important;border-color:#e1e6f2!important}
html[data-theme="light"] .homeNightMiniBtn:hover{background:#f0f1f4!important;color:#17171b!important}
@media(max-width:760px){
.homeDash{padding-left:10px!important;padding-right:10px!important}
.homeModernCard{border-radius:15px;padding:14px}
.homeModernGrid{gap:10px}
.homeSetupSteps{grid-template-columns:1fr}
.homeTrustBar button{margin-left:0;width:100%;min-height:40px}
.homeNightStartRow{gap:7px}
.homePlanRow{grid-template-columns:auto minmax(0,1fr) auto}
.homeNightActions{grid-column:2 / -1;margin-left:0}
.homeAttentionItems{display:grid;grid-template-columns:1fr;width:100%}
.workActions{display:grid!important;grid-template-columns:1fr 1fr!important}
.workActions .primaryAction,.workActions .secondaryAction{width:100%;min-height:44px}
}
.todaySettingRow{display:flex;align-items:center;gap:10px;padding:10px 2px;border-top:1px solid #24262b}
.todaySettingRow:first-child{border-top:0}
.todaySettingIcon{width:28px;height:28px;border-radius:8px;background:#17191e;display:grid;place-items:center;flex:none}
.todaySettingCopy{flex:1;min-width:0;display:flex;flex-direction:column}
.todaySettingCopy b{font-size:12.5px;color:#ededf0}
.todaySettingCopy small{font-size:10.5px;line-height:1.35;color:#858892;margin-top:2px}
.todaySettingScore{font-size:11px;font-weight:800;color:#cdd7ff;margin-right:4px;white-space:nowrap}
.todaySettingRow .toggle{flex:none}
.classMatchRow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:8px;align-items:center}
.classMatchRow select{min-width:0;width:100%}
.classMatchPlus{font-size:16px;font-weight:800;color:#8a8e98;text-align:center}
@media(max-width:700px){
.classMatchRow{grid-template-columns:1fr}
.classMatchPlus{display:none}
.classMatchRow .primaryAction{width:100%;min-height:44px}
}
html[data-theme="light"] .todaySettingRow{border-color:#ececf0!important}
html[data-theme="light"] .todaySettingIcon{background:#f1f3f8!important}
html[data-theme="light"] .todaySettingCopy b{color:#17171b!important}
html[data-theme="light"] .todaySettingCopy small{color:#777a83!important}
html[data-theme="light"] .todaySettingScore{color:#3155d8!important}
.homeMore{margin-top:14px;border:1px solid #282a2e;border-radius:15px;background:#0f1012;text-align:left;overflow:hidden}
.homeMore>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:13px 15px;cursor:pointer;font-size:12px;font-weight:700;color:#d6d7da}
.homeMore>summary::-webkit-details-marker{display:none}
.homeMore[open]>summary span{transform:rotate(90deg)}
.homeMoreBody{padding:0 12px 12px}
.homeMoreBody .homePanel{margin-bottom:9px}
.homeMissedCard{margin-top:14px!important}
.homeNotes,.homeMeters{max-width:1140px}
.composer{max-width:900px!important}
html[data-theme="light"] .homeDashGreeting b{color:#17171b!important}
html[data-theme="light"] .homeDashGreeting span{color:#75757d!important}
html[data-theme="light"] .homeModernCard{background:#ffffff!important;border-color:#dedfe4!important;box-shadow:0 8px 24px rgba(20,25,40,.05)!important}
html[data-theme="light"] .homeModernHead h2{color:#17171b!important}
html[data-theme="light"] .homeModernIcon{background:#f1f3f8!important;color:#2447c7!important}
html[data-theme="light"] .homeModernDate{color:#747781!important}
html[data-theme="light"] .homeModernDivider,html[data-theme="light"] .homeCompactRow,html[data-theme="light"] .homePlanRow{border-color:#ececf0!important;background-color:transparent!important}
html[data-theme="light"] .homeDayStat{border-left-color:#ececf0!important}
html[data-theme="light"] button.homeDayStat:hover{background:#f7f8fa!important}
html[data-theme="light"] .homeDayStat b{color:#17171b!important}
html[data-theme="light"] .homeDayStat small,html[data-theme="light"] .homeDayLoading,html[data-theme="light"] .homeDayNoSync{color:#767983!important}
html[data-theme="light"] .homeFocusRow,html[data-theme="light"] .homeToolTile{background:#fafbfc!important;border-color:#e3e4e9!important}
html[data-theme="light"] .homeFocusDoc,html[data-theme="light"] .homeCompactDoc,html[data-theme="light"] .homeToolTileIcon{background:#f0f2f7!important;color:#3155d8!important}
html[data-theme="light"] .homeFocusTitle,html[data-theme="light"] .homeFocusCopy>b,html[data-theme="light"] .homeCompactCopy>b,html[data-theme="light"] .homePlanCopy>b,html[data-theme="light"] .homeToolTile{color:#17171b!important}
html[data-theme="light"] .homeFocusCopy small,html[data-theme="light"] .homeCompactCopy small,html[data-theme="light"] .homePlanCopy small,html[data-theme="light"] .homePlanTime,html[data-theme="light"] .homeCardMeta,html[data-theme="light"] .homeToolTile small{color:#777a83!important}
html[data-theme="light"] .homeGradesCount{color:#167b4b!important;background:#edf9f2!important;border-color:#c8ead7!important}
html[data-theme="light"] .homeGradeIntro,html[data-theme="light"] .homeGradeTrail{color:#777a83!important}
html[data-theme="light"] .homeGradeCourse,html[data-theme="light"] .homeGradeScore{color:#17171b!important}
html[data-theme="light"] .homeGradeRow{border-color:#ececf0!important}
html[data-theme="light"] .homeGradeRow:hover{background:#fafbfc!important}
html[data-theme="light"] .homeCompactBadge{background:#f0f2f7!important;color:#5e6680!important}
html[data-theme="light"] .homeCompactBadge.isMissing{background:#fff0f2!important;color:#b92333!important}
html[data-theme="light"] .homePlanCheck{border-color:#c7cad2!important}
html[data-theme="light"] .homeNightStartCopy{color:#777a83!important}
html[data-theme="light"] .homeNightStartBtn{background:#1d2433!important;color:#fff!important}
html[data-theme="light"] .homeNightStartBtn:hover{background:#111722!important}
html[data-theme="light"] .homeMore{background:#fafbfc!important;border-color:#e0e1e6!important}
html[data-theme="light"] .homeMore>summary{color:#313238!important}
.sideChatSearchTop{width:100%;height:42px;display:flex;align-items:center;gap:9px;border:1px solid #2d2f34;border-radius:11px;background:#121316;color:#9b9da5;font:inherit;font-size:11.5px;padding:0 11px;cursor:pointer;margin:4px 0 8px;text-align:left}
.sideChatSearchTop:hover{background:#17181c;color:#e9e9eb}
.toolFinder{display:none!important;margin-top:0}
.toolSearchInput{height:38px!important;border-radius:10px!important;font-size:11.5px!important}
.sideItemRow[data-side-item="search"]{display:none!important}
.sideMore{margin-top:2px;border-top:1px solid transparent}
.sideMore>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;color:#898c95;font-size:10.5px;font-weight:700;padding:8px 10px;cursor:pointer;border-radius:9px}
.sideMore>summary::-webkit-details-marker{display:none}
.sideMore>summary:hover{background:#17181b;color:#d8d9dc}
.sideMore[open] .sideMoreCaret{transform:rotate(90deg)}
.sideMoreBody{padding-bottom:2px}
.recentsSection{margin-top:4px}
.recents{max-height:250px!important;overflow:auto!important}
#projectQuickSection{display:none}
html[data-theme="light"] .sideChatSearchTop{background:#fff!important;border-color:#dedfe4!important;color:#777a82!important}
html[data-theme="light"] .sideChatSearchTop:hover{background:#f6f7f9!important;color:#17171b!important}
html[data-theme="light"] .sideMore>summary{color:#747780!important}
html[data-theme="light"] .sideMore>summary:hover{background:#f1f2f5!important;color:#17171b!important}
@media(max-width:900px){
.homeModernGrid{grid-template-columns:1fr}
.homeTonightCard{grid-column:auto}
}
@media(max-width:760px){
.welcome{padding:24px 12px calc(150px + env(safe-area-inset-bottom,0px))!important}
.welcome > .welcomeEntityLogo{margin-bottom:12px}
.welcome > h1{font-size:27px!important;line-height:1.08!important}
.welcome > p{font-size:12.5px!important;padding:0 8px}
.welcomeStarters{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto!important;scroll-snap-type:x proximity;padding:2px 2px 7px!important;margin-top:17px!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.welcomeStarters::-webkit-scrollbar{display:none}
.welcomeStarter{flex:0 0 auto;scroll-snap-align:start}
.homeDash{margin-top:18px!important;width:100%!important}
.homeDashGreeting{display:block;margin-bottom:10px;padding:0 2px}
.homeDashGreeting b{display:block;font-size:17px}
.homeDashGreeting span{display:block;margin-top:2px;font-size:11px}
.homeModernGrid{gap:10px}
.homeModernCard{padding:14px;border-radius:15px}
.homeModernHead{margin-bottom:10px}
.homeDayStat{padding:4px 7px;gap:6px;min-height:54px}
.homeDayStat:first-child{padding-left:0}
.homeDayStat b{font-size:15px}
.homeDayStat small{font-size:9px}
.homeNightStartRow{align-items:stretch;flex-direction:column}
.homeNightStartBtn{min-height:44px;width:100%;font-size:12px}
.homeFocusRow{display:grid;grid-template-columns:32px minmax(0,1fr);gap:9px}
.homeFocusContinue,.homeFocusOpen{grid-column:1 / -1;width:100%;min-height:44px;margin-top:2px}
.homeCompactRow{grid-template-columns:30px minmax(0,1fr) auto;padding:10px 0;min-height:55px}
.homeCompactWhen{display:none}
.homeCompactBadge{grid-column:3}
.homeToolGrid{grid-template-columns:1fr}
.homeToolTile{min-height:58px}
.homeMore{margin-top:10px}
.composer{max-width:none!important;border-radius:18px!important}
.composerArea{padding-bottom:max(12px,env(safe-area-inset-bottom,0px))!important}
}
body.chatEmptyView #chatActionsWrap,
body.schoolFull #chatActionsWrap,
body.entityFull #chatActionsWrap,
body.planModalOpen #chatActionsWrap{
display:none!important;
}
body.planModalOpen .composerArea,
body.planModalOpen #suggestedFollowups{
visibility:hidden!important;
pointer-events:none!important;
}
@media(max-width:760px){
.welcomeStarters{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
justify-content:stretch!important;
overflow:visible!important;
scroll-snap-type:none!important;
-webkit-overflow-scrolling:auto!important;
width:100%!important;
box-sizing:border-box!important;
padding:2px 0 0!important;
margin-top:16px!important;
gap:8px!important;
}
.welcomeStarter{
width:100%!important;
min-width:0!important;
max-width:none!important;
min-height:48px!important;
white-space:normal!important;
text-align:center!important;
justify-content:center!important;
line-height:1.18!important;
padding:10px 12px!important;
scroll-snap-align:none!important;
}
.welcomeStarter:last-child:nth-child(odd){
grid-column:1 / -1;
}
.schoolNav{
scroll-padding-inline:14px!important;
padding-left:12px!important;
padding-right:12px!important;
overscroll-behavior-x:contain;
}
.schoolNav .schoolNavBtn,
.schoolBackBtn{
min-height:44px!important;
scroll-snap-align:center;
}
.schoolBody{
padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))!important;
}
.topbarActions{min-width:0!important;flex:0 1 auto!important}
#upgradePlanTopBtn{
max-width:132px!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
}
.ready{white-space:nowrap!important;flex:0 0 auto!important}
}
@media(max-width:370px){
.ready{font-size:0!important;gap:0!important}
.ready .dot{margin:0!important}
#upgradePlanTopBtn{max-width:112px!important}
}
.welcomeTryLabel{
margin:18px 0 -8px;
font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
color:#777b84;
}
html[data-theme="light"] .welcomeTryLabel{color:#6d7078!important}
.entityEmptyAction{
display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
border:1px solid #292929;border-radius:14px;background:#111;padding:15px 16px;
color:#d9d9df;line-height:1.45;
}
.entityEmptyAction>div{min-width:0}
.entityEmptyAction b{display:block;color:#f4f4f6;font-size:13px;margin-bottom:3px}
.entityEmptyAction span{display:block;font-size:11.5px;color:#9699a2}
.entityEmptyAction button{flex:0 0 auto}
html[data-theme="light"] .entityEmptyAction{background:#fff!important;border-color:#e2e3e8!important;color:#222!important}
html[data-theme="light"] .entityEmptyAction b{color:#17171b!important}
html[data-theme="light"] .entityEmptyAction span{color:#666a73!important}
.todayPriorityStrip{
border:1px solid rgba(111,140,255,.38);background:rgba(111,140,255,.08);
border-radius:14px;padding:13px 15px;margin:0 0 15px;
}
.todayPriorityEyebrow{font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#aebcfb}
.todayPriorityTitle{font-size:14px;font-weight:800;color:#f4f4f7;margin-top:4px;line-height:1.35}
.todayPrioritySub{font-size:11px;color:#9da2ae;margin-top:4px;line-height:1.45}
html[data-theme="light"] .todayPriorityStrip{background:#f4f6ff!important;border-color:#cbd2f3!important}
html[data-theme="light"] .todayPriorityEyebrow{color:#4a63d8!important}
html[data-theme="light"] .todayPriorityTitle{color:#17171b!important}
html[data-theme="light"] .todayPrioritySub{color:#5f636d!important}
.missedOverview{
display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 14px;
}
.missedOverviewCard{
border:1px solid #282828;border-radius:12px;background:#111;padding:10px 11px;min-width:0;
}
.missedOverviewCard b{display:block;font-size:17px;color:#f2f2f4}
.missedOverviewCard span{display:block;font-size:9.5px;color:#8e929c;margin-top:2px}
.missedNextMove{
grid-column:1/-1;border-color:rgba(111,140,255,.35);background:rgba(111,140,255,.07)
}
.missedNextMove b{font-size:12px}
html[data-theme="light"] .missedOverviewCard{background:#fff!important;border-color:#e1e2e7!important}
html[data-theme="light"] .missedOverviewCard b{color:#17171b!important}
html[data-theme="light"] .missedOverviewCard span{color:#666a73!important}
html[data-theme="light"] .missedNextMove{background:#f4f6ff!important;border-color:#cbd2f3!important}
.assignmentQuickSummary{
border:1px solid #292929;border-radius:14px;background:#111;padding:14px;margin:0 0 12px;
}
.assignmentQuickTitle{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;color:#8f94a0;margin-bottom:8px}
.assignmentQuickGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.assignmentQuickCell{min-width:0}
.assignmentQuickCell span{display:block;font-size:9px;color:#858a95;margin-bottom:3px}
.assignmentQuickCell b{display:block;font-size:11.5px;color:#ececf1;line-height:1.35;overflow-wrap:anywhere}
.assignmentQuickAsk{margin-top:11px;width:100%;min-height:42px}
html[data-theme="light"] .assignmentQuickSummary{background:#fff!important;border-color:#e1e2e7!important}
html[data-theme="light"] .assignmentQuickCell span{color:#6c7079!important}
html[data-theme="light"] .assignmentQuickCell b{color:#19191d!important}
.worksheetChatPreview{overflow:hidden}
.worksheetPreviewLabel{font-weight:750}
.completedFileReadyCard{
border:1px solid rgba(62,207,142,.35);background:rgba(62,207,142,.07);
border-radius:14px;padding:13px 14px;margin:10px 0;display:flex;align-items:center;gap:12px;
}
.completedFileReadyIcon{
width:34px;height:34px;display:grid;place-items:center;border-radius:10px;
background:rgba(62,207,142,.14);font-weight:900;color:#79e8b4;flex:0 0 auto
}
.completedFileReadyText{flex:1;min-width:0}
.completedFileReadyText b{display:block;font-size:12.5px}
.completedFileReadyText small{display:block;color:#9aa0a9;font-size:10px;margin-top:2px}
.completedFileReadyCard a{
display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;
border-radius:9px;background:#f3f3f4;color:#111!important;text-decoration:none;font-size:10.5px;font-weight:800;
}
html[data-theme="light"] .completedFileReadyCard{background:#f0faf5!important;border-color:#b8dfc9!important}
html[data-theme="light"] .completedFileReadyText small{color:#626871!important}
.streamToolProgress{display:flex;align-items:center;gap:7px}
.streamToolProgressDots{display:inline-flex;gap:3px}
.streamToolProgressDots i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.35;animation:entityPulse 1.2s infinite}
.streamToolProgressDots i:nth-child(2){animation-delay:.18s}
.streamToolProgressDots i:nth-child(3){animation-delay:.36s}
@keyframes entityPulse{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}
.crossDeviceScreenBanner{
display:flex;align-items:center;gap:10px;margin:9px 18px 0;padding:9px 12px;
border:1px solid rgba(62,207,142,.26);border-radius:12px;background:rgba(62,207,142,.07);
color:#e7eee9;text-align:left;cursor:pointer;z-index:8;
}
.crossDeviceScreenBanner[hidden]{display:none!important}
.crossDeviceScreenDot{width:8px;height:8px;border-radius:50%;background:#3ecf8e;box-shadow:0 0 12px rgba(62,207,142,.45);flex:none}
.crossDeviceScreenBanner>span:nth-child(2){flex:1;min-width:0}
.crossDeviceScreenBanner b{display:block;font-size:10.5px}
.crossDeviceScreenBanner small{display:block;margin-top:1px;font-size:9px;color:#91a69a}
.crossDeviceScreenArrow{font-size:18px;color:#87ad99}
html[data-theme="light"] .crossDeviceScreenBanner{background:#f2faf6!important;border-color:#c8e3d4!important;color:#17231c!important}
html[data-theme="light"] .crossDeviceScreenBanner small{color:#647168!important}
.entitySuccessToast{
position:fixed;left:50%;bottom:calc(var(--composerH,190px) + 18px + env(safe-area-inset-bottom,0px));
transform:translate(-50%,12px);opacity:0;pointer-events:none;z-index:260;
max-width:min(420px,calc(100vw - 28px));padding:10px 13px;border-radius:11px;
border:1px solid #34363b;background:#151515;color:#f0f0f2;font-size:11px;font-weight:700;
box-shadow:0 14px 38px rgba(0,0,0,.35);transition:.18s ease;
}
.entitySuccessToast.show{opacity:1;transform:translate(-50%,0)}
.entitySuccessToast.error{border-color:rgba(232,72,84,.5);color:#ffc4c8}
html[data-theme="light"] .entitySuccessToast{background:#fff!important;border-color:#d9dbe0!important;color:#19191d!important;box-shadow:0 12px 32px rgba(0,0,0,.13)!important}
.searchCategoryHead{
display:flex;align-items:center;justify-content:space-between;gap:10px;
margin:13px 0 5px;padding:0 3px;font-size:9px;font-weight:850;letter-spacing:.07em;
text-transform:uppercase;color:#7f848f;
}
.searchCategoryHead span{font-weight:700;letter-spacing:0;text-transform:none}
.searchEntityRowType{
flex:0 0 auto;border:1px solid #32343a;border-radius:999px;padding:2px 6px;font-size:8px;color:#8e949f;
}
html[data-theme="light"] .searchEntityRowType{border-color:#dcdde2!important;color:#6b6e75!important}
@media(max-width:760px){
html,body{min-height:100%;min-height:100dvh}
.main{min-width:0!important;min-height:0!important}
.topbar{padding-left:max(10px,env(safe-area-inset-left,0px))!important;padding-right:max(10px,env(safe-area-inset-right,0px))!important}
.crossDeviceScreenBanner{margin:7px 9px 0!important}
.schoolBody{min-width:0!important;overflow-x:hidden!important;padding-left:12px!important;padding-right:12px!important}
.schoolPane,.workSection,.prioGroup,.missedClass,.missedTonight{max-width:100%!important;min-width:0!important}
.workActions{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;gap:8px!important;padding-bottom:5px!important;scrollbar-width:none}
.workActions::-webkit-scrollbar{display:none}
.workActions>*{flex:0 0 auto!important;min-height:44px!important}
#workSpace .workHead{min-width:0}
#workTitle{font-size:20px!important;line-height:1.15!important;overflow-wrap:anywhere}
.workMeta{white-space:normal!important;overflow-wrap:anywhere}
.assignmentQuickGrid{grid-template-columns:1fr!important}
.missedOverview{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.missedNextMove{grid-column:1/-1}
.missedPickerGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.missedDays{overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:4px;scrollbar-width:none}
.missedDays::-webkit-scrollbar{display:none}
.missedDayChip{flex:0 0 auto}
.missedClassName{white-space:normal!important;line-height:1.25}
.missedClassHead{align-items:flex-start!important}
.missedClassCount{white-space:nowrap}
.searchChatsShell,.projectsShell{
width:100%!important;max-width:none!important;max-height:calc(100dvh - 10px - env(safe-area-inset-top,0px))!important;
border-radius:18px 18px 0 0!important;margin-top:auto!important;
padding-bottom:max(14px,env(safe-area-inset-bottom,0px))!important;
}
#searchChatsModal,#projectsModal,#screenTabModal{
align-items:flex-end!important;padding:8px 8px 0!important;
}
#globalChatSearch{font-size:16px!important;min-height:46px}
.completedFileReadyCard{align-items:flex-start;flex-wrap:wrap}
.completedFileReadyCard a{width:100%}
.entitySuccessToast{
bottom:calc(var(--composerH,190px) + 10px + env(safe-area-inset-bottom,0px))!important;
}
.composerArea{padding-left:max(8px,env(safe-area-inset-left,0px))!important;padding-right:max(8px,env(safe-area-inset-right,0px))!important}
textarea,input,select{max-width:100%}
.modalCard,.settingsShell{max-height:calc(100dvh - 18px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important}
}
@media(max-width:430px){
.welcomeStarters{grid-template-columns:1fr!important}
.welcomeStarter:last-child:nth-child(odd){grid-column:auto!important}
.homeDayStat{border-left:0!important;border-top:1px solid #25262a!important;padding:8px 0!important}
.homeDayStat:first-child{border-top:0!important}
.missedOverview{grid-template-columns:1fr 1fr!important}
.missedPickerGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.workRow{grid-template-columns:minmax(0,1fr)!important}
.workRowDue,.workRowPts{justify-self:start!important;text-align:left!important}
.todayActionBtn,.studyThisBtn{min-height:40px!important}
}
.worksheetChatPreview img,.worksheetChatPreview canvas,.worksheetChatPreview iframe{max-width:100%!important;height:auto}
@media(max-width:760px){
.modalShade input,.modalShade textarea,.modalShade select,.settingsShell input,.settingsShell textarea,.settingsShell select{font-size:16px!important}
.globalSearchItem{min-height:50px!important;align-items:center!important}
.globalSearchItem>div:first-child{min-width:0!important}
.globalSearchTitle,.globalSearchSnippet{overflow:hidden;text-overflow:ellipsis}
}
.globalSearchItem{display:flex;align-items:center;justify-content:space-between;gap:10px}
.globalSearchItem>div:first-child{min-width:0;flex:1}
.composer{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
html[data-theme="light"] .composer{background:transparent!important;border:0!important;box-shadow:none!important}
.composerInner{background:#171717!important;border:1px solid #333!important;border-radius:22px!important;box-shadow:0 12px 42px rgba(0,0,0,.45)!important;padding:9px 12px!important}
.composerInner:focus-within{border-color:#6fa2ff!important}
html[data-theme="light"] .composerInner{background:#ffffff!important;border:1px solid #d9d9de!important;box-shadow:0 8px 28px rgba(0,0,0,.08)!important}
.composerInner #chatInput{order:1}
.composerInner #sendBtn{order:2;flex:0 0 auto}
.composerControls{display:flex;align-items:center;gap:8px;padding:7px 4px 0;background:none!important;border:0!important}
.composerControls #modelPickerWrap{margin-left:auto}
@media(max-width:760px){
.composerInner{padding:7px 10px!important;border-radius:20px!important}
.composerControls{padding:6px 2px 0!important;gap:6px!important}
}
.thinkPickerWrap{position:relative;display:inline-flex}
.thinkPickerBtn{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid #333;
color:inherit;border-radius:999px;padding:5px 10px;font-size:12px;cursor:pointer}
.thinkPickerBtn:hover{background:rgba(255,255,255,.06)}
html[data-theme="light"] .thinkPickerBtn{border-color:#dedee4}
html[data-theme="light"] .thinkPickerBtn:hover{background:#f2f2f5}
.thinkPickerMenu{position:absolute;bottom:calc(100% + 8px);right:0;width:min(320px,86vw);display:none;
flex-direction:column;gap:2px;padding:6px;border:1px solid #333;border-radius:14px;background:#171717;
box-shadow:0 18px 50px rgba(0,0,0,.5);z-index:60}
html[data-theme="light"] .thinkPickerMenu{background:#fff;border-color:#e3e3e8;box-shadow:0 18px 50px rgba(0,0,0,.14)}
.thinkPickerMenu.open{display:flex}
.thinkPickerOption{display:flex;gap:8px;align-items:flex-start;text-align:left;background:none;border:0;
color:inherit;padding:8px 10px;border-radius:10px;cursor:pointer;font:inherit}
.thinkPickerOption:hover{background:rgba(255,255,255,.06)}
html[data-theme="light"] .thinkPickerOption:hover{background:#f4f4f7}
.thinkPickerTitle{font-weight:600;font-size:13px}
.composerControls .modelPickerBtn,
.composerControls .thinkPickerBtn{
background:none!important;border:0!important;border-radius:8px!important;
padding:4px 6px!important;font-size:12.5px!important;font-weight:500!important;
color:#9a9a9a!important;min-height:0!important;
}
.composerControls .modelPickerBtn:hover,
.composerControls .thinkPickerBtn:hover{background:rgba(255,255,255,.06)!important;color:#ededed!important}
html[data-theme="light"] .composerControls .modelPickerBtn,
html[data-theme="light"] .composerControls .thinkPickerBtn{
background:none!important;border:0!important;box-shadow:none!important;color:#6b6b73!important;
}
html[data-theme="light"] .composerControls .modelPickerBtn:hover,
html[data-theme="light"] .composerControls .thinkPickerBtn:hover{background:#f1f1f4!important;color:#1d1d20!important}
.composerControls .modelPickerCaret,
.composerControls .thinkPickerCaret{font-size:9px!important;opacity:.55!important}
.composerControls .attachBtn{width:30px!important;height:30px!important;font-size:20px!important}
.composerControls #voiceModeBtn{width:30px!important;height:30px!important;font-size:15px!important;
background:none!important;border:0!important}
.sideNavBtn{min-height:31px!important;padding:5px 8px!important;font-size:13px!important;gap:8px!important}
.sideNavIcon{width:16px!important;flex:0 0 16px!important;font-size:12.5px!important}
.sidebarTabScroll .recentRow{font-size:12.5px!important;padding:4px 8px!important;min-height:26px!important}
.sideSectionHead{font-size:10.5px!important;letter-spacing:.06em!important;margin:8px 0 3px!important}
.brandName{font-size:14.5px!important}
.sidebar{padding:12px 10px!important}
:root{--side-w:248px}
@media(min-width:761px){
.app:not(.sideFolded){grid-template-columns:var(--side-w) minmax(0,1fr)!important}
.app:not(.sideFolded) > .sidebar{width:var(--side-w)!important;max-width:var(--side-w)!important}
.app:not(.sideFolded) .composerArea{left:var(--side-w)!important}
}
.composerInner{padding:5px 8px 5px 12px!important;border-radius:16px!important;gap:6px!important}
.composerInner #chatInput{min-height:24px!important;padding:2px 2px!important;font-size:14px!important}
.composerInner #sendBtn{width:28px!important;height:28px!important;font-size:14px!important;font-weight:700!important}
.composerControls{padding:5px 4px 0!important;gap:6px!important}
.composerControls .attachBtn{width:26px!important;height:26px!important;font-size:18px!important}
.composerControls #voiceModeBtn{width:26px!important;height:26px!important;font-size:13px!important}
.composerControls .modelPickerBtn,
.composerControls .thinkPickerBtn{font-size:12px!important;padding:3px 5px!important}
.composerDisclaimer{margin-top:4px!important}
@media(max-width:760px){
.composerInner{padding:5px 8px 5px 10px!important}
.composerInner #chatInput{font-size:16px!important}
.composerInner #sendBtn{width:30px!important;height:30px!important}
.composerControls .attachBtn,
.composerControls #voiceModeBtn{width:30px!important;height:30px!important}
}
.app.sideFolded .sideChatSearchTop{justify-content:center!important;padding-left:0!important;padding-right:0!important}
.app.sideFolded .sideChatSearchTop > span:not(.sideChatSearchIcon){display:none!important}
.app.sideFolded .accountRow{justify-content:center!important;padding-left:0!important;padding-right:0!important}
.app.sideFolded .accountRowText,
.app.sideFolded .sideUsageText,
.app.sideFolded .sideMoreCaret,
.app.sideFolded .sidebarEditLink,
.app.sideFolded .recentsHead{display:none!important}
.app.sideFolded details.sideMore > summary > span:first-child{display:none!important}
.app.sideFolded .sidebarTabScroll{display:none!important}
.app.sideFolded .sidebar{overflow-x:hidden!important}
.app.sideFolded .sidebar *{max-width:100%!important}
.thinkPickerWrap[hidden],.thinkPickerOption[hidden]{display:none!important}
.composerControls .modelPickerMenu{left:auto!important;right:0!important;max-width:calc(100vw - 24px)}
.app.sideFolded .sidebarTabScroll{display:block!important}
.app.sideFolded .recentsSection,
.app.sideFolded #projectQuickSection,
.app.sideFolded .sidebarDivider,
.app.sideFolded .studyProBanner,
.app.sideFolded .sideEditBtn,
.app.sideFolded .sideEditPanel,
.app.sideFolded .sideHideBtn,
.app.sideFolded .sideMoreBody,
.app.sideFolded .sideMoreEmpty{display:none!important}
.app.sideFolded .sideItemRow{justify-content:center}
.app.sideFolded .topbar .sidebarTabBtn > span:not(.sidebarTabIcon){display:inline!important}
@media(min-width:761px){
.app.sideFolded .composerArea{left:66px!important}
}
@media(hover:none){ .recentMenuBtn{opacity:1!important} }
html[data-theme="light"] .homeAttentionTitle{color:#17171b!important}
html[data-theme="light"] .homeDayStat{border-top-color:#ececf0!important}
.homePlanRow .homeNightActions{grid-column:2 / -1;margin-left:0}
.homeToolTile{grid-template-columns:32px minmax(0,1fr) auto!important}
.homeToolTile .homeQuickGate{vertical-align:1px}
@media(max-width:760px){
.composerArea.typing #entityMorning,
.composerArea.typing #entityNotices{display:none!important}
}
#entityMorning[hidden],#entityNotices[hidden]{display:none!important}
.app.sideFolded .sideBrand .entityCoreLogo{visibility:hidden}
.homeRow,.homeCompactRow{position:relative}
.homeRowDismiss{position:absolute;top:6px;right:6px;width:24px;height:24px;border:0;border-radius:50%;
background:transparent;color:#8d9099;font-size:16px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}
.homeRowDismiss:hover,.homeRowDismiss:focus-visible{background:rgba(255,255,255,.08);color:#f1f1f3}
html[data-theme="light"] .homeRowDismiss{color:#767983}
html[data-theme="light"] .homeRowDismiss:hover,html[data-theme="light"] .homeRowDismiss:focus-visible{background:#f0f1f4;color:#17171b}
.homeCompactRow .homeRowDismiss{position:static;flex:none;margin-left:4px}
.homeRow:has(.homeRowDismiss) .homeRowTitle{padding-right:28px}
#homeDismissToast[hidden]{display:none!important}
.homeChange-missing{color:#f08a86;background:rgba(224,84,79,.14);border:1px solid rgba(224,84,79,.32)}
html[data-theme="light"] .homeChange-missing{color:#b3261e!important;background:rgba(224,84,79,.10)!important;border-color:rgba(224,84,79,.34)!important}
.homePlanRow .homeRowDismiss{position:static;margin-left:4px;align-self:center}
.homePlanRow:has(.homeRowDismiss){grid-template-columns:18px minmax(0,1fr) auto auto}
@media(max-width:760px){ .homePlanRow:has(.homeRowDismiss){grid-template-columns:auto minmax(0,1fr) auto auto} }
@media(hover:hover){
.homeRowDismiss{opacity:0;transition:opacity .12s ease}
.homeRow:hover .homeRowDismiss,.homeCompactRow:hover .homeRowDismiss,.homePlanRow:hover .homeRowDismiss,
.homeRowDismiss:focus-visible{opacity:1}
}
.composerControls{padding:2px 4px 0!important;gap:4px!important;min-height:0!important}
.composerControls .attachBtn,
.composerControls #voiceModeBtn{width:24px!important;height:24px!important;font-size:15px!important}
.composerControls #voiceModeBtn{font-size:12px!important}
.composerControls .modelPickerBtn,
.composerControls .thinkPickerBtn{font-size:11.5px!important;padding:2px 5px!important;min-height:0!important}
.composerControls #modelPickerWrap{margin-left:auto}
.composerControls .usageRing{order:9}
.usageRing{width:22px;height:22px;border:0;background:transparent;padding:2px;border-radius:50%;cursor:pointer;
display:grid;place-items:center;flex:none}
.usageRing:hover,.usageRing:focus-visible{background:rgba(255,255,255,.07)}
.usageRing svg{width:16px;height:16px;transform:rotate(-90deg)}
.usageRingTrack{fill:none;stroke:rgba(255,255,255,.18);stroke-width:2.2}
.usageRingFill{fill:none;stroke:#6fa2ff;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:47.12;stroke-dashoffset:47.12;
transition:stroke-dashoffset .3s ease}
.usageRing.isWarn .usageRingFill{stroke:#e8a33d}
.usageRing.isFull .usageRingFill{stroke:#e0544f}
html[data-theme="light"] .usageRing:hover,html[data-theme="light"] .usageRing:focus-visible{background:#f0f1f4}
html[data-theme="light"] .usageRingTrack{stroke:#dcdde3}
html[data-theme="light"] .usageRingFill{stroke:#3155d8}
.composerDisclaimer{font-size:10px!important;line-height:1.3!important;margin-top:2px!important}
@media(min-width:761px){
.composerArea{padding-top:10px!important;padding-bottom:6px!important}
}
@media(max-width:760px){
.composerControls .attachBtn,
.composerControls #voiceModeBtn{width:28px!important;height:28px!important}
.composerDisclaimer{font-size:10px!important;margin-top:2px!important}
}
.composerArea .composerMeta{min-height:0!important;margin:0!important;padding:0 5px!important;gap:0!important}
.composerArea .composerMeta #chatStatus:empty{display:none!important}
@media(max-width:760px){
.composerControls #attachBtn,.composerControls #voiceModeBtn{min-width:32px!important;min-height:32px!important;
width:32px!important;height:32px!important}
.composerControls{padding-top:0!important}
}
.thinkPickerOption.locked{opacity:.6}
.packModalCard{width:min(640px,100%)}
.packGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
.packCard{border:1px solid #2c2c31;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:6px;background:#141416}
.packPrice{font-size:24px;font-weight:800}
.packLabel{font-weight:700;font-size:14px}
.packNote{font-size:12px;color:#8d9099;min-height:32px}
.packBuyBtn{margin-top:auto;width:100%}
.packUltimateHint{font-size:11.5px;text-align:left;padding:0;margin-top:4px}
.packStatus{margin-top:10px;font-size:13px;color:#f08a86;min-height:0}
.packStatus:empty{display:none}
.packFine{margin-top:12px;font-size:11.5px;color:#8d9099}
.packSettingsRow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding:10px 12px;border:1px solid #2c2c31;border-radius:12px}
.packSettingsRow[hidden]{display:none!important}
html[data-theme="light"] .packCard,html[data-theme="light"] .packSettingsRow{background:#fff!important;border-color:#e3e3e8!important}
html[data-theme="light"] .packNote,html[data-theme="light"] .packFine{color:#6b6e78!important}
@media(max-width:560px){ .packGrid{grid-template-columns:1fr} }
.allowanceCard{max-width:760px;margin:0 auto 8px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;
padding:9px 12px;border:1px solid #3a3326;border-radius:14px;background:#1c1810;font-size:13px}
.allowanceCard[hidden]{display:none!important}
.allowanceCardText{flex:1 1 220px}
.allowanceCardActions{display:flex;gap:6px;align-items:center}
.allowanceCardActions button[hidden]{display:none!important}
.allowanceCardClose{background:none;border:0;color:#8d9099;font-size:16px;cursor:pointer;padding:0 4px}
html[data-theme="light"] .allowanceCard{background:#fff8ea!important;border-color:#f0dcb2!important;color:#3a2a08!important}
@media(max-width:760px){ .composerArea.typing #allowanceCard{display:none!important} }
.packModalCard .modalTop{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.packModalCard .modalTop > div{flex:1 1 auto;min-width:0}
.packModalCard #closePackModalBtn{flex:none}
.planPackRow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.planPackRow[hidden]{display:none}
.planPackText{font-size:14px;line-height:1.4}
#planCodeBoxRow .usageText:empty + .planTrialFinePrint{margin-top:0}
.startProNowRow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:14px}
.startProNowRow[hidden]{display:none}
#chatStatus:not(.error){display:none!important}
#entityMorning, #entityNotices{display:none!important}
@media (hover: none) and (pointer: coarse){
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), textarea, select,
[contenteditable="true"]{font-size:16px!important}
}
.homePushPrompt{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;padding:10px 14px;border-radius:12px;
border:1px solid rgba(120,140,220,.24);background:rgba(120,140,220,.08);font-size:14px;line-height:1.4}
html[data-theme="light"] .homePushPrompt{background:rgba(60,90,200,.05)!important;border-color:rgba(60,90,200,.18)!important}
.homePushIcon{font-size:18px}
.homePushText{flex:1 1 240px}
.homePushText b{margin-right:4px}
.accountMenuDropdown{padding:8px!important;border-radius:16px!important;min-width:240px}
.accountMenuItem{gap:12px!important;padding:9px 10px!important;border-radius:10px!important;font-size:14px!important}
.accountMenuItem .amIcon{flex:0 0 auto;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;
stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.accountMenuItem .amChev{width:16px;height:16px;margin-left:auto;opacity:.6;transition:transform .15s ease}
.accountMenuToggle.open .amChev{transform:rotate(90deg)}
.accountMenuHead{padding:8px 10px!important}
.accountMenuHeadAvatar,.accountRowAvatar{flex:0 0 auto;width:32px;height:32px;border-radius:50%;
background:#e9b949!important;color:#1b1b1b!important;font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center;letter-spacing:.02em}
.accountRowAvatar{width:30px!important;height:30px!important}
.accountMenuHeadText{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.accountMenuHeadName{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.accountMenuHeadPlan{font-size:12.5px;opacity:.6}
.accountMenuDivider{margin:6px 6px!important}
.accountMenuSub{padding-left:14px}
.accountMenuSub[hidden]{display:none!important}
.accountMenuItem[hidden]{display:none!important}
.accountMenuSub .accountMenuItem{font-size:13.5px!important}
.accountMenuHelpDot{width:7px;height:7px;border-radius:50%;background:#4f8cff;display:none}
.accountMenuHelpDot.show{display:block}
.accountRowName{font-size:13.5px!important;font-weight:600}
.accountRowPlan{font-size:12px!important}
html[data-theme="light"] .accountMenuItem .amIcon{stroke:#2a2a2e}
html[data-theme="light"] .accountMenuHeadPlan{color:#6b6b73!important}
.accountMenuDropdown .accountMenuItem,
.accountMenuDropdown .accountMenuItem span{font-weight:400!important}
.accountMenuDropdown .accountMenuHeadName{font-weight:600!important}
.sidebar .sideNavIcon .sideSvg{width:18px;height:18px;display:block;margin:0 auto;fill:none;stroke:currentColor;
stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sidebar .sideMoreIcon .sideSvg{fill:currentColor;stroke:none}
.sidebar .sideNavIcon[data-svg]{display:flex;align-items:center;justify-content:center;opacity:.9}
.sideMore>summary{justify-content:flex-start!important;gap:12px;font-size:13px!important;font-weight:500!important;
color:inherit!important;padding:5px 8px!important;min-height:31px}
html[data-theme="light"] .sideMore>summary{color:#17171b!important}
.sideMore>summary .sideMoreCaret{margin-left:auto}
.sidebar .sideNavBtn{gap:11px!important}
.app.sideFolded details.sideMore > summary > span:nth-child(2){display:none!important}
.composerDisclaimer .disclaimerGuest[hidden]{display:none!important}
.composerDisclaimer .disclaimerGuest a{color:inherit;text-decoration:underline}
.richAnswer .mathInline{white-space:normal;color:inherit}
.richAnswer .mathBlock{display:block;white-space:pre-wrap;overflow-x:auto;overflow-y:hidden;max-width:100%;margin:10px 0;padding:2px 0;color:inherit;-webkit-overflow-scrolling:touch}
.richAnswer .mathBlock.mathDone{white-space:normal;text-align:center}
.richAnswer .katex{font-size:1.08em;color:inherit}
.richAnswer .katex-display{margin:0}
.richAnswer .katex-display>.katex{white-space:nowrap}
.richAnswer .graphFigure{margin:12px 0;padding:10px 10px 8px;max-width:560px;border:1px solid #2c2c2c;border-radius:12px;background:#111;color:#d6d6d6;white-space:normal}
.richAnswer .graphSvg{display:block;width:100%;height:auto;font-family:inherit}
.richAnswer .graphLegend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px;font-size:13px;line-height:1.4;color:inherit}
.richAnswer .graphTitle{flex-basis:100%;font-weight:600}
.richAnswer .graphKey{display:inline-flex;align-items:center;gap:6px;overflow-wrap:anywhere}
.richAnswer .graphKey i{display:inline-block;width:14px;height:3px;border-radius:2px;flex:none}
html[data-theme="light"] .richAnswer .mathInline,
html[data-theme="light"] .richAnswer .mathBlock,
html[data-theme="light"] .richAnswer .katex{color:inherit!important;background:transparent!important}
html[data-theme="light"] .richAnswer .graphFigure{background:#fbfbfc!important;border-color:#dcdce2!important;color:#26262c!important}
html[data-theme="light"] .richAnswer .graphLegend{color:#26262c!important}
html[data-theme="light"] .richAnswer blockquote{background:#f3f4f7!important;border-left-color:#9aa3b5!important;color:#2a3342!important}
@media (max-width:760px){
.richAnswer .katex{font-size:1.02em}
.richAnswer .mathBlock{font-size:15px}
.richAnswer .graphFigure{padding:8px 6px 6px;max-width:100%}
.richAnswer .graphLegend{font-size:12px}
}
.teacherQuotesWrap{margin-top:10px;max-width:100%;min-width:0}
.teacherQuotes{background:#121821;border:1px solid #2a3a52;border-radius:12px;padding:10px 12px;margin-top:8px;min-width:0;overflow-wrap:anywhere}
.teacherQuotesHead{font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.05em;color:#8fb2e6}
.teacherQuotesWhat{font-size:12px;font-weight:750;color:#e8edf5;margin-top:4px}
.teacherQuotesCourse{font-weight:500;color:#9aa6b8;margin-left:6px}
.teacherQuotesCourse::before{content:"\00b7";margin-right:6px}
.teacherQuote{margin:8px 0 0;padding:6px 10px;border-left:3px solid #5b8ad6;background:#0d1219;border-radius:0 8px 8px 0;color:#dfe5ee;font-size:13px;line-height:1.5;white-space:pre-wrap}
.teacherQuotesOpen{display:inline-block;margin-top:9px;padding:6px 11px;border-radius:999px;border:1px solid #3a4f70;background:#16223a;color:#dce8ff!important;font-size:11px;font-weight:750;text-decoration:none!important}
.teacherQuotesOpen:hover{background:#1d2e4d;color:#fff!important}
html[data-theme="light"] .teacherQuotes{background:#f4f7fc!important;border-color:#d3dcea!important}
html[data-theme="light"] .teacherQuotesHead{color:#3563a8!important}
html[data-theme="light"] .teacherQuotesWhat{color:#1c2330!important}
html[data-theme="light"] .teacherQuotesCourse{color:#5d6878!important}
html[data-theme="light"] .teacherQuote{background:#ffffff!important;color:#1f2733!important;border-left-color:#3d74c9!important}
html[data-theme="light"] .teacherQuotesOpen{background:#e8f0fc!important;border-color:#b9cbe8!important;color:#1d4a8f!important}
html[data-theme="light"] .teacherQuotesOpen:hover{background:#dbe7fa!important}
@media (max-width:760px){
.teacherQuotes{padding:9px 10px}
.teacherQuote{font-size:14px;padding:6px 8px}
.teacherQuotesOpen{font-size:13px;padding:8px 12px}
}
:root{--essay-w:min(460px,38vw)}
.essayPanel{position:fixed;top:0;right:0;bottom:0;width:var(--essay-w);z-index:96;display:flex;flex-direction:column;gap:10px;
padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));background:#0d0d10;border-left:1px solid #26262b;color:#eaeaea;
box-sizing:border-box;overflow:hidden;font-family:inherit}
.essayPanel[hidden],.essayPanel [hidden]{display:none!important}
.essayHead{display:flex;align-items:center;gap:10px}
.essayTitle{flex:1;font-weight:600;font-size:16px}
.essayCloseBtn{background:none;border:0;color:inherit;font-size:22px;line-height:1;min-width:36px;min-height:36px;border-radius:8px;cursor:pointer}
.essayCloseBtn:hover{background:rgba(255,255,255,.06)}
.essayBackBtn{background:none;border:1px solid #33333a;border-radius:8px;color:inherit;padding:6px 10px;font-size:13px;cursor:pointer}
.essayAssignment{font-size:12.5px;color:#9cc1ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.essayModeBar{display:flex;align-items:center;justify-content:space-between;gap:8px}
.essayTabs{display:inline-flex;gap:4px;background:#17171b;border-radius:9px;padding:3px}
.essayTab{border:0;background:none;color:#b8b8c0;padding:5px 12px;border-radius:7px;cursor:pointer;font-size:13px}
.essayTab.active{background:#2a2a31;color:#fff}
.essayCount{font-size:12px;color:#9a9aa2}
.essayBody{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.essayText,.essayReview{flex:1 1 auto;min-height:180px;width:100%;box-sizing:border-box;background:#141417;border:1px solid #2a2a30;
border-radius:12px;color:#eaeaea;font:15px/1.65 'Source Serif 4',Georgia,serif;padding:12px 14px}
.essayText{resize:none;outline:none}
.essayText:focus{border-color:#4a6fb3}
.essayReview{overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere}
.essaySug del{color:#ff9d9d;background:rgba(255,90,90,.13);text-decoration:line-through;border-radius:3px}
.essaySug ins{color:#a6f2c0;background:rgba(80,220,130,.15);text-decoration:none;border-radius:3px}
.essaySugCard{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;margin:2px 4px;padding:3px 7px;max-width:100%;box-sizing:border-box;
border:1px solid #30303a;border-radius:8px;background:#1b1b21;font:12px/1.4 system-ui,-apple-system,'Segoe UI',sans-serif;
white-space:normal;vertical-align:middle}
.essaySugType{font-weight:600;color:#9cc1ff}
.essaySugReason{color:#c2c2ca}
.essaySugBtn{font:inherit;font-size:12px;padding:2px 9px;border-radius:6px;border:1px solid #35353d;background:#24242b;color:#eaeaea;cursor:pointer}
.essaySugAccept{border-color:#2f6b45;color:#a6f2c0}
.essaySugReject{color:#ffb4b4}
.essaySummary{font-size:13px;line-height:1.45;color:#cfcfd6;background:#141418;border-radius:10px;padding:8px 10px;max-height:6em;overflow:auto}
.essayStatus{font-size:13px;line-height:1.45;color:#c2c2ca}
.essayStatus:empty{display:none}
.essayError{color:#ffb4b4}
.essayErrId{color:#8b8b93;font-size:12px}
.essayUpBtn{margin-top:8px}
.essayAskLabel{display:block;font-size:12px;color:#9a9aa2;margin-bottom:4px}
.essayAskRow{display:flex;gap:8px}
.essayRequest{flex:1;min-width:0;background:#141417;border:1px solid #2a2a30;border-radius:10px;color:#eaeaea;padding:8px 10px;font-size:14px}
.essayActions{display:flex;flex-wrap:wrap;gap:6px}
.essayActions .secondaryAction{font-size:12.5px;padding:6px 10px}
.essayActions button:disabled,#essaySuggestBtn:disabled{opacity:.45;cursor:default}
@media(min-width:1101px){
body.essayOpen .app{padding-right:var(--essay-w)!important;box-sizing:border-box!important}
body.essayOpen .composerArea{right:var(--essay-w)!important}
body.essayOpen .suggestedFollowups{right:var(--essay-w)!important}
body.essayOpen .chatActionsWrap{right:calc(var(--essay-w) + 20px)!important}
.essayBackBtn{display:none}
}
@media(min-width:761px) and (max-width:1100px){
.essayPanel{width:min(720px,calc(100vw - 32px));z-index:99;box-shadow:-18px 0 48px rgba(0,0,0,.45)}
}
@media(max-width:760px){
.essayPanel{left:0;width:100%;max-width:100vw;z-index:99;border-left:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}
.essayText,.essayRequest{font-size:16px!important}
.essayAskRow{flex-wrap:wrap}
.essayAskRow .primaryAction{flex:1 1 100%}
.essayText,.essayReview{min-height:120px}
body.essayOpen .mobileMenuBtn,body.essayOpen #mobileMenuBtn{display:none!important}
}
html[data-theme="light"] .essayPanel{background:#ffffff!important;color:#16161a!important;border-left-color:#e3e3ea!important}
html[data-theme="light"] .essayCloseBtn:hover{background:rgba(0,0,0,.05)!important}
html[data-theme="light"] .essayBackBtn{border-color:#d6d6de!important;color:#16161a!important}
html[data-theme="light"] .essayAssignment{color:#2f5fb3!important}
html[data-theme="light"] .essayTabs{background:#f0f0f4!important}
html[data-theme="light"] .essayTab{color:#55555f!important}
html[data-theme="light"] .essayTab.active{background:#ffffff!important;color:#16161a!important;box-shadow:0 1px 2px rgba(0,0,0,.08)}
html[data-theme="light"] .essayCount,html[data-theme="light"] .essayAskLabel{color:#6b6b75!important}
html[data-theme="light"] .essayText,html[data-theme="light"] .essayReview,html[data-theme="light"] .essayRequest{background:#fafafc!important;
border-color:#dcdce3!important;color:#16161a!important}
html[data-theme="light"] .essaySug del{color:#b42318!important;background:rgba(220,40,40,.08)!important}
html[data-theme="light"] .essaySug ins{color:#0f6b35!important;background:rgba(30,160,80,.12)!important}
html[data-theme="light"] .essaySugCard{background:#f4f5f8!important;border-color:#dcdce3!important}
html[data-theme="light"] .essaySugType{color:#2f5fb3!important}
html[data-theme="light"] .essaySugReason{color:#44444d!important}
html[data-theme="light"] .essaySugBtn{background:#ffffff!important;border-color:#d0d0d8!important;color:#16161a!important}
html[data-theme="light"] .essaySugAccept{border-color:#8fcca6!important;color:#0f6b35!important}
html[data-theme="light"] .essaySugReject{color:#b42318!important}
html[data-theme="light"] .essaySummary{background:#f4f5f8!important;color:#33333b!important}
html[data-theme="light"] .essayStatus{color:#44444d!important}
html[data-theme="light"] .essayError{color:#b42318!important}
html[data-theme="light"] .essayErrId{color:#6b6b75!important}
@media(min-width:761px) and (max-width:1100px){
html[data-theme="light"] .essayPanel{box-shadow:-18px 0 48px rgba(0,0,0,.14)!important}
}
.r1VerNav{display:inline-flex;align-items:center;gap:2px;margin-right:2px}
.r1VerBtn{border:1px solid #343434;background:#151515;color:#8da3c5;border-radius:8px;min-width:24px;height:22px;padding:0 6px;font-size:13px;line-height:1;cursor:pointer}
.r1VerBtn:hover:not(:disabled){color:#fff;background:#222222}
.r1VerBtn:disabled{opacity:.35;cursor:default}
.r1VerCount{font-size:10px;color:#8da3c5;min-width:26px;text-align:center;font-variant-numeric:tabular-nums}
.messageActionBtn.r1EditPencil{font-size:11px!important;line-height:1}
.message.r1Editing > .messageActions{display:none!important}
.message.r1Editing .bubble > :not(.r1EditBox){display:none!important}
.r1EditBox{display:flex;flex-direction:column;gap:6px;min-width:min(420px,70vw);max-width:100%}
.r1EditInput{width:100%;box-sizing:border-box;resize:vertical;min-height:52px;max-height:40vh;border:1px solid #2859a1;background:#0e1a30;color:#eef6ff;border-radius:10px;padding:8px 10px;font:inherit;font-size:13px;line-height:1.45}
.r1EditInput:focus{outline:2px solid #4a86e8;outline-offset:1px}
.r1EditNote{font-size:10px;color:#a9b8d3;line-height:1.35}
.r1EditRow{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.r1EditBtn{border:1px solid #343434;background:#151515;color:#c9d7ed;border-radius:8px;padding:5px 12px;font-size:11px;cursor:pointer}
.r1EditBtn:hover{background:#222222;color:#fff}
.r1EditBtn.primary{background:#2859a1;border-color:#2859a1;color:#fff}
.r1EditBtn.primary:hover{background:#3169c0}
.recentRow.recentRowPinned .recentItem{color:#fff}
.recentRow.recentRowPinned .recentMenuBtn{color:#ffcf6b!important}
@media(max-width:760px){
.r1EditBox{min-width:0;width:100%}
.r1EditInput{font-size:16px}
.r1EditBtn{padding:8px 14px;font-size:13px}
.r1VerBtn{min-width:32px;height:28px}
.message.user .messageActions{flex-wrap:wrap!important}
}
html[data-theme="light"] .r1VerBtn{background:#f1f1f4;border-color:#dfdfe5;color:#33333a}
html[data-theme="light"] .r1VerBtn:hover:not(:disabled){background:#e7e7ec;color:#000}
html[data-theme="light"] .r1VerCount{color:#55555f}
html[data-theme="light"] .r1EditInput{background:#ffffff!important;border-color:#c9d3e6!important;color:#16161a!important}
html[data-theme="light"] .r1EditNote{color:#55555f!important}
html[data-theme="light"] .r1EditBtn{background:#f1f1f4!important;border-color:#dfdfe5!important;color:#33333a!important}
html[data-theme="light"] .r1EditBtn.primary{background:#2f5fb3!important;border-color:#2f5fb3!important;color:#fff!important}
html[data-theme="light"] .recentRow.recentRowPinned .recentItem{color:#16161a!important}
html[data-theme="light"] .recentRow.recentRowPinned .recentMenuBtn{color:#b7791f!important}
.mdTableWrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:10px 0;border:1px solid rgba(255,255,255,.12);border-radius:10px}
.mdTable{border-collapse:collapse;width:max-content;min-width:100%;font-size:14px;line-height:1.45}
.mdTable th,.mdTable td{padding:7px 12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left;vertical-align:top;max-width:360px;overflow-wrap:anywhere}
.mdTable th + th,.mdTable td + td{border-left:1px solid rgba(255,255,255,.08)}
.mdTable thead th{background:rgba(255,255,255,.06);font-weight:600;color:#f2f2f5}
.mdTable tbody tr:last-child td{border-bottom:0}
.mdTable tbody tr:nth-child(even) td{background:rgba(255,255,255,.025)}
.mdTable .mdAlignC{text-align:center}
.mdTable .mdAlignR{text-align:right}
.linkCards{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 2px;min-height:1px}
.linkCards[hidden]{display:none}
.linkCardSlot{display:block;min-height:70px;width:340px;max-width:100%;box-sizing:border-box;border-radius:10px;
border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}
.linkCard{display:flex;align-items:center;gap:10px;max-width:340px;min-width:0;padding:8px 10px;border:1px solid rgba(255,255,255,.12);
border-radius:10px;background:rgba(255,255,255,.04);color:inherit!important;text-decoration:none!important}
.linkCard:hover{background:rgba(255,255,255,.08)}
.linkCardThumb{width:96px;height:54px;object-fit:cover;border-radius:6px;flex:0 0 auto;background:#000}
.linkCardText{display:flex;flex-direction:column;min-width:0}
.linkCardTitle{font-size:13px;font-weight:600;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.linkCardSite{font-size:11px;opacity:.65;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:760px){
.mdTable{font-size:13px}
.mdTable th,.mdTable td{padding:6px 9px;max-width:240px}
.linkCard{max-width:100%;flex:1 1 100%}
.linkCardSlot{width:auto;flex:1 1 100%}
}
html[data-theme="light"] .mdTableWrap{border-color:#dcdce3!important}
html[data-theme="light"] .mdTable th,html[data-theme="light"] .mdTable td{border-color:#e6e6ec!important;color:#16161a!important}
html[data-theme="light"] .mdTable thead th{background:#f3f4f7!important}
html[data-theme="light"] .mdTable tbody tr:nth-child(even) td{background:#fafafc!important}
html[data-theme="light"] .mdTable tbody tr:nth-child(odd) td{background:#ffffff!important}
html[data-theme="light"] .linkCard{background:#f7f7fa!important;border-color:#dcdce3!important;color:#16161a!important}
html[data-theme="light"] .linkCard:hover{background:#eeeff3!important}
html[data-theme="light"] .linkCardSite{color:#55555f!important;opacity:1}
html[data-theme="light"] .linkCardSlot{background:#f7f7fa!important;border-color:#e6e6ec!important}
.r1Rephrase{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}
.r1RephraseChip{border:1px solid #2c3240;background:#16181d;color:#cfe0ff;border-radius:999px;padding:4px 10px;font-size:9.5px;cursor:pointer;line-height:1.3}
.r1RephraseChip:hover,.r1RephraseChip:focus-visible{border-color:#4e7dc3;background:#1d2230}
.r1RephraseChip:focus-visible,.r1WhyBtn:focus-visible,.r1TranslateSelect:focus-visible{outline:2px solid #5b8cff;outline-offset:1px}
.r1TranslatePanel{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;font-size:9.5px;color:#8da3c5}
.r1TranslateSelect{background:#151515;color:#dce8ff;border:1px solid #343434;border-radius:8px;padding:3px 6px;font-size:10px;max-width:100%}
.r1TranslateNote{flex-basis:100%;min-height:0;font-size:9.5px;color:#8da3c5}
.r1TranslateNote:empty{display:none}
.r1TranslateBar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;font-size:9.5px;color:#8da3c5}
.r1Translated{overflow-wrap:anywhere}
.r1Why{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:6px;font-size:9.5px;color:#8da3c5}
.feedbackBar{flex-wrap:wrap}
.r1WhyQ{margin-right:2px}
.r1WhyBtn{border:1px solid #343434;background:#151515;color:#8da3c5;border-radius:999px;padding:3px 9px;font-size:9.5px;cursor:pointer}
.r1WhyBtn:hover{color:#dce8ff;border-color:#4e7dc3}
.r1WhySkip{border-style:dashed}
.r1WhyNote{flex:1 1 180px;min-width:0;background:#101010;color:#e6e6e6;border:1px solid #343434;border-radius:8px;padding:4px 8px;font-size:10px}
.streamToolStatus.r1HasSteps:before{display:none}
.r1Steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.r1Steps li{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.35}
.r1Steps li:before{content:'';flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#5b8cff}
.r1Steps .r1StepDone{color:#6d7a90}
.r1Steps .r1StepDone:before{background:#3b475c}
.r1Steps .r1StepNow:before{animation:entityPulse 1.1s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.r1Steps .r1StepNow:before{animation:none}}
@media(max-width:760px){
.r1RephraseChip{font-size:12px;padding:6px 11px}
.r1TranslateSelect,.r1WhyNote{font-size:16px}
.r1WhyBtn{font-size:12px;padding:5px 10px}
.r1WhyNote{flex-basis:100%}
}
html[data-theme="light"] .r1RephraseChip{background:#eef3fd!important;border-color:#cfdcf5!important;color:#22509f!important}
html[data-theme="light"] .r1RephraseChip:hover{background:#e2ebfb!important}
html[data-theme="light"] .r1TranslatePanel,html[data-theme="light"] .r1TranslateBar,html[data-theme="light"] .r1TranslateNote,
html[data-theme="light"] .r1Why{color:#4a4a55!important}
html[data-theme="light"] .r1TranslateSelect,html[data-theme="light"] .r1WhyNote{background:#fff!important;color:#16161a!important;border-color:#d4d4da!important}
html[data-theme="light"] .r1WhyBtn{background:#f4f4f6!important;border-color:#d9d9de!important;color:#33333a!important}
html[data-theme="light"] .r1WhyBtn:hover{color:#000!important;border-color:#9fb4d8!important}
html[data-theme="light"] .r1Steps li{color:#4a4a55!important}
html[data-theme="light"] .r1Steps .r1StepDone{color:#8a8a95!important}
html[data-theme="light"] .r1Steps .r1StepDone:before{background:#c4c4cc!important}
html[data-theme="light"] .r1Steps .r1StepNow:before{background:#3f6fd8!important}
.messageActions.v565Row{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin-top:8px;opacity:1}
.v565Row .v565Btn,.v565Row .r1VerBtn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;
padding:0!important;margin:0;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;
color:#8b93a3!important;cursor:pointer;box-shadow:none!important;font-size:12px!important;line-height:1}
.v565Row .v565Btn:hover,.v565Row .r1VerBtn:hover:not(:disabled){background:#1f2127!important;color:#f1f3f7!important}
.v565Row .v565Btn:focus-visible,.v565Row .r1VerBtn:focus-visible,.v565Item:focus-visible{outline:2px solid #5b8cff;outline-offset:1px}
.v565Row .v565Btn.sent{color:#cfe0ff!important;background:#1d2230!important}
.v565Row .v565Btn.v565Done{color:#7fd6a0!important}
.v565Row .v565Btn.v565Fail{color:#ff9a8f!important}
.v565Row .r1VerBtn:disabled{opacity:.35;cursor:default}
.v565Svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.v565SvgFill{fill:currentColor;stroke:none}
.v565Row .r1VerNav{gap:0;margin-right:2px}
.v565Row .r1VerCount{font:11px/1 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#8b93a3;min-width:26px;text-align:center}
.v565MoreWrap{position:relative;display:inline-flex}
.v565Menu{position:absolute;left:0;bottom:calc(100% + 4px);z-index:60;min-width:190px;max-width:min(280px,86vw);padding:5px;
flex-direction:column;gap:1px;background:#17181c;border:1px solid #2c2f37;border-radius:12px;box-shadow:0 12px 32px rgba(0,0,0,.45);
font:13px/1.3 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:normal}
.v565Menu:not([hidden]){display:flex}
.v565Menu[hidden]{display:none}
.v565Menu.v565Down{bottom:auto;top:calc(100% + 4px)}
.v565Menu.v565Right{left:auto;right:0}
.v565Item{display:block;width:100%;text-align:left;padding:7px 10px;border:0;border-radius:8px;background:transparent;color:#e3e6ec;
font:inherit;cursor:pointer;white-space:nowrap}
.v565Item:hover,.v565Item:focus-visible{background:#24262d;color:#fff}
.v565Item:disabled{opacity:.5;cursor:default}
.v565MenuGroup{display:flex;flex-direction:column;gap:1px;margin-top:4px;padding-top:4px;border-top:1px solid #2c2f37}
.v565MenuGroup[hidden]{display:none}
.v565MenuHead{padding:4px 10px 2px;font-size:11px;color:#8b93a3;text-transform:uppercase;letter-spacing:.04em}
.v565Row .r1Why{margin-top:4px}
@media (hover:hover) and (min-width:761px){
.message.ai:not(.v565Latest) .v565Row > .v565Btn,
.message.ai:not(.v565Latest) .v565Row > .v565MoreWrap,
.message.ai:not(.v565Latest) .v565Row > .r1VerNav{opacity:0;transition:opacity .15s ease}
.message.ai:not(.v565Latest):hover .v565Row > *,
.message.ai:not(.v565Latest):focus-within .v565Row > *,
.v565Row.v565Open > *{opacity:1}
}
@media (max-width:760px){
.v565Row .v565Btn,.v565Row .r1VerBtn{width:32px;height:32px;min-width:32px}
.v565Menu,.v565Menu.v565Down,.v565Menu.v565Right{position:fixed;left:8px;right:8px;top:auto;
bottom:calc(8px + env(safe-area-inset-bottom,0px));max-width:none;max-height:70vh;overflow-y:auto;z-index:3000;
box-shadow:0 0 0 100vmax rgba(0,0,0,.45),0 12px 32px rgba(0,0,0,.45);font-size:15px}
.v565Item{padding:12px 14px}
}
html[data-theme="light"] .v565Row .v565Btn,html[data-theme="light"] .v565Row .r1VerBtn{background:transparent!important;border-color:transparent!important;color:#5d6270!important}
html[data-theme="light"] .v565Row .v565Btn:hover,html[data-theme="light"] .v565Row .r1VerBtn:hover:not(:disabled){background:#ececf1!important;color:#111!important}
html[data-theme="light"] .v565Row .v565Btn.sent{background:#e2ebfb!important;color:#22509f!important}
html[data-theme="light"] .v565Row .v565Btn.v565Done{color:#1f8a4c!important}
html[data-theme="light"] .v565Row .v565Btn.v565Fail{color:#c0392b!important}
html[data-theme="light"] .v565Row .r1VerCount{color:#5d6270!important}
html[data-theme="light"] .v565Menu{background:#fff!important;border-color:#dcdce3!important;box-shadow:0 12px 32px rgba(20,20,40,.16)}
html[data-theme="light"] .v565Item{color:#1c1c22!important}
html[data-theme="light"] .v565Item:hover,html[data-theme="light"] .v565Item:focus-visible{background:#f0f0f4!important;color:#000!important}
html[data-theme="light"] .v565MenuGroup{border-top-color:#e4e4e9!important}
html[data-theme="light"] .v565MenuHead{color:#6b6b73!important}
@media (max-width:760px){
html[data-theme="light"] .v565Menu{box-shadow:0 0 0 100vmax rgba(0,0,0,.3),0 12px 32px rgba(20,20,40,.16)}
}
:root #settingsModal{
--st-bg:#1f1f1f;--st-text:#ececec;--st-sub:#9d9d9d;--st-line:#303030;--st-pill:#2f2f2f;
--st-hover:#282828;--st-field:#262626;--st-field-line:#3b3b3b;--st-btn-line:#444;--st-danger:#f87171;
--st-on:#0a84ff;--st-off:#4a4a4a;--st-bar:#0a84ff;--st-focus:#3b82f6;--st-seg:#2a2a2a;--st-seg-on:#3d3d3d;
}
:root[data-theme="light"] #settingsModal{
--st-bg:#ffffff;--st-text:#0d0d0d;--st-sub:#6b6b6b;--st-line:#ececec;--st-pill:#ececec;
--st-hover:#f4f4f4;--st-field:#ffffff;--st-field-line:#d9d9d9;--st-btn-line:#d4d4d4;--st-danger:#dc2626;
--st-on:#007aff;--st-off:#d9d9de;--st-bar:#2f7df6;--st-focus:#2f7df6;--st-seg:#f0f0f0;--st-seg-on:#ffffff;
}
:root #settingsModal .settingsShell{
position:relative!important;background:var(--st-bg)!important;border:1px solid var(--st-line)!important;
border-radius:18px!important;width:min(880px,calc(100vw - 32px))!important;height:min(660px,calc(100dvh - 32px))!important;
grid-template-columns:236px minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;
color:var(--st-text)!important;font-size:14px;box-shadow:0 24px 70px rgba(0,0,0,.45)!important;
}
:root[data-theme="light"] #settingsModal .settingsShell{box-shadow:0 24px 70px rgba(0,0,0,.16)!important}
:root #settingsModal .settingsShell .settingsNav{
background:var(--st-bg)!important;border:0!important;padding:18px 12px 16px!important;
display:flex!important;flex-direction:column!important;gap:0!important;overflow-y:auto!important;overflow-x:hidden!important;min-width:0;
}
:root #settingsModal .settingsShell .settingsNav > *{flex-shrink:0}
:root #settingsModal .settingsShell .settingsNavTop{display:none}
:root #settingsModal .settingsShell .settingsNavTitle{display:none!important}
:root #settingsModal .settingsShell .settingsCloseX,
:root #settingsModal .settingsShell .settingsBackBtn{
width:34px!important;height:34px!important;min-height:0!important;padding:0!important;display:inline-flex!important;align-items:center;justify-content:center;
border:0!important;border-radius:10px!important;background:transparent!important;color:var(--st-text)!important;cursor:pointer;flex:0 0 auto;
}
:root #settingsModal .settingsShell .settingsCloseX{position:absolute!important;top:14px;right:14px;z-index:25;color:var(--st-sub)!important}
:root #settingsModal .settingsShell .settingsCloseX:hover,
:root #settingsModal .settingsShell .settingsBackBtn:hover{background:var(--st-hover)!important}
:root #settingsModal .settingsShell .setSvg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
:root #settingsModal .settingsShell .settingsSearch{
display:flex;align-items:center;gap:8px;margin:0 0 6px;padding:0 12px;height:38px;border-radius:10px;
border:1px solid var(--st-field-line);background:var(--st-field);color:var(--st-sub);cursor:text;
}
:root #settingsModal .settingsShell .settingsSearch .setSvg{width:16px;height:16px}
:root #settingsModal .settingsShell .settingsSearch input{
flex:1 1 auto!important;min-width:0!important;width:auto!important;height:100%!important;padding:0!important;margin:0!important;
border:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;
color:var(--st-text)!important;font-size:14px!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;
}
:root #settingsModal .settingsShell .settingsSearch input::-webkit-search-cancel-button{display:none}
:root #settingsModal .settingsShell .settingsSearch:focus-within{border-color:var(--st-sub)}
:root #settingsModal .settingsShell .settingsNavList{display:flex;flex-direction:column;gap:1px}
:root #settingsModal .settingsShell .settingsNavList[hidden],
:root #settingsModal .settingsShell .settingsSearchResults[hidden]{display:none!important}
:root #settingsModal .settingsShell .settingsNavBtn{
display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:36px!important;margin:0!important;
padding:7px 10px!important;border:0!important;border-radius:10px!important;background:transparent!important;box-shadow:none!important;
color:var(--st-text)!important;font-size:14px!important;font-weight:400!important;text-align:left!important;white-space:nowrap!important;
}
:root #settingsModal .settingsShell .settingsNavBtn:hover{background:var(--st-hover)!important;color:var(--st-text)!important}
:root #settingsModal .settingsShell .settingsNavBtn.active{background:var(--st-pill)!important;color:var(--st-text)!important}
:root #settingsModal .settingsShell .settingsNavBtn > span:last-child{overflow:hidden;text-overflow:ellipsis}
:root #settingsModal .settingsShell .settingsNavIcon{width:18px!important;height:18px;display:flex;align-items:center;justify-content:center;opacity:1!important;flex:0 0 18px}
:root #settingsModal .settingsShell .settingsNavGroup{
font-size:12px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;
color:var(--st-sub)!important;padding:16px 10px 5px!important;margin:0!important;
}
:root #settingsModal .settingsShell .settingsNavBtn:focus-visible,
:root #settingsModal .settingsShell .settingsResult:focus-visible{outline:none!important;box-shadow:0 0 0 2px var(--st-focus)!important}
:root #settingsModal .settingsShell .settingsSearchResults{display:flex;flex-direction:column;gap:1px}
:root #settingsModal .settingsShell .settingsResult{
display:flex!important;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:7px 10px!important;min-height:0!important;
border:0!important;border-radius:10px!important;background:transparent!important;color:var(--st-text)!important;text-align:left;cursor:pointer;
}
:root #settingsModal .settingsShell .settingsResult:hover,
:root #settingsModal .settingsShell .settingsResult.active{background:var(--st-pill)!important}
:root #settingsModal .settingsShell .settingsResultLabel{font-size:14px;line-height:1.3}
:root #settingsModal .settingsShell .settingsResultSection{font-size:12px;color:var(--st-sub)}
:root #settingsModal .settingsShell .settingsSearchEmpty{padding:10px;color:var(--st-sub);font-size:13.5px}
:root #settingsModal .settingsShell .settingsMain{
padding:30px 44px 0 40px!important;background:var(--st-bg)!important;overflow-x:hidden!important;scrollbar-gutter:auto!important;
}
:root #settingsModal .settingsShell .settingsMainBar{display:none}
:root #settingsModal .settingsShell .settingsPane h3{
font-size:17px!important;font-weight:600!important;letter-spacing:0!important;color:var(--st-text)!important;
margin:0!important;padding:0 40px 4px 0!important;border:0!important;
}
:root #settingsModal .settingsShell .settingsLead{color:var(--st-sub)!important;font-size:13.5px!important;line-height:1.5;margin:4px 0 8px!important}
:root #settingsModal .settingsShell .settingsSubhead,
:root #settingsModal .settingsShell .settingsPane > .settingsSubhead:first-of-type{
font-size:15.5px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:var(--st-text)!important;
margin:34px 0 2px!important;padding:0 0 6px!important;border-top:0!important;border-bottom:0!important;
}
:root #settingsModal .settingsShell .settingLine{
display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:54px;
padding:12px 0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--st-line)!important;
}
:root #settingsModal .settingsShell .settingLine[style*="display:block"]{display:block}
:root #settingsModal .settingsShell #icSection,
:root #settingsModal .settingsShell #gcSection{display:block!important}
:root #settingsModal .settingsShell .settingCopy{flex:1 1 auto;min-width:0}
:root #settingsModal .settingsShell .settingTitle{font-size:14px!important;font-weight:400!important;color:var(--st-text)!important;line-height:1.35}
:root #settingsModal .settingsShell .settingDesc{font-size:12.5px!important;color:var(--st-sub)!important;line-height:1.45;margin-top:2px}
:root #settingsModal .settingsShell .settingsPane div[style*="border-bottom"]{border-bottom:1px solid var(--st-line)!important}
:root #settingsModal .settingsShell .usageText{color:var(--st-sub)!important;font-size:13px!important}
:root #settingsModal .settingsShell .settingsMain .niceSelect{min-width:0!important;flex:0 0 auto}
:root #settingsModal .settingsShell .settingsMain .niceSelectBtn{
width:auto!important;max-width:240px;gap:6px!important;padding:6px 8px 6px 10px!important;border:0!important;border-radius:9px!important;
background:transparent!important;box-shadow:none!important;color:var(--st-text)!important;font-size:14px!important;font-weight:400!important;
}
:root #settingsModal .settingsShell .settingsMain .niceSelectBtn > span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root #settingsModal .settingsShell .settingsMain .niceSelectBtn:hover,
:root #settingsModal .settingsShell .settingsMain .niceSelect.open .niceSelectBtn{background:var(--st-hover)!important}
:root #settingsModal .settingsShell .settingsMain .niceSelectCaret{font-size:0!important;width:10px;height:10px;opacity:.75;display:inline-block}
:root #settingsModal .settingsShell .settingsMain .niceSelectCaret::before{
content:"";display:block;width:6px;height:6px;margin:1px auto 0;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg);
}
:root #settingsModal .settingsShell .settingsMain .niceSelectMenu{
left:auto!important;right:0!important;min-width:210px;background:var(--st-bg)!important;border:1px solid var(--st-line)!important;
border-radius:14px!important;box-shadow:0 14px 40px rgba(0,0,0,.35)!important;
}
:root #settingsModal .settingsShell .settingsMain .niceSelectOption{font-size:14px!important;color:var(--st-text)!important;font-weight:400!important;white-space:nowrap}
:root #settingsModal .settingsShell .settingsMain .niceSelectOption:hover{background:var(--st-hover)!important}
:root #settingsModal .settingsShell .settingsMain .niceSelectOption.selected{font-weight:500!important}
:root #settingsModal .settingsShell .toggle{
width:44px!important;height:26px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:999px!important;
background:var(--st-off)!important;flex:0 0 auto;cursor:pointer;transition:background .18s ease!important;
}
:root #settingsModal .settingsShell .toggle:after{width:22px!important;height:22px!important;top:2px!important;left:2px!important;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.3)}
:root #settingsModal .settingsShell .toggle.on{background:var(--st-on)!important}
:root #settingsModal .settingsShell .toggle.on:after{left:20px!important;background:#fff!important}
:root #settingsModal .settingsShell .settingsMain .primaryAction,
:root #settingsModal .settingsShell .settingsMain .secondaryAction,
:root #settingsModal .settingsShell .settingsMain .dangerAction{
min-height:34px!important;height:auto!important;padding:7px 14px!important;border-radius:9px!important;font-size:13.5px!important;
font-weight:500!important;box-shadow:none!important;width:auto;text-transform:none!important;letter-spacing:0!important;white-space:nowrap;
}
:root #settingsModal .settingsShell .settingsMain .secondaryAction{background:var(--st-bg)!important;border:1px solid var(--st-btn-line)!important;color:var(--st-text)!important}
:root #settingsModal .settingsShell .settingsMain .secondaryAction:hover{background:var(--st-hover)!important}
:root #settingsModal .settingsShell .settingsMain .primaryAction{background:var(--st-text)!important;border:1px solid var(--st-text)!important;color:var(--st-bg)!important}
:root #settingsModal .settingsShell .settingsMain .primaryAction:hover{opacity:.88}
:root #settingsModal .settingsShell .settingsMain .dangerAction{background:transparent!important;border:1px solid var(--st-danger)!important;color:var(--st-danger)!important}
:root #settingsModal .settingsShell .settingsMain .dangerAction:hover{background:rgba(239,68,68,.1)!important}
:root #settingsModal .settingsShell .settingsMain .primaryAction:disabled,
:root #settingsModal .settingsShell .settingsMain .secondaryAction:disabled,
:root #settingsModal .settingsShell .settingsMain .dangerAction:disabled{
background:var(--st-pill)!important;border-color:var(--st-pill)!important;color:var(--st-sub)!important;opacity:1!important;cursor:default}
:root #settingsModal .settingsShell .stSeg{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:10px;background:var(--st-seg);flex:0 0 auto}
:root #settingsModal .settingsShell .stSegBtn{
min-height:0!important;height:auto!important;padding:5px 12px!important;border:0!important;border-radius:8px!important;background:transparent!important;
color:var(--st-sub)!important;font-size:13.5px!important;font-weight:500!important;box-shadow:none!important;white-space:nowrap;cursor:pointer;
}
:root #settingsModal .settingsShell .stSegBtn:hover{color:var(--st-text)!important}
:root #settingsModal .settingsShell .stSegBtn.on{background:var(--st-seg-on)!important;color:var(--st-text)!important;box-shadow:0 1px 2px rgba(0,0,0,.18)!important}
:root #settingsModal .settingsShell .stSegBtn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--st-focus)!important}
:root #settingsModal .settingsShell .niceSelect.stSegHost{display:none!important}
:root #settingsModal .settingsShell .settingsMain input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),
:root #settingsModal .settingsShell .settingsMain textarea{
background:var(--st-field)!important;border:1px solid var(--st-field-line)!important;color:var(--st-text)!important;
border-radius:10px!important;padding:8px 12px!important;font-size:14px!important;box-shadow:none!important;
}
:root #settingsModal .settingsShell .settingsMain input:focus,
:root #settingsModal .settingsShell .settingsMain textarea:focus{border-color:var(--st-sub)!important;outline:none!important}
:root #settingsModal .settingsShell .settingsMain input::placeholder,
:root #settingsModal .settingsShell .settingsMain textarea::placeholder{color:var(--st-sub)!important;opacity:.8}
:root #settingsModal .settingsShell .accountHero{
background:transparent!important;border:0!important;border-bottom:1px solid var(--st-line)!important;border-radius:0!important;
padding:14px 0!important;margin:0!important;
}
:root #settingsModal .settingsShell .accountAvatar{width:40px;height:40px;font-size:16px}
:root #settingsModal .settingsShell .accountName{font-size:15px!important;font-weight:500!important;color:var(--st-text)!important}
:root #settingsModal .settingsShell .accountEmail{font-size:13px!important;color:var(--st-sub)!important}
:root #settingsModal .settingsShell .planPill{font-size:12px!important;font-weight:500!important;padding:3px 10px!important;border-radius:999px!important;
background:var(--st-pill)!important;color:var(--st-text)!important;border:0!important}
:root #settingsModal .settingsShell .proCodeInline{padding:10px 0 12px;border-bottom:1px solid var(--st-line);margin:0}
:root #settingsModal .settingsShell .usageDash{display:block!important;margin:4px 0 0!important;padding:0!important;background:transparent!important;border:0!important}
:root #settingsModal .settingsShell .usageBox{
display:flex!important;flex-direction:row-reverse!important;align-items:center!important;justify-content:space-between!important;gap:16px;
min-height:50px;padding:12px 0!important;margin:0!important;background:transparent!important;border:0!important;
border-bottom:1px solid var(--st-line)!important;border-radius:0!important;box-shadow:none!important;text-align:left!important;
}
:root #settingsModal .settingsShell .usageBox[style*="display:none"]{display:none!important}
:root #settingsModal .settingsShell .usageNum{font-size:14px!important;font-weight:500!important;color:var(--st-text)!important;margin:0!important}
:root #settingsModal .settingsShell .usageLabel{font-size:14px!important;font-weight:400!important;color:var(--st-text)!important;text-transform:none!important;letter-spacing:0!important;margin:0!important}
:root #settingsModal .settingsShell .packSettingsRow{
margin:0!important;padding:12px 0!important;border:0!important;border-bottom:1px solid var(--st-line)!important;border-radius:0!important;
background:transparent!important;font-size:14px;color:var(--st-text)!important;
}
:root #settingsModal .settingsShell .packSettingsRow[hidden]{display:none!important}
:root #settingsModal .settingsShell .usageMeterHead{font-size:14px!important;color:var(--st-text)!important}
:root #settingsModal .settingsShell .usageMeterNum{color:var(--st-sub)!important}
:root #settingsModal .settingsShell .usageDayBar .bar{background:var(--st-bar)!important;border-radius:5px 5px 0 0!important}
:root #settingsModal .settingsShell .usageDayBar .lbl{font-size:11px!important;color:var(--st-sub)!important;text-transform:none!important}
:root #settingsModal .settingsShell .usageFeatureBreakdown{display:flex;flex-direction:column;gap:0;margin-top:10px}
:root #settingsModal .settingsShell .usageFeatureRow{
background:transparent!important;border:0!important;border-bottom:1px solid var(--st-line)!important;border-radius:0!important;
padding:10px 0!important;margin:0!important;font-size:14px!important;color:var(--st-text)!important;
}
:root #settingsModal .settingsShell .billingPlanRow{padding:14px 0!important;border-bottom:1px solid var(--st-line)!important}
:root #settingsModal .settingsShell .billingPlanName{font-size:15px!important;font-weight:500!important;color:var(--st-text)!important}
:root #settingsModal .settingsShell .entityTabHero{background:transparent!important;border:0!important;border-bottom:1px solid var(--st-line)!important;border-radius:0!important;padding:14px 0!important;margin:0!important}
:root #settingsModal .settingsShell .projectFileItem,
:root #settingsModal .settingsShell .memoryManagerItem,
:root #settingsModal .settingsShell .profileItem{
background:transparent!important;border:0!important;border-bottom:1px solid var(--st-line)!important;border-radius:0!important;
padding:10px 0!important;margin:0!important;font-size:13.5px!important;color:var(--st-text)!important;align-items:center!important;
}
:root #settingsModal .settingsShell .supportInbox{border-top:0!important;margin-top:22px}
:root #settingsModal .settingsShell .settingValue{font-size:14px;color:var(--st-sub);white-space:nowrap}
:root #settingsModal .settingsShell .proCodeInline{display:flex!important;align-items:center;justify-content:flex-end;gap:8px}
:root #settingsModal .settingsShell #settingsProCodeInput{width:180px!important;flex:0 1 180px;min-height:34px!important;font-weight:500!important;
letter-spacing:.12em!important;font-size:14px!important;padding:7px 12px!important}
:root #settingsModal .settingsShell #logoutAccountBtn{width:auto!important;margin:12px 0 0!important}
:root #settingsModal .settingsShell #authButtonsRow{justify-content:flex-start;gap:8px;margin:12px 0 0}
:root #settingsModal .settingsShell .settingsPane > div[style*="padding:18px 0 6px"] > .settingTitle{font-size:13px!important;font-weight:500!important;color:var(--st-sub)!important}
:root #settingsModal .settingsShell .settingLine.settingBlock{display:block}
:root #settingsModal .settingsShell .settingLine.settingBlock textarea{width:100%!important;margin-top:10px;min-height:110px;resize:vertical}
:root #settingsModal .settingsShell .memoryEditRow{display:flex;gap:8px;margin-top:10px}
:root #settingsModal .settingsShell .memoryEditRow input{flex:1 1 auto;min-width:0}
:root #settingsModal .settingsShell #memoryEditMsg{white-space:pre-line;margin-top:6px}
:root #settingsModal .settingsShell .memoryItemsList{display:flex;flex-direction:column;border-top:1px solid var(--st-line)}
:root #settingsModal .settingsShell .memoryItem{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--st-line);font-size:14px;color:var(--st-text)}
:root #settingsModal .settingsShell .memoryItemText{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;line-height:1.4}
:root #settingsModal .settingsShell .memoryItemTag{font-size:11.5px;color:var(--st-sub);background:var(--st-pill);border-radius:999px;padding:2px 8px;flex:0 0 auto}
:root #settingsModal .settingsShell .memoryItemDel{
width:28px!important;height:28px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:8px!important;flex:0 0 auto;
background:transparent!important;color:var(--st-sub)!important;font-size:18px!important;line-height:1!important;cursor:pointer;
}
:root #settingsModal .settingsShell .memoryItemDel:hover{background:var(--st-hover)!important;color:var(--st-text)!important}
:root #settingsModal .settingsShell .memorySensitiveNote{margin-top:4px}
:root #settingsModal .settingsShell .memorySensitiveNote[hidden]{display:none!important}
:root #settingsModal .settingsShell .memoryImportPanel{border:1px solid var(--st-line);border-radius:12px;padding:14px 16px;margin:4px 0 12px}
:root #settingsModal .settingsShell .memoryImportPanel[hidden]{display:none!important}
:root #settingsModal .settingsShell .memoryImportPrompt{margin:8px 0;padding:10px 12px;border-radius:10px;background:var(--st-pill);font-size:13.5px;line-height:1.45;color:var(--st-text)}
:root #settingsModal .settingsShell .memoryImportPanel textarea{width:100%!important;margin-top:8px}
:root #settingsModal .settingsShell .memoryImportActions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
:root #settingsModal .settingsShell .supportIdWrap{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}
:root #settingsModal .settingsShell .supportIdPill{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:var(--st-sub);background:var(--st-pill);border-radius:7px;padding:4px 8px;letter-spacing:.04em}
:root #settingsModal .settingsShell .settingLine[hidden]{display:none!important}
:root #settingsModal .settingsShell .usagePlanHead{display:flex;align-items:center;gap:10px;margin:22px 0 4px}
:root #settingsModal .settingsShell .usagePlanTitle{font-size:15.5px;font-weight:600;color:var(--st-text)}
:root #settingsModal .settingsShell .usageMeters{gap:0!important;padding:0!important}
:root #settingsModal .settingsShell .usageLimitRow{
display:grid;grid-template-columns:minmax(0,1.1fr) minmax(90px,1fr) auto;align-items:center;gap:18px;
padding:14px 0;border-bottom:1px solid var(--st-line);
}
:root #settingsModal .settingsShell .usageLimitRow .usageMeterHead{font-size:14px!important;font-weight:400}
:root #settingsModal .settingsShell .usageLimitRow .usageMeterBar{height:7px!important;margin:0!important;border-radius:999px;background:var(--st-pill)!important}
:root #settingsModal .settingsShell .usageLimitRow .usageMeterFill{background:var(--st-bar)!important;border-radius:999px}
:root #settingsModal .settingsShell .usageLimitRow .usageMeterFill.usageMeterFillWarn{background:#e0a44a!important}
:root #settingsModal .settingsShell .usageLimitRow .usageMeterNum{font-size:13.5px;color:var(--st-sub)!important;white-space:nowrap;text-align:right;min-width:70px}
:root #settingsModal .settingsShell .usageMonth{border-top:0!important;margin:0!important;background:transparent!important}
:root #settingsModal .settingsShell .usageUpdated{display:flex;align-items:center;gap:6px;margin:10px 0 14px;font-size:13px;color:var(--st-sub)}
:root #settingsModal .settingsShell .usageRefreshBtn{
width:26px!important;height:26px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:7px!important;
background:transparent!important;color:var(--st-sub)!important;display:inline-flex!important;align-items:center;justify-content:center;cursor:pointer;
}
:root #settingsModal .settingsShell .usageRefreshBtn .setSvg{width:15px;height:15px}
:root #settingsModal .settingsShell .usageRefreshBtn:hover{background:var(--st-hover)!important;color:var(--st-text)!important}
:root #settingsModal .settingsShell .usageCard,
:root #settingsModal .settingsShell .billingCard{
display:flex!important;align-items:center!important;gap:14px!important;padding:16px 18px!important;margin:8px 0 6px!important;
border:1px solid var(--st-line)!important;border-radius:14px!important;background:transparent!important;
}
:root #settingsModal .settingsShell .usageCard[hidden]{display:none!important}
:root #settingsModal .settingsShell .usageCardIcon{width:36px;height:36px;border-radius:10px;background:var(--st-pill);display:flex;align-items:center;justify-content:center;flex:0 0 36px;color:var(--st-text)}
:root #settingsModal .settingsShell .usageCardCopy{flex:1 1 auto;min-width:0}
:root #settingsModal .settingsShell .billingCard .billingPlanName{font-weight:600!important}
:root #settingsModal .settingsShell .billingHistoryHead{display:flex;align-items:center;justify-content:space-between;gap:12px}
:root #settingsModal .settingsShell #billingCreditsBlock[hidden]{display:none!important}
:root #settingsModal .settingsShell .billingRow{
display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto 60px;align-items:center;gap:12px;
padding:12px 0;border-bottom:1px solid var(--st-line)!important;font-size:14px;color:var(--st-text);
}
:root #settingsModal .settingsShell .billingRowDate,
:root #settingsModal .settingsShell .billingRowAmount{color:var(--st-text)!important}
:root #settingsModal .settingsShell .billingRowName{text-align:right}
:root #settingsModal .settingsShell .billingBadge{font-size:12px!important;font-weight:500!important;text-transform:none!important;letter-spacing:0!important;border-radius:999px!important;padding:2px 9px!important}
:root #settingsModal .settingsShell .billingView{color:var(--st-text);text-decoration:underline;text-underline-offset:2px}
:root #settingsModal .settingsShell #settingsMessage{
position:sticky;bottom:0;z-index:4;margin:18px -44px 0 -40px!important;padding:10px 44px calc(12px + env(safe-area-inset-bottom,0px)) 40px!important;
background:var(--st-bg)!important;border-top:1px solid var(--st-line);font-size:13px!important;color:var(--st-sub)!important;
}
:root #settingsModal .settingsShell #settingsMessage:empty{display:block;padding:0!important;margin:0 0 32px!important;border:0;min-height:0}
:root #settingsModal .settingsShell .settingsSaveToast{
position:absolute!important;top:auto!important;bottom:16px!important;right:20px!important;left:auto!important;z-index:30!important;
transform:translateY(4px)!important;max-width:min(420px,calc(100% - 300px));padding:5px 11px 5px 7px!important;gap:6px!important;
border-radius:999px!important;border:0!important;box-shadow:none!important;background:var(--st-pill)!important;color:var(--st-sub)!important;
font-size:12.5px!important;font-weight:500!important;
}
:root #settingsModal .settingsShell .settingsSaveToast.show{transform:none!important}
:root #settingsModal .settingsShell .settingsSaveToastIcon{width:16px!important;height:16px!important;flex:0 0 16px!important;font-size:10px!important}
:root #settingsModal .settingsShell .settingsSaveToast.error{color:var(--st-danger)!important}
@keyframes settingsRowFlash{0%,55%{background:var(--st-pill);box-shadow:0 0 0 8px var(--st-pill)}100%{background:transparent;box-shadow:0 0 0 8px transparent}}
:root #settingsModal .settingsShell .settingsRowFlash{animation:settingsRowFlash 1.8s ease-out;border-radius:4px}
@media(prefers-reduced-motion:reduce){:root #settingsModal .settingsShell .settingsRowFlash{animation:none;background:var(--st-pill)}}
@media(max-width:760px){
#settingsModal,#settingsModal.show{padding:0!important;align-items:stretch!important}
:root #settingsModal .settingsShell{
width:100vw!important;height:calc(100dvh - var(--entity-vv-bottom,0px))!important;max-height:none!important;border:0!important;border-radius:0!important;
grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;box-shadow:none!important;
}
:root #settingsModal .settingsShell .settingsNav{padding:max(10px,env(safe-area-inset-top,0px)) 16px 20px!important;overflow-x:hidden!important}
:root #settingsModal .settingsShell .settingsNavTop{display:flex;align-items:center;min-height:40px;margin:0 0 10px}
:root #settingsModal .settingsShell .settingsNavTitle{display:block!important;flex:1;text-align:center;margin:0 42px!important;font-size:17px!important;font-weight:600!important;color:var(--st-text)!important}
:root #settingsModal .settingsShell .settingsCloseX{top:max(10px,env(safe-area-inset-top,0px));right:12px}
:root #settingsModal .settingsShell.paneOpen .settingsCloseX{display:none!important}
:root #settingsModal .settingsShell .settingsNavGroup{padding:18px 12px 6px!important;font-size:13px!important}
:root #settingsModal .settingsShell .settingsCloseX,
:root #settingsModal .settingsShell .settingsBackBtn{width:40px!important;height:40px!important}
:root #settingsModal .settingsShell .settingsSearch{height:42px}
:root #settingsModal .settingsShell .settingsSearch input{font-size:16px!important}
:root #settingsModal .settingsShell .settingsNavBtn{min-height:48px!important;font-size:16px!important;padding:10px 12px!important;flex:0 0 auto!important}
:root #settingsModal .settingsShell .settingsNavBtn.active{background:transparent!important}
:root #settingsModal .settingsShell .settingsNavBtn:active{background:var(--st-pill)!important}
:root #settingsModal .settingsShell .settingsResult{padding:10px 12px!important}
:root #settingsModal .settingsShell .settingsMain{display:none!important;padding:0 16px!important;height:100%!important}
:root #settingsModal .settingsShell.paneOpen .settingsNav{display:none!important}
:root #settingsModal .settingsShell.paneOpen .settingsMain{display:block!important}
:root #settingsModal .settingsShell .settingsMainBar{
display:flex;align-items:center;gap:6px;position:sticky;top:0;z-index:6;margin:0 -16px;padding:max(6px,env(safe-area-inset-top,0px)) 8px 6px;
background:var(--st-bg);border-bottom:1px solid var(--st-line);
}
:root #settingsModal .settingsShell .settingsMainBarTitle{font-size:17px;font-weight:600;color:var(--st-text);flex:1;text-align:center;margin-right:46px;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root #settingsModal .settingsShell .settingsPane h3{display:none!important}
:root #settingsModal .settingsShell .settingsLead{margin-top:14px!important}
:root #settingsModal .settingsShell .stSegBtn{padding:7px 12px!important;font-size:14.5px!important}
:root #settingsModal .settingsShell .settingLine{flex-wrap:wrap;gap:10px 14px}
:root #settingsModal .settingsShell .settingCopy{flex:1 1 200px}
:root #settingsModal .settingsShell .settingsMain input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),
:root #settingsModal .settingsShell .settingsMain textarea,
:root #settingsModal .settingsShell .settingsMain select{font-size:16px!important}
:root #settingsModal .settingsShell .settingsMain .niceSelectBtn,
:root #settingsModal .settingsShell .settingsMain .niceSelectOption{font-size:15px!important}
:root #settingsModal .settingsShell .settingsMain .niceSelectBtn{max-width:min(240px,70vw)}
:root #settingsModal .settingsShell .settingsMain .primaryAction,
:root #settingsModal .settingsShell .settingsMain .secondaryAction,
:root #settingsModal .settingsShell .settingsMain .dangerAction{min-height:40px!important;font-size:14.5px!important}
:root #settingsModal .settingsShell #settingsMessage{margin:18px -16px 0!important;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px))!important}
:root #settingsModal .settingsShell #settingsMessage:empty{margin:0 -16px calc(24px + env(safe-area-inset-bottom,0px))!important}
:root #settingsModal .settingsShell .settingsSaveToast{bottom:calc(18px + env(safe-area-inset-bottom,0px))!important;right:50%!important;
transform:translate(50%,6px)!important;max-width:calc(100vw - 32px)}
:root #settingsModal .settingsShell .settingsSaveToast.show{transform:translate(50%,0)!important}
:root #settingsModal .settingsShell .lmsFig{max-width:100%;height:auto}
:root #settingsModal .settingsShell .usageLimitRow{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
:root #settingsModal .settingsShell .usageLimitRow .usageMeterBar,
:root #settingsModal .settingsShell .usageLimitRow .usageMeterBarGap{grid-column:1 / -1;grid-row:2}
:root #settingsModal .settingsShell .usageLimitRow .usageMeterNum{grid-column:2;grid-row:1}
:root #settingsModal .settingsShell .billingRow{grid-template-columns:minmax(0,1fr) auto auto;font-size:14.5px}
:root #settingsModal .settingsShell .billingRow .billingRowName{grid-column:1 / -1;text-align:left}
:root #settingsModal .settingsShell .usageCard,
:root #settingsModal .settingsShell .billingCard{flex-wrap:wrap}
}
html.entityReduceMotion *,html.entityReduceMotion *::before,html.entityReduceMotion *::after{
animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important;
}
.sideUsageText[hidden]{display:none!important}
.sidebar .recentsSection .sideSectionHead.recentsHead{
padding:12px 8px 4px!important;min-height:0!important;font-size:12px!important;font-weight:500!important;
letter-spacing:0!important;text-transform:none!important;color:#8e8e8e!important;
}
.sidebar .recents .recentRow{
min-height:32px!important;height:32px;padding:0 2px 0 8px!important;margin:0!important;gap:2px!important;
border:0!important;border-radius:9px!important;box-shadow:none!important;background:transparent;
}
.sidebar .recents .recentRow .recentItem{
min-height:0!important;height:32px;line-height:32px!important;padding:0!important;border:0!important;border-radius:0!important;
background:transparent!important;font-size:13.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.sidebar .recents .recentRow:hover,
.sidebar .recents .recentRow:focus-within{background:#212121!important}
.sidebar .recents .recentRow.active{background:#2a2a2a!important}
.sidebar .recents .recentRow .recentMenuBtn{width:26px!important;height:26px!important}
html[data-theme="light"] .sidebar .recentsSection .sideSectionHead.recentsHead{color:#8f8f8f!important}
html[data-theme="light"] .sidebar .recents .recentRow:hover,
html[data-theme="light"] .sidebar .recents .recentRow:focus-within{background:#ececec!important}
html[data-theme="light"] .sidebar .recents .recentRow.active{background:#e3e3e3!important}
@media(max-width:760px){
.sidebar .recents .recentRow{min-height:40px!important;height:40px}
.sidebar .recents .recentRow .recentItem{height:40px;line-height:40px!important;font-size:15px!important}
}
.sideBrand{position:relative}
.v565SideHeadBtns{margin-left:auto;display:flex;align-items:center;gap:2px;flex:none}
.v565SideIconBtn{width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:8px;
background:transparent;color:#a3a5ad;cursor:pointer}
.v565SideIconBtn svg{width:19px;height:19px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.v565SideIconBtn:hover,.v565SideIconBtn:focus-visible{background:rgba(255,255,255,.07);color:#f1f1f3}
html[data-theme="light"] .v565SideIconBtn{color:#5d6069!important;background:transparent!important}
html[data-theme="light"] .v565SideIconBtn:hover,html[data-theme="light"] .v565SideIconBtn:focus-visible{background:#eceef2!important;color:#17171b!important}
.app.sideFolded .sideBrand{flex-direction:column;justify-content:center;padding:4px 0 10px!important;gap:0}
.app.sideFolded .sideBrand .entityCoreLogo{display:none!important}
.app.sideFolded .v565SideHeadBtns{margin:0;flex-direction:column-reverse;gap:4px}
@media(max-width:760px){ #sideFoldBtn{display:none!important} }
.topbar .chatTitle,.topbar .mode{display:none!important}
@media(min-width:761px){
.topbar{display:none!important}
body:not(.entityFull) .topbar:has(#chatContextWrap:not([hidden])){display:flex!important;height:auto!important;min-height:0!important;
padding:12px 22px 0!important;border-bottom:0!important;background:transparent!important;justify-content:flex-start!important}
.topbar .chatContextWrap{margin-top:0}
}
@media(max-width:760px){
.topbar{justify-content:flex-start!important;border-bottom:0!important}
}
.v565HeroSlot{display:none}
body.v565Hero #welcome{flex:1 0 auto;width:100%;max-width:none!important;margin:0 auto!important;display:flex;flex-direction:column;
align-items:center;justify-content:center;padding:16px 8px!important;box-sizing:border-box}
body.v565Hero #welcome > h1{margin:0 0 20px!important;font-size:30px!important;line-height:1.2!important;letter-spacing:-.6px!important;
font-weight:600!important;text-align:center;max-width:min(var(--v565-cw,760px),100%);overflow-wrap:anywhere}
body.v565HeroLift .v565HeroSlot{display:block;width:100%;flex:none}
body.v565HeroLift #welcome::before{content:'';display:block;flex:none;height:var(--v565-tail,0px)}
body.v565HeroLift .composerArea{transform:translateY(calc(-1 * var(--v565-lift, 0px)));background:transparent!important}
body.v565Glide .composerArea{transition:transform .34s cubic-bezier(.2,.8,.2,1)}
.plusMenu.v565MenuDown,.modelPickerMenu.v565MenuDown,.composerControls .modelPickerMenu.v565MenuDown,
.thinkPickerMenu.v565MenuDown{bottom:auto!important;top:calc(100% + 6px)!important}
.plusMenu.v565MenuFit,.modelPickerMenu.v565MenuFit,.thinkPickerMenu.v565MenuFit{overflow-y:auto!important;overscroll-behavior:contain}
@media(prefers-reduced-motion:reduce){ body.v565Glide .composerArea{transition:none} }
body.v565Hero .welcomeGuestHint{margin-top:18px!important;font-size:12.5px!important}
#welcome .welcomeStarters{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;
justify-content:flex-start!important;gap:1px!important;width:min(var(--v565-cw,720px),100%)!important;max-width:100%!important;
margin:12px auto 0!important;padding:0!important;overflow:visible!important;grid-template-columns:none!important}
#welcome .welcomeStarter,#welcome .v565StartersMore{display:flex!important;align-items:center;gap:12px;width:100%!important;max-width:none!important;
min-height:42px!important;margin:0!important;padding:9px 12px!important;border:0!important;border-radius:10px!important;background:transparent!important;
color:#c9cad0!important;font:inherit;font-size:14px!important;font-weight:400!important;text-align:left!important;justify-content:flex-start!important;white-space:nowrap;overflow:hidden;
text-overflow:ellipsis;cursor:pointer;box-shadow:none!important;grid-column:auto!important;flex:none!important}
#welcome .welcomeStarter::before,#welcome .v565StartersMore::before{content:'';flex:none;width:18px;height:18px;background:currentColor;opacity:.8;
-webkit-mask:var(--v565-ic) center/contain no-repeat;mask:var(--v565-ic) center/contain no-repeat}
#welcome .welcomeStarter:hover,#welcome .welcomeStarter:focus-visible,
#welcome .v565StartersMore:hover,#welcome .v565StartersMore:focus-visible{background:rgba(255,255,255,.06)!important;color:#f4f4f6!important}
#welcome .v565StartersMore{color:#8e9098!important;font-size:13px!important;width:min(var(--v565-cw,720px),100%)!important;margin:1px auto 0!important}
#welcome .v565StartersMore[hidden]{display:none!important}
#welcome #welcomeStarters:not(.v565All) > .welcomeStarter:nth-child(n+4){display:none!important}
#welcome .v565StartersMore.v565Open::before{transform:rotate(180deg)}
html[data-theme="light"] #welcome .welcomeStarter{color:#2b2c31!important;background:transparent!important}
html[data-theme="light"] #welcome .v565StartersMore{color:#6b6e77!important;background:transparent!important}
html[data-theme="light"] #welcome .welcomeStarter:hover,html[data-theme="light"] #welcome .welcomeStarter:focus-visible,
html[data-theme="light"] #welcome .v565StartersMore:hover,html[data-theme="light"] #welcome .v565StartersMore:focus-visible{background:#f1f2f5!important;color:#111!important}
#welcome .welcomeStarter{--v565-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 15.5a2 2 0 01-2 2H8l-4 3.5V6a2 2 0 012-2h12a2 2 0 012 2z'/%3E%3C/svg%3E")}
#welcome .v565StartersMore{--v565-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
#welcome .welcomeStarter[data-welcome-start="due"]{--v565-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='16.5' rx='2'/%3E%3Cpath d='M16 2.5v4M8 2.5v4M3 10h18'/%3E%3C/svg%3E")}
#welcome .welcomeStarter[data-welcome-start="missed"]{--v565-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}
#welcome .welcomeStarter[data-welcome-start="study"]{--v565-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 4h6a4 4 0 014 4v13a3 3 0 00-3-3H2z'/%3E%3Cpath d='M22 4h-6a4 4 0 00-4 4v13a3 3 0 013-3h7z'/%3E%3C/svg%3E")}
#welcome .welcomeStarter[data-welcome-start="flashcards"]{--v565-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7' width='14' height='13' rx='2'/%3E%3Cpath d='M7 7V5a2 2 0 012-2h10a2 2 0 012 2v10a2 2 0 01-2 2h-2'/%3E%3C/svg%3E")}
#welcome .welcomeStarter[data-welcome-start="grades"]{--v565-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V10M10 20V4M16 20v-7M22 20H2'/%3E%3C/svg%3E")}
#welcome .welcomeStarter[data-welcome-start="first"]{--v565-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4'/%3E%3Cpath d='M5 4h11l-2 4 2 4H5'/%3E%3C/svg%3E")}
#welcome .welcomeStarter[data-welcome-start="hardest"]{--v565-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4'/%3E%3Cpath d='M12 3a6 6 0 00-3.6 10.8c.7.5 1.1 1.3 1.1 2.2h5c0-.9.4-1.7 1.1-2.2A6 6 0 0012 3z'/%3E%3C/svg%3E")}
#welcome .welcomeStarter[data-welcome-start="screen"]{--v565-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='3.5' width='19' height='13' rx='2'/%3E%3Cpath d='M8 20.5h8M12 16.5v4'/%3E%3C/svg%3E")}
#welcome .welcomeStarter[data-welcome-start="assignment"]{--v565-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 013 3L7 19l-4 1 1-4z'/%3E%3C/svg%3E")}
#welcome .welcomeStarter[data-welcome-start="draft"]{--v565-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 15.5a2 2 0 01-2 2H8l-4 3.5V6a2 2 0 012-2h12a2 2 0 012 2z'/%3E%3Cpath d='M8 9h8M8 13h5'/%3E%3C/svg%3E")}
#welcome .welcomeStarter[data-welcome-start="practice"]{--v565-ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='4' width='14' height='17' rx='2'/%3E%3Cpath d='M9 4V3h6v1'/%3E%3Cpath d='M9 13l2 2 4-4'/%3E%3C/svg%3E")}
@media(max-width:760px){
body.v565Hero #welcome{justify-content:flex-end;padding:8px 2px 4px!important}
body.v565Hero #welcome > h1{margin:auto 0!important;font-size:25px!important;padding:0 10px}
#welcome .welcomeStarters,#welcome .v565StartersMore{width:100%!important}
#welcome .welcomeStarters{margin-top:10px!important}
#welcome .welcomeStarter,#welcome .v565StartersMore{min-height:44px!important;font-size:15px!important}
}
.composer .composerInner{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
align-items:flex-end!important;gap:4px!important;min-height:52px;padding:8px 8px 8px 8px!important;border-radius:26px!important}
.composer .composerInner #chatInput{order:1!important;flex:1 1 0!important;width:auto!important;min-width:0!important;
margin:0 0 4px!important;padding:5px 6px!important;font-size:15px!important;align-self:flex-end}
.composer .composerInner .composerControls{display:contents!important}
.composerControls .plusWrap{order:0!important;position:relative;flex:none}
.composerControls .v568Grow{display:none!important}
.composerControls .usageRing{order:2!important;align-self:center;margin-bottom:0}
body.v565Hero .composerControls .usageRing{display:none!important}
.composerControls #modelPickerWrap{order:3!important;margin-left:0!important;min-width:0;flex:none}
.composerControls #voiceModeBtn{order:4!important}
.composerControls #sendBtn{order:5!important}
.composerControls svg{pointer-events:none}
.composerControls .attachBtn,
.composerControls #voiceModeBtn{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;
padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#c9cad0!important;
display:grid!important;place-items:center!important;font-size:0!important;flex:none!important}
.composerControls .attachBtn:hover,.composerControls .attachBtn:focus-visible,
.composerControls #voiceModeBtn:hover,.composerControls #voiceModeBtn:focus-visible{background:rgba(255,255,255,.08)!important;color:#fff!important}
.composerControls #voiceModeBtn.voiceOn{background:#2f5fd8!important;color:#fff!important}
.composerControls #sendBtn{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;
font-size:16px!important;margin-left:2px!important;flex:none!important}
.composerControls .modelPickerBtn{display:inline-flex!important;align-items:center!important;gap:6px!important;height:32px!important;
min-height:32px!important;max-width:100%;padding:0 8px 0 10px!important;border:0!important;border-radius:10px!important;
background:transparent!important;color:#e6e6ea!important;font-size:13px!important;font-weight:500!important;white-space:nowrap}
.composerControls .modelPickerBtn:hover,.composerControls .modelPickerBtn:focus-visible,
.composerControls .modelPickerBtn[aria-expanded="true"]{background:rgba(255,255,255,.08)!important;color:#fff!important}
.composerControls #modelPickerBtnLabel{overflow:hidden;text-overflow:ellipsis}
.composerControls .v568EffortLabel{color:#8e8f97}
.composerControls .v568EffortLabel[hidden]{display:none!important}
.composerControls .modelPickerCaret{width:14px;height:14px;opacity:.6!important;flex:none}
.composerControls .modelPickerMenu{position:absolute!important;top:auto!important;bottom:calc(100% + 8px)!important;left:auto!important;right:0!important;
width:292px!important;min-width:0!important;max-width:calc(100vw - 24px)!important;padding:6px!important;border-radius:14px!important;
background:#1f1f23!important;border:1px solid #34343a!important;box-shadow:0 18px 50px rgba(0,0,0,.5)!important;display:none!important;z-index:60!important}
.composerControls .modelPickerMenu:not(.v565MenuFit){overflow:visible!important}
.composerControls .modelPickerMenu.open{display:block!important}
.composerControls .modelPickerMenu.v565MenuDown{bottom:auto!important;top:calc(100% + 6px)!important}
.modelPickerMenu .modelPickerOption,.modelPickerMenu .thinkPickerOption,.modelPickerMenu .v568SubRow{display:flex!important;align-items:center!important;
gap:10px!important;width:100%!important;min-height:0!important;margin:0!important;padding:8px 10px!important;border:0!important;border-radius:9px!important;
background:transparent!important;color:#ececef!important;font:inherit;font-size:13.5px!important;text-align:left!important;cursor:pointer;opacity:1}
.modelPickerMenu .modelPickerOption:hover,.modelPickerMenu .thinkPickerOption:hover,.modelPickerMenu .v568SubRow:hover,
.modelPickerMenu .modelPickerOption:focus-visible,.modelPickerMenu .thinkPickerOption:focus-visible,.modelPickerMenu .v568SubRow:focus-visible,
.modelPickerMenu .v568SubRow[aria-expanded="true"]{background:rgba(255,255,255,.07)!important;outline:none}
.modelPickerMenu .modelPickerOption.locked,.modelPickerMenu .thinkPickerOption.locked{opacity:.72}
.modelPickerMenu .v568SubRow[hidden]{display:none!important}
.modelPickerMenu .modelPickerText{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}
.modelPickerMenu .modelPickerTitle,.modelPickerMenu .thinkPickerTitle{font-size:13.5px!important;font-weight:500!important;color:#ececef!important}
.modelPickerMenu .modelPickerDesc{font-size:12px!important;color:#8e8f97!important;line-height:1.35}
.modelPickerMenu .modelPickerCheck,.modelPickerMenu .thinkPickerCheck{order:9;margin-left:auto;flex:none;width:auto!important;
visibility:hidden;opacity:1!important;color:#ececef!important;font-size:14px}
.modelPickerMenu .selected .modelPickerCheck,.modelPickerMenu .selected .thinkPickerCheck{visibility:visible}
.modelPickerMenu .v568Divider{height:1px;background:#34343a;margin:5px 6px}
.modelPickerMenu .v568RowLabel{flex:1 1 auto}
.modelPickerMenu .v568RowVal{color:#8e8f97}
.modelPickerMenu .v568Chev{opacity:.6;flex:none;margin-left:-2px}
.modelPickerMenu .v568Sub{display:none;position:absolute;right:calc(100% + 6px);left:auto;bottom:-1px;top:auto;width:286px;max-width:calc(100vw - 24px);
padding:6px;border-radius:14px;background:#1f1f23;border:1px solid #34343a;box-shadow:0 18px 50px rgba(0,0,0,.5);overflow-y:auto;z-index:2}
.modelPickerMenu .v568Sub.open{display:block}
.modelPickerMenu .v568Sub.v568FlyRight{right:auto;left:calc(100% + 6px)}
.modelPickerMenu.v565MenuDown .v568Sub{bottom:auto;top:-1px}
.modelPickerMenu .v568Back{display:none}
.modelPickerMenu .v568SubDesc{padding:6px 10px 8px;font-size:12px;line-height:1.4;color:#8e8f97}
.modelPickerMenu .v568Warn{flex:none;font-size:11px;line-height:1.5;padding:0 7px;border-radius:999px;background:rgba(232,163,61,.16);color:#f0b45a}
.modelPickerMenu .v568Effort{padding:6px 10px 8px}
.modelPickerMenu .v568Effort[hidden]{display:none!important}
.modelPickerMenu .v568EffortHead{display:flex;align-items:baseline;justify-content:space-between;font-size:13.5px;color:#ececef;margin-bottom:2px}
.modelPickerMenu .v568Slider{position:relative;height:30px;margin:0 8px;cursor:pointer;touch-action:none;outline:none;border-radius:8px}
.modelPickerMenu .v568Slider:focus-visible{box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.modelPickerMenu .v568Track{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:2px;background:rgba(255,255,255,.14);overflow:hidden}
.modelPickerMenu .v568Fill{display:block;height:100%;width:0;border-radius:2px;background:rgba(255,255,255,.78);transition:width .18s cubic-bezier(.2,.8,.2,1)}
.modelPickerMenu .v568Stop{position:absolute;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:rgba(255,255,255,.3);display:grid;place-items:center}
.modelPickerMenu .v568Stop.v568On:not(.locked){background:transparent}
.modelPickerMenu .v568Stop[data-think="fast"]{left:0}
.modelPickerMenu .v568Stop[data-think="balanced"]{left:50%}
.modelPickerMenu .v568Stop[data-think="best"]{left:100%}
.modelPickerMenu .v568Stop.locked{width:16px;height:16px;margin:-8px 0 0 -8px;background:#2a2a2f;color:#a3a4ac;border:1px solid #45454c}
.modelPickerMenu .v568Thumb{position:absolute;top:50%;left:0;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#fff;
box-shadow:0 1px 3px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.08);transition:left .18s cubic-bezier(.2,.8,.2,1),transform .12s ease;pointer-events:none}
.modelPickerMenu .v568Slider:active .v568Thumb,.modelPickerMenu .v568Slider.v568Dragging .v568Thumb{transform:scale(1.12)}
.modelPickerMenu .v568Slider.v568Dragging .v568Thumb,.modelPickerMenu .v568Slider.v568Dragging .v568Fill{transition:none}
.modelPickerMenu .v568StopLabels{display:flex;justify-content:space-between;margin:0 0 2px;font-size:12px;color:#8e8f97}
.modelPickerMenu .v568StopLabels span{cursor:pointer;padding:2px 0;min-width:40px}
.modelPickerMenu .v568StopLabels span:nth-child(2){text-align:center}
.modelPickerMenu .v568StopLabels span:last-child{text-align:right}
.modelPickerMenu .v568StopLabels span.v568Cur{color:#ececef;font-weight:600}
.modelPickerMenu .v568StopLabels span.locked{opacity:.6}
.modelPickerMenu .v568Effort .v568SubDesc{padding:4px 0 0;font-size:11.5px}
.modelPickerMenu .v568Effort .v568Warn{display:inline-block;margin-top:6px}
.modelPickerMenu .v568Effort .v568Warn[hidden]{display:none}
@media(prefers-reduced-motion:reduce){ .modelPickerMenu .v568Thumb,.modelPickerMenu .v568Fill{transition:none} }
html[data-theme="light"] .modelPickerMenu .v568EffortHead{color:#1d1d20}
html[data-theme="light"] .modelPickerMenu .v568Track{background:#e4e4e9}
html[data-theme="light"] .modelPickerMenu .v568Fill{background:#1d1d20}
html[data-theme="light"] .modelPickerMenu .v568Stop{background:#c9c9d0}
html[data-theme="light"] .modelPickerMenu .v568Stop.locked{background:#f2f2f5;color:#6b6e77;border-color:#d9d9de}
html[data-theme="light"] .modelPickerMenu .v568Thumb{box-shadow:0 1px 3px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.12)}
html[data-theme="light"] .modelPickerMenu .v568StopLabels{color:#6b6e77}
html[data-theme="light"] .modelPickerMenu .v568StopLabels span.v568Cur{color:#111}
html[data-theme="light"] .modelPickerMenu .v568Slider:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.25)}
html[data-theme="light"] .composerControls .attachBtn,html[data-theme="light"] .composerControls #voiceModeBtn{color:#3a3b42!important}
html[data-theme="light"] .composerControls .attachBtn:hover,html[data-theme="light"] .composerControls .attachBtn:focus-visible,
html[data-theme="light"] .composerControls #voiceModeBtn:hover,html[data-theme="light"] .composerControls #voiceModeBtn:focus-visible{background:#eeeef2!important;color:#111!important}
html[data-theme="light"] .composerControls #voiceModeBtn.voiceOn{background:#2f5fd8!important;color:#fff!important}
html[data-theme="light"] .composerControls .modelPickerBtn{color:#1d1d20!important;background:transparent!important;border:0!important}
html[data-theme="light"] .composerControls .modelPickerBtn:hover,html[data-theme="light"] .composerControls .modelPickerBtn:focus-visible,
html[data-theme="light"] .composerControls .modelPickerBtn[aria-expanded="true"]{background:#eeeef2!important;color:#111!important}
html[data-theme="light"] .composerControls .v568EffortLabel{color:#6b6e77}
html[data-theme="light"] .composerControls .modelPickerMenu,html[data-theme="light"] .modelPickerMenu .v568Sub{background:#fff!important;border-color:#e3e3e8!important;
box-shadow:0 18px 50px rgba(0,0,0,.14)!important}
html[data-theme="light"] .modelPickerMenu .modelPickerOption,html[data-theme="light"] .modelPickerMenu .thinkPickerOption,
html[data-theme="light"] .modelPickerMenu .v568SubRow,html[data-theme="light"] .modelPickerMenu .v568Back,
html[data-theme="light"] .modelPickerMenu .modelPickerTitle,html[data-theme="light"] .modelPickerMenu .thinkPickerTitle{color:#1d1d20!important}
html[data-theme="light"] .modelPickerMenu .modelPickerOption:hover,html[data-theme="light"] .modelPickerMenu .thinkPickerOption:hover,
html[data-theme="light"] .modelPickerMenu .v568SubRow:hover,html[data-theme="light"] .modelPickerMenu .modelPickerOption:focus-visible,
html[data-theme="light"] .modelPickerMenu .thinkPickerOption:focus-visible,html[data-theme="light"] .modelPickerMenu .v568SubRow:focus-visible,
html[data-theme="light"] .modelPickerMenu .v568SubRow[aria-expanded="true"]{background:#f2f2f5!important}
html[data-theme="light"] .modelPickerMenu .modelPickerDesc,html[data-theme="light"] .modelPickerMenu .v568RowVal,
html[data-theme="light"] .modelPickerMenu .v568SubDesc{color:#6b6e77!important}
html[data-theme="light"] .modelPickerMenu .modelPickerCheck,html[data-theme="light"] .modelPickerMenu .thinkPickerCheck{color:#111!important}
html[data-theme="light"] .modelPickerMenu .v568Divider{background:#e6e6ea}
html[data-theme="light"] .modelPickerMenu .v568Warn{background:#fdf1dc;color:#9a5b00}
body.v565Hero .composerDisclaimer .disclaimerWide,body.v565Hero .composerDisclaimer .disclaimerNarrow,
body.v565Hero .composerDisclaimer #composerFeedbackLink,body.v565Hero .composerDisclaimer .disclaimerGuest br{display:none!important}
body.v565Hero .composerDisclaimer:not(:has(.disclaimerGuest:not([hidden]))){display:none!important}
@media(max-width:760px){
.composer .composerInner{padding:6px!important;border-radius:24px!important;min-height:50px}
.composerControls .v568EffortLabel{display:none!important}
.composerControls #modelPickerBtnLabel{max-width:84px}
.composer .composerInner #chatInput{font-size:16px!important}
.composer .composerInner{gap:2px!important}
.composerControls .attachBtn,.composerControls #voiceModeBtn,.composerControls #sendBtn{width:34px!important;height:34px!important;
min-width:34px!important;min-height:34px!important}
.composerControls .modelPickerCaret{display:none!important}
.composerControls .modelPickerBtn{height:34px!important;min-height:34px!important;padding:0 6px!important;font-size:12.5px!important;gap:3px!important}
.modelPickerMenu .v568Slider{height:40px}
.modelPickerMenu .v568Thumb{width:22px;height:22px;margin:-11px 0 0 -11px}
.modelPickerMenu .v568StopLabels{font-size:13px}
.composerControls .modelPickerWrap{position:static!important}
body .composerArea .composerControls .modelPickerMenu{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;
width:auto!important;max-width:none!important;max-height:min(82vh,600px)!important;overflow-x:hidden!important;overflow-y:auto!important;
border-radius:18px 18px 0 0!important;border-width:1px 0 0!important;padding:6px 8px calc(12px + env(safe-area-inset-bottom,0px))!important;
box-shadow:0 0 0 100vmax rgba(0,0,0,.45)!important;z-index:1000!important;transform:none!important}
body .composerArea:has(.modelPickerMenu.open){z-index:1200!important}
body:has(.composerControls .modelPickerMenu.open) #mobileMenuBtn{z-index:auto!important}
body .composerArea .composerControls .modelPickerMenu::before{content:'';display:block;width:36px;height:4px;border-radius:2px;background:#55565c;margin:2px auto 8px}
.modelPickerMenu.v568InSub .v568Main{display:none}
.modelPickerMenu .v568Sub{position:static;width:auto;max-width:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;max-height:none;overflow:visible}
.modelPickerMenu .v568Sub.open{animation:v568SlideIn .22s ease both}
.modelPickerMenu .v568Back{display:flex;align-items:center;gap:8px;width:100%;padding:10px 8px;border:0;background:transparent;color:#ececef;
font:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer;border-radius:9px}
.modelPickerMenu .modelPickerOption,.modelPickerMenu .thinkPickerOption,.modelPickerMenu .v568SubRow{min-height:48px!important;font-size:15px!important}
.modelPickerMenu .modelPickerTitle,.modelPickerMenu .thinkPickerTitle{font-size:15px!important}
}
@media(max-width:430px){ .composerControls .usageRing{display:none!important} }
.composerControls .usageRing{align-self:flex-end!important;margin-bottom:5px!important}
@keyframes v568SlideIn{from{transform:translateX(28px);opacity:0}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){ .modelPickerMenu .v568Sub.open{animation:none} }
#welcome.v568HasDash #welcomeStarters,#welcome.v568HasDash #v565StartersMore{display:none!important}
.composer .composerInner #chatInput{margin:0!important;line-height:22px!important;min-height:32px!important;
padding:5px 6px!important;box-sizing:border-box!important;align-self:flex-end!important}
body.v565Hero .composer .composerInner{align-items:flex-end!important}
body:not(.v565Hero) .composer .composerInner{display:grid!important;
grid-template-columns:auto auto minmax(0,1fr) auto auto auto!important;grid-template-rows:auto auto!important;
align-items:center!important;column-gap:2px!important;row-gap:4px!important;min-height:0!important;padding:0!important;
border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body:not(.v565Hero) .composer .composerInner::before{content:"";grid-row:1;grid-column:1 / -1;align-self:stretch;
background:#171717;border:1px solid #333;border-radius:24px;box-shadow:0 12px 42px rgba(0,0,0,.45);transition:border-color .15s ease}
body:not(.v565Hero) .composer .composerInner:focus-within::before{border-color:#6fa2ff}
html[data-theme="light"] body:not(.v565Hero) .composer .composerInner::before{background:#fff;border-color:#d9d9de;box-shadow:0 8px 28px rgba(0,0,0,.08)}
html[data-theme="light"] body:not(.v565Hero) .composer .composerInner:focus-within::before{border-color:#b9bcc6}
html[data-theme="light"] body:not(.v565Hero) .composerArea{background:linear-gradient(to top,#fff 74%,rgba(255,255,255,0))!important}
body:not(.v565Hero) .composer .composerInner #chatInput{grid-row:1;grid-column:1 / 6;align-self:end!important;position:relative;z-index:1;
margin:9px 4px 9px 14px!important}
body:not(.v565Hero) .composerControls #sendBtn{grid-row:1;grid-column:6;align-self:end!important;position:relative;z-index:1;margin:0 9px 9px 0!important}
body:not(.v565Hero) .composerControls .plusWrap{grid-row:2;grid-column:1;margin-left:4px}
body:not(.v565Hero) .composerControls #voiceModeBtn{grid-row:2;grid-column:2}
body:not(.v565Hero) .composerControls .usageRing{grid-row:2;grid-column:4;align-self:center!important;margin:0 2px!important}
body:not(.v565Hero) .composerControls #modelPickerWrap{grid-row:2;grid-column:5 / 7;justify-self:end;margin-right:2px!important}
@media(max-width:760px){
.composer .composerInner #chatInput{min-height:34px!important;padding:6px 6px!important}
.composerControls #attachBtn,.composerControls #voiceModeBtn,.composerControls #sendBtn{width:34px!important;min-width:34px!important;
height:34px!important;min-height:34px!important}
.composerControls #modelPickerBtn{height:34px!important;min-height:34px!important}
body:not(.v565Hero) .composer .composerInner{padding:0!important;min-height:0!important}
body:not(.v565Hero) .composer .composerInner::before{border-radius:22px}
body:not(.v565Hero) .composer .composerInner #chatInput{margin:7px 4px 7px 12px!important}
body:not(.v565Hero) .composerControls #sendBtn{margin:0 7px 7px 0!important}
body:not(.v565Hero) .composerControls .v568EffortLabel:not([hidden]){display:inline!important}
body:not(.v565Hero) .composerControls #modelPickerBtnLabel{max-width:120px}
}
:root #homeDash{
--hd-card:#1b1b1b;--hd-text:#ececec;--hd-sub:#9d9d9d;--hd-faint:#6e6e6e;--hd-line:#2c2c2c;--hd-row:#282828;
--hd-hover:#232323;--hd-pill:#3a3a3a;--hd-btn-line:#444;--hd-pri-bg:#ececec;--hd-pri-fg:#111;--hd-pri-hover:#ffffff;
--hd-red:#f87171;--hd-red-line:rgba(248,113,113,.5);--hd-orange:#fb923c;--hd-yellow:#facc15;--hd-green:#4ade80;
--hd-focus:#3b82f6;
max-width:900px!important;margin:28px auto 0!important;text-align:left;color:var(--hd-text);
}
:root[data-theme="light"] #homeDash{
--hd-card:#ffffff;--hd-text:#0d0d0d;--hd-sub:#6b6b6b;--hd-faint:#a3a3a3;--hd-line:#e5e5e5;--hd-row:#ececec;
--hd-hover:#f5f5f5;--hd-pill:#d9d9d9;--hd-btn-line:#d4d4d4;--hd-pri-bg:#0d0d0d;--hd-pri-fg:#ffffff;--hd-pri-hover:#333333;
--hd-red:#dc2626;--hd-red-line:rgba(220,38,38,.45);--hd-orange:#ea580c;--hd-yellow:#a16207;--hd-green:#16a34a;
--hd-focus:#2f7df6;
}
:root #homeDash .homeDashGreeting{display:block!important;margin:0 0 10px!important;padding:0 2px!important;text-align:left}
:root #homeDash .homeDashTitleRow{display:flex;align-items:baseline;gap:4px 12px;flex-wrap:wrap}
:root #homeDash .homeDashTitle{font-size:22px!important;font-weight:600!important;letter-spacing:-.01em!important;color:var(--hd-text)!important;margin:0!important;padding:0!important;border:0!important;text-transform:none!important}
:root #homeDash .homeDashGreeting .homeDashDate{display:inline!important;font-size:13.5px!important;color:var(--hd-sub)!important;margin:0!important}
:root #homeDash .homeDashSub{margin:4px 0 0!important;font-size:13.5px;line-height:1.5;color:var(--hd-sub)}
:root #homeDash .homeDashSub b{display:inline!important;font-size:inherit!important;font-weight:500!important;letter-spacing:0!important;color:var(--hd-text)!important}
:root #homeDash .homeDashSub span{display:inline!important;font-size:inherit!important;color:var(--hd-sub)!important;margin:0!important}
:root #homeDash [data-home-slot="hero-lines"]:empty{display:none}
:root #homeDash [data-home-slot="hero-lines"] .homeHeroLines{margin:0 0 10px!important;padding:0 2px!important;gap:2px;font-size:13px!important;color:var(--hd-sub)!important}
:root #homeDash .homeTodayLine{display:flex!important;flex-wrap:wrap;align-items:center;gap:0 4px;margin:2px 0 16px -8px!important;padding:0!important;font-size:13px!important;font-weight:400!important;color:var(--hd-sub)!important}
:root #homeDash .homeTodaySep{display:none}
:root #homeDash .homeTodayPart{display:inline-flex!important;align-items:center;gap:7px;min-height:30px;padding:4px 8px!important;margin:0!important;
border:0!important;border-radius:8px!important;background:transparent!important;color:var(--hd-sub)!important;
font:inherit!important;font-size:13px!important;font-weight:400!important;text-decoration:none!important;cursor:pointer}
:root #homeDash .homeTodayPart:hover{background:var(--hd-hover)!important;color:var(--hd-text)!important}
:root #homeDash .homeTodayPart::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--hd-faint);flex:none}
:root #homeDash .homeTodayPart.prio-missing::before,:root #homeDash .homeTodayPart.prio-overdue::before,
:root #homeDash .homeTodayPart.prio-grade_drop::before{background:var(--hd-red)}
:root #homeDash .homeTodayPart.prio-do_now::before,:root #homeDash .homeTodayPart.prio-due_today::before,
:root #homeDash .homeTodayPart.prio-due_tomorrow::before{background:var(--hd-orange)}
:root #homeDash .homeTodayPart.prio-coming_up::before{background:var(--hd-yellow)}
:root #homeDash .homeTodayTail{flex-basis:100%;font-size:12.5px!important;color:var(--hd-sub)!important;margin:2px 0 0 8px!important}
:root #homeDash .homeTrustBar{display:flex!important;align-items:center;gap:6px 10px;flex-wrap:wrap;margin:0 0 12px!important;padding:10px 14px!important;
background:var(--hd-card)!important;border:1px solid var(--hd-line)!important;border-radius:12px!important;color:var(--hd-sub)!important;font-size:13px!important;line-height:1.45}
:root #homeDash .homeTrustBar b{color:var(--hd-text)!important;font-weight:500}
:root #homeDash .homeTrustBar > span:not(.homeTrustDot){flex:1 1 240px;min-width:0}
:root #homeDash .homeTrustDot{background:var(--hd-green)}
:root #homeDash .homeTrustDot.warn{background:var(--hd-orange)}
:root #homeDash .homeModernGrid{gap:12px!important}
:root #homeDash .homeModernCard,:root #homeDash .homeMore,:root #homeDash .homeMissedCard,:root #homeDash .homePushPrompt,:root #homeDash .homeReconnect{
background:var(--hd-card)!important;border:1px solid var(--hd-line)!important;border-radius:14px!important;box-shadow:none!important;color:var(--hd-text)}
:root #homeDash .homeModernCard{padding:18px 20px!important}
:root #homeDash .homeModernHead{margin:0 0 8px!important;min-height:30px}
:root #homeDash .homeModernHead h2{font-size:15.5px!important;font-weight:600!important;letter-spacing:0!important;color:var(--hd-text)!important;text-transform:none!important}
:root #homeDash .homeModernHead .homeModernIcon,:root #homeDash .homeDayCard .homeModernDate{display:none!important}
:root #homeDash .homeModernDivider{height:1px;background:var(--hd-row)!important;margin:16px 0 14px!important}
:root #homeDash .homeCardMeta{font-size:13px!important;color:var(--hd-sub)!important;margin:-4px 0 10px!important}
:root #homeDash .homeCardLink{background:none!important;border:0!important;padding:4px 2px!important;min-height:0;color:var(--hd-sub)!important;
font:inherit!important;font-size:13px!important;font-weight:500!important;text-decoration:none!important;cursor:pointer;border-radius:6px}
:root #homeDash .homeCardLink:hover{color:var(--hd-text)!important}
:root #homeDash .homeLinkBtn{color:var(--hd-text)!important;font-size:13px!important;text-decoration:underline;text-decoration-color:var(--hd-faint);text-underline-offset:3px}
:root #homeDash .homeEmpty,:root #homeDash .homeDayLoading,:root #homeDash .homeDayNoSync,:root #homeDash .homeGradeIntro,:root #homeDash .homeNotes{font-size:13px!important;color:var(--hd-sub)!important}
:root #homeDash .homeAttention{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;padding:14px 20px!important}
:root #homeDash .homeAttentionTitle{display:flex;align-items:center;gap:9px;margin:0!important;font-size:15.5px!important;font-weight:600!important;color:var(--hd-text)!important}
:root #homeDash .homeAttentionTitle > span[aria-hidden]{width:8px;height:8px;border-radius:50%;background:var(--hd-red);font-size:0;flex:none}
:root #homeDash .homeAttentionItems{display:flex!important;align-items:center;flex-wrap:wrap;gap:8px;flex:1 1 auto;min-width:0}
:root #homeDash .homeAttentionPill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--hd-pill)!important;background:transparent!important;border-radius:999px!important;
padding:4px 11px!important;color:var(--hd-sub)!important;font-size:12.5px!important}
:root #homeDash .homeAttentionPill b{color:var(--hd-text)!important;font-weight:600}
:root #homeDash .homeAttentionPill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--hd-faint);flex:none}
:root #homeDash .homeAttentionPill.isMissing::before,:root #homeDash .homeAttentionPill.isOverdue::before{background:var(--hd-red)}
:root #homeDash .homeAttentionPill.isToday::before{background:var(--hd-orange)}
:root #homeDash .homeAttentionItems .homeCardLink{margin-left:auto;color:var(--hd-text)!important}
:root #homeDash .homeDayStat{display:flex!important;align-items:center;min-height:0!important;padding:12px 14px!important;margin:0!important;border:0!important;
border-left:1px solid var(--hd-line)!important;border-radius:0!important;background:transparent!important;color:var(--hd-text)!important;font:inherit}
:root #homeDash .homeDayStat:first-child{border-left:0!important}
:root #homeDash button.homeDayStat:hover{background:var(--hd-hover)!important}
:root #homeDash .homeDayStat span:last-child{display:flex;flex-direction:column;min-width:0}
:root #homeDash .homeDayStat b{font-size:20px!important;font-weight:600;line-height:1.15;color:var(--hd-text)!important;white-space:nowrap}
:root #homeDash .homeDayStat small{font-size:12.5px!important;color:var(--hd-sub)!important;margin-top:2px;line-height:1.3}
:root #homeDash .homeDayStat.isAlert b{color:var(--hd-text)!important}
:root #homeDash .homeFocusLabel{font-size:12.5px!important;color:var(--hd-sub)!important;margin:0 0 8px!important}
:root #homeDash .homeFocusRow{display:flex!important;align-items:center;gap:14px;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important}
:root #homeDash .homeFocusDoc,:root #homeDash .homeCompactDoc{display:none!important}
:root #homeDash .homeFocusTitle,:root #homeDash .homeFocusCopy > b,:root #homeDash .homeCompactCopy > b,:root #homeDash .homePlanCopy > b{
font-size:14px!important;font-weight:500!important;color:var(--hd-text)!important;line-height:1.35}
:root #homeDash .homeFocusCopy small,:root #homeDash .homeCompactCopy small,:root #homeDash .homePlanCopy small{font-size:12.5px!important;color:var(--hd-sub)!important;margin-top:2px}
:root #homeDash .homeFocusTitle .prioChip{margin-left:6px;vertical-align:2px}
:root #homeDash .homeFocusContinue,:root #homeDash .homeFocusOpen,:root #homeDash .homeNightStartBtn,:root #homeDash .primaryAction,:root #homeDash .homeReconnectBtn{
display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px!important;padding:8px 16px!important;margin:0;
border:0!important;border-radius:999px!important;background:var(--hd-pri-bg)!important;color:var(--hd-pri-fg)!important;box-shadow:none!important;
font:inherit!important;font-size:13px!important;font-weight:600!important;white-space:nowrap;cursor:pointer;flex:none}
:root #homeDash .homeFocusContinue:hover,:root #homeDash .homeFocusOpen:hover,:root #homeDash .homeNightStartBtn:hover,
:root #homeDash .primaryAction:hover,:root #homeDash .homeReconnectBtn:hover{background:var(--hd-pri-hover)!important}
:root #homeDash .secondaryAction,:root #homeDash .homeMissedBtn,:root #homeDash .homeTrustBar button,:root #homeDash .homeNightMiniBtn{
display:inline-flex;align-items:center;justify-content:center;min-height:32px!important;padding:6px 14px!important;margin:0;
border:1px solid var(--hd-btn-line)!important;border-radius:999px!important;background:transparent!important;color:var(--hd-text)!important;box-shadow:none!important;
font:inherit!important;font-size:13px!important;font-weight:500!important;white-space:nowrap;cursor:pointer;text-decoration:none!important}
:root #homeDash .secondaryAction:hover,:root #homeDash .homeMissedBtn:hover,:root #homeDash .homeTrustBar button:hover,
:root #homeDash .homeNightMiniBtn:hover{background:var(--hd-hover)!important}
:root #homeDash .homeTrustBar button{margin-left:auto}
:root #homeDash .homeNightMiniBtn{min-height:28px!important;padding:3px 11px!important;font-size:12px!important}
:root #homeDash button:focus-visible,:root #homeDash summary:focus-visible,
:root #homeDash [role="button"][tabindex="0"]:focus-visible{outline:2px solid var(--hd-focus)!important;outline-offset:2px!important}
:root #homeDash .homeCompactRow{display:flex!important;align-items:center;gap:10px;min-height:0!important;padding:12px 0!important;margin:0!important;
border:0!important;border-top:1px solid var(--hd-row)!important;background:transparent!important;border-radius:0!important}
:root #homeDash .homeCompactRow:first-child,:root #homeDash [data-home-slot] > .homeCompactRow:first-of-type{border-top:0!important}
:root #homeDash .homeCompactCopy{flex:1 1 auto;min-width:0}
:root #homeDash .homeCompactRow:hover .homeCompactCopy > b,:root #homeDash .homePlanCopy[role="button"]:hover > b{text-decoration:underline;text-decoration-color:var(--hd-faint);text-underline-offset:3px}
:root #homeDash .homeCompactWhen{font-size:12.5px!important;color:var(--hd-sub)!important}
:root #homeDash .homeRow,:root #homeDash .homeConn{padding:11px 0!important;border-top:1px solid var(--hd-row)!important;background:transparent!important}
:root #homeDash .homeRow:first-of-type,:root #homeDash .homeConn:first-of-type{border-top:0!important}
:root #homeDash .homeRowTitle,:root #homeDash .homeConnName{font-size:14px!important;color:var(--hd-text)!important}
:root #homeDash .homeRowMeta,:root #homeDash .homeConnLine,:root #homeDash .homeConnNote{font-size:12.5px!important;color:var(--hd-sub)!important}
:root #homeDash .homeRowDismiss{color:var(--hd-sub)!important}
:root #homeDash .homeRowDismiss:hover,:root #homeDash .homeRowDismiss:focus-visible{background:var(--hd-hover)!important;color:var(--hd-text)!important}
:root #homeDash .prioChip,:root #homeDash .homeCompactBadge,:root #homeDash .homeGradesCount,:root #homeDash .homeChangeKind,:root #homeDash .homeQuickGate{
display:inline-block;background:transparent!important;border:1px solid var(--hd-pill)!important;color:var(--hd-sub)!important;border-radius:999px!important;
padding:1px 8px!important;font-size:10.5px!important;font-weight:600!important;letter-spacing:.04em!important;line-height:1.5;white-space:nowrap;opacity:1}
:root #homeDash .prioChip,:root #homeDash .homeCompactBadge{text-transform:uppercase}
:root #homeDash .prioChip.prio-missing,:root #homeDash .prioChip.prio-overdue,:root #homeDash .homeCompactBadge.isMissing,
:root #homeDash .homeChangeKind.homeChange-missing,:root #homeDash .homeChangeKind.homeChange-grade_down{color:var(--hd-red)!important;border-color:var(--hd-red-line)!important}
:root #homeDash .homeFlag{color:var(--hd-red)!important}
:root #homeDash .homeGradesCount{text-transform:none;letter-spacing:0!important;font-size:12px!important;font-weight:500!important}
:root #homeDash .homeNightStartRow{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;margin:0 0 6px!important;padding:0 0 12px;border-bottom:1px solid var(--hd-row)}
:root #homeDash .homeNightStartCopy{font-size:13px!important;color:var(--hd-sub)!important;line-height:1.45}
:root #homeDash .homePlanRow{padding:12px 0!important;border:0!important;border-top:1px solid var(--hd-row)!important;background:transparent!important;gap:12px!important;align-items:center}
:root #homeDash .homePlanRow:first-child{border-top:0!important}
:root #homeDash .homePlanCheck{width:18px!important;height:18px!important;border:1.5px solid var(--hd-btn-line)!important;border-radius:5px!important;background:transparent!important;
display:grid;place-items:center;padding:0;cursor:pointer}
:root #homeDash .homePlanCheck:hover{border-color:var(--hd-sub)!important}
:root #homeDash .homePlanCheck.isDone{background:var(--hd-pri-bg)!important;border-color:var(--hd-pri-bg)!important}
:root #homeDash .homePlanCheck.isDone::after{color:var(--hd-pri-fg)!important;font-size:11px}
:root #homeDash .homePlanTime,:root #homeDash .homeTonightTime{display:inline-flex;align-items:center;min-height:26px;padding:2px 10px!important;border:1px solid var(--hd-pill)!important;
border-radius:999px!important;background:transparent!important;color:var(--hd-sub)!important;font:inherit;font-size:12px!important;font-weight:500;cursor:pointer;white-space:nowrap}
:root #homeDash .homeTonightTime:hover{background:var(--hd-hover)!important;color:var(--hd-text)!important}
:root #homeDash .homeNightTruth{font-size:12px!important;color:var(--hd-sub)!important}
:root #homeDash .homeTonightInput{background:transparent!important;border:1px solid var(--hd-btn-line)!important;color:var(--hd-text)!important;border-radius:8px}
:root #homeDash .homeGradeRow{padding:12px 0!important;border-top:1px solid var(--hd-row)!important;background:transparent!important}
:root #homeDash .homeGradeRow:first-of-type{border-top:0!important}
:root #homeDash .homeGradeCourse{font-size:14px!important;font-weight:500!important;color:var(--hd-text)!important}
:root #homeDash .homeGradeScore{font-size:14px!important;font-weight:600!important;color:var(--hd-text)!important}
:root #homeDash .homeGradeTrail{font-size:12.5px!important;color:var(--hd-sub)!important}
:root #homeDash .homeGradeMove.isUp{color:var(--hd-green)!important}
:root #homeDash .homeGradeMove.isDown{color:var(--hd-red)!important}
:root #homeDash .homeSmartAction{display:flex;align-items:center;gap:12px;padding:0 0 14px!important;margin:0 0 12px!important;border:0!important;border-bottom:1px solid var(--hd-row)!important;border-radius:0!important;background:transparent!important}
:root #homeDash .homeSmartAction .homeModernIcon{display:none}
:root #homeDash .homeSmartActionCopy b{font-size:14px!important;font-weight:500!important;color:var(--hd-text)!important}
:root #homeDash .homeSmartActionCopy small{font-size:12.5px!important;color:var(--hd-sub)!important}
:root #homeDash .homeSmartAction .homeCardLink{color:var(--hd-text)!important}
:root #homeDash .homeToolGrid{gap:8px!important}
:root #homeDash .homeToolTile{background:transparent!important;border:1px solid var(--hd-line)!important;border-radius:12px!important;color:var(--hd-text)!important;min-height:58px!important;padding:10px 12px!important}
:root #homeDash .homeToolTile:hover{background:var(--hd-hover)!important}
:root #homeDash .homeToolTileIcon{background:transparent!important;color:var(--hd-sub)!important}
:root #homeDash .homeToolTile b{font-size:13.5px!important;font-weight:500!important}
:root #homeDash .homeToolTile small{font-size:12px!important;color:var(--hd-sub)!important}
:root #homeDash .homeToolArrow{color:var(--hd-faint)!important}
:root #homeDash .homeSetupSteps{gap:0!important;margin:4px 0 0!important;border:1px solid var(--hd-line);border-radius:12px;overflow:hidden}
:root #homeDash .homeSetupStep{border:0!important;border-left:1px solid var(--hd-line)!important;border-radius:0!important;background:transparent!important;padding:12px 14px!important}
:root #homeDash .homeSetupStep:first-child{border-left:0!important}
:root #homeDash .homeSetupStep b{font-size:13.5px!important;font-weight:500!important;color:var(--hd-text)!important}
:root #homeDash .homeSetupStep small{font-size:12.5px!important;color:var(--hd-sub)!important}
:root #homeDash .homeSetupCard .classStudentActions{margin:14px 0 0!important}
:root #homeDash .homeMissedCard,:root #homeDash .homePushPrompt{padding:14px 18px!important}
:root #homeDash .homeMissedText{font-size:14px!important;font-weight:500!important;color:var(--hd-text)!important}
:root #homeDash .homeMissedSub,:root #homeDash .homePushText{font-size:13px!important;color:var(--hd-sub)!important}
:root #homeDash .homePushText b{color:var(--hd-text)!important;font-weight:500}
:root #homeDash .homeReconnect{padding:14px 18px!important;margin:0 0 12px!important}
:root #homeDash .homeReconnectText{font-size:13px!important;color:var(--hd-sub)!important}
:root #homeDash .homeReconnectText b{color:var(--hd-text)!important;font-weight:500}
:root #homeDash .homeReconnectText::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--hd-red);margin-right:8px;vertical-align:1px}
:root #homeDash .homeMore{margin-top:12px!important}
:root #homeDash .homeMore > summary{padding:14px 20px!important;font-size:15.5px!important;font-weight:600!important;color:var(--hd-text)!important}
:root #homeDash .homeMore > summary span{color:var(--hd-sub)}
:root #homeDash .homeMoreBody{padding:0 20px 8px!important}
:root #homeDash .homeMoreBody .homePanel{background:transparent!important;border:0!important;border-top:1px solid var(--hd-row)!important;border-radius:0!important;padding:14px 0!important;margin:0!important}
:root #homeDash .homePanel h2{font-size:13px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;color:var(--hd-text)!important}
:root #homeDash .homePanelBtn{color:var(--hd-sub)!important;background:transparent!important;border-color:var(--hd-line)!important}
:root #homeDash .homeMeters{padding:12px 2px 0!important}
:root #homeDash .homeMeter{border-color:var(--hd-pill)!important;color:var(--hd-sub)!important;font-size:12px!important}
:root #homeDash .homeMetersNote{font-size:12px;color:var(--hd-sub)}
@media(min-width:901px){ :root #homeDash .homeModernGrid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)!important} }
:root #homeDash .homeCompactCopy > b,:root #homeDash .homePlanCopy > b,:root #homeDash .homeFocusCopy > b{
white-space:normal!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
:root #homeDash .studyThisBtn{background:transparent!important;border:1px solid var(--hd-btn-line)!important;color:var(--hd-text)!important;border-radius:999px!important;font-size:12px!important;font-weight:500!important}
:root #homeDash .studyThisBtn:hover{background:var(--hd-hover)!important}
:root #homeDash .studyThisBtn .studyThisLeft{color:var(--hd-sub)!important}
:root #homeDash .homeToolTileIcon{filter:grayscale(1);opacity:.85}
@media(max-width:760px){
:root #homeDash{margin-top:18px!important;padding-left:0!important;padding-right:0!important;max-width:100%!important;min-width:0}
:root #homeDash .homeDashTitle{font-size:20px!important}
:root #homeDash .homeModernCard{padding:16px!important}
:root #homeDash .homeAttention{padding:14px 16px!important}
:root #homeDash .homeAttentionItems{display:flex!important}
:root #homeDash .homeAttentionItems .homeCardLink{margin-left:0;flex-basis:100%;text-align:left;min-height:40px}
:root #homeDash .homeDayStat{border-top:0!important;border-left:1px solid var(--hd-line)!important;padding:10px 10px!important}
:root #homeDash .homeDayStat:first-child{border-left:0!important}
:root #homeDash .homeDayStat b{font-size:17px!important}
:root #homeDash .homeDayStat small{font-size:11.5px!important}
:root #homeDash .homeFocusRow{display:grid!important;grid-template-columns:minmax(0,1fr);gap:10px}
:root #homeDash .homeFocusContinue,:root #homeDash .homeFocusOpen,:root #homeDash .homeNightStartBtn{width:100%;min-height:44px!important}
:root #homeDash .homeNightStartRow{flex-direction:column;align-items:stretch}
:root #homeDash .homeTrustBar button{margin-left:0;width:100%;min-height:40px!important}
:root #homeDash .homeSetupSteps{grid-template-columns:1fr!important}
:root #homeDash .homeSetupStep{border-left:0!important;border-top:1px solid var(--hd-line)!important}
:root #homeDash .homeSetupStep:first-child{border-top:0!important}
:root #homeDash .homeTodayPart{min-height:40px}
:root #homeDash .homeTonightTime{min-height:36px}
:root #homeDash .homeCompactRow{min-height:52px!important}
}
#welcome.v568HasDash > h1{display:none!important}
:root{--ba-line:#2c2c2c;--ba-sub:#9d9d9d;--ba-text:#ececec;--ba-card:#161616;--ba-pri-bg:#ececec;--ba-pri-fg:#111;--ba-red:#f87171;--ba-green:#4ade80}
:root[data-theme="light"]{--ba-line:#e5e5e5;--ba-sub:#6b6b6b;--ba-text:#0d0d0d;--ba-card:#ffffff;--ba-pri-bg:#0d0d0d;--ba-pri-fg:#ffffff;--ba-red:#dc2626;--ba-green:#16a34a}
:root #homeDash [data-home-slot="ba-now"]:empty,:root #homeDash [data-home-slot="ba-plan"]:empty{display:none}
:root #homeDash .baNow{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:0 0 12px;padding:0 2px}
:root #homeDash .baNowNext{flex:1 1 220px;min-width:0;font-size:13px;color:var(--hd-sub,var(--ba-sub));line-height:1.45}
:root #homeDash .baNowNext b{color:var(--hd-text,var(--ba-text));font-weight:500}
:root #homeDash .baNowNext small{display:block;font-size:12.5px;color:var(--hd-sub,var(--ba-sub))}
:root #homeDash .baPlanGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 0}
:root #homeDash .baPlanGrid .baRescue,:root #homeDash .baPlanGrid .baFeedback{grid-column:1 / -1}
:root #homeDash .baCard .homeModernHead{display:flex;align-items:center;justify-content:space-between;gap:10px}
:root #homeDash .baCard .homeModernHead h2{overflow-wrap:anywhere}
:root #homeDash .baStep .homeCompactCopy > b{font-size:13px!important;color:var(--hd-sub)!important;font-weight:500!important}
:root #homeDash .baStep .homeCompactCopy small{display:block;font-size:13.5px!important;color:var(--hd-text)!important}
:root #homeDash .baCard .homeCompactCopy small,:root #homeDash .baCard .homeCompactCopy > b{white-space:normal!important;overflow-wrap:anywhere;text-overflow:clip!important}
:root #homeDash .baCard,:root #homeDash .baPlanGrid > *{min-width:0}
:root #homeDash .baToolBtn{min-height:28px!important;padding:3px 11px!important;font-size:12px!important}
:root #homeDash .baActions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:10px 0 0;padding:12px 0 0;border-top:1px solid var(--hd-row,var(--ba-line))}
:root #homeDash .baNote{font-size:12.5px;color:var(--hd-sub,var(--ba-sub))}
:root #homeDash .baRescueRow{cursor:pointer}
:root #homeDash .baImpact{flex:none;font-size:13px;font-weight:600;color:var(--hd-text,var(--ba-text));white-space:nowrap}
:root #homeDash .baImpact.isUnknown{font-weight:400;font-size:12px;color:var(--hd-sub,var(--ba-sub))}
:root #homeDash .baLocked{color:var(--hd-red,var(--ba-red))}
:root #homeDash .baNewDot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--hd-text,var(--ba-text));margin:0 8px 1px 0;vertical-align:middle}
.gradeFlag.gradeNewFb{background:transparent!important;border:1px solid var(--ba-line);color:var(--ba-text)!important}
html[data-theme="light"] .gradeFlag.gradeNewFb{background:transparent!important;color:var(--ba-text)!important}
.whatIf{margin:8px 0 10px;border:1px solid var(--ba-line);border-radius:12px;background:transparent}
.whatIf > summary{cursor:pointer;list-style:none;padding:9px 14px;font-size:13px;font-weight:500;color:var(--ba-text)}
.whatIf > summary::-webkit-details-marker{display:none}
.whatIf > summary::after{content:"›";float:right;color:var(--ba-sub)}
.whatIf[open] > summary::after{content:"‹"}
.whatIfEst{margin-left:6px;padding:1px 8px;border:1px solid var(--ba-line);border-radius:999px;font-size:11px;color:var(--ba-sub);font-weight:500}
.whatIfBody{display:grid;gap:10px;padding:4px 14px 14px;border-top:1px solid var(--ba-line)}
.whatIfField{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--ba-sub);padding-top:8px}
.whatIfField[hidden]{display:none}
.whatIfField select,.whatIfField input[type="number"]{min-width:0;max-width:100%;background:transparent;color:var(--ba-text);border:1px solid var(--ba-line);border-radius:8px;padding:6px 8px;font-size:13px}
.whatIfField select{flex:1 1 200px}
.whatIfField input[type="number"]{width:80px}
.whatIfField input[type="range"]{flex:1 1 160px;min-width:0;accent-color:var(--ba-text)}
.whatIfPct{min-width:40px;text-align:right;color:var(--ba-text);font-weight:600}
.whatIfOut{font-size:14px;font-weight:600;color:var(--ba-text)}
.whatIfNote{font-size:12px;color:var(--ba-sub);line-height:1.45}
.fbTodoCard{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:12px 0 4px}
.fbTodoAdd{min-height:34px;padding:7px 16px;border:0;border-radius:999px;background:var(--ba-pri-bg);color:var(--ba-pri-fg);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.fbTodoAdd:disabled{opacity:.6;cursor:default}
.fbTodoAdd:focus-visible,.whatIf > summary:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
.fbTodoNote{font-size:12.5px;color:var(--ba-sub)}
@media(max-width:760px){
:root #homeDash .baPlanGrid{grid-template-columns:minmax(0,1fr)}
:root #homeDash .baCard .homeCompactRow{flex-wrap:wrap}
:root #homeDash .baNowBtn{width:100%;min-height:44px!important}
:root #homeDash .baActions .secondaryAction{min-height:40px!important}
.whatIfField select,.whatIfField input[type="number"]{font-size:16px}
.whatIfField input[type="range"]{flex-basis:100%}
.fbTodoAdd{min-height:44px;width:100%}
}
.quizCard{--qz-card:#141414;--qz-text:#ececec;--qz-sub:#a3a3a3;--qz-line:#2e2e2e;--qz-hover:#1e1e1e;
--qz-pri-bg:#ececec;--qz-pri-fg:#111;--qz-ok:#4ade80;--qz-ok-bg:rgba(74,222,128,.10);--qz-bad:#f87171;--qz-bad-bg:rgba(248,113,113,.10);
margin:12px 0;padding:16px 18px;border:1px solid var(--qz-line);border-radius:14px;background:var(--qz-card);color:var(--qz-text);
width:560px;max-width:100%;min-width:0;box-sizing:border-box}
:root[data-theme="light"] .quizCard{--qz-card:#ffffff;--qz-text:#0d0d0d;--qz-sub:#6b6b6b;--qz-line:#e5e5e5;--qz-hover:#f5f5f5;
--qz-pri-bg:#0d0d0d;--qz-pri-fg:#ffffff;--qz-ok:#16a34a;--qz-ok-bg:rgba(22,163,74,.08);--qz-bad:#dc2626;--qz-bad-bg:rgba(220,38,38,.07)}
.quizCardHead{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:0 0 10px}
.quizCardKicker{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--qz-sub)}
.quizCardTitle{margin:0;font-size:15.5px;font-weight:600;color:var(--qz-text);flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.quizCardCount{font-size:12.5px;color:var(--qz-sub)}
.quizQ{border:0;margin:0;padding:10px 0 8px;min-width:0}
.quizQText{padding:0;margin:0 0 8px;font-size:14px;font-weight:500;line-height:1.45;color:var(--qz-text);overflow-wrap:anywhere;white-space:normal}
.quizChoices{display:grid;gap:6px}
.quizChoice{display:flex;align-items:flex-start;gap:10px;width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--qz-line);border-radius:10px;
background:transparent;color:var(--qz-text);font:inherit;font-size:14px;text-align:left;cursor:pointer;line-height:1.4}
.quizChoice:hover:not(:disabled){background:var(--qz-hover)}
.quizChoice:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
.quizChoice:disabled{cursor:default;opacity:1;color:var(--qz-sub)}
.quizLetter{flex:none;width:20px;font-weight:600;color:var(--qz-sub)}
.quizChoiceText{min-width:0;overflow-wrap:anywhere}
.quizChoice.isRight{border-color:var(--qz-ok);background:var(--qz-ok-bg);color:var(--qz-text)}
.quizChoice.isWrong{border-color:var(--qz-bad);background:var(--qz-bad-bg);color:var(--qz-text)}
.quizChoice.isPicked .quizLetter{color:var(--qz-text)}
.quizFeedback{font-size:13px;line-height:1.45;color:var(--qz-sub);margin-top:8px}
.quizFeedback:empty{display:none}
.quizVerdict{font-weight:600;color:var(--qz-text)}
.quizQ.gotRight .quizVerdict{color:var(--qz-ok)}
.quizCardEnd{border-top:1px solid var(--qz-line);padding-top:12px}
.quizScore{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--qz-text)}
.quizActions{display:flex;flex-wrap:wrap;gap:8px}
.quizBtn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 15px;border:1px solid var(--qz-line);border-radius:999px;
background:transparent;color:var(--qz-text);font:inherit;font-size:13px;font-weight:500;cursor:pointer}
.quizBtn:hover{background:var(--qz-hover)}
.quizBtn.isPrimary{border-color:transparent;background:var(--qz-pri-bg);color:var(--qz-pri-fg);font-weight:600}
.quizStatus{font-size:12.5px;color:var(--qz-sub);margin-top:8px}
.quizStatus:empty{display:none}
.quizCardWait{margin:10px 0;padding:12px 14px;border:1px dashed #3a3a3a;border-radius:12px;font-size:13px;color:#a3a3a3}
:root[data-theme="light"] .quizCardWait{border-color:#d4d4d4;color:#6b6b6b}
.quizCardPlain{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5;margin:10px 0}
.quizCard [hidden],.quizCardHold [hidden],#practiceModal [hidden]{display:none!important}
.ptTimedLine{display:flex;align-items:center;gap:8px;margin:4px 0 8px;font-size:13px;color:#d4d4d4;cursor:pointer}
:root[data-theme="light"] .ptTimedLine{color:#333}
.ptTimedLine input{width:auto!important;flex:none;margin:0!important;padding:0!important}
.ptTimedLine span{flex:1 1 auto;min-width:0;text-align:left}
.ptTimer{position:sticky;top:0;z-index:1;margin:0 0 8px;padding:8px 12px;border:1px solid #3a3a3a;border-radius:10px;background:#151515;
font-size:13px;font-variant-numeric:tabular-nums;color:#ececec}
:root[data-theme="light"] .ptTimer{background:#ffffff;border-color:#d4d4d4;color:#0d0d0d}
.ptTopicSummary{margin:6px 0 10px;border:1px solid #2e2e2e;border-radius:10px;padding:6px 12px}
:root[data-theme="light"] .ptTopicSummary{border-color:#e5e5e5}
.ptTopicRow{display:flex;justify-content:space-between;gap:10px;padding:5px 0;font-size:13px}
.ptTopicName{min-width:0;overflow-wrap:anywhere}
.ptTopicScore{flex:none;font-variant-numeric:tabular-nums;opacity:.8}
:root #homeDash .baCard p{margin:0 0 10px;font-size:13px}
:root #homeDash .baMuted{color:var(--hd-sub)!important;font-size:13px!important;line-height:1.45}
:root #homeDash .baFocusRow{display:flex;align-items:baseline;gap:12px;margin:2px 0 12px}
:root #homeDash .baFocusPhase{font-size:13px;color:var(--hd-sub)}
:root #homeDash .baFocusTime{font-size:30px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--hd-text)}
:root #homeDash .baBtnRow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px}
:root #homeDash .baBtn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 14px;margin:0;border:1px solid var(--hd-btn-line)!important;
border-radius:999px!important;background:transparent!important;color:var(--hd-text)!important;font:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}
:root #homeDash .baBtn:hover{background:var(--hd-hover)!important}
:root #homeDash .baBtn.isPrimary{border-color:transparent!important;background:var(--hd-pri-bg)!important;color:var(--hd-pri-fg)!important;font-weight:600}
:root #homeDash .baBtn.isPrimary:hover{background:var(--hd-pri-hover)!important}
:root #homeDash .baBtn:disabled{opacity:.55;cursor:default}
:root #homeDash .baLink{background:none!important;border:0!important;padding:4px 2px;min-height:32px;color:var(--hd-sub)!important;font:inherit;font-size:13px;cursor:pointer;
text-decoration:underline;text-decoration-color:var(--hd-faint);text-underline-offset:3px}
:root #homeDash .baLink:hover{color:var(--hd-text)!important}
:root #homeDash .baFocusSet{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px;color:var(--hd-sub)}
:root #homeDash .baFocusSet label{display:inline-flex;align-items:center;gap:6px}
:root #homeDash .baSelect{background:transparent;border:1px solid var(--hd-line);border-radius:8px;color:var(--hd-text);padding:4px 8px;font:inherit;font-size:13px}
:root #homeDash .baCheckin{margin-top:12px;padding-top:12px;border-top:1px solid var(--hd-row)}
:root #homeDash .baCheckin p{color:var(--hd-text)}
:root #homeDash .baSpots,:root #homeDash .baRecap{list-style:none;margin:0 0 10px;padding:0}
:root #homeDash .baSpots li,:root #homeDash .baNextRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--hd-row)}
:root #homeDash .baSpots li:first-child{border-top:0}
:root #homeDash .baSpotText{display:flex;flex-direction:column;min-width:0}
:root #homeDash .baSpotText b{font-size:14px;font-weight:500;color:var(--hd-text);overflow-wrap:anywhere}
:root #homeDash .baSpotText small{font-size:12.5px;color:var(--hd-sub)}
:root #homeDash .baRecap li{padding:3px 0;font-size:13.5px;color:var(--hd-text)}
:root #homeDash .baRecap small{color:var(--hd-sub);font-size:12.5px}
:root #homeDash .baConfirm{font-size:13px;color:var(--hd-sub)}
:root #homeDash .baStatus{font-size:12.5px;color:var(--hd-sub)}
:root #homeDash .baStatus:empty{display:none}
@media(max-width:760px){
.quizCard{padding:14px}
.quizChoice{min-height:44px;font-size:16px}
.quizBtn{min-height:44px;flex:1 1 auto}
.ptTimedLine input,#practiceMinutesPerQ{font-size:16px}
:root #homeDash .baSelect{font-size:16px;min-height:40px}
:root #homeDash .baBtn{min-height:44px}
:root #homeDash .baSpots li,:root #homeDash .baNextRow{flex-wrap:wrap}
:root #homeDash .baSpots li .baBtn,:root #homeDash .baNextRow .baBtn{width:100%}
}
:root{--sc-card:#1b1b1b;--sc-text:#ececec;--sc-sub:#9d9d9d;--sc-line:#2c2c2c;--sc-btn-line:#444;--sc-hover:#232323;
--sc-pri-bg:#ececec;--sc-pri-fg:#111;--sc-ok:#4ade80;--sc-bad:#f87171;--sc-focus:#3b82f6}
:root[data-theme="light"]{--sc-card:#ffffff;--sc-text:#0d0d0d;--sc-sub:#6b6b6b;--sc-line:#e5e5e5;--sc-btn-line:#d4d4d4;
--sc-hover:#f5f5f5;--sc-pri-bg:#0d0d0d;--sc-pri-fg:#ffffff;--sc-ok:#16a34a;--sc-bad:#dc2626;--sc-focus:#2f7df6}
.richAnswer ol.ckSteps,.richAnswer ul.ckSteps{list-style:none;margin:10px 0;padding:0}
.richAnswer li.ckStep{position:relative;margin:0;padding:9px 0 9px 34px;border-top:1px solid var(--sc-line)}
.richAnswer li.ckStep:first-child{border-top:0}
.richAnswer .ckMark{position:absolute;left:0;top:8px;width:22px;height:22px;box-sizing:border-box;border-radius:999px;
border:1px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;line-height:1}
.richAnswer .ckStep_ok .ckMark{color:var(--sc-ok)}
.richAnswer .ckStep_bad .ckMark{color:var(--sc-bad)}
.richAnswer .ckStep_unk .ckMark{color:var(--sc-sub)}
.richAnswer .hwCard{background:var(--sc-card);border:1px solid var(--sc-line);border-radius:14px;padding:2px 16px 14px;
margin:12px 0;width:560px;min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
.richAnswer .hwCard > h3{margin-top:12px}
.richAnswer .hwCard:not(.hwHintOnly) .hwHint{display:none}
.richAnswer .hwCard.hwHintOnly .hwSol{display:none}
.studyActRow{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.studyActBtn{background:transparent;border:1px solid var(--sc-btn-line);color:var(--sc-text);border-radius:999px;
padding:7px 14px;font:inherit;font-size:13px;font-weight:500;min-height:34px;cursor:pointer}
.studyActBtn:hover{background:var(--sc-hover)}
.studyActBtn.primary{background:var(--sc-pri-bg);color:var(--sc-pri-fg);border-color:var(--sc-pri-bg)}
.studyActBtn:focus-visible,.hwCheckInput:focus-visible{outline:2px solid var(--sc-focus);outline-offset:2px}
.hwCheck{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
.hwCheck[hidden]{display:none}
.richAnswer .hwCheckInput{flex:1 1 200px;min-width:0;box-sizing:border-box;background:transparent!important;
border:1px solid var(--sc-btn-line)!important;color:var(--sc-text)!important;border-radius:10px;padding:8px 12px;
font:inherit;font-size:14px}
.hwCheckNote{flex-basis:100%;font-size:12px;color:var(--sc-sub)}
.hwCheckNote:empty{display:none}
html[data-theme="light"] .bubble .hwCheckNote{color:var(--sc-sub)!important}
@media(max-width:760px){
.richAnswer .hwCheckInput{font-size:16px}
.richAnswer .hwCard{padding:2px 12px 12px}
.studyActBtn{min-height:40px}
.hwCheck .hwCheckGo{flex:1 1 100%}
}
:root{--ba-card:#1b1b1b;--ba-text:#ececec;--ba-sub:#9d9d9d;--ba-line:#2c2c2c;--ba-hover:#232323;
--ba-now:rgba(250,204,21,.28);--ba-sent:rgba(255,255,255,.07);--ba-rec:#f87171;--ba-live:#4ade80;--ba-err:#f87171}
:root[data-theme="light"]{--ba-card:#ffffff;--ba-text:#0d0d0d;--ba-sub:#6b6b6b;--ba-line:#e5e5e5;--ba-hover:#f5f5f5;
--ba-now:rgba(250,204,21,.45);--ba-sent:rgba(0,0,0,.05);--ba-rec:#dc2626;--ba-live:#16a34a;--ba-err:#dc2626}
.batchAMicMenu{position:fixed;z-index:400;width:240px;max-width:calc(100vw - 16px);box-sizing:border-box;padding:6px;
background:var(--ba-card);border:1px solid var(--ba-line);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.batchAMicMenu[hidden]{display:none}
.batchAMicMenu button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:9px 10px;border:0;
border-radius:10px;background:transparent;color:var(--ba-text);font:inherit;text-align:left;cursor:pointer;text-transform:none;letter-spacing:0}
.batchAMicMenu button:hover,.batchAMicMenu button:focus-visible{background:var(--ba-hover);outline:none}
.batchAMicItemT{font-size:14px;font-weight:500}
.batchAMicItemS{font-size:12px;color:var(--ba-sub)}
#voiceModeBtn.batchADictating{color:var(--ba-rec)!important}
.batchABar{display:flex;align-items:center;gap:10px;margin:0 0 8px;padding:8px 10px 8px 12px;border:1px solid var(--ba-line);
border-radius:12px;background:var(--ba-card);color:var(--ba-text);font-size:13px}
.batchABar[hidden]{display:none}
.batchABarText{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.batchARec,.batchALiveDot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--ba-rec);animation:batchAPulse 1.2s ease-in-out infinite}
.batchALiveDot{background:var(--ba-live)}
@keyframes batchAPulse{0%,100%{opacity:1}50%{opacity:.35}}
@media (prefers-reduced-motion: reduce){.batchARec,.batchALiveDot{animation:none}}
.batchACamOn{flex:0 1 auto;font-size:12px;color:var(--ba-rec);white-space:nowrap}
.batchACamOn[hidden]{display:none}
.batchABarBtn{flex:0 0 auto;min-height:32px;padding:5px 12px;border:1px solid var(--ba-line);border-radius:999px;background:transparent;
color:var(--ba-text);font:inherit;font-size:13px;cursor:pointer;text-transform:none;letter-spacing:0}
.batchABarBtn:hover{background:var(--ba-hover)}
.batchABarBtn.batchAOn{border-color:var(--ba-rec);color:var(--ba-rec)}
.batchACard{width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--ba-card)!important;color:var(--ba-text)!important;
border:1px solid var(--ba-line)!important;border-radius:14px!important}
.batchACard h3{margin:0 0 6px;font-size:18px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--ba-text)}
.batchASub{margin:0 0 14px;font-size:13.5px;line-height:1.5;color:var(--ba-sub)}
.batchALabel{display:block;margin:12px 0 6px;font-size:13px;color:var(--ba-sub);text-transform:none;letter-spacing:0}
.batchALabel.batchAInline{display:inline;margin:0}
.batchAInput,.batchASelect{box-sizing:border-box;min-height:38px;padding:7px 10px;border:1px solid var(--ba-line);border-radius:10px;
background:transparent;color:var(--ba-text);font:inherit;font-size:14px;text-transform:none;letter-spacing:0}
.batchAInput{width:100%}
input.batchAInput,input.batchAInput::placeholder{text-align:left!important;text-transform:none!important;letter-spacing:0!important}
.batchAChoices{display:flex;flex-wrap:wrap;gap:8px}
.batchAChoice{min-height:38px;padding:7px 16px;border:1px solid var(--ba-line);border-radius:999px;background:transparent;color:var(--ba-text);
font:inherit;font-size:14px;cursor:pointer;text-transform:none;letter-spacing:0}
.batchAChoice:hover{background:var(--ba-hover)}
.batchAChoice.batchAOn{border-color:var(--ba-text);font-weight:600}
.batchANote{margin-top:10px;font-size:13px;line-height:1.5;color:var(--ba-sub);min-height:1em}
.batchANote:empty{min-height:0;margin-top:0}
.batchANote.batchAErr{color:var(--ba-err)}
.batchAUpBtn{margin-left:6px}
.batchAMuted{color:var(--ba-sub);font-size:12.5px}
.batchARow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.batchATimer{font-variant-numeric:tabular-nums;font-size:14px;color:var(--ba-rec)}
.batchATimer[hidden]{display:none}
.batchAReport:empty{display:none}
.batchAReport{margin-top:14px;border-top:1px solid var(--ba-line);padding-top:12px}
.batchAStats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid var(--ba-line);border-radius:12px;overflow:hidden}
.batchAStat{padding:10px 12px;border-top:1px solid var(--ba-line)}
.batchAStat:nth-child(-n+2){border-top:0}
.batchAStat:nth-child(2n){border-left:1px solid var(--ba-line)}
.batchAStat b{display:block;font-size:15px;font-weight:600;color:var(--ba-text)}
.batchAStat span{display:block;margin-top:2px;font-size:12px;color:var(--ba-sub)}
.batchAH{margin:14px 0 6px;font-size:13.5px;font-weight:600;color:var(--ba-text);text-transform:none;letter-spacing:0}
.batchAList{margin:0;padding-left:20px;font-size:13.5px;line-height:1.55;color:var(--ba-text)}
.batchAReaderCard{width:min(720px,100%)}
.batchAReaderText{max-height:min(52vh,460px);overflow:auto;padding:12px 14px;border:1px solid var(--ba-line);border-radius:12px;
font-size:17px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ba-text)}
.batchAReaderText:empty{display:none}
.batchASent{border-radius:4px;transition:background-color .15s}
.batchASent.batchANow{background:var(--ba-sent)}
.batchAWord{border-radius:3px}
.batchAWord.batchANow{background:var(--ba-now);box-shadow:0 0 0 2px var(--ba-now)}
.batchAPlanCard{margin-top:10px;border:1px solid var(--ba-line);border-radius:12px;padding:8px 10px}
.batchAPlanRow{display:grid;grid-template-columns:auto minmax(0,2fr) minmax(0,9.5em) minmax(0,1fr);gap:6px;align-items:center;padding:6px 0;
border-top:1px solid var(--ba-line)}
.batchAPlanRow:first-child{border-top:0}
.batchAPlanRow .batchAMuted{grid-column:2 / -1}
.batchAPlanEdit{grid-template-columns:minmax(0,2fr) minmax(0,9.5em) minmax(0,1fr) auto auto;border-top:0;width:100%}
.batchAPlanEdit .batchANote{grid-column:1 / -1}
.batchAPlanCheck{width:18px;height:18px}
.batchAAddedBy{flex:0 0 auto;align-self:center;padding:2px 8px;border:1px solid var(--ba-line);border-radius:999px;font-size:11.5px;color:var(--ba-sub);white-space:nowrap}
@media (max-width:760px){
.batchABar{flex-wrap:wrap;gap:6px 8px}
.batchABarText{flex-basis:calc(100% - 20px);white-space:normal}
.batchACamOn{white-space:normal}
.batchAInput,.batchASelect,.batchAPlanRow input[type="text"],.batchAPlanRow input[type="date"]{font-size:16px}
.batchAStats{grid-template-columns:minmax(0,1fr)}
.batchAStat{border-left:0!important;border-top:1px solid var(--ba-line)!important}
.batchAStat:first-child{border-top:0!important}
.batchAPlanRow{grid-template-columns:auto minmax(0,1fr)}
.batchAPlanRow .batchAPlanDate,.batchAPlanRow .batchAPlanClass{grid-column:2}
.batchAPlanEdit{grid-template-columns:minmax(0,1fr)}
.batchAPlanEdit .batchAPlanDate,.batchAPlanEdit .batchAPlanClass{grid-column:auto}
.batchAReaderText{font-size:16px}
.batchAPlanWrap{flex-wrap:wrap}
}
:root{--bb-card:#1b1b1b;--bb-text:#ececec;--bb-sub:#9d9d9d;--bb-line:#2c2c2c;--bb-hover:#232323;--bb-on:#ececec;--bb-on-text:#0d0d0d;--bb-ok:#4ade80}
:root[data-theme="light"]{--bb-card:#ffffff;--bb-text:#0d0d0d;--bb-sub:#6b6b6b;--bb-line:#e5e5e5;--bb-hover:#f5f5f5;--bb-on:#0d0d0d;--bb-on-text:#ffffff;--bb-ok:#16a34a}
.batchBBlock .batchBRow{display:flex;gap:8px;align-items:flex-start;margin-top:8px;flex-wrap:wrap}
.batchBInput{flex:1 1 180px;min-width:0;box-sizing:border-box;padding:9px 11px;border:1px solid var(--bb-line);border-radius:10px;
background:var(--bb-card);color:var(--bb-text);font:inherit;font-size:14px}
textarea.batchBInput{flex-basis:100%;resize:vertical}
.batchBChips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.batchBChip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:4px 4px 4px 11px;border:1px solid var(--bb-line);
border-radius:999px;background:var(--bb-card);color:var(--bb-text);font-size:13px}
.batchBChipText{min-width:0;overflow-wrap:anywhere}
.batchBChipX{flex:none;width:24px;height:24px;border:0;border-radius:50%;background:transparent;color:var(--bb-sub);font-size:16px;line-height:1;cursor:pointer;padding:0}
.batchBChipX:hover,.batchBChipX:focus-visible{background:var(--bb-hover);color:var(--bb-text)}
.batchBEmpty{color:var(--bb-sub);font-size:13px;padding:4px 0}
.batchBMsg:empty{display:none}
.batchBPromptRow{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--bb-line)}
.batchBPromptRow:first-child{border-top:0}
.batchBPromptCopy{flex:1 1 auto;min-width:0}
.batchBPromptName{font-size:14px;font-weight:600;color:var(--bb-text);overflow-wrap:anywhere}
.batchBPromptText{font-size:12.5px;color:var(--bb-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#batchBAaWrap{order:3!important;position:relative;flex:none;align-self:flex-end}
#batchBAaWrap[hidden]{display:none!important}
@media(max-width:480px){ body.v565Hero #batchBAaWrap{display:none!important} }
.batchBAaBtn{min-width:32px;height:32px;padding:0 8px;border:0;border-radius:999px;background:transparent;color:var(--bb-sub);
font:inherit;font-size:13px;font-weight:600;cursor:pointer;letter-spacing:0;text-transform:none}
.batchBAaBtn:hover,.batchBAaBtn:focus-visible,.batchBAaBtn[aria-expanded="true"]{background:var(--bb-hover);color:var(--bb-text)}
.batchBAaMenu,.batchBSlash{position:fixed;z-index:400;box-sizing:border-box;padding:8px;background:var(--bb-card);color:var(--bb-text);
border:1px solid var(--bb-line);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.batchBAaMenu{width:280px;max-width:calc(100vw - 16px)}
.batchBAaMenu[hidden],.batchBSlash[hidden]{display:none}
.batchBAaHead{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bb-sub);padding:4px 4px 6px}
.batchBSeg,.batchBAaTones{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.batchBSeg button,.batchBAaTones button{flex:1 1 auto;min-height:32px;padding:5px 10px;border:1px solid var(--bb-line);border-radius:999px;
background:transparent;color:var(--bb-text);font:inherit;font-size:13px;cursor:pointer;text-transform:none;letter-spacing:0}
.batchBSeg button.on,.batchBAaTones button.on{background:var(--bb-on);color:var(--bb-on-text);border-color:var(--bb-on)}
.batchBSeg button:disabled,.batchBAaTones button:disabled{opacity:.5;cursor:default}
.batchBAaNote{font-size:12px;color:var(--bb-sub);padding:2px 4px 0}
.batchBSlash{max-height:min(320px,50vh);overflow-y:auto}
.batchBSlashItem{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:8px 10px;border:0;border-radius:10px;
background:transparent;color:var(--bb-text);font:inherit;text-align:left;cursor:pointer;text-transform:none;letter-spacing:0}
.batchBSlashItem.on,.batchBSlashItem:hover{background:var(--bb-hover)}
.batchBSlashT{font-size:14px;font-weight:600}
.batchBSlashS{font-size:12px;color:var(--bb-sub);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.batchBChipRow{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.batchBAnsChip{max-width:100%;min-height:30px;padding:5px 12px;border:1px solid var(--bb-line);border-radius:999px;background:transparent;
color:var(--bb-text);font:inherit;font-size:13px;text-align:left;cursor:pointer;overflow-wrap:anywhere;text-transform:none;letter-spacing:0}
.batchBAnsChip:hover,.batchBAnsChip:focus-visible{background:var(--bb-hover)}
.batchBAnsChip.done{border-color:var(--bb-ok);color:var(--bb-ok);cursor:default}
#activeProfileSelect.batchBShown{display:inline-block!important;max-width:min(220px,60vw);height:28px;padding:0 10px;border-radius:999px!important;
border:1px solid var(--bb-line)!important;background:transparent!important;color:var(--bb-text)!important;font-size:12.5px}
.batchBTemplates{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.batchBLbl{display:block;margin:10px 0 4px;font-size:13px;color:var(--bb-sub)}
.batchBSelect{max-width:100%;margin-top:6px}
.batchBLocked{opacity:.6}
.batchBOffer{margin:8px 0 0;padding:10px 12px;border:1px solid var(--bb-line);border-radius:12px;background:var(--bb-card);color:var(--bb-text);font-size:13.5px}
.batchBOffer[hidden],.batchBProjFile[hidden],#batchBStartProjectBtn[hidden]{display:none}
.batchBProjFile{margin:0 0 14px;padding:12px;border:1px solid var(--bb-line);border-radius:14px;background:var(--bb-card);color:var(--bb-text)}
.batchBProjHead{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.batchBProjTitle{flex:1 1 200px;min-width:0;font-weight:600;font-size:14px;overflow-wrap:anywhere}
.batchBProjStatus{font-size:12px;color:var(--bb-sub)}
.batchBProjGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.batchBProjSecT{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--bb-sub);margin:6px 0 4px}
.batchBProjList{list-style:none;margin:0;padding:0}
.batchBProjItem{display:flex;align-items:flex-start;gap:6px;padding:4px 0;font-size:13.5px}
.batchBProjItem input{margin-top:3px;flex:none}
.batchBProjTxt{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.batchBProjSec .batchBRow{display:flex;gap:6px;margin-top:4px}
@media (max-width:760px){
.batchBInput,.batchBProjFile input,.batchBSelect,#activeProfileSelect.batchBShown{font-size:16px}
.batchBProjGrid{grid-template-columns:minmax(0,1fr)}
.batchBAaMenu{right:8px!important;left:8px;width:auto}
.batchBPromptRow{flex-wrap:wrap}
}
:root{--bw-card:#1b1b1b;--bw-text:#ececec;--bw-sub:#9d9d9d;--bw-line:#2c2c2c;--bw-hover:#232323;--bw-soft:#161616;
--bw-mark:rgba(250,204,21,.22);--bw-mark-line:#facc15;--bw-warn:#fbbf24}
:root[data-theme="light"]{--bw-card:#ffffff;--bw-text:#0d0d0d;--bw-sub:#6b6b6b;--bw-line:#e5e5e5;--bw-hover:#f5f5f5;--bw-soft:#fafafa;
--bw-mark:rgba(250,204,21,.30);--bw-mark-line:#ca8a04;--bw-warn:#b45309}
.bwCard{width:min(620px,100%);max-height:calc(100vh - 32px);overflow:auto;box-sizing:border-box;background:var(--bw-card)!important;
color:var(--bw-text)!important;border:1px solid var(--bw-line)!important;border-radius:14px!important}
.bwCard [hidden]{display:none!important}
.bwHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 12px}
.bwHeadText{min-width:0}
.bwCard h3{margin:0 0 2px;font-size:18px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--bw-text)}
.bwSub{font-size:13px;color:var(--bw-sub)}
.bwClose{flex:none;min-width:36px;min-height:36px;border:0;border-radius:8px;background:none;color:var(--bw-sub);font-size:22px;line-height:1;cursor:pointer}
.bwClose:hover{background:var(--bw-hover);color:var(--bw-text)}
.bwSeg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:3px;margin:0 0 12px;border:1px solid var(--bw-line);border-radius:10px}
.bwSegBtn{border:0;border-radius:7px;background:none;color:var(--bw-sub);font:inherit;font-size:13px;padding:6px 12px;cursor:pointer;
text-transform:none;letter-spacing:0}
.bwSegBtn[aria-checked="true"]{background:var(--bw-hover);color:var(--bw-text);font-weight:500}
.bwList{border-top:1px solid var(--bw-line);padding:6px 0 4px;margin:0 0 10px}
.bwListHead{font-size:13px;font-weight:600;color:var(--bw-sub);margin:6px 0 4px;text-align:center}
.bwEmpty{font-size:13.5px;color:var(--bw-sub);padding:10px 0;line-height:1.5}
.bwItem{padding:9px 0;border-bottom:1px solid var(--bw-line)}
.bwItemText{font-size:14px;line-height:1.55;padding-left:2em;text-indent:-2em;overflow-wrap:anywhere;color:var(--bw-text)}
.bwMiss{margin:4px 0 0 2em;font-size:12.5px;line-height:1.45;color:var(--bw-warn)}
.bwItemBtns{display:flex;gap:14px;margin:4px 0 0 2em}
.bwLink{border:0;background:none;padding:2px 0;color:var(--bw-sub);font:inherit;font-size:12.5px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.bwLink:hover{color:var(--bw-text)}
.bwAdd{border:1px solid var(--bw-line);border-radius:12px;padding:10px 12px;margin:0 0 10px;background:var(--bw-soft)}
.bwAdd > summary{cursor:pointer;font-size:14px;font-weight:500;color:var(--bw-text);padding:2px 0}
.bwAdd[open] > summary{margin:0 0 10px}
.bwRow{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.bwRow .bwInput{flex:1 1 auto;min-width:0}
.bwEnd{justify-content:flex-end;flex-wrap:wrap}
.bwFoot{margin:6px 0 0}
.bwGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px}
.bwField{display:flex;flex-direction:column;gap:4px;min-width:0}
.bwField > span{font-size:12.5px;color:var(--bw-sub);text-transform:none;letter-spacing:0}
.bwWide{grid-column:1 / -1}
.bwInput{box-sizing:border-box;width:100%;min-height:38px;padding:7px 10px;border:1px solid var(--bw-line);border-radius:10px;
background:var(--bw-card);color:var(--bw-text);font:inherit;font-size:14px}
input.bwInput,input.bwInput::placeholder{text-align:left!important;text-transform:none!important;letter-spacing:0!important}
.bwInput:focus{outline:none;border-color:var(--bw-sub)}
.bwNote{font-size:13px;line-height:1.45;color:var(--bw-sub);margin:8px 0 0}
.bwNote:empty{display:none}
.bwCard .primaryAction:disabled,.bwCard .secondaryAction:disabled{opacity:.45;cursor:default}
.bwStrictBtn{white-space:nowrap}
.bwNoteMark{background:var(--bw-mark);color:inherit;border-bottom:2px solid var(--bw-mark-line);border-radius:2px;padding:0 1px}
.bwStrictNote .essaySugType{color:var(--bw-warn)}
.bwLevelRedo{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:0 0 10px;font-size:13px;color:var(--bw-sub)}
.bwChip{border:1px solid var(--bw-line);border-radius:999px;background:none;color:var(--bw-text);font:inherit;font-size:13px;
padding:4px 12px;min-height:32px;cursor:pointer}
.bwChip:hover{background:var(--bw-hover)}
.bwLevelPart{margin:0 0 14px}
.bwLevelPart > h3{margin:0 0 6px}
.bwLevelPair{display:flex;flex-direction:column;gap:8px}
.bwLevelTag{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--bw-sub);margin:0 0 4px}
.bwLevelOrigText{border:1px solid var(--bw-line);border-radius:10px;padding:8px 10px;color:var(--bw-sub)}
.bwLevelOrigText blockquote{margin:0!important;padding:0!important;border:0!important;background:none!important;color:inherit;font-style:normal}
.bwLevelEasy{min-width:0}
.bwLevelEasy p{margin:0 0 6px}
.bwLevelToggle{border:0;background:none;padding:2px 0;color:var(--bw-sub);font:inherit;font-size:12.5px;cursor:pointer;
text-decoration:underline;text-underline-offset:2px;align-self:flex-start}
.bwLevelOrig{display:flex;flex-direction:column;gap:4px;min-width:0;order:2}
.bwLevelEasy{order:1}
.bwLevelOrig.bwFolded .bwLevelOrigText{display:none}
@media (min-width:768px){
.bwLevelPair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:start}
.bwLevelOrig{order:0}
.bwLevelToggle{display:none}
.bwLevelOrig.bwFolded .bwLevelOrigText{display:block}
}
.bwOpenRow{margin:12px 0 2px}
.graphFitKey i{height:0!important;border-top:2px dashed #ef4444;background:none!important}
@media (max-width:760px){
.bwCard{width:100%;max-height:calc(100vh - 24px)}
.bwGrid{grid-template-columns:minmax(0,1fr)}
.bwInput,.bwCard input,.bwCard select,.bwCard textarea{font-size:16px!important}
.bwRow{flex-wrap:wrap}
.bwRow .secondaryAction,.bwRow .primaryAction{flex:1 1 auto}
.essayAskRow .bwStrictBtn{flex:1 1 100%}
}
:root{--br-card:#161616;--br-text:#e6e6e6;--br-sub:#a0a0a0;--br-line:#333333;--br-hover:#222222;--br-quote:#2f6fd6}
:root[data-theme="light"]{--br-card:#ffffff;--br-text:#141414;--br-sub:#666666;--br-line:#e2e2e6;--br-hover:#f3f3f5;--br-quote:#2563eb}
.bbCites{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;max-width:100%}
.bbCite{padding:4px 8px;border-radius:999px;border:1px solid var(--br-line);background:var(--br-card);color:var(--br-text);
font:inherit;font-size:10.5px;font-weight:700;line-height:1.2;cursor:pointer;white-space:nowrap}
.bbCite:hover,.bbCite[aria-expanded="true"]{background:var(--br-hover);border-color:var(--br-sub)}
.bbCite:focus-visible{outline:2px solid var(--br-quote);outline-offset:1px}
.bbCitePop{flex-basis:100%;width:100%;box-sizing:border-box;margin-top:2px;padding:9px 11px;border:1px solid var(--br-line);
border-radius:12px;background:var(--br-card);color:var(--br-text)}
.bbCitePopHead{font-size:11px;font-weight:750;color:var(--br-sub);margin-bottom:5px;overflow-wrap:anywhere}
.bbCiteQuote{margin:0;padding:0 0 0 10px;border-left:3px solid var(--br-quote);font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.richAnswer .graphFigure.bbDataChart .graphSvg rect{shape-rendering:crispEdges}
.bbDriveBtn{margin-left:auto;margin-right:8px}
.bbDriveBtn[hidden]{display:none}
@media (max-width:760px){
.bbCite{font-size:12px;padding:6px 10px}
.bbCiteQuote{font-size:14px}
.projectFileBar:has(.bbDriveBtn){flex-wrap:wrap;gap:8px}
.bbDriveBtn{margin:0}
}
:root{--bb-fill:#1c1c1e;--bb-stroke:#4a4a50;--bb-edge:#9a9aa3;--bb-dot:#60a5fa;--bb-chip:#1f1f1f}
:root[data-theme="light"]{--bb-fill:#f6f6f8;--bb-stroke:#c9c9d1;--bb-edge:#6b6b75;--bb-dot:#2563eb;--bb-chip:#f3f3f3}
.diagramFigure{margin:12px 0;padding:12px 10px 10px;max-width:100%;box-sizing:border-box;border:1px solid var(--ba-line);border-radius:12px;
background:var(--ba-card);color:var(--ba-text);white-space:normal;overflow:hidden}
.diagramSvg{display:block;max-width:100%;height:auto;margin:0 auto;font-family:inherit;font-size:13px}
.diagramSvg .dgNode rect{fill:var(--bb-fill);stroke:var(--bb-stroke);stroke-width:1.2}
.diagramSvg .dgNode.dgRoot rect{stroke:var(--ba-text);stroke-width:1.4}
.diagramSvg .dgText,.diagramSvg .dgDate{fill:var(--ba-text);font-size:13px}
.diagramSvg .dgDate{font-weight:600}
.diagramSvg .dgEdge{fill:none;stroke:var(--bb-edge);stroke-width:1.6}
.diagramSvg .dgLink{fill:none;stroke:var(--bb-stroke);stroke-width:1.4}
.diagramSvg .dgArrowHead{fill:var(--bb-edge)}
.diagramSvg .dgAxis{stroke:var(--bb-stroke);stroke-width:2}
.diagramSvg .dgDot{fill:var(--bb-dot)}
.diagramSvg .dgEdgeLabel rect{fill:var(--ba-card);stroke:none}
.diagramSvg .dgEdgeLabel text{fill:var(--ba-sub);font-size:11px}
.diagramCaption{margin-top:6px;font-size:13px;font-weight:600;text-align:center;color:var(--ba-text)}
.diagramList{margin:10px 0}
.diagramListTitle{margin:0 0 4px;font-weight:600}
.diagramList ul{margin:0;padding-left:20px}
.gameCard .gmHint{margin:0 0 10px;font-size:13.5px;color:var(--qz-sub);overflow-wrap:anywhere}
.gameCard .gmCols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.gameCard .gmCol{display:grid;gap:6px;align-content:start;min-width:0}
.gameCard .gmTile.isPicked{border-color:var(--qz-text);background:var(--qz-hover)}
.gameCard .gmTile.isWrong{animation:bbShake .35s ease-in-out}
@keyframes bbShake{0%,100%{transform:none}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@media (prefers-reduced-motion: reduce){.gameCard .gmTile.isWrong{animation:none}}
.gameCard .gmOrder{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}
.gameCard .gmRow{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 8px 6px 10px;border:1px solid var(--qz-line);border-radius:10px;font-size:14px}
.gameCard .gmRow.isRight{border-color:var(--qz-ok);background:var(--qz-ok-bg)}
.gameCard .gmRow.isWrong{border-color:var(--qz-bad);background:var(--qz-bad-bg)}
.gameCard .gmPos{flex:none;width:18px;font-weight:600;color:var(--qz-sub);font-variant-numeric:tabular-nums}
.gameCard .gmText{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.gameCard .gmMove{flex:none;width:34px;height:34px;border:1px solid var(--qz-line);border-radius:8px;background:transparent;color:var(--qz-text);font:inherit;cursor:pointer}
.gameCard .gmMove:disabled{opacity:.35;cursor:default}
.gameCard .gmFix{flex:none;font-size:12.5px;color:var(--qz-sub);margin-left:6px}
.gameCard .gmCloze{margin:0 0 12px;font-size:14.5px;line-height:2.3;overflow-wrap:anywhere}
.gameCard .gmBlank{max-width:100%;min-height:32px;margin:0 3px;padding:3px 8px;border:1px solid var(--qz-line);border-radius:8px;
background:transparent;color:var(--qz-text);font:inherit;font-size:14px}
.gameCard .gmBlank.isRight{border-color:var(--qz-ok);background:var(--qz-ok-bg)}
.gameCard .gmBlank.isWrong{border-color:var(--qz-bad);background:var(--qz-bad-bg)}
.gameCard .gmCheck{margin:0 0 4px}
.gameCard .gmLive:empty{display:none}
.gameCard [hidden],.gameCardHold [hidden]{display:none!important}
#chatLog > .message{scroll-margin-top:58px}
.bbChapterBar{position:sticky;top:0;z-index:5;display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:0 0 4px;padding:8px 10px;
border:1px solid var(--ba-line);border-radius:12px;background:var(--ba-card);color:var(--ba-text)}
.bbChapterToggle{flex:none;min-height:30px;padding:4px 10px;border:0;border-radius:999px;background:transparent;color:var(--ba-text);
font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-transform:none;letter-spacing:0}
.bbChapterChips{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.bbChapterChips[hidden],.bbChapterBar [hidden]{display:none!important}
.bbChapterChip{max-width:240px;min-height:30px;padding:4px 12px;border:1px solid var(--ba-line);border-radius:999px;background:var(--bb-chip);
color:var(--ba-text);font:inherit;font-size:12.5px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;letter-spacing:0}
.bbChapterChip:hover{background:var(--ba-hover)}
.bbChapterSelect{display:none}
.message.bbHasChapter{flex-wrap:wrap}
.bbChapterLine{flex:0 0 100%;display:flex;align-items:center;gap:10px;margin:4px 0 8px;font-size:12px;font-weight:600;letter-spacing:.04em;
text-transform:uppercase;color:var(--ba-sub)}
.bbChapterLine::after{content:"";flex:1 1 auto;height:1px;background:var(--ba-line)}
.bbGuideRow{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
.bbGuideBtn{min-height:34px;padding:6px 14px;border:1px solid var(--ba-line);border-radius:999px;background:transparent;color:var(--ba-text);
font:inherit;font-size:13px;font-weight:500;cursor:pointer;text-transform:none;letter-spacing:0}
.bbGuideBtn:hover{background:var(--ba-hover)}
.bbGuideBtn:disabled{opacity:.6;cursor:default}
.bbKeyLine{margin-top:12px}
.bbSteps[hidden]{display:none!important}
.bbSteps{margin:14px 0;padding:14px 16px;border:1px solid var(--ba-line);border-radius:14px;background:var(--ba-card);color:var(--ba-text)}
.bbStepsHead{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 8px}
.bbStepsHead h4{margin:0;font-size:15px;font-weight:600;color:var(--ba-text);text-transform:none;letter-spacing:0}
.bbStepsCount,.bbStepsEmpty,.bbStepsHint,.bbStepsNote{font-size:12.5px;color:var(--ba-sub)}
.bbStepsEmpty,.bbStepsHint{margin:0 0 10px;line-height:1.45}
.bbStepsNote:empty{display:none}
.bbStepsList{list-style:none;margin:0 0 10px;padding:0}
.bbStep{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 0;border-top:1px solid var(--ba-line)}
.bbStep:first-child{border-top:0}
.bbStepTick{display:flex;align-items:flex-start;gap:10px;flex:1 1 220px;min-width:0;margin:0;cursor:pointer;font-size:14px;color:var(--ba-text);text-transform:none;letter-spacing:0}
.bbStepTick input{flex:none;width:18px!important;height:18px;margin:2px 0 0!important;padding:0!important;accent-color:var(--ba-text)}
.bbStepLabel{min-width:0;overflow-wrap:anywhere;line-height:1.4}
.bbStep.isDone .bbStepLabel{text-decoration:line-through;color:var(--ba-sub)}
.bbStepDue{flex:none;font-size:12px;color:var(--ba-sub);white-space:nowrap}
.bbStepTools{display:flex;gap:4px;flex:none;margin-left:auto}
.bbStepTool,.bbStepBtn{min-height:30px;padding:3px 10px;border:1px solid var(--ba-line);border-radius:999px;background:transparent;color:var(--ba-text);
font:inherit;font-size:12.5px;cursor:pointer;text-transform:none;letter-spacing:0}
.bbStepTool:disabled{opacity:.35;cursor:default}
.bbStepTool:hover:not(:disabled),.bbStepBtn:hover{background:var(--ba-hover)}
.bbStepBtn{border-color:transparent;background:var(--ba-text);color:var(--ba-card);font-weight:600}
.bbStepBtn:hover{background:var(--ba-text);opacity:.9}
.bbStepAdd,.bbStepEditForm,.bbStepDateForm{display:flex;gap:8px;align-items:center;flex:1 1 100%;min-width:0}
.bbStepInput{flex:1 1 auto;min-width:0;min-height:34px;padding:6px 10px;border:1px solid var(--ba-line)!important;border-radius:10px!important;
background:transparent!important;color:var(--ba-text)!important;font:inherit;font-size:14px;text-align:left!important;text-transform:none!important;letter-spacing:0!important}
.bbStepDateInput{flex:0 1 190px}
.bbPlanCard .bbPlanList{margin:0 0 12px;padding-left:22px;font-size:14px;line-height:1.5}
.bbPlanCard .bbPlanList li{margin:3px 0;overflow-wrap:anywhere}
.bbPlanCard .bbStepDue{margin-left:8px}
.bbPlanCard .quizActions{margin-bottom:6px}
.bbStepSuggest{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;padding:10px 12px;border:1px solid var(--ba-line);border-radius:12px;
background:var(--ba-card);color:var(--ba-text);font-size:13.5px}
.bbStepSuggest:empty{display:none}
.bbSuggestText{flex:1 1 200px;min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){
.diagramFigure{padding:10px 6px 8px}
.gameCard .gmCols{gap:6px}
.gameCard .gmTile{min-height:44px;font-size:16px}
.gameCard .gmMove{width:44px;height:44px}
.gameCard .gmBlank{font-size:16px;min-height:40px}
.bbChapterToggle,.bbChapterChips{display:none!important}
.bbChapterBar{padding:6px 8px}
.bbChapterSelect{display:block;width:100%;min-height:40px;padding:6px 10px;border:1px solid var(--ba-line);border-radius:10px;background:var(--ba-card);
color:var(--ba-text);font:inherit;font-size:16px}
.bbGuideBtn{min-height:44px;flex:1 1 auto}
.bbSteps{padding:12px}
.bbStepTools{margin-left:0;width:100%;justify-content:flex-end}
.bbStepTool,.bbStepBtn{min-height:40px;padding:6px 12px}
.bbStepInput{font-size:16px;min-height:40px}
.bbStepDateInput{flex:1 1 auto}
.bbStepSuggest .bbStepBtn,.bbStepSuggest .bbStepTool{flex:1 1 auto}
}
:root{--r2-pick-line:#3b82f6;--r2-pick-bg:rgba(59,130,246,.16)}
:root[data-theme="light"]{--r2-pick-line:#2563eb;--r2-pick-bg:rgba(37,99,235,.09)}
.choiceCard .chQ legend{margin-bottom:8px}
.choiceCard .chOpts{display:flex;flex-wrap:wrap;gap:8px}
.choiceCard .chOpt{max-width:100%;min-height:38px;padding:7px 14px;border:1px solid var(--qz-line);border-radius:999px;background:transparent;
color:var(--qz-text);font:inherit;font-size:14px;line-height:1.3;text-align:left;cursor:pointer;overflow-wrap:anywhere;text-transform:none;letter-spacing:0}
.choiceCard .chOpt:hover:not(:disabled){background:var(--qz-hover)}
.choiceCard .chOpt:focus-visible,.choiceCard .chSend:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
.choiceCard .chOpt.isPicked{border-color:var(--r2-pick-line);background:var(--r2-pick-bg);font-weight:600}
.choiceCard .chOpt:disabled{cursor:default}
.choiceCard.isSent .chOpt:not(.isPicked){opacity:.55}
.choiceCard .chActs{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
.choiceCard .chHint{font-size:12.5px;color:var(--qz-sub)}
@media (max-width:760px){
.choiceCard .chOpt{flex:1 1 auto;min-height:44px;font-size:16px}
.choiceCard .chSend{width:100%;min-height:44px}
}
.fcDeck .fcFace{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;min-height:150px;
padding:22px 18px;border:1px solid var(--qz-line);border-radius:12px;background:transparent;color:var(--qz-text);
font:inherit;cursor:pointer;text-align:center;transition:background .15s}
.fcDeck .fcFace:hover{background:var(--qz-hover)}
.fcDeck .fcFace:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
.fcDeck .fcFace.isBack{background:var(--qz-hover)}
.fcDeck .fcSide{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--qz-sub)}
.fcDeck .fcText{font-size:19px;font-weight:600;line-height:1.35;overflow-wrap:anywhere;max-width:100%}
.fcDeck .fcFace.isBack .fcText{font-size:16px;font-weight:500}
.fcDeck .fcHint{font-size:12px;color:var(--qz-sub)}
.fcDeck .fcList{display:grid;border:1px solid var(--qz-line);border-radius:12px;overflow:hidden}
.fcDeck .fcList[hidden],.fcDeck .fcFace[hidden],.fcDeck .fcNav[hidden]{display:none}
.fcDeck .fcRow{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:12px;padding:9px 14px;font-size:14px;line-height:1.4}
.fcDeck .fcRow + .fcRow{border-top:1px solid var(--qz-line)}
.fcDeck .fcRowFront{font-weight:600;overflow-wrap:anywhere}
.fcDeck .fcRowBack{color:var(--qz-sub);overflow-wrap:anywhere}
.fcDeck .fcBar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.fcDeck .fcNav{min-height:34px;padding:6px 14px;border:1px solid var(--qz-line);border-radius:999px;background:transparent;
color:var(--qz-text);font:inherit;font-size:13px;cursor:pointer}
.fcDeck .fcNav:hover:not(:disabled){background:var(--qz-hover)}
.fcDeck .fcNav:disabled{opacity:.4;cursor:default}
.fcDeck .fcSave{margin-left:auto;min-height:34px;padding:6px 16px;border:0;border-radius:999px;background:var(--qz-pri-bg);
color:var(--qz-pri-fg);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.fcDeck .fcSave:disabled{opacity:.7;cursor:default}
@media (max-width:760px){
.fcDeck .fcRow{grid-template-columns:1fr;gap:2px}
.fcDeck .fcNav,.fcDeck .fcSave{min-height:44px;font-size:15px}
.fcDeck .fcSave{margin-left:0;width:100%}
}
#chatLog.hasFollowups::after{content:"";flex:none;height:var(--fu-pad,0px)}
#flashcardsModal .fcModal{--fm-card:#161616;--fm-text:#ececec;--fm-sub:#a3a3a3;--fm-line:#2e2e2e;--fm-hover:#1f1f1f;
--fm-stage:#1b1b1b;--fm-stage-back:#222;--fm-pri-bg:#ececec;--fm-pri-fg:#111;
width:min(560px,100%);padding:22px 24px 20px;border-radius:18px;background:var(--fm-card);border:1px solid var(--fm-line);
color:var(--fm-text);box-shadow:0 24px 70px rgba(0,0,0,.45)}
html[data-theme="light"] #flashcardsModal .fcModal{--fm-card:#ffffff;--fm-text:#0d0d0d;--fm-sub:#6b6b6b;--fm-line:#e5e5e5;
--fm-hover:#f4f4f5;--fm-stage:#fafafa;--fm-stage-back:#f3f4f6;--fm-pri-bg:#0d0d0d;--fm-pri-fg:#ffffff;
background:var(--fm-card)!important;border-color:var(--fm-line)!important;color:var(--fm-text)!important;box-shadow:0 24px 70px rgba(0,0,0,.14)}
#flashcardsModal .fcModalHead{display:flex;align-items:center;gap:10px;margin:0 0 14px}
#flashcardsModal .fcModalHead h3{margin:0;flex:1;font-size:18px;font-weight:600;color:var(--fm-text)}
#flashcardsModal .fcModalShare{border:0;background:none;color:var(--fm-sub);font:inherit;font-size:13px;cursor:pointer;padding:6px 8px;border-radius:8px}
#flashcardsModal .fcModalShare:hover{color:var(--fm-text);background:var(--fm-hover)}
#flashcardsModal .fcModalX{width:32px;height:32px;border:0;border-radius:8px;background:none;color:var(--fm-sub);font-size:22px;line-height:1;cursor:pointer}
#flashcardsModal .fcModalX:hover{background:var(--fm-hover);color:var(--fm-text)}
#flashcardsModal .fcModalTabs{display:flex;gap:4px;padding:3px;margin:0 0 16px;border:1px solid var(--fm-line);border-radius:12px}
#flashcardsModal .fcModalTab{flex:1;min-height:36px;border:0;border-radius:9px;background:none;color:var(--fm-sub);font:inherit;font-size:14px;font-weight:500;cursor:pointer}
#flashcardsModal .fcModalTab:hover{color:var(--fm-text)}
#flashcardsModal .fcModalTab.isOn{background:var(--fm-hover);color:var(--fm-text);font-weight:600}
#flashcardsModal .fcModalProgress{font-size:12.5px;color:var(--fm-sub);margin:0 0 8px;min-height:16px}
#flashcardsModal .fcModalStage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:210px;
padding:26px 22px;border:1px solid var(--fm-line);border-radius:14px;background:var(--fm-stage)!important;color:var(--fm-text)!important;
text-align:center;cursor:pointer;transition:background .15s;box-sizing:border-box}
#flashcardsModal .fcModalStage:hover{background:var(--fm-hover)!important}
#flashcardsModal .fcModalStage:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
#flashcardsModal .fcModalStage.isBack{background:var(--fm-stage-back)!important}
#flashcardsModal .fcModalStage.isEmpty{cursor:default;min-height:150px}
#flashcardsModal .fcModalSide{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fm-sub)}
#flashcardsModal .fcModalText{font-size:20px;font-weight:600;line-height:1.4;max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}
#flashcardsModal .fcModalStage.isBack .fcModalText{font-size:16.5px;font-weight:500}
#flashcardsModal .fcModalStage.isEmpty .fcModalText{font-size:15px;font-weight:500;color:var(--fm-sub)}
#flashcardsModal .fcModalHint{font-size:12.5px;color:var(--fm-sub)}
#flashcardsModal .fcModalGrade{display:flex;gap:10px;margin-top:12px}
#flashcardsModal .fcModalGrade .fcModalBtn{flex:1}
#flashcardsModal .fcModalBtn{min-height:42px;padding:8px 18px;border:1px solid var(--fm-line);border-radius:999px;background:transparent;
color:var(--fm-text);font:inherit;font-size:14px;font-weight:500;cursor:pointer}
#flashcardsModal .fcModalBtn:hover:not(:disabled){background:var(--fm-hover)}
#flashcardsModal .fcModalBtn.isPrimary{border-color:transparent;background:var(--fm-pri-bg);color:var(--fm-pri-fg);font-weight:600}
#flashcardsModal .fcModalBtn.isPrimary:hover:not(:disabled){opacity:.88;background:var(--fm-pri-bg)}
#flashcardsModal .fcModalBtn:disabled{opacity:.55;cursor:default}
#flashcardsModal .fcModalStatus{font-size:13px;color:var(--fm-sub);margin-top:10px}
#flashcardsModal .fcModalStatus:empty{display:none}
#flashcardsModal .fcModalLead{margin:0 0 14px;font-size:13.5px;line-height:1.5;color:var(--fm-sub)}
#flashcardsModal .fcModalLabel{display:block;margin:12px 0 6px;font-size:12.5px;font-weight:600;color:var(--fm-sub);text-transform:none;letter-spacing:0}
#flashcardsModal .fcModalField{display:block;width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--fm-line)!important;border-radius:10px;
background:var(--fm-stage)!important;color:var(--fm-text)!important;font:inherit;font-size:14px;text-transform:none;letter-spacing:0;margin:0}
#flashcardsModal textarea.fcModalField{resize:vertical;min-height:96px;line-height:1.45}
#flashcardsModal .fcModalField:focus{outline:none;border-color:#3b82f6!important}
#flashcardsModal .fcModalFile{padding:8px 10px;font-size:13px;color:var(--fm-sub)!important}
#flashcardsModal .fcModalActions{display:flex;justify-content:flex-end;margin-top:16px}
@media (max-width:560px){
#flashcardsModal .fcModal{padding:18px 16px 16px}
#flashcardsModal .fcModalText{font-size:18px}
#flashcardsModal .fcModalField{font-size:16px}
#flashcardsModal .fcModalActions .fcModalBtn{width:100%}
}
#testPrepModal .tpModal{--tp-card:#161616;--tp-text:#ececec;--tp-sub:#a3a3a3;--tp-line:#2e2e2e;--tp-hover:#1f1f1f;--tp-stage:#1b1b1b;
--tp-pri-bg:#ececec;--tp-pri-fg:#111;--tp-good:#4ade80;--tp-bad:#f87171;--tp-pick-line:#3b82f6;--tp-pick-bg:rgba(59,130,246,.16);
width:min(700px,100%);max-height:calc(100vh - 36px);display:flex;flex-direction:column;padding:22px 24px 20px;border-radius:18px;
background:var(--tp-card);border:1px solid var(--tp-line);color:var(--tp-text);box-shadow:0 24px 70px rgba(0,0,0,.45);box-sizing:border-box}
html[data-theme="light"] #testPrepModal .tpModal{--tp-card:#ffffff;--tp-text:#0d0d0d;--tp-sub:#6b6b6b;--tp-line:#e5e5e5;--tp-hover:#f4f4f5;
--tp-stage:#fafafa;--tp-pri-bg:#0d0d0d;--tp-pri-fg:#ffffff;--tp-good:#15803d;--tp-bad:#b91c1c;--tp-pick-line:#2563eb;--tp-pick-bg:rgba(37,99,235,.09);
background:var(--tp-card)!important;border-color:var(--tp-line)!important;color:var(--tp-text)!important;box-shadow:0 24px 70px rgba(0,0,0,.14)}
#testPrepModal .tpModal > div{flex:none}
#testPrepModal .tpModal > div:not([hidden]):has(> .tpList){display:flex;flex-direction:column;min-height:0;flex:1 1 auto}
#testPrepModal .tpHead{display:flex;align-items:flex-start;gap:10px;margin:0 0 14px}
#testPrepModal .tpHeadText{flex:1;min-width:0}
#testPrepModal .tpHead h3{margin:0;font-size:18px;font-weight:600;color:var(--tp-text)}
#testPrepModal .tpHeadSub{display:block;margin-top:2px;font-size:12.5px;color:var(--tp-sub)}
#testPrepModal .tpX{width:32px;height:32px;flex:none;border:0;border-radius:8px;background:none;color:var(--tp-sub);font-size:22px;line-height:1;cursor:pointer}
#testPrepModal .tpX:hover{background:var(--tp-hover);color:var(--tp-text)}
#testPrepModal .tpTabs{display:flex;gap:4px;padding:3px;margin:0 0 16px;border:1px solid var(--tp-line);border-radius:12px}
#testPrepModal .tpTabs[hidden]{display:none}
#testPrepModal .tpTab{flex:1;min-height:36px;border:0;border-radius:9px;background:none;color:var(--tp-sub);font:inherit;font-size:14px;font-weight:500;cursor:pointer}
#testPrepModal .tpTab:hover{color:var(--tp-text)}
#testPrepModal .tpTab.isOn{background:var(--tp-hover);color:var(--tp-text);font-weight:600}
#testPrepModal .tpLabel,#testPrepModal .tpSectionLabel{margin:12px 0 6px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--tp-sub)}
#testPrepModal .tpLabel:first-child{margin-top:0}
#testPrepModal .tpPills{display:flex;flex-wrap:wrap;gap:8px}
#testPrepModal .tpPill{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-height:40px;padding:7px 14px;border:1px solid var(--tp-line);border-radius:14px;
background:transparent;color:var(--tp-text);font:inherit;font-size:14px;line-height:1.3;text-align:left;cursor:pointer;text-transform:none;letter-spacing:0}
#testPrepModal .tpPill:hover{background:var(--tp-hover)}
#testPrepModal .tpPill.isOn{border-color:var(--tp-pick-line);background:var(--tp-pick-bg);font-weight:600}
#testPrepModal .tpPill:focus-visible,#testPrepModal .tpBtn:focus-visible,#testPrepModal .tpChoice:focus-within{outline:2px solid #3b82f6;outline-offset:2px}
#testPrepModal .tpPillSub{font-size:11.5px;font-weight:400;color:var(--tp-sub)}
#testPrepModal .tpHint{margin:14px 0 0;font-size:13px;line-height:1.5;color:var(--tp-sub)}
#testPrepModal .tpAllowance{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--tp-sub)}
#testPrepModal .tpAllowance[hidden]{display:none}
#testPrepModal .tpActions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:16px}
#testPrepModal .tpBtn{min-height:42px;padding:8px 18px;border:1px solid var(--tp-line);border-radius:999px;background:transparent;color:var(--tp-text);
font:inherit;font-size:14px;font-weight:500;cursor:pointer;text-transform:none;letter-spacing:0}
#testPrepModal .tpBtn:hover:not(:disabled){background:var(--tp-hover)}
#testPrepModal .tpBtn.isPrimary{border-color:transparent;background:var(--tp-pri-bg);color:var(--tp-pri-fg);font-weight:600}
#testPrepModal .tpBtn.isPrimary:hover:not(:disabled){opacity:.88;background:var(--tp-pri-bg)}
#testPrepModal .tpBtn:disabled{opacity:.55;cursor:default}
#testPrepModal .tpBtn[hidden]{display:none}
#testPrepModal .tpStatus{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;font-size:13px;color:var(--tp-sub);margin-top:10px}
#testPrepModal .tpStatus:empty{display:none}
#testPrepModal .tpStatus .tpUpgrade{min-height:34px;padding:5px 14px;font-size:13px}
#testPrepModal .tpRunHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px}
#testPrepModal .tpRunTitle{font-size:13.5px;font-weight:600;color:var(--tp-text)}
#testPrepModal .tpTimer{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--tp-sub);white-space:nowrap}
#testPrepModal .tpTimer.isLow{color:var(--tp-bad)}
#testPrepModal .tpList{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}
#testPrepModal .tpPassage{margin:0 0 10px;padding:14px 16px;border:1px solid var(--tp-line);border-radius:14px;background:var(--tp-stage);font-size:14.5px;line-height:1.6}
#testPrepModal .tpPassageLabel{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tp-sub);margin-bottom:6px}
#testPrepModal .tpQ{margin:0 0 10px;padding:14px 16px;border:1px solid var(--tp-line);border-radius:14px;min-width:0}
#testPrepModal fieldset.tpQ{min-inline-size:0}
#testPrepModal .tpQHead{display:flex;gap:10px;align-items:flex-start;padding:0;margin:0 0 10px;font-size:15px;line-height:1.5;color:var(--tp-text)}
#testPrepModal legend.tpQHead{float:left;width:100%}
#testPrepModal .tpQNum{flex:none;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--tp-hover);color:var(--tp-sub);font-size:12px;font-weight:600;
display:inline-flex;align-items:center;justify-content:center;margin-top:1px}
#testPrepModal .tpRich{min-width:0;overflow-wrap:anywhere}
#testPrepModal .tpRich .richAnswer{display:block}
#testPrepModal .tpRich .richAnswer > p{margin:0 0 6px;color:inherit;font-size:inherit;line-height:inherit}
#testPrepModal .tpRich .richAnswer > p:last-child{margin-bottom:0}
#testPrepModal .tpChoiceText{flex:1 1 auto;min-width:0}
#testPrepModal .tpChoiceText .richAnswer,#testPrepModal .tpChoiceText .richAnswer > p{display:inline;margin:0}
#testPrepModal .tpChoice{display:flex;align-items:flex-start;gap:10px;margin:0 0 6px;padding:9px 12px;border:1px solid var(--tp-line);border-radius:12px;cursor:pointer;font-size:14.5px;line-height:1.45;color:var(--tp-text)}
#testPrepModal .tpChoice:hover{background:var(--tp-hover)}
#testPrepModal .tpChoice:has(input:checked){border-color:var(--tp-pick-line);background:var(--tp-pick-bg)}
#testPrepModal .tpChoice input[type="radio"]{width:16px;height:16px;min-width:0;flex:none;margin:3px 0 0;padding:0;border:0!important;
background:transparent!important;box-shadow:none;accent-color:var(--tp-pick-line);appearance:auto;-webkit-appearance:radio}
#testPrepModal .tpChoiceLetter{flex:none;font-weight:600;color:var(--tp-sub);min-width:14px}
#testPrepModal .tpGrid{display:block;width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--tp-line)!important;border-radius:10px;
background:var(--tp-stage)!important;color:var(--tp-text)!important;font:inherit;font-size:15px;text-transform:none;letter-spacing:0;margin:0}
#testPrepModal .tpGrid:focus{outline:none;border-color:var(--tp-pick-line)!important}
#testPrepModal .tpScoreCard{padding:18px 18px 16px;border:1px solid var(--tp-line);border-radius:16px;background:var(--tp-stage);text-align:center;margin:0 0 12px}
#testPrepModal .tpScoreTitle{font-size:13px;font-weight:600;color:var(--tp-sub)}
#testPrepModal .tpScoreBig{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:6px 0 4px}
#testPrepModal .tpScoreNum{font-size:34px;font-weight:700;letter-spacing:-.02em;color:var(--tp-text);font-variant-numeric:tabular-nums}
#testPrepModal .tpScoreWord{font-size:14px;color:var(--tp-sub)}
#testPrepModal .tpEstimate{display:flex;align-items:baseline;justify-content:center;gap:8px;margin-top:8px}
#testPrepModal .tpEstimateRange{font-size:22px;font-weight:600;color:var(--tp-text);font-variant-numeric:tabular-nums}
#testPrepModal .tpEstimateScale{font-size:13px;color:var(--tp-sub)}
#testPrepModal .tpEstimateLabel{margin-top:6px;font-size:12.5px;font-weight:600;color:var(--tp-sub)}
#testPrepModal .tpEstimateNote,#testPrepModal .tpNote{margin-top:6px;font-size:12.5px;line-height:1.5;color:var(--tp-sub)}
#testPrepModal .tpSkills,#testPrepModal .tpExplain,#testPrepModal .tpTrend,#testPrepModal .tpHistory{margin:0 0 12px}
#testPrepModal .tpSkillRow{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(60px,1fr) auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--tp-line);font-size:13.5px}
#testPrepModal .tpSkillRow:last-child{border-bottom:0}
#testPrepModal .tpSkillName{min-width:0;overflow-wrap:anywhere}
#testPrepModal .tpSkillBar{display:block;height:6px;border-radius:999px;background:var(--tp-hover);overflow:hidden}
#testPrepModal .tpSkillFill{display:block;height:100%;border-radius:999px;background:var(--tp-good)}
#testPrepModal .tpSkillScore{font-variant-numeric:tabular-nums;color:var(--tp-sub)}
#testPrepModal .tpResQ{padding:12px 14px;margin:0 0 8px;border:1px solid var(--tp-line);border-radius:14px}
#testPrepModal .tpResQ.isRight{border-left:3px solid var(--tp-good)}
#testPrepModal .tpResQ.isWrong{border-left:3px solid var(--tp-bad)}
#testPrepModal .tpResQ.isBlank{border-left:3px solid var(--tp-line)}
#testPrepModal .tpResHead{display:flex;gap:8px;align-items:flex-start;font-size:14.5px;line-height:1.5}
#testPrepModal .tpResMark{flex:none;width:18px;font-weight:700;color:var(--tp-sub)}
#testPrepModal .tpResQ.isRight .tpResMark{color:var(--tp-good)}
#testPrepModal .tpResQ.isWrong .tpResMark{color:var(--tp-bad)}
#testPrepModal .tpResAnswer{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 0 26px;font-size:13.5px;line-height:1.5}
#testPrepModal .tpResAnswerLabel{font-weight:600;color:var(--tp-sub)}
#testPrepModal .tpResWhy{margin:6px 0 0 26px;font-size:13.5px;line-height:1.55;color:var(--tp-text)}
#testPrepModal .tpResMeta{margin:6px 0 0 26px;font-size:12px;color:var(--tp-sub)}
#testPrepModal .tpEmpty{padding:26px 18px;border:1px solid var(--tp-line);border-radius:14px;background:var(--tp-stage);text-align:center;font-size:14px;line-height:1.5;color:var(--tp-sub)}
#testPrepModal .tpTrendRow,#testPrepModal .tpHistRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--tp-line);font-size:13.5px}
#testPrepModal .tpTrendRow:last-child,#testPrepModal .tpHistRow:last-child{border-bottom:0}
#testPrepModal .tpTrendMove{font-variant-numeric:tabular-nums;color:var(--tp-sub);text-align:right}
#testPrepModal .tpTrendMove.isUp{color:var(--tp-good)}
#testPrepModal .tpTrendMove.isDown{color:var(--tp-bad)}
#testPrepModal .tpHistLeft{min-width:0}
#testPrepModal .tpHistName{font-weight:600;color:var(--tp-text)}
#testPrepModal .tpHistSub,#testPrepModal .tpHistLabel{font-size:12px;color:var(--tp-sub)}
#testPrepModal .tpHistEst{text-align:right;flex:none}
#testPrepModal .tpHistRange{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums}
@media (max-width:560px){
#testPrepModal .tpModal{padding:18px 16px 16px;max-height:calc(100vh - 16px)}
#testPrepModal .tpPill{flex:1 1 calc(50% - 4px);min-height:44px}
#testPrepModal .tpActions .tpBtn{flex:1 1 auto;min-height:44px}
#testPrepModal .tpChoice{min-height:44px}
#testPrepModal .tpGrid{font-size:16px}
#testPrepModal .tpSkillRow{grid-template-columns:minmax(0,1fr) auto}
#testPrepModal .tpSkillBar{display:none}
#testPrepModal .tpScoreNum{font-size:30px}
}
#testPrepModal .tpLabel,#testPrepModal .tpSectionLabel,#testPrepModal .tpPassageLabel{font-size:12.5px;letter-spacing:0;text-transform:none}
#testPrepModal .tpSectionLabel{margin:16px 0 4px}
#testPrepModal .tpChoice{position:relative;align-items:center;padding:8px 12px}
#testPrepModal .tpChoice:focus-within{outline:none}
#testPrepModal .tpChoice input[type="radio"]{position:absolute;left:12px;top:50%;width:1px;height:1px;margin:-1px 0 0;opacity:0;pointer-events:none}
#testPrepModal .tpChoiceLetter{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border-radius:50%;border:1.5px solid var(--tp-line);font-size:12px;color:var(--tp-sub);transition:background .12s,border-color .12s}
#testPrepModal .tpChoice:hover .tpChoiceLetter{border-color:var(--tp-sub)}
#testPrepModal .tpChoice:has(input:checked) .tpChoiceLetter{background:var(--tp-pick-line);border-color:var(--tp-pick-line);color:#fff}
#testPrepModal .tpChoice:has(input:focus-visible){outline:2px solid #3b82f6;outline-offset:2px}
#testPrepModal .tpStatus:has(.tpUpgrade){padding:12px 14px;border:1px solid var(--tp-line);border-radius:12px;background:var(--tp-stage);color:var(--tp-text);line-height:1.5}
#testPrepModal .tpStatus:has(.tpUpgrade)>span{flex:1 1 260px;min-width:0}
#testPrepModal .tpStatus .tpUpgrade{flex:none;margin-left:auto}
#testPrepModal .tpTab:focus-visible,#testPrepModal .tpX:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
#testPrepModal .tpResMark{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:12px;margin-top:1px;background:var(--tp-hover)}
#testPrepModal .tpResQ.isRight .tpResMark{background:rgba(74,222,128,.16)}
#testPrepModal .tpResQ.isWrong .tpResMark{background:rgba(248,113,113,.16)}
#testPrepModal .tpResHead .tpQNum{margin-top:0}
#testPrepModal .tpBtn.tpBtnStack{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:6px 18px;line-height:1.25}
#testPrepModal .tpBtn.tpBtnStack[hidden]{display:none}
#testPrepModal .tpBtnSub{font-size:11.5px;font-weight:400;color:var(--tp-sub);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#testPrepModal .tpTrendLeft{min-width:0}
#testPrepModal .tpTrendName{font-weight:600;color:var(--tp-text)}
#testPrepModal .tpTrendSub{font-size:12px;color:var(--tp-sub)}
#testPrepModal .tpTrendMove{flex:none;white-space:nowrap}
#testPrepModal #tpSetupPane:has(.tpStatus .tpUpgrade) .tpAllowance{display:none}
@media (max-width:560px){
#testPrepModal .tpRunHead{align-items:flex-start}
#testPrepModal .tpBtn.tpBtnStack{min-height:52px}
}
#testPrepModal .tpModal{background:var(--tp-card)!important;border-color:var(--tp-line)!important;align-self:flex-start;margin-top:6vh;max-height:88vh}
#testPrepModal .tpPill.isOn{border-color:var(--tp-text);background:var(--tp-hover)}
#testPrepModal .tpPills{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,200px));gap:8px}
#testPrepModal .tpPill{min-height:44px;justify-content:center}
#testPrepModal .tpRunHead{border-bottom:1px solid var(--tp-line);padding-bottom:10px;margin-bottom:12px}
#testPrepModal #tpResultsPane .tpList{border-top:1px solid var(--tp-line);padding-top:12px}
#testPrepModal .tpStatus.isConfirm{padding:12px 14px;border:1px solid var(--tp-line);border-radius:12px;background:var(--tp-stage);color:var(--tp-text);line-height:1.5;justify-content:flex-end}
#testPrepModal .tpStatus.isConfirm>span{flex:1 1 220px;min-width:0}
#testPrepModal .tpStatus.isConfirm .tpBtn{min-height:36px;padding:6px 14px;font-size:13px}
#testPrepModal .tpStatus .tpUpgrade{background:var(--tp-pri-bg);color:var(--tp-pri-fg);border-color:transparent;font-weight:600}
#testPrepModal .tpStatus .tpUpgrade:hover:not(:disabled){background:var(--tp-pri-bg);opacity:.88}
#testPrepModal #tpSetupPane:has(.tpStatus .tpUpgrade){display:flex;flex-direction:column}
#testPrepModal #tpSetupPane:has(.tpStatus .tpUpgrade) .tpStatus{order:1;margin-top:14px}
#testPrepModal #tpSetupPane:has(.tpStatus .tpUpgrade) .tpActions{order:2}
#testPrepModal #tpSetupPane:has(.tpStatus .tpUpgrade) #tpStartBtn{border-color:var(--tp-line);background:transparent;color:var(--tp-text);font-weight:500}
#testPrepModal #tpRunPane:has(.tpStatus.isConfirm) .tpActions .tpBtn.isPrimary{border-color:var(--tp-line);background:transparent;color:var(--tp-text);font-weight:500}
@media (max-width:560px){
#testPrepModal .tpModal{margin-top:8px;max-height:calc(100vh - 16px)}
#testPrepModal .tpPills{grid-template-columns:repeat(2,minmax(0,1fr))}
#testPrepModal .tpStatus.isConfirm .tpBtn{flex:1 1 auto;min-height:44px}
}
.r9JobNote{margin:0 0 10px;padding:9px 12px;border:1px dashed var(--line,#2e2e2e);border-radius:10px;font-size:12.5px;line-height:1.45;color:#a3a3a3;background:rgba(255,255,255,.03)}
.r9JobsChip{display:flex;align-items:center;gap:8px;width:100%;margin:2px 0 6px;padding:7px 12px;border:1px solid #2e2e2e;border-radius:10px;background:#161616;color:#d4d4d4;font:inherit;font-size:12.5px;text-align:left;cursor:pointer}
.r9JobsChip:hover{background:#1f1f1f;color:#fff}
.r9JobsChip[hidden]{display:none}
.v588JobEstimate{margin-top:4px;color:#8f8f8f;font-size:12px}
html[data-theme="light"] .v588JobEstimate{color:#6b6b6b}
.r9JobsText{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.r9JobsDot{flex:none;width:8px;height:8px;border-radius:50%;background:#3b82f6;box-shadow:0 0 0 0 rgba(59,130,246,.6);animation:r9JobsPulse 1.6s ease-out infinite}
@keyframes r9JobsPulse{0%{box-shadow:0 0 0 0 rgba(59,130,246,.55)}70%{box-shadow:0 0 0 7px rgba(59,130,246,0)}100%{box-shadow:0 0 0 0 rgba(59,130,246,0)}}
@media (prefers-reduced-motion:reduce){.r9JobsDot{animation:none}}
.parentEmailRow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 6px}
.parentEmailRow .settingsInput:disabled{opacity:.7}
#parentEmailStatus:empty{display:none}
#parentEmailStatus.r9ParentOk{color:#7dd3a5}
#parentEmailStatus.r9ParentErr{color:#f5a3a3}
html[data-theme="light"] .r9JobNote{border-color:#e5e5e5;color:#6b6b6b;background:#fafafa}
html[data-theme="light"] .r9JobsChip{border-color:#e5e5e5;background:#fff;color:#333}
html[data-theme="light"] .r9JobsChip:hover{background:#f4f4f5;color:#0d0d0d}
html[data-theme="light"] #parentEmailStatus.r9ParentOk{color:#1f7a4d}
html[data-theme="light"] #parentEmailStatus.r9ParentErr{color:#b42318}
#schoolRoomsPane,#roomSheet .rmSheet{--rm-card:#161616;--rm-text:#ececec;--rm-sub:#a3a3a3;--rm-line:#2e2e2e;--rm-hover:#1f1f1f;  --rm-field:#1b1b1b;--rm-pri:#ececec;--rm-pri-fg:#111;--rm-ok:#22c55e;--rm-bad:#f87171;--rm-unread:#7f9dff}
html[data-theme="light"] #schoolRoomsPane,html[data-theme="light"] #roomSheet .rmSheet{--rm-card:#ffffff;--rm-text:#0d0d0d;--rm-sub:#6b6b6b;
--rm-line:#e5e5e5;--rm-hover:#f4f4f5;--rm-field:#fafafa;--rm-pri:#0d0d0d;--rm-pri-fg:#ffffff;--rm-ok:#16a34a;--rm-bad:#dc2626;--rm-unread:#2563eb}#schoolRoomsPane{color:var(--rm-text)}
#schoolRoomsPane .rmCard{max-width:760px;margin:0 auto;background:var(--rm-card);border:1px solid var(--rm-line);border-radius:18px;padding:22px 22px 20px;box-sizing:border-box}
html[data-theme="light"] #schoolRoomsPane .rmCard{background:var(--rm-card)!important;border-color:var(--rm-line)!important;color:var(--rm-text)!important}
#schoolRoomsPane .rmHead,#roomSheet .rmSheetHead{display:flex;align-items:center;gap:10px;margin:0 0 6px}#schoolRoomsPane .rmTitle{margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--rm-text)}
#schoolRoomsPane h3.rmTitle{font-size:18px}#schoolRoomsPane .rmGrow,#roomSheet .rmGrow{flex:1;min-width:0}#schoolRoomsPane .rmSub,#roomSheet .rmSub{color:var(--rm-sub);font-size:13px;line-height:1.5}
#schoolRoomsPane .rmLead,#roomSheet .rmLead{margin:0 0 14px}#schoolRoomsPane .rmBtn,#roomSheet .rmBtn{min-height:38px;padding:8px 16px;border-radius:999px;border:1px solid var(--rm-line);background:transparent;color:var(--rm-text);
font:inherit;font-size:13.5px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
#schoolRoomsPane .rmBtn:hover:not(:disabled),#roomSheet .rmBtn:hover:not(:disabled){background:var(--rm-hover)}#schoolRoomsPane .rmBtn:disabled,#roomSheet .rmBtn:disabled{opacity:.55;cursor:default}
#schoolRoomsPane .rmBtn.rmPri,#roomSheet .rmBtn.rmPri{background:var(--rm-pri);color:var(--rm-pri-fg);border-color:transparent;font-weight:600}
#schoolRoomsPane .rmBtn.rmPri:hover:not(:disabled),#roomSheet .rmBtn.rmPri:hover:not(:disabled){background:var(--rm-pri);opacity:.88}#schoolRoomsPane .rmBtn.rmDanger,#roomSheet .rmBtn.rmDanger{color:var(--rm-bad)}
#schoolRoomsPane .rmBtn.rmSmall,#roomSheet .rmBtn.rmSmall{min-height:34px;padding:6px 13px;font-size:13px}#roomSheet .rmBtn.rmFull,#schoolRoomsPane .rmBtn.rmFull{width:100%;min-height:44px}
#schoolRoomsPane .rmTag{font-size:10.5px;font-weight:600;border:1px solid var(--rm-pri-fg);border-radius:999px;padding:0 6px;opacity:.85;margin-left:2px}#schoolRoomsPane .rmActions{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
#schoolRoomsPane .rmRows{display:flex;flex-direction:column}
#schoolRoomsPane .rmRow{display:flex;align-items:center;gap:12px;padding:13px 4px;border:0;border-top:1px solid var(--rm-line);background:none;color:var(--rm-text);font:inherit;text-align:left;cursor:pointer;width:100%;border-radius:0}
#schoolRoomsPane .rmRow:first-child{border-top:0}#schoolRoomsPane .rmRow:hover{background:var(--rm-hover)}#schoolRoomsPane .rmName{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#schoolRoomsPane .rmEmpty,#roomSheet .rmEmpty{color:var(--rm-sub);font-size:13px;padding:14px 2px;line-height:1.55}
#schoolRoomsPane .rmFoot{color:var(--rm-sub);font-size:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--rm-line)}#schoolRoomsPane .rmStack,#roomSheet .rmStack{display:inline-flex;align-items:center}
#schoolRoomsPane .rmAv,#roomSheet .rmAv{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;
border:2px solid var(--rm-card);margin-left:-7px;color:#111;box-sizing:content-box}#schoolRoomsPane .rmStack .rmAv:first-child,#roomSheet .rmStack .rmAv:first-child{margin-left:0}
#schoolRoomsPane .rmAvMore,#roomSheet .rmAvMore{background:var(--rm-hover)!important;color:var(--rm-sub);font-size:10px}
#schoolRoomsPane .rmHere,#roomSheet .rmHere{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--rm-sub);white-space:nowrap}
#schoolRoomsPane .rmDot,#roomSheet .rmDot{width:7px;height:7px;border-radius:50%;background:var(--rm-ok);flex:none}
#schoolRoomsPane .rmDotUnread,#roomSheet .rmDotUnread,.roomsSection .rmDotUnread{width:8px;height:8px;border-radius:50%;background:var(--rm-unread,#7f9dff);flex:none;margin-left:auto}
#schoolRoomsPane .rmX,#roomSheet .rmX{width:32px;height:32px;border-radius:8px;border:0;background:none;color:var(--rm-sub);font-size:22px;line-height:1;cursor:pointer;flex:none}
#schoolRoomsPane .rmX:hover,#roomSheet .rmX:hover{background:var(--rm-hover);color:var(--rm-text)}
#schoolRoomsPane .rmBack{border:0;background:none;color:var(--rm-sub);font:inherit;font-size:13px;cursor:pointer;padding:6px 8px 6px 0;border-radius:8px;flex:none}#schoolRoomsPane .rmBack:hover{color:var(--rm-text)}
#schoolRoomsPane .rmStackBtn{border:0;background:none;padding:2px;cursor:pointer;border-radius:999px;flex:none}
#schoolRoomsPane .rmLink,#roomSheet .rmLink{border:0;background:none;color:var(--rm-sub);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:2px;cursor:pointer;padding:6px 4px;border-radius:6px}
#schoolRoomsPane .rmLink:hover,#roomSheet .rmLink:hover{color:var(--rm-text)}
#schoolRoomsPane .rmRoom{position:relative}#schoolRoomsPane .rmMenu[hidden],#schoolRoomsPane .rmChatList[hidden],#roomSheet .rmPicks[hidden]{display:none!important}
#schoolRoomsPane .rmMenu{position:absolute;right:22px;top:58px;z-index:5;min-width:180px;background:var(--rm-card);border:1px solid var(--rm-line);border-radius:12px;padding:6px;box-shadow:0 14px 40px rgba(0,0,0,.25);display:flex;flex-direction:column}
#schoolRoomsPane .rmMenuItem{border:0;background:none;color:var(--rm-text);font:inherit;font-size:13.5px;text-align:left;padding:9px 12px;border-radius:8px;cursor:pointer;min-height:38px}
#schoolRoomsPane .rmMenuItem:hover{background:var(--rm-hover)}#schoolRoomsPane .rmMenuItem.isDanger{color:var(--rm-bad)}#schoolRoomsPane .rmSwitcher{display:flex;align-items:center;gap:8px;margin:8px 0 0}
#schoolRoomsPane .rmChatPick{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rm-line);background:none;color:var(--rm-text);font:inherit;font-size:13.5px;font-weight:600;padding:6px 10px;border-radius:999px;cursor:pointer;min-height:34px;max-width:100%}
#schoolRoomsPane .rmChatPick:hover{background:var(--rm-hover)}#schoolRoomsPane .rmChatIcon{color:var(--rm-sub);font-size:12px;width:16px;text-align:center;flex:none}
#schoolRoomsPane .rmChatName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#schoolRoomsPane .rmCaret{color:var(--rm-sub);font-size:12px}
#schoolRoomsPane .rmChatList{margin:6px 0 0;border:1px solid var(--rm-line);border-radius:12px;padding:6px;display:flex;flex-direction:column;gap:2px;background:var(--rm-card)}
#schoolRoomsPane .rmChatRow{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--rm-text);font:inherit;font-size:13.5px;text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer;min-height:38px}
#schoolRoomsPane .rmChatRow:hover,#schoolRoomsPane .rmChatRow.isOn{background:var(--rm-hover)}#schoolRoomsPane .rmChatRow .rmSub{margin-left:6px;font-size:12px}
#schoolRoomsPane .rmTabs,#roomSheet .rmTabs{display:flex;gap:4px;padding:3px;margin:14px 0;border:1px solid var(--rm-line);border-radius:12px}
#schoolRoomsPane .rmTab,#roomSheet .rmTab{flex:1;min-height:36px;border:0;border-radius:9px;background:none;color:var(--rm-sub);font:inherit;font-size:14px;font-weight:500;cursor:pointer}
#schoolRoomsPane .rmTab:hover,#roomSheet .rmTab:hover{color:var(--rm-text)}#schoolRoomsPane .rmTab.isOn,#roomSheet .rmTab.isOn{background:var(--rm-hover);color:var(--rm-text);font-weight:600}
#schoolRoomsPane .rmChatHint{font-size:12.5px;color:var(--rm-sub);margin:0 0 8px}
#schoolRoomsPane .rmMsgs{display:flex;flex-direction:column;gap:10px;min-height:200px;max-height:min(52vh,560px);overflow-y:auto;padding:4px 2px;-webkit-overflow-scrolling:touch}
#schoolRoomsPane .rmMsg{position:relative;max-width:88%;padding-right:26px}#schoolRoomsPane .rmMsg.rmMine{align-self:flex-end;padding-right:0}
#schoolRoomsPane .rmWho{font-size:12px;color:var(--rm-sub);margin-bottom:2px;display:flex;gap:8px}#schoolRoomsPane .rmMsg.rmMine .rmWho{justify-content:flex-end}#schoolRoomsPane .rmWhoName{font-weight:600}
#schoolRoomsPane .rmBubble{display:inline-block;background:var(--rm-hover);border-radius:14px;padding:8px 12px;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--rm-text)}
#schoolRoomsPane .rmMine .rmBubble{background:var(--rm-pri);color:var(--rm-pri-fg)}#schoolRoomsPane .rmEntity .rmBubble{background:transparent;border:1px solid var(--rm-line);white-space:normal}
#schoolRoomsPane .rmEntity .rmBubble p{margin:0 0 6px}#schoolRoomsPane .rmEntity .rmBubble p:last-child{margin-bottom:0}
#schoolRoomsPane .rmSystem{align-self:center;max-width:100%;padding:0;color:var(--rm-sub);font-size:12px;text-align:center}
#schoolRoomsPane .rmQuote{font-size:12px;color:var(--rm-sub);border-left:2px solid var(--rm-line);padding:2px 8px;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#roomSheet .rmQuote{font-size:13px;color:var(--rm-sub);border-left:2px solid var(--rm-line);padding:4px 10px;margin:0 0 12px;overflow-wrap:anywhere}
#schoolRoomsPane .rmReport{position:absolute;right:0;top:18px;width:24px;height:24px;border:0;background:none;color:var(--rm-sub);font-size:13px;cursor:pointer;opacity:0;border-radius:6px}
#schoolRoomsPane .rmMsg:hover .rmReport,#schoolRoomsPane .rmReport:focus-visible{opacity:1}#schoolRoomsPane .rmNote{font-size:12.5px;color:var(--rm-sub);min-height:16px;margin:6px 0 0}
#roomSheet .rmNote{font-size:12.5px;color:var(--rm-sub);min-height:16px;margin:8px 0 0}
#schoolRoomsPane .rmComposer{display:flex;align-items:flex-end;gap:10px;border:1px solid var(--rm-line);border-radius:22px;padding:8px 8px 8px 14px;margin-top:10px;background:var(--rm-field)}
#schoolRoomsPane .rmInput{flex:1;min-width:0;border:0;background:transparent;color:var(--rm-text);font:inherit;font-size:14px;line-height:1.45;resize:none;max-height:140px;padding:6px 0;outline:none;text-transform:none;letter-spacing:0}
#schoolRoomsPane .rmInput::placeholder{color:var(--rm-sub)}
#schoolRoomsPane .rmSend{width:34px;height:34px;border-radius:50%;border:0;background:var(--rm-pri);color:var(--rm-pri-fg);font-weight:700;font-size:16px;cursor:pointer;flex:none;display:grid;place-items:center}
#schoolRoomsPane .rmSend:disabled{opacity:.5}
#schoolRoomsPane .rmBox{border:1px solid var(--rm-line);border-radius:14px;padding:14px 16px;margin:0 0 12px;background:var(--rm-card)}
#schoolRoomsPane .rmBoxHead{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px;margin:0 0 10px;font-size:14px}
#schoolRoomsPane .rmLabel,#roomSheet .rmLabel{display:block;margin:12px 0 6px;font-size:12.5px;font-weight:600;color:var(--rm-sub)}
#schoolRoomsPane .rmField,#roomSheet .rmField{display:block;width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--rm-line)!important;border-radius:10px;
background:var(--rm-field)!important;color:var(--rm-text)!important;font:inherit;font-size:14px;margin:0 0 8px;text-transform:none;letter-spacing:0}
#schoolRoomsPane .rmField:focus,#roomSheet .rmField:focus{outline:none;border-color:#3b82f6!important}
#schoolRoomsPane .rmAddCard{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:start}
#schoolRoomsPane .rmAddCard .rmField{margin:0}
#schoolRoomsPane .rmCards{display:flex;flex-direction:column;margin-top:10px}
#schoolRoomsPane .rmCardRow{display:flex;align-items:flex-start;gap:10px;padding:10px 2px;border-top:1px solid var(--rm-line)}
#schoolRoomsPane .rmCardRow:first-child{border-top:0}
#schoolRoomsPane .rmCardFront{font-weight:600;font-size:14px}
#schoolRoomsPane .rmCardBack{font-size:13.5px;color:var(--rm-text);white-space:pre-wrap;overflow-wrap:anywhere}
#schoolRoomsPane .rmCardX{width:28px;height:28px;font-size:18px}
#schoolRoomsPane .rmCardFlag,#schoolRoomsPane .rmGuideFlag{font-size:13px;color:var(--rm-sub)}
#schoolRoomsPane .rmGuideFlag{width:24px;height:24px;margin-left:auto}
#schoolRoomsPane .rmSheetActions,#roomSheet .rmSheetActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
#schoolRoomsPane .rmQ{margin:12px 0}
#schoolRoomsPane .rmQText{font-weight:600;font-size:14px;margin-bottom:6px}
#schoolRoomsPane .rmOpts{display:grid;grid-template-columns:1fr 1fr;gap:6px}
#schoolRoomsPane .rmOpt{min-height:40px;border:1px solid var(--rm-line);border-radius:10px;background:none;color:var(--rm-text);font:inherit;font-size:13.5px;text-align:left;padding:8px 10px;cursor:pointer;overflow-wrap:anywhere}
#schoolRoomsPane .rmOpt:hover{background:var(--rm-hover)}
#schoolRoomsPane .rmOpt.isOn{border-color:var(--rm-pri);background:var(--rm-hover);font-weight:600}
#schoolRoomsPane .rmBoardRow{display:flex;align-items:center;gap:8px;padding:6px 2px;border-top:1px solid var(--rm-line);font-size:13.5px}
#schoolRoomsPane .rmBoardRow:first-of-type{border-top:0}
#schoolRoomsPane .rmBoardRow.isYou{font-weight:600}
#schoolRoomsPane .rmBoardRank{color:var(--rm-sub);width:22px}
#schoolRoomsPane .rmBoardScore{color:var(--rm-sub)}
#schoolRoomsPane .rmDetails{margin-top:10px;font-size:13px}
#schoolRoomsPane .rmDetails summary{cursor:pointer;color:var(--rm-sub)}
#schoolRoomsPane .rmAnswerLine{padding:4px 0;color:var(--rm-text);overflow-wrap:anywhere}
#schoolRoomsPane .rmAnswerLine.isRight{color:var(--rm-ok)}
#schoolRoomsPane .rmAnswerLine.isWrong{color:var(--rm-bad)}
#schoolRoomsPane .rmGuideText{min-height:240px;line-height:1.5;resize:vertical}
#schoolRoomsPane .rmHelp{border-top:1px solid var(--rm-line);margin-top:14px;padding-top:4px}
#schoolRoomsPane .rmSuggestion{margin-top:12px;border:1px solid var(--rm-line);border-radius:12px;padding:10px 12px;background:var(--rm-field)}
#schoolRoomsPane .rmSuggestText{white-space:pre-wrap;font-size:13.5px;line-height:1.5;max-height:280px;overflow:auto}
#schoolRoomsPane .rmTimerBox{text-align:center;padding:26px 16px}
#schoolRoomsPane .rmTimerPhase{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--rm-sub)}
#schoolRoomsPane .rmTimerBig{font:600 56px/1.1 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.04em;margin:8px 0 14px;color:var(--rm-text)}
#schoolRoomsPane .rmTimerBox.isBreak .rmTimerBig{color:var(--rm-ok)}
#schoolRoomsPane .rmTimerSet{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 4px}
#schoolRoomsPane .rmMin{width:64px;margin:0;text-align:center}
#roomSheet .rmSheet{width:min(480px,100%);padding:22px 24px 20px;border-radius:18px;background:var(--rm-card);border:1px solid var(--rm-line);color:var(--rm-text);box-shadow:0 24px 70px rgba(0,0,0,.45);max-height:92vh;overflow:auto;box-sizing:border-box}
html[data-theme="light"] #roomSheet .rmSheet{background:var(--rm-card)!important;border-color:var(--rm-line)!important;color:var(--rm-text)!important;box-shadow:0 24px 70px rgba(0,0,0,.14)}
#roomSheet .rmSheetHead{margin:0 0 4px}
#roomSheet .rmSheetHead h3{margin:0;flex:1;font-size:18px;font-weight:600;color:var(--rm-text)}
#roomSheet .rmSheetHead:only-child,#roomSheet .rmSheetHead:empty{margin:0}
#roomSheet .rmCodeRow{border:1px solid var(--rm-line);border-radius:14px;background:var(--rm-hover);margin:16px 0 12px;text-align:center;padding:0 10px 12px}
#roomSheet .rmCode{font:600 30px/1.2 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.14em;padding:18px 10px 8px;color:var(--rm-text);user-select:all}
#roomSheet .rmLinkField{display:flex;gap:8px;align-items:center;border:1px solid var(--rm-line);border-radius:10px;padding:6px 6px 6px 12px;margin:0 0 14px}
#roomSheet .rmLinkText{flex:1;min-width:0;border:0!important;background:transparent!important;color:var(--rm-sub)!important;font:inherit;font-size:13px;padding:6px 0;text-overflow:ellipsis;outline:none;text-transform:none;letter-spacing:0}
#roomSheet .rmSpots{display:flex;align-items:center;gap:10px;margin:16px 0 4px}
#roomSheet .rmInviteFoot{display:flex;align-items:center;gap:10px;border-top:1px solid var(--rm-line);margin-top:16px;padding-top:14px;font-size:13px}
#roomSheet .rmSwitch{width:36px;height:22px;border-radius:999px;border:0;background:var(--rm-line);position:relative;flex:none;cursor:pointer;padding:0}
#roomSheet .rmSwitch::after{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:50%;background:var(--rm-card);box-shadow:0 1px 2px rgba(0,0,0,.25);transition:left .15s}
#roomSheet .rmSwitch.isOn{background:var(--rm-pri)}
#roomSheet .rmSwitch.isOn::after{left:16px}
#roomSheet .rmJoinCard{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 0 6px}
#roomSheet .rmJoinCard .rmStack{justify-content:center;margin:4px 0 8px}
#roomSheet .rmBigIcon{width:54px;height:54px;border-radius:16px;border:1px solid var(--rm-line);display:inline-flex;align-items:center;justify-content:center;font-size:24px;margin:2px auto 6px}
#roomSheet .rmJoinTitle{margin:0;font-size:18px;font-weight:600;color:var(--rm-text)}
#roomSheet .rmCodeInput{font:600 22px/1.2 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.12em;text-align:center;text-transform:uppercase}
#roomSheet .rmMembers{display:flex;flex-direction:column;margin-top:8px}
#roomSheet .rmMemberRow{display:flex;align-items:center;gap:10px;padding:9px 2px;border-top:1px solid var(--rm-line)}
#roomSheet .rmMemberRow:first-child{border-top:0}
#roomSheet .rmMemberRow .rmAv{margin-left:0}
#roomSheet .rmName{font-weight:600;font-size:14px}
#roomSheet .rmPicks{margin-top:4px}
#roomSheet .rmPick{display:flex;align-items:center;gap:10px;width:100%;border:1px solid var(--rm-line);border-radius:10px;background:none;color:var(--rm-text);font:inherit;font-size:13.5px;text-align:left;padding:7px 10px;margin:0 0 6px;cursor:pointer;min-height:40px}
#roomSheet .rmPick .rmAv{margin-left:0}
#roomSheet .rmPick.isOn{border-color:var(--rm-pri);background:var(--rm-hover);font-weight:600}
.roomsSection .sideSectionHead{padding-right:4px}
.roomsSideAll{border:0;background:none;color:#8a8a8a;font:inherit;font-size:11px;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px}
.roomsSideAll:hover{color:#fff;background:#1c1c1c}
html[data-theme="light"] .roomsSideAll:hover{color:#111;background:#ececec}
.roomsSideList{display:flex;flex-direction:column;gap:1px;max-height:220px;overflow:auto}
.roomsSideRoom{min-height:36px!important;padding:6px 8px!important}
.roomsSideCaret{font-size:10px!important;transition:transform .15s ease}
.roomsSideCaret.isOpen{transform:rotate(90deg)}
.roomsSideChat{min-height:32px!important;padding:5px 8px 5px 24px!important;font-size:12.5px!important;color:#a3a3a3!important}
.roomsSideChatIcon{font-size:11px!important}
html[data-theme="light"] .roomsSideChat{color:#6b6b6b!important}
html[data-theme="light"] .roomsSideRoom,html[data-theme="light"] .roomsSideChat.active{color:#1a1a1a!important}
.roomsSideName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.app.sideFolded .roomsSection{display:none}
html:not(.roomsOn) #schoolNavRooms{display:none!important}
.rmToast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,12px);background:#ececec;color:#111;font-size:13px;font-weight:500;padding:9px 14px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:140;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.rmToast.show{opacity:1;transform:translate(-50%,0)}
html[data-theme="light"] .rmToast{background:#0d0d0d;color:#fff}
@media(max-width:760px){
#schoolRoomsPane .rmCard{padding:16px 16px 14px;border-radius:16px}
#schoolRoomsPane .rmBtn,#roomSheet .rmBtn,#schoolRoomsPane .rmChatPick,#schoolRoomsPane .rmOpt,#schoolRoomsPane .rmTab,#roomSheet .rmTab,#schoolRoomsPane .rmMenuItem,#schoolRoomsPane .rmChatRow{min-height:44px}
#schoolRoomsPane .rmX,#roomSheet .rmX,#schoolRoomsPane .rmSend,#schoolRoomsPane .rmReport{min-width:44px;min-height:44px}
#schoolRoomsPane .rmReport{opacity:1;top:14px}
#schoolRoomsPane .rmMsg{padding-right:44px}
#schoolRoomsPane .rmField,#roomSheet .rmField,#schoolRoomsPane .rmInput{font-size:16px}
#schoolRoomsPane .rmAddCard{grid-template-columns:1fr}
#schoolRoomsPane .rmOpts{grid-template-columns:1fr}
#schoolRoomsPane .rmActions .rmBtn{flex:1 1 auto}
#schoolRoomsPane .rmMsgs{max-height:none;min-height:160px}
#schoolRoomsPane .rmTimerBig{font-size:44px}
#roomSheet .rmSheet{padding:18px 16px 16px}
#roomSheet .rmCode{font-size:26px}
}
.roomsSection{flex:0 0 auto}.roomsSideList{max-height:min(360px,48vh)}.rmSvg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.roomsSideCaret .rmSvg,.roomsSideChatIcon .rmSvg{width:14px;height:14px;margin:0 auto;opacity:.9}#schoolRoomsPane .rmChatIcon,.roomsSideChatIcon{display:inline-flex!important;align-items:center;justify-content:center}
#schoolRoomsPane .rmChatHint{display:flex;align-items:center;gap:6px}#roomSheet .rmBigIcon .rmSvg{width:26px;height:26px;color:var(--rm-sub)}#schoolRoomsPane .rmField,#roomSheet .rmField{text-align:left}
#roomSheet .rmCodeInput{text-align:center}
#roomSheet select.rmField{appearance:none;-webkit-appearance:none;padding-right:36px;cursor:pointer;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:14px!important;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important}
html[data-theme="light"] #roomSheet select.rmField{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6b6b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important}
#roomSheet .rmSheetActions{justify-content:flex-end}#roomSheet .rmSheetHead .rmX{margin-left:auto}#schoolRoomsPane .rmSwitcher{position:relative}
#schoolRoomsPane .rmChatList{position:absolute;left:0;top:calc(100% + 6px);z-index:6;min-width:min(280px,100%);max-width:100%;margin:0;box-shadow:0 14px 40px rgba(0,0,0,.25)}
#schoolRoomsPane .rmLink,#roomSheet .rmLink{text-decoration:none;padding:6px 10px;border-radius:8px;min-height:32px;display:inline-flex;align-items:center}
#schoolRoomsPane .rmLink:hover,#roomSheet .rmLink:hover{background:var(--rm-hover)}
#schoolRoomsPane .rmDetails summary{list-style:none;display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 8px;margin-left:-8px;border-radius:8px;font-weight:500;user-select:none}
#schoolRoomsPane .rmDetails summary::-webkit-details-marker{display:none}
#schoolRoomsPane .rmDetails summary::before{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);margin:0 2px 2px;transition:transform .15s}
#schoolRoomsPane .rmDetails[open] summary::before{transform:rotate(45deg);margin-bottom:4px}#schoolRoomsPane .rmDetails summary:hover{background:var(--rm-hover);color:var(--rm-text)}
#schoolRoomsPane .rmMsgs{max-height:max(240px,calc(100vh - 340px));padding:4px 10px 4px 2px}#schoolRoomsPane .rmInput{background:transparent!important;color:var(--rm-text)!important;border:0!important;box-shadow:none!important}
#schoolRoomsPane .rmRoom .rmHead{position:relative}#schoolRoomsPane .rmMenu{right:0;top:calc(100% + 4px)}#schoolRoomsPane .rmRows{margin:0 -10px}
#schoolRoomsPane .rmRow{position:relative;padding:12px 10px;border-top:0;border-radius:10px}#schoolRoomsPane .rmRow+.rmRow::before{content:"";position:absolute;left:10px;right:10px;top:0;height:1px;background:var(--rm-line)}
#schoolRoomsPane .rmEmpty{text-align:center;padding:26px 12px}#schoolRoomsPane .rmMin{-moz-appearance:textfield;appearance:textfield}
#schoolRoomsPane .rmMin::-webkit-inner-spin-button,#schoolRoomsPane .rmMin::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#schoolRoomsPane .rmHelp{display:grid;grid-template-columns:1fr auto;gap:0 8px;align-items:start}
#schoolRoomsPane .rmHelp>.rmLabel,#schoolRoomsPane .rmHelp>.rmNote,#schoolRoomsPane .rmHelp>.rmSuggestion{grid-column:1/-1}#schoolRoomsPane .rmHelp>.rmField{margin:0}#schoolRoomsPane .rmHelp>.rmBtn{min-height:41px}
#schoolRoomsPane :is(.rmBtn,.rmRow,.rmTab,.rmOpt,.rmMenuItem,.rmChatRow,.rmChatPick,.rmX,.rmBack,.rmLink,.rmSend,.rmStackBtn,.rmReport):focus-visible,
#roomSheet :is(.rmBtn,.rmTab,.rmPick,.rmX,.rmLink,.rmSwitch):focus-visible,.roomsSection .sideNavBtn:focus-visible,.roomsSideAll:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
@media(max-width:760px){
#schoolRoomsPane .rmRows{margin:0 -6px}  #schoolRoomsPane .rmRow{padding:12px 6px}  #schoolRoomsPane .rmRow+.rmRow::before{left:6px;right:6px}  #schoolRoomsPane .rmHelp{grid-template-columns:1fr}
#schoolRoomsPane .rmHelp>.rmBtn{width:100%;margin-top:8px}
#schoolRoomsPane .rmRoom .rmHead{flex-wrap:wrap;gap:8px;row-gap:4px}#schoolRoomsPane .rmRoom .rmHead>.rmGrow{flex:1 1 100%;order:9;margin-top:2px}#schoolRoomsPane .rmRoom .rmBack{margin-right:auto}#schoolRoomsPane .rmRoom .rmHead .rmBtn.rmSmall{padding:6px 12px}
#schoolRoomsPane .rmRow{flex-wrap:wrap;row-gap:8px}#schoolRoomsPane .rmRow>.rmGrow{flex:1 1 100%}#schoolRoomsPane .rmRow .rmStack{margin-left:auto}
#schoolRoomsPane .rmReport{opacity:.45}#schoolRoomsPane .rmMsg:hover .rmReport,#schoolRoomsPane .rmReport:focus-visible{opacity:1}
}
#schoolRoomsPane,#roomSheet .rmSheet{--rm-warn:#fbbf24}html[data-theme="light"] #schoolRoomsPane,html[data-theme="light"] #roomSheet .rmSheet{--rm-warn:#b45309}
#schoolRoomsPane .rmRich{white-space:normal}#schoolRoomsPane .rmRich>p{font:inherit;color:inherit;margin:0}#schoolRoomsPane .rmRich>p+p{margin-top:4px}
#schoolRoomsPane .rmGuideView{font-size:14px;line-height:1.6;padding:2px 0 4px;color:var(--rm-text)}
#schoolRoomsPane .rmGuideView>:is(h1,h2,h3,h4){font-size:15px;font-weight:600;margin:16px 0 6px;color:var(--rm-text)}#schoolRoomsPane .rmGuideView>:is(h1,h2,h3,h4):first-child{margin-top:0}
#schoolRoomsPane .rmGuideView>:is(ul,ol){margin:4px 0 8px;padding-left:22px}#schoolRoomsPane .rmGuideView li{margin:2px 0}#schoolRoomsPane .rmGuideView>p{margin:0 0 8px}
#schoolRoomsPane .rmGuideBox .rmBoxHead{align-items:center;gap:6px}#schoolRoomsPane .rmBoxSub::before{content:"· "}#schoolRoomsPane .rmGuideBox .rmBoxHead .rmBtn{margin-left:auto}#schoolRoomsPane .rmGuideText{resize:none}#schoolRoomsPane .rmGuideTip{margin:-2px 0 0}#schoolRoomsPane .rmSuggestText{white-space:normal}
#schoolRoomsPane .rmQText{display:flex;gap:6px;align-items:flex-start}#schoolRoomsPane .rmQNum{color:var(--rm-sub);flex:none}#schoolRoomsPane .rmOpt .rmRich>p{display:inline}
#schoolRoomsPane .rmSheetActions{justify-content:flex-end}#schoolRoomsPane .rmSheetActions.rmTimerActs{justify-content:center}
#schoolRoomsPane .rmNote.isWarn,#roomSheet .rmNote.isWarn{color:var(--rm-warn);font-size:13px;display:flex;align-items:flex-start;gap:6px}
#schoolRoomsPane .rmNote.isWarn .rmSvg,#roomSheet .rmNote.isWarn .rmSvg{width:15px;height:15px;margin-top:2px}#schoolRoomsPane .rmMenuSep{height:1px;background:var(--rm-line);margin:4px 6px}
#schoolRoomsPane .rmName{display:flex;align-items:center;gap:6px;min-width:0}#schoolRoomsPane .rmNameText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#schoolRoomsPane .rmName .rmDotUnread{margin:0}#schoolRoomsPane .rmRow.isUnread .rmName{font-weight:700}
#schoolRoomsPane .rmTimerPhase{font-size:12.5px;letter-spacing:0;text-transform:none}#schoolRoomsPane .rmTimerPair{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.sidebar .roomsSection .sideSectionHead{padding:12px 8px 4px!important;min-height:0!important;margin:0!important;font-size:12px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:#8e8e8e!important}
html[data-theme="light"] .sidebar .roomsSection .sideSectionHead{color:#8f8f8f!important}
@media(min-width:761px){#schoolRoomsPane .rmRoom .rmPanel{min-height:420px}}
@media(max-width:760px){
body.schoolFull.entityMobileMenuOpen .sidebar{display:flex!important}  .roomsSideRoom,.roomsSideChat{min-height:44px!important}#schoolRoomsPane .rmBtn.rmSmall,#roomSheet .rmBtn.rmSmall{min-height:44px}#schoolRoomsPane .rmGuideBox .rmBoxSub{flex:1 1 100%;order:3}#schoolRoomsPane .rmGuideBox .rmBoxSub::before{content:none}  #schoolRoomsPane .rmMsgs{max-height:max(180px,calc(100dvh - 500px))}
#schoolRoomsPane .rmTimerSet{flex-direction:column;gap:10px}#schoolRoomsPane .rmTimerDot{display:none}
}
.richAnswer li > ul{margin:4px 0 2px 16px;padding:0}
.richAnswer li > ul > li{margin:2px 0}
.richAnswer .mathWait{display:block;margin:8px 0;color:#a3a3a3;font-size:15px;letter-spacing:.12em;line-height:1.4}
html[data-theme="light"] .richAnswer .mathWait{color:#6b6b6b}
.answerSources{overflow:visible;margin-top:12px;padding-top:10px;line-height:1.5}
.answerSourceLabel{line-height:1.6;padding-top:1px;overflow:visible}
.sideMoreBody .sideItemRow{display:flex;align-items:center;min-width:0}
.sideMoreBody .sideItemRow > .sideNavBtn{flex:1;min-width:0}
.sideMoreBody .sideEditBtn{margin:4px 0 2px}
.app.sideFolded .sideMore[open] .sideMoreBody{display:block!important}
:root{--calm-fill:#1c1c1c;--calm-fill-2:#242424;--calm-text:#c9c9c9;--calm-text-on:#ffffff;--calm-ring:#8fa3c8}
html[data-theme="light"]{--calm-fill:#ececee;--calm-fill-2:#e2e2e6;--calm-text:#2a2a30;--calm-text-on:#0d0d0d;--calm-ring:#7f95c2}
.sideNavBtn,.sideNavBtn.modeOn,.sideNavBtn.active,.sideNavBtn.primary,.sideBottom .sideNavBtn,
.toolResult.active > .sideNavBtn,.projectSideItem,.recentRow,.settingsNavBtn,.plusMenuBtn,.roomsSideAll,.schoolNavBtn,.schoolNavBtn.active,
#screenHistoryBtn,#settingsBtn{
border-color:transparent!important;box-shadow:none!important;background:transparent!important}
.sideNavBtn:hover,.sideNavBtn.active,.sideNavBtn.modeOn,.sideBottom .sideNavBtn:hover,.sideBottom .sideNavBtn.active,
.toolResult.active > .sideNavBtn,.projectSideItem:hover,.projectSideItem.active,.recentRow:hover,.recentRow.active,.recentRow:focus-within,
.settingsNavBtn:hover,.settingsNavBtn.active,.plusMenuBtn:hover,.roomsSideAll:hover,.schoolNavBtn:hover,.schoolNavBtn.active,
html[data-theme="light"] .schoolNavBtn:hover,html[data-theme="light"] .schoolNavBtn.active,
#screenHistoryBtn:hover,#screenHistoryBtn.active,#settingsBtn:hover,#settingsBtn.active{
background:var(--calm-fill)!important;border-color:transparent!important;box-shadow:none!important;color:var(--calm-text-on)!important}
.sideNavBtn.active:hover,.recentRow.active:hover,.settingsNavBtn.active:hover,.projectSideItem.active:hover,.schoolNavBtn.active:hover{background:var(--calm-fill-2)!important}
html:not(.v630HomeOn) #sidebarTabStudyBtn.active:not(:hover){background:transparent!important}
html[data-theme="light"] .sideNavBtn:hover span,html[data-theme="light"] .sideNavBtn.active span,html[data-theme="light"] .sideNavBtn:hover .sideNavIcon,
html[data-theme="light"] .sideNavBtn.active .sideNavIcon,html[data-theme="light"] .recentRow:hover *,html[data-theme="light"] .recentRow.active *{color:var(--calm-text-on)!important}
html[data-theme="light"] .recentRow:hover .recentItem,html[data-theme="light"] .recentRow.active .recentItem{background:transparent!important}
.sidebarTabBtn.active{box-shadow:none!important}
.secondaryAction,.modalCard .secondaryAction,#settingsModal .secondaryAction,#settingsModal .settingsFooter .secondaryAction,
.messageActionBtn,.feedbackBtn,.followupChip,.homeMissedBtn,.homeNightMiniBtn,.baBtn:not(.isPrimary),.baToolBtn,.baUnitBtn,
#schoolRoomsPane .rmBtn:not(.rmPri),#roomSheet .rmBtn:not(.rmPri),#schoolRoomsPane .rmChatPick,#schoolRoomsPane .rmOpt,
:root #homeDash .secondaryAction,:root #homeDash .homeMissedBtn,:root #homeDash .homeTrustBar button,:root #homeDash .homeNightMiniBtn,
:root #homeDash .baBtn:not(.isPrimary),:root #homeDash .homeTonightTime,:root #homeDash .homePlanTime,
html[data-theme="light"] .secondaryAction,html[data-theme="light"] #settingsModal .secondaryAction,html[data-theme="light"] .messageActionBtn,
html[data-theme="light"] .feedbackBtn,html[data-theme="light"] .homeMissedBtn{
background:transparent!important;border-color:transparent!important;box-shadow:none!important;font-weight:500!important;
color:var(--calm-text-on)!important;text-decoration:none!important}
.secondaryAction,.modalCard .secondaryAction,#settingsModal .secondaryAction,.messageActionBtn,.feedbackBtn,.followupChip,.homeMissedBtn,.baBtn:not(.isPrimary),
#schoolRoomsPane .rmBtn:not(.rmPri),#roomSheet .rmBtn:not(.rmPri){border-width:1px;border-style:solid}
.secondaryAction:hover,.modalCard .secondaryAction:hover,#settingsModal .secondaryAction:hover,.messageActionBtn:hover,.feedbackBtn:hover,.followupChip:hover,
.homeMissedBtn:hover,.homeNightMiniBtn:hover,.baBtn:not(.isPrimary):hover,
#schoolRoomsPane .rmBtn:not(.rmPri):hover:not(:disabled),#roomSheet .rmBtn:not(.rmPri):hover:not(:disabled),#schoolRoomsPane .rmChatPick:hover,#schoolRoomsPane .rmOpt:hover,
:root #homeDash .secondaryAction:hover,:root #homeDash .homeMissedBtn:hover,:root #homeDash .homeTrustBar button:hover,:root #homeDash .homeNightMiniBtn:hover,
:root #homeDash .baBtn:not(.isPrimary):hover,:root #homeDash .homeTonightTime:hover,:root #homeDash .homePlanTime:hover,
html[data-theme="light"] .secondaryAction:hover,html[data-theme="light"] #settingsModal .secondaryAction:hover,html[data-theme="light"] .messageActionBtn:hover,
html[data-theme="light"] .feedbackBtn:hover{
background:var(--calm-fill)!important;border-color:transparent!important;color:var(--calm-text-on)!important}
.secondaryAction:active,.messageActionBtn:active,.baBtn:not(.isPrimary):active,#schoolRoomsPane .rmBtn:not(.rmPri):active,#roomSheet .rmBtn:not(.rmPri):active,
.secondaryAction[aria-pressed="true"],.followupChip[aria-pressed="true"],#schoolRoomsPane .rmOpt.isOn,#schoolRoomsPane .rmOpt[aria-pressed="true"]{background:var(--calm-fill-2)!important}
:root #settingsModal .settingsShell .settingsMain .secondaryAction{background:transparent!important;border-color:transparent!important}
:root #settingsModal .settingsShell .settingsMain .secondaryAction:hover{background:var(--calm-fill)!important}
.messageActionBtn,.feedbackBtn{color:var(--calm-text)!important}
.messageActionBtn:hover,.feedbackBtn:hover{color:var(--calm-text-on)!important}
.r1RephraseChip,html[data-theme="light"] .r1RephraseChip{background:transparent!important;border-color:transparent!important;box-shadow:none!important;font-weight:500!important;color:var(--calm-text)!important}
.r1RephraseChip:hover,html[data-theme="light"] .r1RephraseChip:hover{background:var(--calm-fill)!important;border-color:transparent!important;color:var(--calm-text-on)!important}
:root #homeDash .homeCardLink,:root #homeDash .baLink{border-radius:8px;padding:4px 8px!important;margin:0 -6px}
:root #homeDash .homeCardLink:hover,:root #homeDash .baLink:hover{background:var(--calm-fill)!important;color:var(--hd-text)!important;text-decoration:none!important}
:root #homeDash .homeDayStat,:root #homeDash .homeAttentionPill{border-color:transparent!important}
button:focus:not(:focus-visible),a:focus:not(:focus-visible),summary:focus:not(:focus-visible),[role="button"]:focus:not(:focus-visible),
.sideNavBtn:focus:not(:focus-visible),.recentRow:focus:not(:focus-visible),.recentItem:focus:not(:focus-visible){
outline:none!important;box-shadow:none!important}
button:focus-visible,a:focus-visible,summary:focus-visible,[role="button"]:focus-visible,.recentItem:focus-visible,
:root #homeDash button:focus-visible,:root #homeDash summary:focus-visible,:root #homeDash [role="button"][tabindex="0"]:focus-visible{
outline:2px solid var(--calm-ring)!important;outline-offset:2px!important;box-shadow:none!important}
:root #homeDash{--hd-focus:var(--calm-ring)}
:root #homeDash .homeCardLink:focus-visible,:root #homeDash .homeDayChip:focus-visible{outline-offset:0!important}
:root #homeDash .homeDayChips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0 0}
:root #homeDash .homeDayChip{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:5px 11px!important;margin:0;
border:0!important;border-radius:999px!important;background:transparent!important;color:var(--hd-sub)!important;
font:inherit!important;font-size:13px!important;font-weight:400!important;line-height:1.2;cursor:default;white-space:nowrap}
:root #homeDash button.homeDayChip{cursor:pointer}
:root #homeDash button.homeDayChip:hover{background:var(--calm-fill)!important;color:var(--hd-text)!important}
:root #homeDash .homeDayChip b{font-size:15px;font-weight:600;color:var(--hd-text)!important}
:root #homeDash .homeDayChip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--hd-faint);flex:none}
:root #homeDash .homeDayChip.isMissing::before,:root #homeDash .homeDayChip.isOverdue::before,:root #homeDash .homeDayChip.isOlder::before{background:var(--hd-red)}
:root #homeDash .homeDayChip.isToday::before,:root #homeDash .homeDayChip.isTomorrow::before{background:var(--hd-orange)}
:root #homeDash .homeDayChip.isClear::before{background:var(--hd-green)}
:root #homeDash .homeDayChip.isTime{margin-left:auto;padding-left:6px!important}
:root #homeDash .homeDayChip.isTime::before{display:none}
:root #homeDash .homeFocusWhy{margin:8px 0 0;font-size:12.5px!important;line-height:1.45;color:var(--hd-sub)!important}
:root #homeDash .homeNoticedRow{cursor:pointer}
:root #homeDash .homeNoticedIcon{flex:none;width:22px;text-align:center;font-size:14px;line-height:1}
:root #homeDash .homeNoticedRow .homeCompactCopy > b{display:block;white-space:normal;overflow:visible;text-overflow:clip;font-weight:400!important}
:root #homeDash .homeNoticedRow[data-upsell="1"] .homeCompactCopy > b{color:var(--hd-sub)!important}
:root #homeDash .homeReviewCard .homeRow{cursor:pointer}
:root #homeDash .homeAddRow{display:flex;justify-content:center;margin:18px 0 8px}
:root #homeDash .homeAddBtn{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 14px!important;margin:0;
border:0!important;border-radius:999px!important;background:transparent!important;color:var(--hd-sub)!important;box-shadow:none!important;
font:inherit!important;font-size:13px!important;font-weight:500!important;cursor:pointer}
:root #homeDash .homeAddBtn:hover{background:var(--calm-fill)!important;color:var(--hd-text)!important}
:root #homeDash .homeAddBtn > span{font-size:15px;line-height:1}
@media(max-width:720px){
:root #homeDash .homeDayChip{min-height:36px}
:root #homeDash .homeDayChip.isTime{margin-left:0;flex-basis:100%;padding-left:11px!important}
:root #homeDash .homeAddBtn{min-height:44px}
}
#roomsSideSection,.sidebar .roomsSection{flex:0 0 auto!important;min-height:0;overflow:visible}
.plannerNavBtn,.plannerTinyBtn,.hiddenBtn,.hiddenBtn.testMarkBtn,.studyThisBtn,
html[data-theme="light"] .plannerNavBtn,html[data-theme="light"] .plannerTinyBtn,html[data-theme="light"] .hiddenBtn,html[data-theme="light"] .studyThisBtn{
background:transparent!important;border-color:transparent!important;box-shadow:none!important;
font-weight:500!important;letter-spacing:0!important;color:var(--calm-text)!important}
.plannerNavBtn:hover,.plannerTinyBtn:hover,.hiddenBtn:hover,.studyThisBtn:hover:not([disabled]),
html[data-theme="light"] .plannerNavBtn:hover,html[data-theme="light"] .plannerTinyBtn:hover,html[data-theme="light"] .hiddenBtn:hover,html[data-theme="light"] .studyThisBtn:hover:not([disabled]){
background:var(--calm-fill)!important;border-color:transparent!important;color:var(--calm-text-on)!important}
.studyThisBtn .studyThisLeft,html[data-theme="light"] .studyThisBtn .studyThisLeft{color:inherit!important;opacity:.75}
.plannerNavBtn.plannerSyncBtn,html[data-theme="light"] .plannerNavBtn.plannerSyncBtn{background:var(--calm-fill)!important;color:var(--calm-text-on)!important}
.plannerNavBtn.plannerSyncBtn:hover,html[data-theme="light"] .plannerNavBtn.plannerSyncBtn:hover{background:var(--calm-fill-2)!important}
#schoolRoomsPane .rmInput,html[data-theme="light"] #schoolRoomsPane .rmInput,
#schoolRoomsPane .rmInput:focus,html[data-theme="light"] #schoolRoomsPane .rmInput:focus{
background:transparent!important;color:var(--rm-text)!important;border-color:transparent!important;box-shadow:none!important;outline:none!important}
#schoolRoomsPane .rmInput::placeholder,html[data-theme="light"] #schoolRoomsPane .rmInput::placeholder{color:var(--rm-sub)!important}
:root #homeDash .prioChip,:root #homeDash .homeCompactBadge{border-color:transparent!important;background:var(--calm-fill)!important;
color:var(--hd-sub)!important;font-weight:500!important;letter-spacing:.03em!important;padding:2px 8px!important}
:root #homeDash .prioChip.prio-missing,:root #homeDash .prioChip.prio-overdue,:root #homeDash .homeCompactBadge.isMissing{
color:var(--hd-red)!important;background:rgba(248,113,113,.12)!important;border-color:transparent!important}
html[data-theme="light"] #homeDash .prioChip.prio-missing,html[data-theme="light"] #homeDash .prioChip.prio-overdue,html[data-theme="light"] #homeDash .homeCompactBadge.isMissing{
background:rgba(220,38,38,.08)!important}
:root #homeDash .homeMeters{display:block!important;padding:14px 4px 0!important;font-size:12px!important;line-height:1.7;color:var(--hd-sub)!important}
:root #homeDash .homeMeter{display:inline-block!important;border:0!important;background:transparent!important;padding:0!important;margin:0!important;
font-size:12px!important;color:var(--hd-sub)!important;white-space:nowrap}
:root #homeDash .homeMeter:not(:last-of-type)::after{content:"\00b7";margin:0 6px;color:var(--hd-faint)}
:root #homeDash .homeMeter.homeMeterOut{color:var(--hd-red)!important}
:root #homeDash .homeMetersNote{padding:2px 4px 0!important;font-size:12px!important;color:var(--hd-faint)!important}
:root #homeDash .baLink{text-decoration:none!important;font-weight:500!important;color:var(--hd-sub)!important}
:root #homeDash .baLink:hover{color:var(--hd-text)!important}
:root #homeDash .homeModernGrid > .homeSpanRow,:root #homeDash .baPlanGrid > .homeSpanRow{grid-column:1 / -1}
.mobileMenuBtn,#mobileMenuBtn,.chatMenuBtn,#chatMenuBtn,
html[data-theme="light"] .mobileMenuBtn,html[data-theme="light"] .chatActionsWrap .chatMenuBtn,html[data-theme="light"] .chatMenuBtn{
background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--calm-text)!important}
#mobileMenuBtn:hover,.mobileMenuBtn:hover,#chatMenuBtn:hover,.chatMenuBtn:hover,#chatMenuBtn.menuOpen,.chatMenuBtn.menuOpen,.chatMenuBtn[aria-expanded="true"],
.chatActionsWrap #chatMenuBtn,.chatActionsWrap .chatMenuBtn{
background:var(--calm-fill)!important;border-color:transparent!important;color:var(--calm-text-on)!important}
.chatActionsWrap #chatMenuBtn:hover,.chatActionsWrap .chatMenuBtn:hover{background:var(--calm-fill-2)!important}
body.roomMode{--rm-text:#ececec;--rm-sub:#a3a3a3;--rm-line:#2e2e2e;--rm-hover:#1f1f1f;--rm-bubble:#232323;--rm-unread:#7f9dff;--rm-ok:#22c55e;--rm-warn:#fbbf24;--rm-pri:#ececec;--rm-pri-fg:#111;--rm-card:#151515}
html[data-theme="light"] body.roomMode{--rm-text:#0d0d0d;--rm-sub:#6b6b6b;--rm-line:#e5e5e5;--rm-hover:#ececee;--rm-bubble:#f1f1f3;--rm-unread:#2563eb;--rm-ok:#16a34a;--rm-warn:#b45309;--rm-pri:#0d0d0d;--rm-pri-fg:#fff;--rm-card:#ffffff}
body.roomMode .sidebarTabScroll > :not(#roomSidePanel),body.roomMode .toolFinder,body.roomMode .favSection{display:none!important}
#roomSidePanel[hidden]{display:none!important}
body.roomMode #roomSidePanel{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;gap:1px;padding:2px 0 8px}
#roomSidePanel .rmSideBack{color:var(--rm-sub)!important;font-size:13px!important;margin-bottom:2px}
#roomSidePanel .rmSideBack .rmSvg{width:14px;height:14px}
#roomSidePanel .rmSideHead{padding:6px 8px 12px;border-bottom:1px solid var(--rm-line);margin:0 0 4px}
#roomSidePanel .rmSideName{font-size:16px;font-weight:600;color:var(--rm-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#roomSidePanel .rmSideMeta{display:flex;align-items:center;gap:8px;margin-top:6px;color:var(--rm-sub);font-size:12.5px;min-height:26px}
#roomSidePanel .rmHere{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
#roomSidePanel .rmDot{width:7px;height:7px;border-radius:50%;background:var(--rm-ok);flex:none}
#roomSidePanel .rmStack{display:inline-flex;align-items:center}
#roomSidePanel .rmAv{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:600;border:2px solid var(--rm-card);margin-left:-6px;color:#111;box-sizing:content-box}
#roomSidePanel .rmStack .rmAv:first-child{margin-left:0}#roomSidePanel .rmAvMore{background:var(--rm-hover)!important;color:var(--rm-sub);font-size:9px}
#roomSidePanel .rmSideInvite{margin-left:auto;border:1px solid var(--rm-line);background:none;color:var(--rm-text);font:inherit;font-size:12.5px;border-radius:999px;padding:3px 10px;cursor:pointer;min-height:26px}
#roomSidePanel .rmSideInvite:hover{background:var(--rm-hover)}
#roomSidePanel .rmSideLabel{display:flex;align-items:center;justify-content:space-between;padding:12px 8px 4px;font-size:11px;font-weight:600;color:var(--rm-sub);letter-spacing:.06em;text-transform:uppercase}
#roomSidePanel .rmSideLabel button{border:0;background:none;color:var(--rm-sub);font:inherit;font-size:12px;font-weight:500;cursor:pointer;padding:2px 6px;border-radius:6px;text-transform:none;letter-spacing:0}
#roomSidePanel .rmSideLabel button:hover{background:var(--rm-hover);color:var(--rm-text)}
#roomSidePanel .rmSideItem{width:100%}
#roomSidePanel .rmSideItem .rmSideText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
#roomSidePanel .rmSideItem .rmSideRight{margin-left:auto;font-size:12px;color:var(--rm-sub);font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums}
#roomSidePanel .rmSideItem.active{background:var(--rm-hover)!important;color:var(--rm-text)!important;font-weight:600}
#roomSidePanel .rmSideItem .rmDotUnread{width:7px;height:7px;border-radius:50%;background:var(--rm-unread);margin-left:auto;flex:none}
#roomSidePanel .rmSideIc{display:inline-flex!important;align-items:center;justify-content:center}
#roomSidePanel .rmSideIc .rmSvg{width:15px;height:15px;opacity:.9}
#roomSidePanel .rmSideGrow{flex:1 0 12px}
#roomSidePanel :is(.sideNavBtn,.rmSideInvite,.rmSideLabel button):focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
body.roomMode #suggestedFollowups,body.roomMode #chatMenuBtn,body.roomMode .chatActionsWrap,body.roomMode #chatActionsWrap,body.roomMode .crossDeviceScreenBanner{display:none!important}
body.roomMode .composerArea .composerMeta,body.roomMode .composerDisclaimer,body.roomMode #entityMorning,body.roomMode #entityNotices,
body.roomMode #allowanceCard,body.roomMode #batchBSlash,body.roomMode .composerControls .usageRing{display:none!important}
.rmComposerHint{display:none}
body.roomMode .rmComposerHint{display:block;max-width:760px;margin:6px auto 0;font-size:11.5px;color:var(--rm-sub);text-align:center;padding:0 12px}
body.roomMode #chatLog{scroll-behavior:auto}
#roomChatTop[hidden]{display:none!important}
body.roomMode #roomChatTop{display:flex;align-items:center;gap:10px;padding:12px 7vw;background:var(--rm-card);border-bottom:1px solid var(--rm-line);font-size:15px;color:var(--rm-text);flex:none;min-width:0}
#roomChatTop .rmTopName{font-weight:600;display:flex;align-items:center;gap:8px;min-width:0}
#roomChatTop .rmChatName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#roomChatTop .rmChatIcon{color:var(--rm-sub);display:inline-flex;align-items:center}
#roomChatTop .rmChatIcon .rmSvg{width:16px;height:16px}
#roomChatTop .rmGrow{flex:1}
#roomChatTop .rmTopHint{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--rm-sub);text-align:right}
#roomChatTop .rmEntSwitch{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--rm-line);border-radius:999px;padding:4px 12px 4px 6px;background:none;color:var(--rm-sub);font:inherit;font-size:12px;cursor:pointer;max-width:100%;text-align:left}
#roomChatTop .rmEntSwitch:hover{background:var(--rm-hover)}#roomChatTop .rmEntSwitch[aria-disabled="true"]{cursor:default}#roomChatTop .rmEntSwitch[aria-disabled="true"]:hover{background:none}
#roomChatTop .rmEntSwitch .rmTrack{width:28px;height:16px;border-radius:999px;background:var(--rm-line);position:relative;flex:none;transition:background .15s}
#roomChatTop .rmEntSwitch .rmTrack::after{content:"";position:absolute;left:2px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--rm-card);box-shadow:0 1px 2px rgba(0,0,0,.3);transition:left .15s}
#roomChatTop .rmEntSwitch[aria-checked="true"] .rmTrack{background:var(--rm-ok)}#roomChatTop .rmEntSwitch[aria-checked="true"] .rmTrack::after{left:14px}
#roomChatTop .rmEntSwitch .rmEntText{display:flex;flex-direction:column;line-height:1.25;min-width:0}
#roomChatTop .rmEntSwitch b{font-weight:600;color:var(--rm-text);font-size:12.5px}#roomChatTop .rmEntSwitch .rmEntWhy{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#chatLog .rmLogCol{display:flex;flex-direction:column;gap:14px;width:100%;flex:none}
#chatLog .rmLogHead{text-align:center;font-size:12px;color:var(--rm-sub);padding:4px 0 6px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
#chatLog .rmLogHead button{border:0;background:none;color:var(--rm-sub);font:inherit;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:4px 8px;border-radius:6px}
#chatLog .rmLogHead button:hover{color:var(--rm-text);background:var(--rm-hover)}
#chatLog .rmMsg.rmSystem{text-align:center;font-size:12px;color:var(--rm-sub);align-self:center;max-width:90%}
#chatLog .message.rmMsg{flex-direction:column;align-items:flex-start;gap:3px;position:relative}
#chatLog .message.user.rmMsg{align-items:flex-end}
#chatLog .rmWho{font-size:12px;color:var(--rm-sub);display:flex;gap:8px;align-items:center;min-height:20px}
#chatLog .rmWho .rmWhoName{font-weight:600}
#chatLog .rmWho .rmReport{border:0;background:none;color:var(--rm-sub);font-size:12px;cursor:pointer;opacity:0;padding:0 6px;border-radius:4px;min-height:20px}
#chatLog .rmMsg:hover .rmReport,#chatLog .rmReport:focus-visible{opacity:1}
#chatLog .rmEntLogo{width:20px;height:20px;border-radius:50%;border:1px solid var(--rm-line);display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:var(--rm-text);flex:none}
#chatLog .rmThem .bubble{background:var(--rm-bubble)!important;border:0!important;border-radius:16px!important;padding:9px 14px!important;max-width:min(760px,80%)!important;color:var(--rm-text)!important}
#chatLog .rmEntity .bubble{padding-left:0!important;max-width:min(760px,88%)!important;color:var(--rm-text)!important}
#chatLog .rmMsgNote{font-size:12px;color:var(--rm-sub);margin-top:2px}
#chatLog .rmDivider{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;color:var(--rm-unread);letter-spacing:.06em;text-transform:uppercase;width:100%}
#chatLog .rmDivider::before,#chatLog .rmDivider::after{content:"";flex:1;height:1px;background:var(--rm-unread);opacity:.5}
#chatLog .rmPending .bubble{opacity:.6}
#chatLog .rmSendState{font-size:12px;color:var(--rm-sub);display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
#chatLog .rmSendState.isWarn{color:var(--rm-warn)}#chatLog .rmSendState .rmSvg{width:14px;height:14px}
#chatLog .rmSendState button{border:0;background:none;color:inherit;font:inherit;font-size:12px;text-decoration:underline;text-underline-offset:2px;cursor:pointer;padding:0 2px;min-height:20px}
#chatLog .rmEmpty{text-align:center;color:var(--rm-sub);font-size:13px;padding:26px 12px}
#roomMain[hidden]{display:none!important}
body.roomMode #roomMain{flex:1;min-height:0;overflow-y:auto;padding:22px 7vw 32px;color:var(--rm-text)}
body.roomMode #roomMain #schoolRoomsPane{display:block}
body.roomMode #roomMain .rmToolHead{margin:0 0 12px}
body.roomMode #roomMain .rmToolHead .rmBack{margin-right:2px}
#schoolRoomsPane .rmSwitch{width:36px;height:22px;border-radius:999px;border:0;background:var(--rm-line);position:relative;flex:none;cursor:pointer;padding:0}
#schoolRoomsPane .rmSwitch::after{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:50%;background:var(--rm-card);box-shadow:0 1px 2px rgba(0,0,0,.25);transition:left .15s}
#schoolRoomsPane .rmSwitch.isOn{background:var(--rm-pri)}#schoolRoomsPane .rmSwitch.isOn::after{left:16px}
#schoolRoomsPane .rmInviteFoot{display:flex;align-items:center;gap:10px;border-top:1px solid var(--rm-line);margin-top:12px;padding-top:12px;font-size:13px}
#schoolRoomsPane .rmSettingsCode{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;padding:12px 10px;border:1px solid var(--rm-line);border-radius:14px;background:var(--rm-hover)}
#schoolRoomsPane .rmSettingsCode .rmCode{font:600 24px/1.2 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.12em;flex:1 1 100%;text-align:center;color:var(--rm-text);user-select:all;padding:2px 0 6px}
html:not(.roomsOn) #roomsSideSection{display:none!important}
@media(max-width:760px){
body.roomMode .topbar{display:flex!important}
body.roomMode #roomChatTop{padding:8px 16px;gap:8px}
#roomChatTop .rmTopHint{font-size:0;gap:0}
#roomChatTop .rmEntSwitch .rmEntWhy{display:none}
#chatLog .rmWho .rmReport{opacity:.5}
body.roomMode #roomMain{padding:14px 12px 28px}
body.roomMode .rmComposerHint{font-size:11px}
#roomSidePanel .rmSideItem{min-height:44px!important}
}
.main{position:relative}
.tempChatWrap{position:absolute;top:10px;right:16px;z-index:60;display:flex;align-items:center;gap:8px;pointer-events:none}
.tempChatWrap > *{pointer-events:auto}
.tempChatBtn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid transparent;
background:transparent;color:var(--calm-text);cursor:pointer;transition:background .15s,color .15s}
.tempChatBtn:hover,.tempChatBtn:focus-visible{background:var(--calm-fill);color:var(--calm-text-on);outline:none}
.tempChatBtn:focus-visible{box-shadow:0 0 0 2px var(--calm-ring)}
.tempChatBtn.on,.tempChatBtn[aria-pressed="true"]{background:var(--calm-fill-2);color:var(--calm-text-on);border-color:rgba(143,163,200,.55)}
.tempChatBtn.on svg{stroke-dasharray:none}
.tempChatHint{font-size:12px;color:var(--calm-text);background:var(--calm-fill);border-radius:999px;padding:4px 10px;white-space:nowrap}
.tempChatHint[hidden]{display:none}
body.schoolFull .tempChatWrap,body.entityFull .tempChatWrap,body.essayOpen .tempChatWrap{display:none}
@media (max-width:760px){
.tempChatWrap{top:calc(10px + env(safe-area-inset-top,0px));right:12px}
.tempChatHint{font-size:11px;max-width:46vw;overflow:hidden;text-overflow:ellipsis}
}
html[data-theme="light"] .tempChatBtn.on,html[data-theme="light"] .tempChatBtn[aria-pressed="true"]{border-color:rgba(127,149,194,.6)}
.sideFixedRow{display:flex;align-items:center;min-width:0}
.sideFixedRow > .sideNavBtn{flex:1;min-width:0}
.sideArmedTag{margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:999px;
background:var(--calm-fill-2);color:var(--calm-text-on);white-space:nowrap}
.sideArmedTag[hidden]{display:none}
.sideDeepResearchBtn.on,.sideDeepResearchBtn[aria-pressed="true"]{background:var(--calm-fill)!important;color:var(--calm-text-on)!important}
.app.sideFolded .sideArmedTag{display:none}
body.sidebarDragging,body.sidebarDragging *{user-select:none!important;-webkit-user-select:none!important;cursor:grabbing!important}
.sideItemRow,.sideShortcutRow,.sideFixedRow{touch-action:pan-y}
#sidebarTabPanelChats.sideEditing .sideItemRow,#sidebarTabPanelChats.sideEditing .sideShortcutRow,#sidebarTabPanelChats.sideEditing .sideFixedRow{touch-action:none}
.sideDragArmed{outline:2px dashed var(--calm-ring);outline-offset:-2px;border-radius:10px}
.sideDragging{opacity:.72;outline:2px solid var(--calm-ring);outline-offset:-2px;border-radius:10px;background:var(--calm-fill);
box-shadow:0 8px 24px rgba(0,0,0,.35);position:relative;z-index:5}
html[data-theme="light"] .sideDragging{box-shadow:0 8px 24px rgba(0,0,0,.14)}
.sideOrderZone{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--calm-text);opacity:.75;padding:6px 4px 2px}
.sideOrderRow{display:flex;align-items:center;gap:6px;min-height:30px;padding:2px 4px;border-radius:8px}
.sideOrderRow:hover{background:var(--calm-fill)}
.sideOrderRow .sideEditChoiceLabel{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--calm-text)}
.sideOrderHidden{margin-left:6px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;opacity:.6}
.sideOrderBtn{width:26px;height:26px;border-radius:7px;border:1px solid transparent;background:var(--calm-fill);color:var(--calm-text);font-size:10px;
display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.sideOrderBtn:hover:not([disabled]),.sideOrderBtn:focus-visible{background:var(--calm-fill-2);color:var(--calm-text-on);outline:none}
.sideOrderBtn:focus-visible{box-shadow:0 0 0 2px var(--calm-ring)}
.sideOrderBtn[disabled]{opacity:.35;cursor:default}
.sideOrderNote{font-size:11.5px;color:var(--calm-text);opacity:.75;padding:6px 4px 2px}
@media (max-width:760px){
.sideOrderBtn{width:34px;height:34px;font-size:12px}
}
.appCard{--ap-card:#141414;--ap-text:#ececec;--ap-sub:#a3a3a3;--ap-line:#2e2e2e;--ap-hover:#1e1e1e;--ap-stage:#0f0f0f;--ap-pri-bg:#ececec;--ap-pri-fg:#111;
margin:12px 0;padding:16px 18px;border:1px solid var(--ap-line);border-radius:14px;background:var(--ap-card);color:var(--ap-text);
width:560px;max-width:100%;min-width:0;box-sizing:border-box}
.appCardHead{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:0 0 10px}
.appCardKicker{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ap-sub)}
.appCardTitle{margin:0;font-size:15.5px;font-weight:600;color:var(--ap-text);flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.appStage{position:relative;min-height:120px;border:1px solid var(--ap-line);border-radius:10px;background:var(--ap-stage);overflow:hidden}
.appStageHint{margin:0;padding:44px 14px;text-align:center;font-size:13.5px;color:var(--ap-sub)}
.appFrame{display:block;width:100%;height:380px;border:0;background:#fff}
.appActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.appBtn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 15px;border:1px solid var(--ap-line);border-radius:999px;
background:transparent;color:var(--ap-text);font:inherit;font-size:13px;font-weight:500;cursor:pointer}
.appBtn:hover{background:var(--ap-hover)}
.appBtn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
.appBtn.isPrimary{border-color:transparent;background:var(--ap-pri-bg);color:var(--ap-pri-fg);font-weight:600}
.appNote{margin:10px 0 0;font-size:12.5px;line-height:1.45;color:var(--ap-sub)}
.appFullShade{display:flex;padding:0;z-index:130}
.appFullWin{--ap-card:#141414;--ap-text:#ececec;--ap-sub:#a3a3a3;--ap-line:#2e2e2e;--ap-hover:#1e1e1e;
display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:var(--ap-card);color:var(--ap-text)}
.appFullHead{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 16px;border-bottom:1px solid var(--ap-line);min-height:52px;box-sizing:border-box}
.appFullTitle{margin:0;flex:1 1 auto;min-width:0;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.appFullNote{flex:none;font-size:12px;color:var(--ap-sub)}
.appFullX{flex:none;width:44px;height:44px;border:0;border-radius:10px;background:none;color:var(--ap-sub);font:inherit;font-size:24px;line-height:1;cursor:pointer}
.appFullX:hover{background:var(--ap-hover);color:var(--ap-text)}
.appFullX:focus-visible{outline:2px solid #3b82f6;outline-offset:-2px}
.appFrameFull{flex:1 1 auto;height:auto;min-height:0}
html[data-theme="light"] .appCard,html[data-theme="light"] .appFullWin{--ap-card:#ffffff;--ap-text:#0d0d0d;--ap-sub:#6b6b6b;--ap-line:#e5e5e5;--ap-hover:#f5f5f5;--ap-stage:#fafafa;--ap-pri-bg:#0d0d0d;--ap-pri-fg:#ffffff;
background:var(--ap-card)!important;border-color:var(--ap-line)!important;color:var(--ap-text)!important}
@media(max-width:760px){
.appCard{padding:14px}
.appFrame{height:320px}
.appBtn{min-height:44px;flex:1 1 auto}
.appFullHead{padding-left:16px}
}
.r10Plots{display:flex;flex-direction:column;gap:10px;margin:10px 0 6px}
.r10Plot{display:block;max-width:100%;height:auto;border:1px solid #2e2e2e;border-radius:12px;background:#fff}
.r10CodeRuns{margin:10px 0 6px;border:1px solid #2e2e2e;border-radius:12px;background:#161616;color:#ececec;font-size:12.5px;overflow:hidden}
.r10CodeRuns>summary{list-style:none;cursor:pointer;user-select:none;padding:9px 12px;min-height:36px;display:flex;align-items:center;gap:9px;color:#a3a3a3;font-weight:500}
.r10CodeRuns>summary::-webkit-details-marker{display:none}
.r10CodeRuns>summary::before{content:"";width:6px;height:6px;border-right:1px solid #a3a3a3;border-bottom:1px solid #a3a3a3;transform:rotate(-45deg);transition:transform .15s;flex:none;margin:0 0 2px 2px}
.r10CodeRuns[open]>summary::before{transform:rotate(45deg);margin:0 0 4px 2px}
.r10CodeRuns>summary:hover{color:#ececec}
.r10CodeList{padding:0 12px 12px;display:flex;flex-direction:column;gap:12px}
.r10Run+.r10Run{border-top:1px solid #2e2e2e;padding-top:12px}
.r10RunLabel{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#a3a3a3;margin:0 0 4px}
.r10Code,.r10Out{margin:0 0 8px;padding:10px 12px;border:1px solid #2e2e2e;border-radius:10px;background:#111;color:#ececec;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word;max-height:260px;overflow:auto}
.r10RunFailed .r10Out{border-color:#5a3a3a}
.r10DlSheet{margin:10px 0 4px;padding:12px 14px;border:1px solid #2e2e2e;border-radius:14px;background:#161616;color:#ececec}
.r10DlHead{display:flex;align-items:center;gap:8px;margin-bottom:10px}
.r10DlTitle{flex:1;font-size:13px;font-weight:600;color:#ececec}
.r10DlX{flex:none;width:32px;height:32px;border:1px solid #2e2e2e;border-radius:999px;background:transparent;color:#a3a3a3;font-size:18px;line-height:1;cursor:pointer}
.r10DlX:hover{color:#ececec;background:#1f1f1f}
.r10DlBtns{display:flex;flex-wrap:wrap;gap:8px}
.r10DlBtn{min-height:38px;padding:8px 16px;border:1px solid #2e2e2e;border-radius:999px;background:transparent;color:#ececec;font-size:13px;font-weight:500;cursor:pointer}
.r10DlBtn:hover{background:#1f1f1f}
.r10DlBtn.r10DlPrimary{background:#ececec;color:#111;border-color:#ececec}
.r10DlBtn.r10DlPrimary:hover{background:#fff}
.r10DlBtn:disabled{opacity:.6;cursor:default}
.r10DlNote{margin-top:8px;font-size:11.5px;color:#a3a3a3}
html[data-theme="light"] .r10Plot{border-color:#e5e5e5}
html[data-theme="light"] .r10CodeRuns,html[data-theme="light"] .r10DlSheet{background:#fff!important;border-color:#e5e5e5!important;color:#0d0d0d!important}
html[data-theme="light"] .r10CodeRuns>summary,html[data-theme="light"] .r10RunLabel,html[data-theme="light"] .r10DlNote{color:#6b6b6b}
html[data-theme="light"] .r10CodeRuns>summary::before{border-color:#6b6b6b}
html[data-theme="light"] .r10CodeRuns>summary:hover,html[data-theme="light"] .r10DlTitle{color:#0d0d0d}
html[data-theme="light"] .r10Run+.r10Run{border-color:#e5e5e5}
html[data-theme="light"] .r10Code,html[data-theme="light"] .r10Out{background:#fafafa!important;border-color:#e5e5e5!important;color:#0d0d0d!important}
html[data-theme="light"] .r10RunFailed .r10Out{border-color:#e3b4b4!important}
html[data-theme="light"] .r10DlX,html[data-theme="light"] .r10DlBtn{border-color:#e5e5e5;color:#0d0d0d;background:transparent}
html[data-theme="light"] .r10DlX{color:#6b6b6b}
html[data-theme="light"] .r10DlX:hover,html[data-theme="light"] .r10DlBtn:hover{background:#f4f4f5;color:#0d0d0d}
html[data-theme="light"] .r10DlBtn.r10DlPrimary,html[data-theme="light"] .r10DlBtn.r10DlPrimary:hover{background:#0d0d0d;color:#fff;border-color:#0d0d0d}
@media(max-width:760px){
.r10DlBtn{min-height:44px;flex:1 1 auto}
.r10DlX{width:44px;height:44px}
.r10CodeRuns>summary{min-height:44px}
.r10Code,.r10Out{max-height:200px}
}
.thinkingBlock{margin-bottom:10px;border:1px solid #2e2e2e;border-radius:12px;background:#161616;font-size:12px;color:#a3a3a3}
.thinkingBlock summary{padding:8px 12px;font-weight:600;font-size:12px;letter-spacing:0;color:#a3a3a3;display:flex;align-items:center;gap:8px;min-height:44px;box-sizing:border-box}
.thinkingBlock summary:before{content:'';width:6px;height:6px;border-radius:50%;background:#a3a3a3;flex:0 0 auto}
.thinkingBlock summary:after{content:'';margin-left:auto;width:7px;height:7px;border-right:1.5px solid #6b6b6b;border-bottom:1.5px solid #6b6b6b;transform:rotate(45deg);transition:transform .15s}
.thinkingBlock[open] summary:after{transform:rotate(-135deg)} .thinkingBlock summary:hover{color:#ececec}
.thinkingBody{padding:0 12px 10px;font-size:12px;line-height:1.55;color:#a3a3a3;white-space:pre-wrap;max-height:280px;overflow-y:auto}
.r10MenuRow{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:9px 12px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:10px;box-sizing:border-box}
.r10MenuRow:hover,.r10MenuRow:focus-visible,.r10StyleOpt:hover,.r10StyleOpt:focus-visible{background:#1f1f1f;outline:none}
.r10MenuRow .v568RowVal,.r10SectionHead .v568RowVal{margin-left:auto}
.r10Switch{position:relative;width:34px;height:20px;border-radius:999px;background:#3a3a3a;flex:0 0 auto;transition:background .15s}
.r10Knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#ececec;transition:left .15s}
.r10MenuRow.r10On .r10Switch{background:#ececec} .r10MenuRow.r10On .r10Knob{left:16px;background:#111}
.r10LearnTag{margin-left:6px;font-size:11px;color:#a3a3a3;border:1px solid #2e2e2e;border-radius:999px;padding:1px 7px} .r10LearnTag[hidden]{display:none}
.r10StyleSection{padding:2px 0 4px} .r10SectionHead{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 2px}
.r10StyleOpt{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px 12px;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:10px;box-sizing:border-box}
.r10StyleOpt .r10OptText{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.r10StyleOpt .r10OptDesc{font-size:11.5px;color:#8e8f97;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r10StyleOpt .r10OptCheck{visibility:hidden;margin-left:auto} .r10StyleOpt.selected .r10OptCheck{visibility:visible} .r10StyleManage{color:#a3a3a3}
.r10SelBar{position:fixed;z-index:1200;display:flex;gap:2px;padding:3px;border:1px solid #2e2e2e;border-radius:12px;background:#161616;box-shadow:0 12px 34px rgba(0,0,0,.45);max-width:calc(100vw - 16px)}
.r10SelBar[hidden]{display:none}
.r10SelBar:after{content:'';position:absolute;left:50%;bottom:-6px;width:10px;height:10px;margin-left:-5px;background:#161616;border-right:1px solid #2e2e2e;border-bottom:1px solid #2e2e2e;transform:rotate(45deg)}
.r10SelBar.r10Below:after{bottom:auto;top:-6px;border:0;border-left:1px solid #2e2e2e;border-top:1px solid #2e2e2e}
.r10SelBtn{min-height:38px;padding:0 12px;border:0;border-radius:9px;background:none;color:#ececec;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.r10SelBtn:hover,.r10SelBtn:focus-visible{background:#1f1f1f;outline:none} .r10SelBtn:first-child{background:#ececec;color:#111;font-weight:600} .r10SelBtn:first-child:hover{background:#ffffff}
.r10StylesBlock .r10StyleChips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px} .r10StylesBlock .r10StylesCount{margin-bottom:6px}
.r10NewStyle{border:1px solid #2e2e2e;border-radius:12px;padding:0 12px 12px;margin-top:8px;background:#161616} .r10NewStyle[hidden]{display:none}
.r10NewStyle summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600;font-size:13px;color:#ececec;list-style:none}
.r10NewStyle summary::-webkit-details-marker{display:none} .r10NewStyle summary:before{content:'+';width:18px;font-size:16px;color:#a3a3a3}
.r10NewStyle .batchBInput{display:block;width:100%;box-sizing:border-box;margin:0 0 8px;font-size:16px} .r10NewStyle .batchBInput::placeholder{color:#6b6b6b}
.r10StyleActions{justify-content:flex-end}
.r10Pill{border-radius:999px;background:#ececec;color:#111;border:1px solid #ececec;font-weight:600;min-height:40px;padding:0 18px} .r10Pill:hover{background:#ffffff} .r10Pill:disabled{opacity:.5;cursor:default}
@media (max-width:760px){ .r10SelBtn{min-height:44px;padding:0 11px;font-size:13px} .r10SelBar{gap:0} }
html[data-theme="light"] .thinkingBlock{background:#fafafa!important;border-color:#e5e5e5!important;color:#6b6b6b!important}
html[data-theme="light"] .thinkingBlock summary,html[data-theme="light"] .thinkingBody{color:#6b6b6b!important} html[data-theme="light"] .thinkingBlock summary:hover{color:#0d0d0d!important}
html[data-theme="light"] .thinkingBlock summary:before{background:#6b6b6b} html[data-theme="light"] .thinkingBlock summary:after{border-color:#9a9a9a}
html[data-theme="light"] .r10MenuRow:hover,html[data-theme="light"] .r10MenuRow:focus-visible,html[data-theme="light"] .r10StyleOpt:hover,html[data-theme="light"] .r10StyleOpt:focus-visible,html[data-theme="light"] .r10SelBtn:hover,html[data-theme="light"] .r10SelBtn:focus-visible{background:#f4f4f5!important}
html[data-theme="light"] .r10Switch{background:#d4d4da!important} html[data-theme="light"] .r10Knob{background:#ffffff!important}
html[data-theme="light"] .r10MenuRow.r10On .r10Switch{background:#0d0d0d!important} html[data-theme="light"] .r10MenuRow.r10On .r10Knob{background:#ffffff!important}
html[data-theme="light"] .r10LearnTag{color:#6b6b6b!important;border-color:#e5e5e5!important} html[data-theme="light"] .r10StyleManage{color:#6b6b6b!important} html[data-theme="light"] .r10StyleOpt .r10OptDesc{color:#6b6e77!important}
html[data-theme="light"] .r10SelBar{background:#ffffff!important;border-color:#e5e5e5!important;box-shadow:0 12px 34px rgba(0,0,0,.14)!important} html[data-theme="light"] .r10SelBar:after{background:#ffffff!important;border-color:#e5e5e5!important}
html[data-theme="light"] .r10SelBtn{color:#0d0d0d!important} html[data-theme="light"] .r10SelBtn:first-child{background:#0d0d0d!important;color:#ffffff!important}
html[data-theme="light"] .r10NewStyle{background:#ffffff!important;border-color:#e5e5e5!important} html[data-theme="light"] .r10NewStyle summary{color:#0d0d0d!important}
html[data-theme="light"] .r10Pill{background:#0d0d0d!important;color:#ffffff!important;border-color:#0d0d0d!important}
.diagramSvg .dgVenn{fill:var(--bb-fill);fill-opacity:.55;stroke:var(--bb-stroke);stroke-width:1.4;mix-blend-mode:normal}
.diagramSvg .dgVennName{fill:var(--ba-text);font-size:13px;font-weight:600}
.diagramSvg .dgVennItem{fill:var(--ba-text);font-size:12px}
.diagramSvg .dgTick{stroke:var(--bb-stroke);stroke-width:1.4}
.diagramSvg .dgTickLabel{fill:var(--ba-sub);font-size:11px}
.diagramSvg .dgSpan{stroke:var(--ba-text);stroke-width:3.5;stroke-linecap:round}
.diagramSvg .dgOpen{fill:var(--ba-card);stroke:var(--ba-text);stroke-width:2}
.diagramSvg .dgShape{fill:none;stroke:var(--ba-text);stroke-width:1.4}
.diagramSvg .dgSeg{stroke:var(--ba-text);stroke-width:1.6;stroke-linecap:round}
.diagramSvg .dgSeg.dgLine{stroke-dasharray:6 4}
.diagramSvg .dgAngle{fill:none;stroke:var(--bb-edge);stroke-width:1.4}
.diagramSvg .dgPoint{fill:var(--ba-text);font-size:13px;font-weight:600}
.diagramSvg .dgFigure{fill:var(--bb-fill);fill-opacity:.6}
.diagramSvg .dgLeader{stroke:var(--bb-edge);stroke-width:1.1}
.diagramSvg .dgMarker circle{fill:var(--ba-card);stroke:var(--ba-text);stroke-width:1.3}
.diagramSvg .dgMarker text{fill:var(--ba-text);font-size:11px;font-weight:600}
.diagramSvg .dgLabelName{fill:var(--ba-text);font-size:13px;font-weight:600}
.diagramSvg .dgLabelText{fill:var(--ba-sub);font-size:12px}
html[data-theme="light"] .diagramSvg .dgVenn{fill-opacity:.45}
@media (max-width:480px){
.diagramSvg .dgVennItem,.diagramSvg .dgLabelText,.diagramSvg .dgTickLabel{font-size:12px}
}
#schoolRoomsPane .rsBox{margin-bottom:14px}
#schoolRoomsPane .rsNote{min-height:18px}
#schoolRoomsPane .rsPills{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 12px}
#schoolRoomsPane .rsPill.isOn{background:var(--rm-pri);color:var(--rm-pri-fg);border-color:transparent}
#schoolRoomsPane .rsOptRow{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 10px}
#schoolRoomsPane .rsSel{display:flex;flex-direction:column;gap:4px;min-width:120px}
#schoolRoomsPane .rsSel select.rmField{min-height:44px;font-size:16px}
#schoolRoomsPane .rsPaste,#schoolRoomsPane .rsAnswer,#schoolRoomsPane .rsSecText,#schoolRoomsPane .rsNoteIn{width:100%;box-sizing:border-box;font-size:16px;line-height:1.45;margin:6px 0 4px;resize:vertical}
#schoolRoomsPane .rsTimer{font:600 22px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;color:var(--rm-text);padding:8px 0 12px;font-variant-numeric:tabular-nums}
#schoolRoomsPane .rsGridWrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:12px;border-top:1px solid var(--rm-line)}
#schoolRoomsPane .rsGrid{width:100%;border-collapse:collapse;font-size:13.5px}
#schoolRoomsPane .rsGrid th{font-size:12px;font-weight:600;color:var(--rm-sub);text-align:center;padding:8px 6px;border-bottom:1px solid var(--rm-line);white-space:nowrap}
#schoolRoomsPane .rsGrid th.rsQCol{text-align:left}
#schoolRoomsPane .rsGrid th.isYou{color:var(--rm-text)}
#schoolRoomsPane .rsGrid td{padding:10px 6px;border-bottom:1px solid var(--rm-line);vertical-align:top}
#schoolRoomsPane .rsGrid td.rsQCol{min-width:220px}
#schoolRoomsPane .rsGrid tr.isMissed td.rsQCol{box-shadow:inset 3px 0 0 var(--rm-warn,#fbbf24)}
#schoolRoomsPane .rsQ{display:flex;gap:6px;align-items:flex-start}
#schoolRoomsPane .rsQBody{flex:1;min-width:0}
#schoolRoomsPane .rsKey{margin-top:4px}
#schoolRoomsPane .rsMissLine{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}
#schoolRoomsPane .rsCell{text-align:center;min-width:64px;max-width:150px}
#schoolRoomsPane .rsMark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-weight:700;background:var(--rm-hover);color:var(--rm-sub)}
#schoolRoomsPane .rsCell.isRight .rsMark{background:rgba(34,197,94,.16);color:var(--rm-ok)}
#schoolRoomsPane .rsCell.isWrong .rsMark{background:rgba(248,113,113,.16);color:var(--rm-bad)}
#schoolRoomsPane .rsCell.isPartly .rsMark{background:rgba(251,191,36,.18);color:var(--rm-warn,#fbbf24)}
#schoolRoomsPane .rsCellAns{font-size:12px;color:var(--rm-sub);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:150px}
#schoolRoomsPane .rsFeedback{margin-top:3px;text-align:left;font-size:12px;white-space:normal}
#schoolRoomsPane .rsExplain{margin-top:8px;padding:10px 12px;border-radius:12px;background:var(--rm-hover)}
#schoolRoomsPane .rsChecks{display:flex;flex-direction:column;margin:4px 0 10px}
#schoolRoomsPane .rsCheck{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:10px 4px;border-top:1px solid var(--rm-line);cursor:pointer;color:var(--rm-text);font-size:14.5px;line-height:1.4}
#schoolRoomsPane .rsCheck:first-child{border-top:0}
#schoolRoomsPane .rsCheck:hover{background:var(--rm-hover)}
#schoolRoomsPane .rsCheck input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--rm-pri)}
#schoolRoomsPane .rsCheck.isDone .rsCheckText{text-decoration:line-through;color:var(--rm-sub)}
#schoolRoomsPane .rsAddRow{display:flex;gap:8px;align-items:center;margin:6px 0 4px}
#schoolRoomsPane .rsAddRow .rmField{flex:1;min-width:0}
#schoolRoomsPane .rsNext{margin:4px 0 8px;padding-left:20px;color:var(--rm-text);font-size:14px;line-height:1.5}
#schoolRoomsPane .rsFiles,#schoolRoomsPane .rsSections,#schoolRoomsPane .rsNotes{display:flex;flex-direction:column;margin:8px 0 6px}
#schoolRoomsPane .rsFileRow,#schoolRoomsPane .rsNoteRow{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 4px;border-top:1px solid var(--rm-line)}
#schoolRoomsPane .rsFileRow:first-child,#schoolRoomsPane .rsNoteRow:first-child{border-top:0}
#schoolRoomsPane .rsKind{flex:none;font:700 10px/1 system-ui,sans-serif;letter-spacing:.06em;padding:6px 6px;border-radius:7px;background:var(--rm-hover);color:var(--rm-sub)}
#schoolRoomsPane .rsFileName,#schoolRoomsPane .rsNoteBy,#schoolRoomsPane .rsSecTopic{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#schoolRoomsPane .rsFileText{white-space:pre-wrap;word-break:break-word;font:13px/1.5 inherit;font-family:inherit;max-height:320px;overflow:auto;background:var(--rm-field);border:1px solid var(--rm-line);border-radius:12px;padding:12px;margin:0 0 8px;color:var(--rm-text)}
#schoolRoomsPane .rsNotePrev{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#schoolRoomsPane .rsSection{padding:10px 4px;border-top:1px solid var(--rm-line)}
#schoolRoomsPane .rsSection:first-child{border-top:0}
#schoolRoomsPane .rsSection.isMine .rsSecTopic{color:var(--rm-text)}
#schoolRoomsPane .rsSection.isDone .rsSecTopic::after{content:" \2713";color:var(--rm-ok)}
#schoolRoomsPane .rsSecHead{display:flex;align-items:center;gap:10px;min-height:44px}
#schoolRoomsPane .rsCheckBox{margin-top:8px;padding:10px 12px;border-radius:12px;background:var(--rm-hover)}
#schoolRoomsPane .rsRecap,#schoolRoomsPane .rsMerge{border-color:var(--rm-line)}
#schoolRoomsPane .rsBox .rmSheetActions{justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:10px}
@media(max-width:760px){
#schoolRoomsPane .rsGrid td.rsQCol{min-width:180px}
#schoolRoomsPane .rsCell{min-width:52px}
#schoolRoomsPane .rsBox .rmSheetActions .rmBtn{min-height:44px}
#schoolRoomsPane .rsOptRow{gap:10px}
#schoolRoomsPane .rsSel{flex:1;min-width:0}
#schoolRoomsPane .rsTimer{font-size:20px}
}
#schoolRoomsPane .rmGameLead{margin:0 0 14px}
#schoolRoomsPane .rmGameCard .rmGameHead{align-items:center;gap:8px}
#schoolRoomsPane .rmGameCard .rmGameHead .rmSideIc{width:18px;height:18px;display:inline-flex;color:var(--rm-sub)}
#schoolRoomsPane .rmGameCard .rmGameHead .rmSvg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#schoolRoomsPane .rmGameSub{margin:-4px 0 10px}
#schoolRoomsPane .rmGameCost{font-size:12px;margin:2px 0 0}
#schoolRoomsPane .rmGameRow{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 8px}
#schoolRoomsPane .rmGameSel{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--rm-sub);min-width:120px;flex:1}
#schoolRoomsPane .rmGameSelect{margin:0;padding:8px 10px;min-height:38px;appearance:auto;-webkit-appearance:menulist}
#schoolRoomsPane .rmGameSrc{margin:0 0 8px}
#schoolRoomsPane .rmGameTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 12px}
#schoolRoomsPane .rmGameTopL b{font-size:15px}
#schoolRoomsPane .rmGameClose{width:34px;height:34px;border-radius:50%;border:1px solid var(--rm-line);background:none;color:var(--rm-sub);font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
#schoolRoomsPane .rmGameClose:hover{background:var(--rm-hover);color:var(--rm-text)}
#schoolRoomsPane .rmGameLobby{text-align:center;padding:26px 16px}
#schoolRoomsPane .rmGameBig{font-size:22px;font-weight:600;letter-spacing:-.01em;margin:0 0 6px;color:var(--rm-text)}
#schoolRoomsPane .rmGameIt{color:var(--rm-ok)}
#schoolRoomsPane .rmGameWait{margin-top:8px}
#schoolRoomsPane .rmGameCount{font-size:44px;font-weight:700;margin:10px 0 4px;color:var(--rm-text);font-variant-numeric:tabular-nums}
#schoolRoomsPane .rmGameBar{height:6px;border-radius:999px;background:var(--rm-hover);overflow:hidden;margin:0 0 6px}
#schoolRoomsPane .rmGameBarFill{height:100%;width:100%;background:var(--rm-text);border-radius:999px;transition:width .25s linear,background .3s}
#schoolRoomsPane .rmGameBarFill.isLow{background:var(--rm-bad)}
#schoolRoomsPane .rmGameTime{font-size:12.5px;color:var(--rm-sub);margin:0 0 10px;font-variant-numeric:tabular-nums}
#schoolRoomsPane .rmGameQText{font-size:17px;font-weight:600;line-height:1.4;margin:0 0 14px;overflow-wrap:anywhere}
#schoolRoomsPane .rmGameOpts{gap:8px}
#schoolRoomsPane .rmGameOpt{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;font-size:14px}
#schoolRoomsPane .rmGameOpt[disabled]{cursor:default}
#schoolRoomsPane .rmGameOpt.isOn{border-color:var(--rm-text)}
#schoolRoomsPane .rmGameOpt.isRight{border-color:var(--rm-ok);background:rgba(34,197,94,.10);font-weight:600}
#schoolRoomsPane .rmGameOpt.isWrong{border-color:var(--rm-bad);background:rgba(248,113,113,.10)}
#schoolRoomsPane .rmGameOptKey{width:24px;height:24px;border-radius:7px;background:var(--rm-hover);color:var(--rm-sub);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}
#schoolRoomsPane .rmGameOpt.isRight .rmGameOptKey{background:var(--rm-ok);color:#fff}
#schoolRoomsPane .rmGameOptN{margin-left:auto;font-size:12px;color:var(--rm-sub);font-variant-numeric:tabular-nums}
#schoolRoomsPane .rmGameStatus{margin:12px 0 0;font-size:14px}
#schoolRoomsPane .rmGameStatus .rmSheetActions{margin-top:8px}
#schoolRoomsPane .rmGameBoardRow{display:flex;align-items:center;gap:10px;padding:6px 4px;border-radius:10px}
#schoolRoomsPane .rmGameBoardRow.isYou{background:var(--rm-hover)}
#schoolRoomsPane .rmGameRank{width:18px;text-align:center;font-size:12.5px;color:var(--rm-sub);font-weight:700}
#schoolRoomsPane .rmGameBoardName{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#schoolRoomsPane .rmGameBoardPts{font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums}
#schoolRoomsPane .rmGameBadge{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;letter-spacing:.02em;padding:2px 8px;border-radius:999px;background:var(--rm-hover);color:var(--rm-sub);white-space:nowrap}
#schoolRoomsPane .rmGameBadgeMiss{color:var(--rm-bad)}
#schoolRoomsPane .rmGameWeakRow{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--rm-line)}
#schoolRoomsPane .rmGameWeakRow:first-child{border-top:0}
#schoolRoomsPane .rmGameWeakQ{font-size:14px;overflow-wrap:anywhere}
#schoolRoomsPane .rmGameTa{min-height:120px;resize:vertical;line-height:1.5}
#schoolRoomsPane .rmGameFeedback{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:var(--rm-hover);text-align:left}
#schoolRoomsPane .rmGameStep{padding:10px 0;border-top:1px solid var(--rm-line)}
#schoolRoomsPane .rmGameStep:first-of-type{border-top:0}
#schoolRoomsPane .rmGameStepTop{display:flex;align-items:center;gap:8px;margin:0 0 4px}
#schoolRoomsPane .rmGameStep.isRight .rmGameBadge{color:var(--rm-ok)}
#schoolRoomsPane .rmGameStep.isSolved .rmGameBadge{color:var(--rm-ok);background:rgba(34,197,94,.14)}
#schoolRoomsPane .rmGameStep.isNudge .rmGameBadge{color:#d97706}
#schoolRoomsPane .rmGameStepBy{font-size:12.5px;color:var(--rm-sub)}
#schoolRoomsPane .rmGameStepText{font-size:14px;overflow-wrap:anywhere}
#schoolRoomsPane .rmGameStepFb{display:flex;gap:8px;align-items:flex-start;margin:6px 0 0;padding:8px 10px;border-radius:10px;background:var(--rm-hover);font-size:13.5px}
#schoolRoomsPane .rmGameStepFb .rmEntLogo{flex:none;margin-top:2px}
#schoolRoomsPane .rmGameStepNote p{margin:0}
.rmSideRight.rmGameLive{color:var(--rm-ok,#22c55e);font-weight:600}
html[data-theme="light"] #schoolRoomsPane .rmGameOpt.isRight{background:rgba(22,163,74,.08)}
html[data-theme="light"] #schoolRoomsPane .rmGameOpt.isWrong{background:rgba(220,38,38,.07)}
html[data-theme="light"] #schoolRoomsPane .rmGameStep.isNudge .rmGameBadge{color:#b45309}
html[data-theme="light"] #schoolRoomsPane .rmGameBarFill{background:var(--rm-text)}
@media (max-width:760px){
#schoolRoomsPane .rmGameOpts{grid-template-columns:1fr}
#schoolRoomsPane .rmGameOpt,#schoolRoomsPane .rmGameSelect,#schoolRoomsPane .rmGameClose{min-height:44px}
#schoolRoomsPane .rmGameSelect,#schoolRoomsPane .rmGameTa{font-size:16px}
#schoolRoomsPane .rmGameClose{width:44px;height:44px}
#schoolRoomsPane .rmGameBig{font-size:20px}
#schoolRoomsPane .rmGameLobby{padding:20px 12px}
}
body.roomMode .rmOrgBox{margin-bottom:14px}
body.roomMode .rmOrgList{display:flex;flex-direction:column;margin:4px 0 8px}
body.roomMode .rmOrgRow{display:flex;align-items:center;gap:10px;padding:11px 2px;border-top:1px solid var(--rm-line)}
body.roomMode .rmOrgRow:first-child{border-top:0}
body.roomMode .rmOrgMain{flex:1;min-width:0}
body.roomMode .rmOrgTitle{font-size:14px;font-weight:500;color:var(--rm-text);line-height:1.4;overflow-wrap:anywhere}
body.roomMode .rmOrgDate{font-size:12.5px;color:var(--rm-sub);white-space:nowrap;font-variant-numeric:tabular-nums}
body.roomMode .rmOrgKind{flex:none;font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 8px;background:var(--rm-hover);color:var(--rm-sub)}
body.roomMode .rmOrgKind.isTest{background:var(--rm-pri);color:var(--rm-pri-fg)}
body.roomMode .rmOrgActs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
body.roomMode .rmOrgForm{margin-top:14px;padding-top:12px;border-top:1px solid var(--rm-line);display:flex;flex-direction:column;gap:8px}
body.roomMode .rmOrgForm .rmLabel,body.roomMode .rmTaskGroup{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--rm-sub);margin:6px 0 2px}
body.roomMode .rmOrgSelect{appearance:auto;-webkit-appearance:menulist;max-width:100%}
body.roomMode .rmSessionRow.isLive .rmOrgTitle::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--rm-ok);margin-right:7px;vertical-align:middle}
body.roomMode .rmPinRow.isDone .rmPinText{color:var(--rm-sub);text-decoration:line-through;text-decoration-color:var(--rm-line)}
body.roomMode .rmPinText{white-space:pre-wrap}
#chatLog .rmPinBtn,#schoolRoomsPane .rmPinBtn{font-size:12px}
.rmPoll{border:1px solid var(--rm-line,#2e2e2e);border-radius:14px;padding:12px 12px 10px;background:var(--rm-card,#151515);display:flex;flex-direction:column;gap:6px;max-width:520px}
.rmPoll.rmPollInChat{margin-top:4px}
.rmPollList .rmPoll{max-width:none}
.rmPollQ{font-size:14.5px;font-weight:600;color:var(--rm-text,#ececec);line-height:1.4;overflow-wrap:anywhere}
.rmPollChat{margin-bottom:-2px}
.rmPollOpt{position:relative;display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 12px;border:1px solid var(--rm-line,#2e2e2e);border-radius:10px;background:transparent;color:var(--rm-text,#ececec);font:inherit;font-size:13.5px;text-align:left;cursor:pointer;overflow:hidden}
.rmPollOpt:hover:not(:disabled){background:var(--rm-hover,#1f1f1f)}
.rmPollOpt:disabled{cursor:default}
.rmPollOpt.isMine{border-color:var(--rm-text,#ececec)}
.rmPollOpt .rmPollBar{position:absolute;left:0;top:0;bottom:0;background:var(--rm-hover,#1f1f1f);opacity:.9;transition:width .35s ease;z-index:0}
.rmPollOpt .rmPollText{position:relative;z-index:1;flex:1;min-width:0;overflow-wrap:anywhere}
.rmPollOpt .rmPollN{position:relative;z-index:1;font-size:12px;color:var(--rm-sub,#a3a3a3);white-space:nowrap;font-variant-numeric:tabular-nums}
.rmPollFoot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px;flex-wrap:wrap}
.rmPollFoot .rmLink{border:0;background:none;color:var(--rm-sub,#a3a3a3);font:inherit;font-size:12.5px;text-decoration:underline;text-underline-offset:2px;cursor:pointer;padding:4px 2px}
.rmPollFoot .rmLink:hover{color:var(--rm-text,#ececec)}
#chatLog .rmPollMsg .rmWho{margin-bottom:2px}
body.roomMode .rmPollOpts{display:flex;flex-direction:column;gap:6px}
body.roomMode .rmTaskRow{align-items:flex-start}
body.roomMode .rmTaskRow.isDone .rmOrgTitle{color:var(--rm-sub);text-decoration:line-through;text-decoration-color:var(--rm-line)}
body.roomMode .rmTaskDone{width:20px;height:20px;margin:9px 0 0;flex:none;accent-color:var(--rm-pri)}
body.roomMode .rmTaskMeta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:6px}
body.roomMode .rmTaskMeta .rmField{min-height:34px;padding:5px 9px;font-size:13px;width:auto}
body.roomMode .rmTaskOwner{max-width:170px}
body.roomMode .rmTaskDue{max-width:160px}
body.roomMode .rmTaskWhen{white-space:nowrap}
body.roomMode .rmTaskX{align-self:flex-start;margin-top:4px}
body.roomMode .rmRubric{min-height:110px;resize:vertical;line-height:1.5}
body.roomMode .rmCramView{padding:6px 2px 2px}
body.roomMode .rmCramWeak{margin-top:12px;padding-top:10px;border-top:1px solid var(--rm-line);display:flex;flex-direction:column;gap:4px}
#homeDash .homeProjectRow .homeCompactMeta{display:block;font-size:12px;opacity:.7;margin-top:2px}
#homeDash .homeProjectRow .homeCompactMeta em{font-style:normal;color:#f87171}
html[data-theme="light"] #homeDash .homeProjectRow .homeCompactMeta em{color:#dc2626}
#homeDash .homeProjectDone{font-size:15px}
@media (max-width:760px){
body.roomMode .rmOrgRow{padding:12px 2px}
body.roomMode .rmOrgForm .rmField,body.roomMode .rmOrgSelect,body.roomMode .rmTaskMeta .rmField,body.roomMode .rmRubric{font-size:16px;min-height:44px}
body.roomMode .rmOrgActs .rmBtn,body.roomMode .rmOrgRow .rmBtn{min-height:44px}
.rmPollOpt{min-height:44px}
.rmPollFoot .rmLink{min-height:44px;display:inline-flex;align-items:center}
body.roomMode .rmTaskOwner,body.roomMode .rmTaskDue{max-width:none;flex:1 1 140px}
}
body.roomMode{--rm-soft:rgba(255,255,255,.06);--rm-flash:rgba(127,157,255,.18);--rm-mention:rgba(251,191,36,.10)}
html[data-theme="light"] body.roomMode{--rm-soft:rgba(0,0,0,.05);--rm-flash:rgba(37,99,235,.12);--rm-mention:rgba(180,83,9,.08)}
#chatLog .rmReplyQuote{display:flex;flex-direction:column;gap:1px;align-items:flex-start;max-width:min(100%,420px);margin:0 0 4px;padding:6px 10px;border:0;border-left:3px solid var(--rm-line);
border-radius:0 10px 10px 0;background:var(--rm-soft);color:var(--rm-sub);font:inherit;font-size:12px;text-align:left;cursor:pointer;min-height:0}
#chatLog .rmReplyQuote:hover{background:var(--rm-hover)}
#chatLog .rmReplyQuote .rmReplyWho{font-weight:600;color:var(--rm-text)}
#chatLog .rmReplyQuote .rmReplyText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
#chatLog .rmMsg.rmMine .rmReplyQuote{align-self:flex-end;align-items:flex-end;text-align:right;border-left:0;border-right:3px solid var(--rm-line);border-radius:10px 0 0 10px}
#chatLog .rmMsg.rmFlash > .rmBubble{box-shadow:0 0 0 3px var(--rm-flash);transition:box-shadow .2s}
#chatLog .rmMsg.rmMentionsYou > .rmBubble{background:var(--rm-mention)}
#chatLog .rmWho .rmPinMark{display:inline-flex;align-items:center;color:var(--rm-sub);margin:0 6px 0 -2px}
#chatLog .rmWho .rmPinMark .rmSvg{width:12px;height:12px}
#chatLog .rmReactRow{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
#chatLog .rmMsg.rmMine .rmReactRow{justify-content:flex-end}
#chatLog .rmReact{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:1px 8px;border-radius:999px;border:1px solid var(--rm-line);background:none;color:var(--rm-sub);font:inherit;font-size:12px;cursor:pointer}
#chatLog .rmReact:hover{background:var(--rm-hover)}
#chatLog .rmReact.isOn{border-color:transparent;background:var(--rm-soft);color:var(--rm-text);font-weight:600}
#chatLog .rmReact .rmReactEmoji{font-size:13px;line-height:1}
#chatLog .rmSocActs{display:flex;flex-wrap:wrap;gap:2px;margin-top:2px;opacity:0;transition:opacity .12s;position:relative}
#chatLog .rmMsg:hover .rmSocActs,#chatLog .rmMsg:focus-within .rmSocActs,#chatLog .rmSocActs:has([aria-expanded="true"]){opacity:1}
#chatLog .rmMsg.rmMine .rmSocActs{justify-content:flex-end}
#chatLog .rmSocBtn{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:2px 8px;border:0;border-radius:8px;background:none;color:var(--rm-sub);font:inherit;font-size:11.5px;cursor:pointer}
#chatLog .rmSocBtn:hover,#chatLog .rmSocBtn:focus-visible{background:var(--rm-hover);color:var(--rm-text);outline:none}
#chatLog .rmSocBtn[aria-disabled="true"]{opacity:.5;cursor:default}
#chatLog .rmSocBtn .rmSvg{width:13px;height:13px}
#chatLog .rmSocBtn .rmSocEmoji{font-size:13px;line-height:1}
#chatLog .rmReactPick{position:absolute;bottom:100%;left:0;display:flex;gap:2px;padding:4px;border-radius:12px;border:1px solid var(--rm-line);background:var(--rm-card);box-shadow:0 8px 24px rgba(0,0,0,.28);z-index:4}
#chatLog .rmMsg.rmMine .rmReactPick{left:auto;right:0}
#chatLog .rmReactChoice{width:34px;height:34px;border:0;border-radius:8px;background:none;font-size:18px;cursor:pointer;line-height:1}
#chatLog .rmReactChoice:hover,#chatLog .rmReactChoice:focus-visible{background:var(--rm-hover);outline:none}
#chatLog .rmMsg.rmSystem.rmConfused{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--rm-soft);color:var(--rm-text);font-size:12.5px}
#chatLog .rmMsg.rmSystem.rmConfused .rmSvg{width:14px;height:14px;color:var(--rm-sub);flex:none}
#chatLog .rmMsg.rmConfusedAnswer > .rmBubble{border-left:3px solid var(--rm-line)}
#roomChatTop .rmConfusedBtn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rm-line);border-radius:999px;padding:4px 12px;background:none;color:var(--rm-sub);font:inherit;font-size:12px;cursor:pointer;min-height:28px;white-space:nowrap}
#roomChatTop .rmConfusedBtn:hover{background:var(--rm-hover);color:var(--rm-text)}
#roomChatTop .rmConfusedBtn .rmSvg{width:14px;height:14px}
#roomChatTop .rmConfusedBtn.isBusy{opacity:.6;cursor:progress}
#chatLog .rmTrPanel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 2px;font-size:12px;color:var(--rm-sub)}
#chatLog .rmTrSelect{min-height:32px;padding:4px 10px;border-radius:8px;border:1px solid var(--rm-line);background:var(--rm-card);color:var(--rm-text);font:inherit;font-size:13px}
#chatLog .rmTrPanel .rmBtn{min-height:32px;padding:4px 14px;border-radius:999px;border:1px solid var(--rm-line);background:none;color:var(--rm-text);font:inherit;font-size:13px;cursor:pointer}
#chatLog .rmTrPanel .rmBtn.rmPri{background:var(--rm-pri);color:var(--rm-pri-fg);border-color:transparent}
#chatLog .rmTrPanel .rmBtn[disabled]{opacity:.6}
#chatLog .rmTrBar{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--rm-sub);margin:0 0 4px}
#chatLog .rmTrBar .rmLink{border:0;background:none;color:var(--rm-sub);font:inherit;font-size:11.5px;text-decoration:underline;text-underline-offset:2px;cursor:pointer;padding:2px 4px;border-radius:4px}
#chatLog .rmTrBar .rmLink:hover{color:var(--rm-text)}
.rmReplyBar{display:flex;align-items:center;gap:8px;max-width:760px;margin:0 auto 6px;padding:6px 10px;border-radius:10px;border:1px solid var(--rm-line);background:var(--rm-card);color:var(--rm-sub);font-size:12.5px}
.rmReplyBar[hidden]{display:none}
.rmReplyBar .rmSvg{width:14px;height:14px;flex:none}
.rmReplyBar .rmReplyBarText{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rmReplyBar .rmReplyBarText b{color:var(--rm-text);font-weight:600}
.rmReplyBar .rmReplyBarX{border:0;background:none;color:var(--rm-sub);font:inherit;font-size:18px;line-height:1;cursor:pointer;width:28px;height:28px;border-radius:8px;flex:none}
.rmReplyBar .rmReplyBarX:hover{background:var(--rm-hover);color:var(--rm-text)}
.rmMentionPop{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% - 8px);width:min(320px,calc(100vw - 32px));max-height:260px;overflow-y:auto;padding:4px;border-radius:12px;
border:1px solid var(--rm-line);background:var(--rm-card);box-shadow:0 10px 30px rgba(0,0,0,.3);z-index:6}
.rmMentionItem{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:4px 8px;border:0;border-radius:8px;background:none;color:var(--rm-text);font:inherit;font-size:13.5px;cursor:pointer;text-align:left}
.rmMentionItem .rmAv{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#111;flex:none}
.rmMentionItem .rmGrow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rmMentionItem .rmSub{font-size:11.5px;color:var(--rm-sub)}
.rmMentionItem:hover,.rmMentionItem.isOn{background:var(--rm-hover)}
#roomSidePanel .rmSideSessions{margin-top:6px;font-size:12px;color:var(--rm-sub)}
#schoolRoomsPane .rmPinItem{padding:12px 0;border-top:1px solid var(--rm-line)}
#schoolRoomsPane .rmPinItem:first-of-type{border-top:0}
#schoolRoomsPane .rmPinTop{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:13px;margin-bottom:4px}
#schoolRoomsPane .rmPinText{font-size:14px;line-height:1.5;color:var(--rm-text);white-space:pre-wrap;word-break:break-word}
#schoolRoomsPane .rmPinActs{display:flex;gap:6px;margin-top:4px}
#schoolRoomsPane .rmNotifyWhy{margin:0 0 10px}
#schoolRoomsPane .rmModeGroup{display:grid;gap:6px}
#schoolRoomsPane .rmModeBtn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;min-height:44px;padding:10px 14px;border-radius:12px;border:1px solid var(--rm-line);background:none;color:var(--rm-text);font:inherit;font-size:14px;cursor:pointer}
#schoolRoomsPane .rmModeBtn:hover{background:var(--rm-hover)}
#schoolRoomsPane .rmModeBtn.isOn{background:var(--rm-soft);border-color:var(--rm-text)}
#schoolRoomsPane .rmModeBtn .rmSub{font-size:12px}
#schoolRoomsPane .rmChatModeRow{display:flex;align-items:center;gap:10px;padding:6px 0}
#schoolRoomsPane .rmChatModeName{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#schoolRoomsPane .rmChatModeName .rmChatIcon{display:inline-flex;color:var(--rm-sub)}
#schoolRoomsPane .rmChatModeName .rmSvg{width:14px;height:14px}
#schoolRoomsPane select.rmModeSelect,#schoolRoomsPane select.rmHourSelect{width:auto;margin:0;padding:8px 12px;min-height:38px}
#schoolRoomsPane .rmQuietRow{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
#schoolRoomsPane .rmQuietPair{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#schoolRoomsPane .rmSwitch.rmQuietSwitch{width:36px;height:22px;border-radius:999px;border:0;background:var(--rm-line);position:relative;flex:none;cursor:pointer;padding:0}
#schoolRoomsPane .rmSwitch.rmQuietSwitch::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--rm-card);transition:left .15s}
#schoolRoomsPane .rmSwitch.rmQuietSwitch.isOn{background:var(--rm-ok)}
#schoolRoomsPane .rmSwitch.rmQuietSwitch.isOn::after{left:17px}
@media(max-width:760px){
#chatLog .rmSocActs{opacity:.75}
#chatLog .rmSocBtn,#chatLog .rmReact{min-height:32px}
#chatLog .rmReactChoice{width:44px;height:44px}
#chatLog .rmTrSelect,#schoolRoomsPane select.rmModeSelect,#schoolRoomsPane select.rmHourSelect{font-size:16px;min-height:44px}
#roomChatTop .rmConfusedBtn{min-height:44px;padding:6px 12px}
#roomChatTop .rmConfusedBtn span{display:none}
.rmMentionItem{min-height:44px}
.rmReplyBar .rmReplyBarX{width:44px;height:44px}
#schoolRoomsPane .rmModeBtn{min-height:52px}
}
#roomChatTop .rmG5Pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.02em;padding:3px 9px;border-radius:999px;background:var(--rm-hover);color:var(--rm-sub);white-space:nowrap;flex:none}
#roomChatTop .rmG5Pill.rmG5Hints{color:var(--rm-text)}
#roomChatTop .rmG5Pill.rmG5Hints::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--rm-ok)}
#roomChatTop .rmG5Pill.rmG5Arch{color:var(--rm-warn)}
#schoolRoomsPane .rmG5Box{margin-top:12px}
#schoolRoomsPane .rmG5SwitchRow{display:flex;align-items:center;gap:14px;margin-top:6px}
#schoolRoomsPane .rmSwitch.isOff{opacity:.5;cursor:default}
#schoolRoomsPane .rmG5Exports{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
#schoolRoomsPane .rmG5Exports .rmLabel{margin:0 4px 0 0}
#schoolRoomsPane a.rmBtn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
#schoolRoomsPane .rmG5Form{display:flex;flex-direction:column;gap:8px;margin-top:8px}
#schoolRoomsPane .rmG5Text{min-height:120px;resize:vertical;line-height:1.5;font-size:16px}
#schoolRoomsPane .rmG5Count{text-align:right;min-height:16px}
#schoolRoomsPane .rmG5Cost{font-style:italic}
#schoolRoomsPane .rmG5EssayHead{align-items:flex-start;gap:10px}
#schoolRoomsPane .rmG5EssayHead .rmBack{flex:none}
#schoolRoomsPane .rmG5Para{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--rm-line)}
#schoolRoomsPane .rmG5ParaNum{width:26px;height:26px;border-radius:50%;border:1px solid var(--rm-line);display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:var(--rm-sub);margin-top:2px}
#schoolRoomsPane .rmG5ParaBody{min-width:0}
#schoolRoomsPane .rmG5ParaText{font-size:15px;line-height:1.6;white-space:pre-wrap;color:var(--rm-text)}
#schoolRoomsPane .rmG5Comments{margin-top:8px;display:flex;flex-direction:column;gap:6px}
#schoolRoomsPane .rmG5Comment{display:flex;gap:8px;align-items:flex-start;font-size:13px;line-height:1.45;background:var(--rm-hover);border-radius:12px;padding:8px 12px}
#schoolRoomsPane .rmG5Comment b{flex:none;color:var(--rm-text)}
#schoolRoomsPane .rmG5CommentText{flex:1;min-width:0;color:var(--rm-text);overflow-wrap:anywhere}
#schoolRoomsPane .rmG5CommentX{font-size:15px;line-height:1;padding:0 4px;min-height:22px}
#schoolRoomsPane .rmG5CommentBtn{margin-top:6px;font-size:13px}
#schoolRoomsPane .rmG5CommentForm{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
#schoolRoomsPane .rmG5CommentForm .rmField{flex:1 1 200px;min-width:0}
#schoolRoomsPane .rmG5Review{margin-top:14px;padding-top:12px;border-top:1px solid var(--rm-line)}
#schoolRoomsPane .rmG5ReviewText{font-size:14px;line-height:1.55}
#schoolRoomsPane .rmG5Rounds{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 6px}
#schoolRoomsPane .rmG5Round{min-width:44px;min-height:36px;justify-content:center;text-align:center;flex:none;padding:6px 12px}
#schoolRoomsPane .rmG5Side{display:inline-flex;align-items:center;font-size:10.5px;font-weight:700;letter-spacing:.06em;padding:2px 8px;border-radius:999px;background:var(--rm-hover);color:var(--rm-sub)}
#schoolRoomsPane .rmG5Side.isFor{color:var(--rm-ok)}
#schoolRoomsPane .rmG5Side.isAgainst{color:var(--rm-warn)}
#schoolRoomsPane .rmG5SideBig{font-size:12px;padding:6px 12px;flex:none;align-self:center}
#schoolRoomsPane .rmG5RoundSec{margin-top:14px;padding-top:10px;border-top:1px solid var(--rm-line)}
#schoolRoomsPane .rmG5RoundSec.isCurrent .rmLabel{color:var(--rm-text)}
#schoolRoomsPane .rmG5Turn{padding:10px 12px;border-radius:14px;background:var(--rm-hover);margin-top:8px}
#schoolRoomsPane .rmG5Turn.isYou{background:transparent;border:1px solid var(--rm-line)}
#schoolRoomsPane .rmG5TurnWho{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--rm-sub);margin-bottom:4px}
#schoolRoomsPane .rmG5TurnWho b{color:var(--rm-text)}
#schoolRoomsPane .rmG5TurnText{font-size:14px;line-height:1.55;white-space:pre-wrap;color:var(--rm-text);overflow-wrap:anywhere}
#schoolRoomsPane .rmG5Note{margin-top:10px;padding:10px 12px 4px;border-left:2px solid var(--rm-line)}
#schoolRoomsPane .rmG5Note .rmEntLogo{width:18px;height:18px;border-radius:50%;border:1px solid var(--rm-line);display:inline-flex;align-items:center;justify-content:center;font-size:10px}
#schoolRoomsPane .rmG5NoteText{font-size:14px;line-height:1.55}
#schoolRoomsPane .rmG5YourTurn{margin-top:14px;padding-top:12px;border-top:1px solid var(--rm-line);display:flex;flex-direction:column;gap:8px}
#schoolRoomsPane .rmG5Ctl{margin-top:10px;align-items:center}
#schoolRoomsPane .rmG5Mine{margin-top:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--rm-line)}
#schoolRoomsPane .rmG5SearchForm{display:flex;gap:8px}
#schoolRoomsPane .rmG5SearchForm .rmField{flex:1;min-width:0;font-size:16px}
#schoolRoomsPane .rmG5Results{margin-top:10px;display:flex;flex-direction:column;gap:6px}
#schoolRoomsPane .rmG5Hit{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;text-align:left;border:0;background:none;color:var(--rm-text);font:inherit;font-size:14px;line-height:1.45;padding:10px 12px;border-radius:12px;cursor:pointer;min-height:44px}
#schoolRoomsPane .rmG5Hit:hover,#schoolRoomsPane .rmG5Hit:focus-visible{background:var(--rm-hover);outline:none}
#schoolRoomsPane .rmG5HitMeta{display:inline-flex;align-items:center;gap:6px}
#schoolRoomsPane .rmG5HitMeta .rmChatIcon .rmSvg{width:13px;height:13px}
#schoolRoomsPane .rmG5HitFront{font-weight:600}
#schoolRoomsPane .rmG5Snip{overflow-wrap:anywhere}
#schoolRoomsPane mark.rmMark{background:rgba(250,204,21,.35);color:inherit;border-radius:3px;padding:0 1px}
html[data-theme="light"] #schoolRoomsPane mark.rmMark{background:rgba(250,204,21,.6)}
#schoolRoomsPane .rmG5ArchGroup{margin-top:12px}
#schoolRoomsPane .rmG5ArchDetails > summary{cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--rm-sub);padding:8px 4px;list-style:none}
#schoolRoomsPane .rmG5ArchDetails > summary::-webkit-details-marker{display:none}
#schoolRoomsPane .rmG5ArchRow{opacity:.75}
#schoolRoomsPane .rmG5ArchRow:hover{opacity:1}
@media(max-width:760px){
#roomChatTop .rmG5Pill{font-size:10px;padding:2px 7px}
#schoolRoomsPane .rmG5Para{grid-template-columns:22px 1fr;gap:8px}
#schoolRoomsPane .rmG5ParaNum{width:22px;height:22px;font-size:11px}
#schoolRoomsPane .rmG5EssayHead{flex-wrap:wrap}
#schoolRoomsPane .rmG5SideBig{align-self:flex-start}
#schoolRoomsPane .rmG5Exports a.rmBtn{min-height:44px}
#schoolRoomsPane .rmG5CommentBtn,#schoolRoomsPane .rmG5Hit{min-height:44px}
}
#mathPad,#schoolNotesPane,#x1SaveSheet,.x1ClassNotes{--nx-card:#161616;--nx-text:#ececec;--nx-sub:#a3a3a3;--nx-line:#2e2e2e;--nx-fill:#1f1f1f;--nx-fill-2:#282828;
--nx-field:#1b1b1b;--nx-pri:#ececec;--nx-pri-fg:#111;--nx-bad:#f87171;--nx-ok:#22c55e;--nx-ring:#8fa3c8}
html[data-theme="light"] #mathPad,html[data-theme="light"] #schoolNotesPane,html[data-theme="light"] #x1SaveSheet,html[data-theme="light"] .x1ClassNotes{
--nx-card:#ffffff;--nx-text:#0d0d0d;--nx-sub:#6b6b6b;--nx-line:#e5e5e5;--nx-fill:#f1f1f3;--nx-fill-2:#e7e7ea;--nx-field:#fafafa;--nx-pri:#0d0d0d;--nx-pri-fg:#fff;
--nx-bad:#dc2626;--nx-ok:#16a34a;--nx-ring:#7f95c2}
.composerControls .mathPadBtn{order:0;flex:none;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;border:0!important;border-radius:999px;
background:transparent!important;color:#b4b4b4;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none!important}
.composerControls .mathPadBtn:hover,.composerControls .mathPadBtn[aria-expanded="true"]{background:rgba(255,255,255,.08)!important;color:#fff}
html[data-theme="light"] .composerControls .mathPadBtn{color:#5f5f66}
html[data-theme="light"] .composerControls .mathPadBtn:hover,html[data-theme="light"] .composerControls .mathPadBtn[aria-expanded="true"]{background:#f1f1f4!important;color:#1d1d20}
.composerControls .mathPadBtn:focus-visible{outline:2px solid var(--calm-ring,#8fa3c8);outline-offset:1px}
body:not(.v565Hero) .composerControls .mathPadBtn{grid-row:2;grid-column:3;justify-self:start}
@media(max-width:760px){.composerControls .mathPadBtn{width:34px;height:34px;min-width:34px;min-height:34px}}
@media(max-width:400px){body.v565Hero .composerControls .mathPadBtn{display:none}}
#mathPad{position:fixed;right:24px;bottom:112px;width:420px;max-width:calc(100vw - 32px);max-height:min(78vh,640px);overflow:auto;z-index:950;
background:var(--nx-card);color:var(--nx-text);border:1px solid var(--nx-line);border-radius:16px;box-shadow:0 18px 48px rgba(0,0,0,.45);padding:10px 12px 12px;box-sizing:border-box}
html[data-theme="light"] #mathPad{box-shadow:0 14px 40px rgba(0,0,0,.14)}
#mathPad[hidden]{display:none}
#mathPad.mathPadForNote{bottom:24px}
#mathPad .mathPadHead{display:flex;align-items:center;gap:6px;margin:0 0 8px}
#mathPad .mathPadTabs{display:flex;gap:4px;flex:1;min-width:0;background:var(--nx-fill);border-radius:999px;padding:3px}
#mathPad .mathPadTab{flex:1;min-height:30px;border:0;border-radius:999px;background:transparent;color:var(--nx-sub);font:inherit;font-size:13px;font-weight:500;cursor:pointer}
#mathPad .mathPadTab.isOn{background:var(--nx-card);color:var(--nx-text);box-shadow:0 1px 3px rgba(0,0,0,.25)}
#mathPad .mathPadX,#x1SaveSheet .nxX{width:32px;height:32px;border:0;border-radius:8px;background:none;color:var(--nx-sub);font-size:22px;line-height:1;cursor:pointer;flex:none}
#mathPad .mathPadX:hover,#x1SaveSheet .nxX:hover{background:var(--nx-fill);color:var(--nx-text)}
#mathPad .mathPadPane[hidden]{display:none}
#mathPad .mathPadNote{font-size:12.5px;color:var(--nx-sub);margin:2px 2px 8px}
#mathPad .mathKeyGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
#mathPad .mathCalcGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px 0}
#mathPad .mathKey{min-height:38px;border:0;border-radius:10px;background:var(--nx-fill);color:var(--nx-text);font:inherit;font-size:15px;cursor:pointer;padding:0 2px;
white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#mathPad .mathKey:hover{background:var(--nx-fill-2)}
#mathPad .mathKeyEq{background:var(--nx-pri);color:var(--nx-pri-fg);font-weight:600}
#mathPad .mathKeyEq:hover{background:var(--nx-pri);opacity:.88}
#mathPad .mathCalcRow{display:flex;gap:6px;align-items:center}
#mathPad .mathCalcInput,#mathPad .mathFnInput{flex:1;min-width:0;min-height:40px;border:1px solid var(--nx-line);border-radius:10px;background:var(--nx-field);color:var(--nx-text);
font:inherit;font-size:15px;padding:6px 10px;box-sizing:border-box}
#mathPad .mathCalcInput:focus,#mathPad .mathFnInput:focus{outline:2px solid var(--nx-ring);outline-offset:-1px;border-color:transparent}
#mathPad .mathFnInput.isBad{border-color:var(--nx-bad)}
#mathPad .mathDeg{min-width:48px;min-height:40px;border:0;border-radius:10px;background:var(--nx-fill);color:var(--nx-sub);font:inherit;font-size:12px;font-weight:600;cursor:pointer}
#mathPad .mathDeg[aria-pressed="true"]{color:var(--nx-text);background:var(--nx-fill-2)}
#mathPad .mathCalcOut{min-height:26px;font-size:20px;font-weight:600;text-align:right;padding:6px 4px 0;font-variant-numeric:tabular-nums;word-break:break-all}
#mathPad .mathCalcOut.isBad{font-size:13px;font-weight:500;color:var(--nx-sub)}
#mathPad .mathCalcHist{display:flex;flex-direction:column;margin-top:6px}
#mathPad .mathHistRow{display:flex;gap:8px;justify-content:space-between;border:0;border-top:1px solid var(--nx-line);background:none;color:var(--nx-sub);font:inherit;font-size:13px;
padding:7px 4px;cursor:pointer;text-align:left}
#mathPad .mathHistRow:hover{background:var(--nx-fill);color:var(--nx-text)}
#mathPad .mathHistExpr{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
#mathPad .mathHistVal{flex:none;color:var(--nx-text);font-variant-numeric:tabular-nums}
#mathPad .mathPadActs,#schoolNotesPane .nxActs,#x1SaveSheet .nxActs{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#mathPad .mathPadActs{margin-top:8px}
#mathPad .mathFns{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
#mathPad .mathFnRow{display:flex;align-items:center;gap:6px}
#mathPad .mathFnDot{width:10px;height:10px;border-radius:50%;flex:none}
#mathPad .mathFnLab{font-size:13px;color:var(--nx-sub);flex:none}
#mathPad .mathFnX{width:32px;height:32px;border:0;border-radius:8px;background:none;color:var(--nx-sub);font-size:18px;cursor:pointer;flex:none}
#mathPad .mathFnX:hover{background:var(--nx-fill);color:var(--nx-text)}
#mathPad .mathCanvasWrap{position:relative;border:1px solid var(--nx-line);border-radius:12px;overflow:hidden}
#mathPad .mathCanvas{display:block;width:100%;height:260px;touch-action:none;cursor:grab}
#mathPad .mathCanvas:active{cursor:grabbing}
#mathPad .mathReadout{position:absolute;right:8px;top:6px;font-size:11.5px;color:var(--nx-sub);font-variant-numeric:tabular-nums;pointer-events:none}
#mathPad .nxBtn,#schoolNotesPane .nxBtn,#x1SaveSheet .nxBtn,.x1ClassNotes .nxBtn{min-height:36px;padding:7px 14px;border-radius:999px;border:0;background:var(--nx-fill);color:var(--nx-text);
font:inherit;font-size:13.5px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;box-shadow:none}
#mathPad .nxBtn:hover:not(:disabled),#schoolNotesPane .nxBtn:hover:not(:disabled),#x1SaveSheet .nxBtn:hover:not(:disabled),.x1ClassNotes .nxBtn:hover{background:var(--nx-fill-2)}
#mathPad .nxBtn:disabled,#schoolNotesPane .nxBtn:disabled{opacity:.55;cursor:default}
#mathPad .nxBtn.nxPri,#schoolNotesPane .nxBtn.nxPri,#x1SaveSheet .nxBtn.nxPri{background:var(--nx-pri);color:var(--nx-pri-fg);font-weight:600}
#mathPad .nxBtn.nxPri:hover:not(:disabled),#schoolNotesPane .nxBtn.nxPri:hover:not(:disabled),#x1SaveSheet .nxBtn.nxPri:hover:not(:disabled){background:var(--nx-pri);opacity:.88}
#schoolNotesPane .nxBtn.nxDanger{color:var(--nx-bad);background:transparent}
#schoolNotesPane .nxBtn.nxDanger:hover{background:var(--nx-fill)}
#mathPad .nxBtn:focus-visible,#schoolNotesPane .nxBtn:focus-visible,#x1SaveSheet .nxBtn:focus-visible,.x1ClassNotes .nxBtn:focus-visible,#mathPad .mathKey:focus-visible,
#mathPad .mathPadTab:focus-visible,#schoolNotesPane .nxRow:focus-visible,#schoolNotesPane .nxChip:focus-visible,#schoolNotesPane .nxBack:focus-visible{outline:2px solid var(--nx-ring);outline-offset:2px}
#schoolNotesPane{color:var(--nx-text)}
#schoolNotesPane [hidden]{display:none!important}
#schoolNotesPane .nxCard{max-width:820px;margin:0 auto;background:var(--nx-card);border:1px solid var(--nx-line);border-radius:18px;padding:22px;box-sizing:border-box}
html[data-theme="light"] #schoolNotesPane .nxCard{background:var(--nx-card)!important;border-color:var(--nx-line)!important;color:var(--nx-text)!important}
#schoolNotesPane .nxHead,#x1SaveSheet .nxHead{display:flex;align-items:center;gap:10px;margin:0 0 10px}
#schoolNotesPane .nxGrow,#x1SaveSheet .nxGrow,.x1ClassNotes .nxGrow{flex:1;min-width:0}
#schoolNotesPane .nxTitle,#x1SaveSheet .nxTitle{margin:0;font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--nx-text)}
#x1SaveSheet .nxTitle{font-size:17px}
#schoolNotesPane .nxSub,#x1SaveSheet .nxSub{color:var(--nx-sub);font-size:13px;line-height:1.5;margin:2px 0 12px}
#schoolNotesPane .nxSubtle,#x1SaveSheet .nxSubtle{color:var(--nx-sub);font-size:13px;line-height:1.5}
#schoolNotesPane .nxSearch,#schoolNotesPane .nxTitleInput,#schoolNotesPane .nxSelect,#schoolNotesPane .nxOther,#schoolNotesPane .nxBody,#x1SaveSheet .nxOther{
width:100%;box-sizing:border-box;border:1px solid var(--nx-line);border-radius:12px;background:var(--nx-field);color:var(--nx-text);font:inherit;font-size:14.5px;padding:9px 12px}
#schoolNotesPane .nxSearch:focus,#schoolNotesPane .nxTitleInput:focus,#schoolNotesPane .nxSelect:focus,#schoolNotesPane .nxOther:focus,#schoolNotesPane .nxBody:focus,#x1SaveSheet .nxOther:focus{
outline:2px solid var(--nx-ring);outline-offset:-1px;border-color:transparent}
#schoolNotesPane .nxSelect{width:auto;max-width:100%;min-height:38px;padding:6px 10px;margin:4px 0 10px}
#schoolNotesPane .nxTitleInput{font-size:18px;font-weight:600;margin:0 0 10px}
#schoolNotesPane .nxChips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 2px}
#schoolNotesPane .nxChip{min-height:32px;padding:5px 12px;border-radius:999px;border:0;background:transparent;color:var(--nx-sub);font:inherit;font-size:13px;cursor:pointer}
#schoolNotesPane .nxChip:hover{background:var(--nx-fill);color:var(--nx-text)}
#schoolNotesPane .nxChip.isOn{background:var(--nx-fill-2);color:var(--nx-text);font-weight:600}
#schoolNotesPane .nxReviewBar{display:flex;align-items:center;gap:10px;margin:12px 0 4px;padding:10px 12px;border-radius:12px;background:var(--nx-fill);font-size:13px;color:var(--nx-sub)}
#schoolNotesPane .nxRows{display:flex;flex-direction:column;margin-top:10px}
#schoolNotesPane .nxRow{display:flex;align-items:center;gap:12px;width:100%;padding:13px 6px;border:0;border-top:1px solid var(--nx-line);background:none;color:var(--nx-text);font:inherit;text-align:left;cursor:pointer;border-radius:0}
#schoolNotesPane .nxRow:first-child{border-top:0}
#schoolNotesPane .nxRow:hover{background:var(--nx-fill)}
#schoolNotesPane .nxName{font-weight:600;font-size:14.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#schoolNotesPane .nxSnip{color:var(--nx-sub);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}
#schoolNotesPane .nxMeta{display:flex;align-items:center;gap:8px;flex:none;color:var(--nx-sub);font-size:12px}
#schoolNotesPane .nxTag{border-radius:999px;background:var(--nx-fill);padding:2px 8px;font-size:11.5px;color:var(--nx-text);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#schoolNotesPane .nxEmpty,#x1SaveSheet .nxEmpty{color:var(--nx-sub);font-size:13.5px;padding:16px 2px;line-height:1.55}
#schoolNotesPane .nxBack{border:0;background:none;color:var(--nx-sub);font:inherit;font-size:13.5px;cursor:pointer;padding:6px 8px 6px 0;border-radius:8px;flex:none}
#schoolNotesPane .nxBack:hover{color:var(--nx-text)}
#schoolNotesPane .nxStatus{color:var(--nx-sub);font-size:12.5px;white-space:nowrap}
#schoolNotesPane .nxClassRow,#x1SaveSheet .nxClassRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#schoolNotesPane .nxClassRow .nxSelect{margin:0}
#schoolNotesPane .nxClassRow .nxOther{flex:1;min-width:160px;width:auto}
#schoolNotesPane .nxLabel{font-size:13px;color:var(--nx-sub)}
#schoolNotesPane .nxSegRow{display:flex;align-items:center;gap:8px;margin:12px 0 8px}
#schoolNotesPane .nxSeg{display:inline-flex;background:var(--nx-fill);border-radius:999px;padding:3px;gap:2px}
#schoolNotesPane .nxSegBtn{min-height:30px;padding:4px 14px;border:0;border-radius:999px;background:transparent;color:var(--nx-sub);font:inherit;font-size:13px;cursor:pointer}
#schoolNotesPane .nxSegBtn.isOn{background:var(--nx-card);color:var(--nx-text);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.2)}
#schoolNotesPane .nxBody{min-height:48vh;resize:vertical;font-size:15px;line-height:1.6;padding:12px 14px}
#schoolNotesPane .nxPreview{min-height:120px;padding:4px 2px;font-size:15px;line-height:1.65;color:var(--nx-text);overflow-wrap:anywhere}
#schoolNotesPane #notesPreview{min-height:48vh;border:1px solid var(--nx-line);border-radius:12px;padding:12px 14px}
#schoolNotesPane .nxEditCard>.nxActs{margin-top:12px}
#schoolNotesPane .nxResult{margin-top:14px;padding:14px;border:1px solid var(--nx-line);border-radius:14px;background:var(--nx-field)}
#schoolNotesPane .nxResHead{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px}
#schoolNotesPane .nxResBody{max-height:50vh;overflow:auto;margin-bottom:10px}
#schoolNotesPane .nxWorking{color:var(--nx-sub);font-size:13.5px}
#schoolNotesPane .nxErr,#x1SaveSheet .nxErr{color:var(--nx-bad);font-size:13px;line-height:1.5;margin-top:6px}
#schoolNotesPane .nxProg{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--nx-sub);margin:4px 0 6px}
#schoolNotesPane .nxBar{flex:1;height:6px;border-radius:999px;background:var(--nx-fill);overflow:hidden}
#schoolNotesPane .nxBarFill{height:100%;background:var(--nx-ok);border-radius:999px;transition:width .2s ease}
#schoolNotesPane .nxItem{border-top:1px solid var(--nx-line);padding:14px 4px}
#schoolNotesPane .nxItem:first-child{border-top:0}
#schoolNotesPane .nxItemQ{font-weight:600;font-size:14.5px;line-height:1.45}
#schoolNotesPane .nxItem .nxMeta{margin:4px 0 8px}
#schoolNotesPane .nxItem.isDone .nxItemQ{color:var(--nx-sub)}
#schoolNotesPane .nxItemA{min-height:0;margin:0 0 10px;padding:10px 12px;border-radius:12px;background:var(--nx-field);border:1px solid var(--nx-line)}
#schoolNotesPane .nxSearch,#schoolNotesPane .nxTitleInput,#schoolNotesPane .nxSelect,#schoolNotesPane .nxOther,#schoolNotesPane .nxBody,#x1SaveSheet .nxOther,
#mathPad .mathCalcInput,#mathPad .mathFnInput{background:var(--nx-field)!important;color:var(--nx-text)!important;border:1px solid var(--nx-line)!important;box-shadow:none!important}
#mathPad .mathFnInput.isBad{border-color:var(--nx-bad)!important}
#x1SaveSheet{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:16px}
#x1SaveSheet .x1SheetBox{width:420px;max-width:100%;max-height:80vh;overflow:auto;background:var(--nx-card);color:var(--nx-text);border:1px solid var(--nx-line);border-radius:18px;padding:18px;box-sizing:border-box}
#x1SaveSheet .nxPickList{display:flex;flex-direction:column;gap:4px;margin:0 0 12px}
#x1SaveSheet .nxBtn.nxPick{justify-content:flex-start;border-radius:12px;background:transparent;min-height:42px;padding:8px 12px;text-align:left}
#x1SaveSheet .nxBtn.nxPick:hover{background:var(--nx-fill)}
#x1SaveSheet .nxOther{flex:1;min-width:0;width:auto}
.x1ClassNotes{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0;padding:10px 12px;border-radius:12px;background:var(--nx-fill);color:var(--nx-sub);font-size:13px}
.message.ai.nxFlash{box-shadow:0 0 0 2px var(--calm-ring,#8fa3c8);border-radius:14px;transition:box-shadow .3s ease}
@media(max-width:760px){
#mathPad{left:8px;right:8px;bottom:8px;width:auto;max-width:none;max-height:78vh;border-radius:18px}
#mathPad .mathKey{min-height:44px;font-size:16px}
#mathPad .mathCalcInput,#mathPad .mathFnInput{font-size:16px;min-height:44px}
#mathPad .mathDeg,#mathPad .mathPadTab{min-height:40px}
#mathPad .mathPadX,#mathPad .mathFnX,#x1SaveSheet .nxX{width:44px;height:44px}
#mathPad .mathCanvas{height:220px}
#mathPad .nxBtn,#schoolNotesPane .nxBtn,#x1SaveSheet .nxBtn,.x1ClassNotes .nxBtn{min-height:44px}
#schoolNotesPane .nxCard{padding:16px 14px;border-radius:14px}
#schoolNotesPane .nxSearch,#schoolNotesPane .nxTitleInput,#schoolNotesPane .nxSelect,#schoolNotesPane .nxOther,#schoolNotesPane .nxBody,#x1SaveSheet .nxOther{font-size:16px;min-height:44px}
#schoolNotesPane .nxBody,#schoolNotesPane #notesPreview{min-height:52vh}
#schoolNotesPane .nxRow{min-height:56px}
#schoolNotesPane .nxMeta .nxTag{max-width:110px}
#schoolNotesPane .nxChip,#schoolNotesPane .nxSegBtn,#schoolNotesPane .nxBack{min-height:44px}
#x1SaveSheet{align-items:flex-end;padding:0}
#x1SaveSheet .x1SheetBox{width:100%;border-radius:18px 18px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}
}
:root{--x2-text:#ececec;--x2-sub:#a3a3a3;--x2-line:#2e2e2e;--x2-fill:#1c1c1c;--x2-fill-2:#262626;--x2-card:#151515;
--x2-up:#36c77a;--x2-down:#ff6674;--x2-warn:#fbbf24;--x2-warn-bg:rgba(251,191,36,.08);--x2-pri:#ececec;--x2-pri-fg:#111;--x2-ring:#8fa3c8}
html[data-theme="light"]{--x2-text:#0d0d0d;--x2-sub:#6b6b6b;--x2-line:#e5e5e5;--x2-fill:#f1f1f3;--x2-fill-2:#e6e6ea;--x2-card:#ffffff;
--x2-up:#16a34a;--x2-down:#dc2626;--x2-warn:#b45309;--x2-warn-bg:rgba(180,83,9,.07);--x2-pri:#0d0d0d;--x2-pri-fg:#ffffff;--x2-ring:#7f95c2}
.x2Muted{font-size:12.5px;line-height:1.45;color:var(--x2-sub);margin:6px 0 0}
.x2Note{font-size:13px;line-height:1.5;color:var(--x2-sub);margin:8px 0 0}
.x2Warn{margin:10px 0 0;padding:9px 12px;border-radius:10px;background:var(--x2-warn-bg);color:var(--x2-warn);font-size:13px;line-height:1.45}
.x2Warn b{display:block;margin-bottom:2px}
.x2Acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;align-items:center}
.x2Primary{border-radius:999px!important;min-height:40px;padding:0 18px}
.x2Quiet,.x2BlockBtn,.x2WhyBtn,.x2Chip,.x2X{border:1px solid transparent;background:var(--x2-fill);color:var(--x2-text);border-radius:999px;cursor:pointer;
font:inherit;font-size:13px;line-height:1.2}
.x2Quiet{min-height:40px;padding:0 16px}
.x2Quiet:hover,.x2BlockBtn:hover,.x2WhyBtn:hover,.x2Chip:hover,.x2X:hover{background:var(--x2-fill-2)}
.x2Quiet:focus-visible,.x2BlockBtn:focus-visible,.x2WhyBtn:focus-visible,.x2Chip:focus-visible,.x2X:focus-visible,.x2Choice:focus-visible,.x2Flip:focus-visible{outline:none;box-shadow:0 0 0 2px var(--x2-ring)}
.x2WhyBtn{margin-left:8px;padding:3px 10px;font-size:12px;font-weight:600;vertical-align:middle}
.x2WhySum{font-size:14px;font-weight:600;margin:4px 0 10px;color:var(--rm-text,var(--x2-text))}
.x2WhyList{display:flex;flex-direction:column;gap:2px}
.x2WhyRow{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--rm-line,var(--x2-line))}
.x2WhyRow:last-child{border-bottom:0}
.x2WhyText{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.x2WhyText b{font-size:14px;overflow-wrap:anywhere}
.x2WhyDet{font-size:12.5px;color:var(--rm-sub,var(--x2-sub))}
.x2Impact{flex:0 0 auto;font-weight:700;font-size:13px;padding:3px 9px;border-radius:999px;background:var(--x2-fill);color:var(--x2-text)}
.x2Impact.isUp{color:var(--x2-up)}
.x2Impact.isDown{color:var(--x2-down)}
.x2Hw{display:flex;flex-direction:column;gap:8px}
.x2HwAsk{font-size:13.5px;color:var(--x2-text)}
.x2HwDay{border-radius:10px;padding:4px 0;transition:background .12s}
.x2HwDay.isDrop{background:var(--x2-fill);box-shadow:inset 0 0 0 2px var(--x2-ring)}
.x2HwDayHead{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--x2-sub);padding:6px 2px 4px}
.x2HwWeek summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--x2-text);padding:8px 2px;min-height:32px;list-style-position:inside}
.x2Block{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--x2-fill);margin:4px 0;cursor:grab}
.x2Block.isDragging{opacity:.55}
.x2Block.isDone{opacity:.6;cursor:default}
.x2Block.isDone .x2BlockText b{text-decoration:line-through}
.x2Block.isLate .x2BlockTime{color:var(--x2-down)}
.x2BlockTime{font-size:12px;font-weight:700;color:var(--x2-text);letter-spacing:.01em}
.x2BlockText{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.x2BlockText b{font-size:13.5px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.x2BlockSub{font-size:12px;color:var(--x2-sub)}
.x2BlockBtn{flex:0 0 auto;padding:6px 12px;background:var(--x2-fill-2)}
.x2Check[aria-pressed="true"]{color:var(--x2-up)}
.x2HwPrefs{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.x2Field{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--x2-sub)}
.x2Field input,.x2Field select,.x2Field textarea{font:inherit;font-size:16px;color:var(--x2-text);background:var(--x2-card);border:1px solid var(--x2-line);
border-radius:10px;padding:9px 11px;min-height:44px;box-sizing:border-box;width:100%;max-width:100%}
.x2Field input:focus,.x2Field select:focus,.x2Field textarea:focus{outline:none;border-color:var(--x2-ring)}
.x2Chips{display:flex;flex-wrap:wrap;gap:6px}
.x2Chip{min-height:36px;padding:0 14px;background:var(--x2-fill-2);border-color:var(--x2-line)}
.x2Chip.isOn{background:var(--x2-fill-2);color:var(--x2-text);box-shadow:inset 0 0 0 1.5px var(--x2-sub);font-weight:600}
.x2PlanSec{margin-bottom:10px}
.plannerPill.x2Pill{opacity:.8;font-style:italic}
.x2Share{display:flex;flex-direction:column;gap:12px}
.x2SharePreview{font-size:12.5px;line-height:1.45;color:var(--rm-sub,var(--x2-sub));padding:9px 11px;border-radius:10px;background:var(--rm-hover,var(--x2-fill));overflow-wrap:anywhere}
.x2SharedTag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--x2-fill-2);color:var(--x2-sub);margin:0 6px;white-space:nowrap}
.x2SharedNote{font-size:13.5px;margin-bottom:6px;white-space:pre-wrap;overflow-wrap:anywhere}
.x2SharedBubble .rmRich{margin-top:2px}
#chatLog .message .bubble.x2SharedBubble,.rmMsg .bubble.x2SharedBubble{text-align:left!important;border:1px solid var(--x2-line)!important;border-radius:14px!important;padding:10px 14px!important;background:transparent!important;color:var(--x2-text)!important;max-width:100%!important;font-family:inherit!important;white-space:normal!important}
html[data-theme="light"] #chatLog .message .bubble.x2SharedBubble{color:var(--x2-text)!important}
.x2Card{display:flex;flex-direction:column;gap:8px;margin-top:4px;min-width:min(420px,68vw)}
.x2CardTitle{font-size:14px}
.x2CardQ{display:flex;flex-direction:column;gap:6px;padding:8px 0;border-top:1px solid var(--x2-line)}
.x2Choice,.x2Flip{font:inherit;font-size:14px;text-align:left;min-height:44px;padding:8px 12px;border-radius:10px;border:1px solid var(--x2-line);
background:var(--x2-card);color:var(--x2-text);cursor:pointer;overflow-wrap:anywhere}
.x2Choice:hover:not([disabled]),.x2Flip:hover{background:var(--x2-fill)}
.x2Choice[disabled]{cursor:default;opacity:1}
.x2Choice.isRight{border-color:var(--x2-up);color:var(--x2-up)}
.x2Choice.isWrong{border-color:var(--x2-down);color:var(--x2-down)}
.x2Flip.isBack{background:var(--x2-fill)}
.x2Pron{margin:8px 0;padding:12px 14px;border-radius:14px;background:var(--x2-card);border:1px solid var(--x2-line);color:var(--x2-text);
display:flex;flex-direction:column;gap:8px;max-height:55vh;overflow:auto}
.x2PronHead{display:flex;align-items:center;justify-content:space-between;gap:8px}
.x2X{width:36px;height:36px;font-size:18px;display:inline-flex;align-items:center;justify-content:center;padding:0}
.x2PronSum{font-size:14px;font-weight:600}
.x2PronWords{display:flex;flex-wrap:wrap;gap:6px}
.x2Word{font-size:14px;padding:4px 10px;border-radius:999px;background:var(--x2-fill)}
.x2Word.isOk{color:var(--x2-up)}
.x2Word.isClose{color:var(--x2-warn)}
.x2Word.isOff{color:var(--x2-down);text-decoration:underline dotted}
.x2PronTip{padding:8px 10px;border-radius:10px;background:var(--x2-fill)}
.x2PronTipTop{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.x2PronTipTop .x2BlockBtn{margin-left:auto}
.x2PronTipText{font-size:13px;color:var(--x2-sub);margin-top:4px}
@media (max-width:760px){
.x2WhyBtn{min-height:32px;padding:4px 12px}
.x2BlockBtn,.x2Chip,.x2Quiet{min-height:44px}
.x2Acts .x2Primary,.x2Acts .x2Quiet{flex:1 1 auto}
}
.roomsSection{--rm-text:#ececec;--rm-sub:#a3a3a3;--rm-line:#2e2e2e;--rm-hover:#1f1f1f;--rm-unread:#7f9dff}
html[data-theme="light"] .roomsSection{--rm-text:#0d0d0d;--rm-sub:#6b6b6b;--rm-line:#e5e5e5;--rm-hover:#ececee;--rm-unread:#2563eb}
.sidebar .roomsSection .sideSectionHead{display:flex!important;align-items:center;justify-content:space-between}
.roomsSideLine{display:flex;align-items:center;gap:0;min-width:0}
.roomsSideLine .roomsSideRoom{flex:1 1 auto;min-width:0;padding-left:4px!important}
.roomsSideChev{flex:none;width:26px;height:30px;border:0;background:none;color:var(--rm-sub);border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
.roomsSideChev:hover{background:var(--rm-hover);color:var(--rm-text)}
.roomsSideChev .roomsSideCaret{display:inline-flex;transition:transform .15s ease}.roomsSideChev .roomsSideCaret.isOpen{transform:rotate(90deg)}
.roomsSideChev:focus-visible,.roomsSideEmpty:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
.roomsSideEmpty{border:0;background:none;color:var(--rm-sub);font:inherit;font-size:12.5px;text-align:left;padding:6px 8px;border-radius:8px;cursor:pointer}
.roomsSideEmpty:hover{color:var(--rm-text);background:var(--rm-hover)}
.roomsSideChat{padding-left:34px!important}
.rmLook{display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;font-size:13px;line-height:1;border-radius:6px}
.rmLook.rmLookDot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rm-look,#6b7280)}
.rmLook:not(.rmLookDot){background:color-mix(in srgb,var(--rm-look,transparent) 22%,transparent)}
.rmLook-blue{--rm-look:#3b82f6}.rmLook-green{--rm-look:#22c55e}.rmLook-purple{--rm-look:#a855f7}.rmLook-orange{--rm-look:#f97316}
.rmLook-pink{--rm-look:#ec4899}.rmLook-teal{--rm-look:#14b8a6}.rmLook-gray{--rm-look:#9ca3af}
#roomSidePanel .rmSideName{display:flex;align-items:center;gap:8px}
#roomSidePanel .rmSideNameText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
#roomSidePanel .rmSideDesc{margin-top:4px;font-size:12px;color:var(--rm-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#roomSidePanel .rmSideLabel .rmSideLabelAdd{font-size:16px!important;line-height:1;width:24px;height:24px;padding:0!important;display:inline-flex;align-items:center;justify-content:center}
#roomSidePanel .rmNewChat{padding:2px 6px 6px;display:flex;flex-direction:column;gap:4px}
#roomSidePanel .rmNewChatLine{display:flex;align-items:center;gap:8px;padding:0 2px}
#roomSidePanel .rmNewChatInput{flex:1 1 auto;min-width:0;height:32px;border:1px solid var(--rm-line);border-radius:8px;background:var(--rm-card);color:var(--rm-text);font:inherit;font-size:13.5px;padding:0 10px;outline:none}
#roomSidePanel .rmNewChatInput:focus{border-color:#3b82f6}
#roomSidePanel .rmNewChatSome{align-self:flex-start;border:0;background:none;color:var(--rm-sub);font:inherit;font-size:12px;cursor:pointer;padding:2px 4px 2px 30px;border-radius:6px;text-decoration:underline;text-underline-offset:2px}
#roomSidePanel .rmNewChatSome:hover{color:var(--rm-text)}
#roomSidePanel .rmNewChatPicks{display:flex;flex-direction:column;gap:2px;padding:2px 0 2px 28px}
#roomSidePanel .rmNewChatPick{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--rm-text);min-height:28px;cursor:pointer}
#roomSidePanel .rmNewChatPick input{width:16px;height:16px;margin:0;accent-color:var(--rm-pri)}
#roomSidePanel .rmNewChatHint{font-size:11.5px;color:var(--rm-sub)}
#roomSidePanel .rmNewChatErr{font-size:12px;color:var(--rm-warn,#fbbf24);padding:0 4px 0 30px}
#roomSidePanel .rmNewChatErr:empty{display:none}
#roomSidePanel :is(.rmNewChatSome,.rmNewChatPick input):focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
body.roomMode #r10LearningRow,body.roomMode #r10StyleSection{display:none!important}
body.roomMode #roomMain #roomPanel{display:flex;flex-direction:column;gap:12px}
body.roomMode #roomMain #roomPanel .rmBox{background:var(--rm-card);border:1px solid var(--rm-line);border-radius:14px;padding:4px 16px 12px;margin:0;box-shadow:none}
body.roomMode #roomMain #roomPanel .rmBox .rmBox{border:0;padding:0;background:none}
body.roomMode #roomMain #roomPanel .rmBoxHead{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;padding:12px 0 8px;margin:0;border:0}
body.roomMode #roomMain #roomPanel .rmBoxHead b{font-size:14px;font-weight:600;color:var(--rm-text)}
body.roomMode #roomMain #roomPanel .rmBoxHead .rmSub{font-size:12px;color:var(--rm-sub)}
body.roomMode #roomMain #roomPanel .rmSetRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--rm-line)}
body.roomMode #roomMain #roomPanel .rmSetHead+.rmSetRow{border-top:0}
body.roomMode #roomMain #roomPanel .rmSetText{min-width:0;flex:1 1 auto}
body.roomMode #roomMain #roomPanel .rmSetTitle{font-size:13.5px;font-weight:600;color:var(--rm-text)}
body.roomMode #roomMain #roomPanel .rmSetDesc{font-size:12px;color:var(--rm-sub);margin-top:3px;line-height:1.4}
body.roomMode #roomMain #roomPanel .rmSetCtl{flex:0 1 auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
body.roomMode #roomMain #roomPanel .rmSetValue{font-size:13px;color:var(--rm-sub)}
body.roomMode #roomMain #roomPanel .rmSetInput{width:min(280px,46vw);margin:0}
body.roomMode #roomMain #roomPanel .rmSelect{width:auto;min-width:120px;max-width:200px;margin:0;height:34px;padding:0 10px;border-radius:10px}
body.roomMode #roomMain #roomPanel .rmSetCode{font:600 18px/1.2 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.1em;color:var(--rm-text);user-select:all}
body.roomMode #roomMain #roomPanel .rmSetActs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:10px 0 2px;margin:0;border-top:1px solid var(--rm-line)}
body.roomMode #roomMain #roomPanel .rmSetHead+.rmSetActs{border-top:0}
body.roomMode #roomMain #roomPanel .rmMemberRow .rmAv{width:30px;height:30px;font-size:12px;flex:none}
body.roomMode #roomMain #roomPanel .rmTimerPair{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
body.roomMode #roomMain #roomPanel .rmTimerBox{text-align:left}
body.roomMode #roomMain #roomPanel .rmTimerBox .rmTimerPhase,body.roomMode #roomMain #roomPanel .rmTimerBox .rmTimerBig{text-align:center}
body.roomMode #roomMain #roomPanel .rmFoot{font-size:12px;color:var(--rm-sub);padding:0 4px}
body.roomMode #roomMain #roomPanel :is(.rmBtn:not(.rmPri),.rmLink){border:1px solid var(--rm-line)!important;background:transparent!important;color:var(--rm-text)!important;font-weight:500!important}
body.roomMode #roomMain #roomPanel :is(.rmBtn:not(.rmPri),.rmLink):hover:not(:disabled){background:var(--rm-hover)!important}
body.roomMode #roomMain #roomPanel .rmBtn.rmDanger{color:var(--rm-bad,#f87171)!important}
body.roomMode #roomMain #roomPanel .rmOpt{border:1px solid var(--rm-line)!important;background:transparent!important;border-radius:10px;text-align:left;padding:10px 12px;color:var(--rm-text)!important;font-weight:400!important}
body.roomMode #roomMain #roomPanel .rmOpt:hover{background:var(--rm-hover)!important}
body.roomMode #roomMain #roomPanel .rmOpt.isOn,body.roomMode #roomMain #roomPanel .rmOpt[aria-pressed="true"]{border-color:var(--rm-pri)!important;background:var(--rm-hover)!important;box-shadow:inset 0 0 0 1px var(--rm-pri)!important}
body.roomMode #roomMain .rmToolHead .rmBack{border:1px solid var(--rm-line)!important;background:transparent!important}
body.roomMode #roomMain #roomPanel :is(.rmBtn,.rmLink){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:6px 14px;border-radius:999px;border:1px solid var(--rm-line);background:transparent;color:var(--rm-text);font:inherit;font-size:13px;font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap}
body.roomMode #roomMain #roomPanel :is(.rmBtn,.rmLink):hover:not(:disabled){background:var(--rm-hover)}
body.roomMode #roomMain #roomPanel .rmBtn.rmPri{background:var(--rm-pri);color:var(--rm-pri-fg);border-color:transparent;font-weight:600}
body.roomMode #roomMain #roomPanel .rmBtn.rmPri:hover:not(:disabled){background:var(--rm-pri);opacity:.88}
body.roomMode #roomMain #roomPanel .rmBtn.rmDanger{color:var(--rm-bad,#f87171)}
body.roomMode #roomMain #roomPanel :is(.rmBtn,.rmLink):disabled{opacity:.55;cursor:default}
body.roomMode #roomMain #roomPanel :is(.rmBtn,.rmLink,.rmSelect,.rmSetInput):focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
body.roomMode #roomMain .rmToolCard{background:none!important;border:0!important;box-shadow:none!important;padding:8px 0 24px!important}
body.roomMode #roomMain #roomPanel .rmSetTransfer .rmSelect{min-width:170px}
body.roomMode #roomMain .rmToolHead{display:flex;align-items:center;gap:10px}
body.roomMode #roomMain .rmToolHead .rmBack{border:1px solid var(--rm-line);border-radius:999px;background:none;color:var(--rm-text);font:inherit;font-size:13px;padding:5px 12px;min-height:32px;cursor:pointer}
body.roomMode #roomMain .rmToolHead .rmBack:hover{background:var(--rm-hover)}
body.roomMode #roomMain .rmToolHead .rmRoomTitle{font-size:17px;font-weight:600;margin:0}
@media(max-width:760px){
body.roomMode #roomMain #roomPanel .rmBox{padding:2px 14px 10px;border-radius:12px}
body.roomMode #roomMain #roomPanel .rmSetRow{flex-wrap:wrap;gap:8px 12px}
body.roomMode #roomMain #roomPanel .rmSetRow>.rmSetCtl{flex:1 1 100%;justify-content:flex-start}
body.roomMode #roomMain #roomPanel .rmSetInput{width:100%}
body.roomMode #roomMain #roomPanel :is(.rmBtn,.rmLink,.rmSelect){min-height:44px}
body.roomMode #roomMain #roomPanel :is(.rmSetInput,.rmSelect,.rmField){font-size:16px}
#roomSidePanel .rmNewChatInput{font-size:16px;height:40px}
#roomSidePanel .rmNewChatPick{min-height:40px}
#roomSidePanel .rmSideLabel .rmSideLabelAdd{width:40px;height:40px}
.roomsSideChev{width:36px;height:44px}
}
.rmReportBtn{color:var(--rm-sub,#9aa0a6)!important;font-size:12px!important;background:transparent!important;border-color:transparent!important;align-self:flex-start}
.rmReportBtn:hover{color:var(--rm-text,inherit)!important;background:var(--rm-hover,rgba(127,127,127,.12))!important}
html[data-theme="light"] .rmReportBtn{color:#5f6368!important}
@media(max-width:760px){
#roomSidePanel .rmNewChatSome{min-height:44px;display:inline-flex;align-items:center}
.rmReportBtn{min-height:44px}
}
body.roomMode .rmSideLabel{display:flex;align-items:center}
.rmSideLabel .rmSideFold{flex:1;display:flex;align-items:center;gap:6px;min-width:0;min-height:28px;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;cursor:pointer;border-radius:8px}
.rmSideLabel .rmSideFold:hover{color:var(--rm-text,#ececec)}
.rmSideLabel .rmSideFold:focus:not(:focus-visible){outline:none}
.rmSideFoldChev{display:inline-block;font-size:14px;line-height:1;transform:rotate(90deg);transition:transform .15s;opacity:.7}
.rmSideLabel.isFolded .rmSideFoldChev{transform:none}
.rmSideFoldDot{margin-left:4px}
.rmSideFoldDot[hidden],.rmSideSection[hidden]{display:none!important}
html[data-theme="light"] .rmSideLabel .rmSideFold:hover{color:#0d0d0d}
@media (max-width:760px){.rmSideLabel .rmSideFold{min-height:44px}}
@media (prefers-reduced-motion:reduce){.rmSideFoldChev{transition:none}}
.composerControls .v581MediaBtn{order:4;flex:none;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;margin:0;border:0!important;
border-radius:999px;background:transparent!important;color:#b4b4b4;display:inline-flex;align-items:center;justify-content:center;
cursor:pointer;box-shadow:none!important;outline:none;position:relative;transition:background .15s,color .15s}
.composerControls .v581MediaBtn:hover{background:rgba(255,255,255,.08)!important;color:#fff}
.composerControls .v581MediaBtn:focus-visible{outline:2px solid var(--calm-ring,#8fa3c8);outline-offset:1px}
html[data-theme="light"] .composerControls .v581MediaBtn{color:#5f5f66}
html[data-theme="light"] .composerControls .v581MediaBtn:hover{background:#f1f1f4!important;color:#1d1d20}
.composerControls .v581MediaBtn[data-pro-locked="1"]{opacity:.62}
.composerControls .v581MediaBtn[data-pro-locked="1"]::after{content:"";position:absolute;right:5px;top:5px;width:6px;height:6px;border-radius:50%;background:#a9b6ea}
html[data-theme="light"] .composerControls .v581MediaBtn[data-pro-locked="1"]::after{background:#3b4a99}
body:not(.v565Hero) .composer .composerInner{grid-template-columns:auto auto auto auto auto minmax(0,1fr) auto auto auto!important}
body:not(.v565Hero) .composer .composerInner #chatInput{grid-column:1 / 9}
body:not(.v565Hero) .composerControls #sendBtn{grid-column:9}
body:not(.v565Hero) .composerControls #composerScreenBtn{grid-row:2;grid-column:3}
body:not(.v565Hero) .composerControls #composerCameraBtn{grid-row:2;grid-column:4}
body:not(.v565Hero) .composerControls .mathPadBtn{grid-column:5}
body:not(.v565Hero) .composerControls .usageRing{grid-column:7}
body:not(.v565Hero) .composerControls #modelPickerWrap{grid-column:8 / 10}
@media(max-width:760px){
.composerControls .v581MediaBtn{width:40px;height:44px;min-width:40px;min-height:44px}
body:not(.v565Hero) .composerControls .v581MediaBtn{margin:-5px 0}
}
@media(max-width:400px){body.v565Hero .composerControls .v581MediaBtn{display:none}}
html[data-side-sections~="rooms_section"] #roomsSideSection{display:none!important}
html:not(.roomsOn) .sbSetPane .sbSetRooms{display:none}
.sbSetPane .sbSetRow{flex-wrap:wrap;row-gap:6px}
.sbSetPane .sbSetRow.isOff .todaySettingCopy b{color:#9a9aa2}
.sbSetPane .sbSetCtl{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}
.sbSetPane .sbSetAlways{font-size:11px;color:#8a8a92;white-space:nowrap;margin-left:auto}
.sbSetPane .sbSetZone{display:inline-flex;border-radius:999px;background:#1d1d21;padding:2px;gap:2px}
.sbSetPane .sbSetZoneBtn{border:0!important;box-shadow:none!important;background:transparent;color:#a3a3aa;font:inherit;font-size:11px;font-weight:600;
padding:4px 10px;min-height:26px;border-radius:999px;cursor:pointer;white-space:nowrap}
.sbSetPane .sbSetZoneBtn:hover{color:#ededf0;background:rgba(255,255,255,.06)}
.sbSetPane .sbSetZoneBtn[aria-pressed="true"]{background:#2e2e34;color:#fff}
.sbSetPane .sbSetMove{display:inline-flex;gap:2px}
.sbSetPane .sbSetMoveBtn{border:0!important;box-shadow:none!important;background:transparent;color:#a3a3aa;width:28px;height:28px;border-radius:8px;
font-size:10px;cursor:pointer;display:inline-grid;place-items:center;padding:0}
.sbSetPane .sbSetMoveBtn:hover:not(:disabled){background:rgba(255,255,255,.07);color:#fff}
.sbSetPane .sbSetMoveBtn:disabled{opacity:.3;cursor:default}
.sbSetPane .sbSetLink{border:0!important;box-shadow:none!important;background:transparent;color:#9fb4ff;font:inherit;font-size:12px;font-weight:600;
padding:4px 8px;border-radius:8px;cursor:pointer;white-space:nowrap}
.sbSetPane .sbSetLink:hover{background:rgba(255,255,255,.06)}
.sbSetPane .sbSetAddHead{font-size:10.5px;font-weight:700;color:#7d7d86;padding:14px 2px 4px;text-transform:uppercase;letter-spacing:.08em}
.sbSetPane .sbSetFoot{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.sbSetPane :is(.sbSetZoneBtn,.sbSetMoveBtn,.sbSetLink):focus-visible{outline:2px solid var(--calm-ring,#8fa3c8);outline-offset:1px}
html[data-theme="light"] .sbSetPane .sbSetRow.isOff .todaySettingCopy b{color:#8a8a92!important}
html[data-theme="light"] .sbSetPane .sbSetZone{background:#f1f1f4}
html[data-theme="light"] .sbSetPane .sbSetZoneBtn{color:#5f5f66}
html[data-theme="light"] .sbSetPane .sbSetZoneBtn:hover{color:#111;background:rgba(0,0,0,.04)}
html[data-theme="light"] .sbSetPane .sbSetZoneBtn[aria-pressed="true"]{background:#fff;color:#111;box-shadow:0 1px 2px rgba(0,0,0,.08)!important}
html[data-theme="light"] .sbSetPane .sbSetMoveBtn{color:#5f5f66}
html[data-theme="light"] .sbSetPane .sbSetMoveBtn:hover:not(:disabled){background:#f1f1f4;color:#111}
html[data-theme="light"] .sbSetPane .sbSetLink{color:#3155d8}
html[data-theme="light"] .sbSetPane .sbSetLink:hover{background:#f1f1f4}
html[data-theme="light"] .sbSetPane .sbSetAlways,html[data-theme="light"] .sbSetPane .sbSetAddHead{color:#77777f}
@media(max-width:760px){
.sbSetPane .sbSetCtl{width:100%;justify-content:flex-end;flex-wrap:wrap}
.sbSetPane .sbSetZoneBtn{min-height:40px;padding:4px 14px}
.sbSetPane .sbSetMoveBtn{width:44px;height:44px}
.sbSetPane .sbSetLink{min-height:44px}
.sbSetPane .sbSetRow .toggle{margin-left:4px}
.sbSetPane .sbSetFoot .secondaryAction{min-height:44px}
}
#sidebarTabPanelChats .sideDragSource{display:none!important}
.sideDragPlaceholder{box-sizing:border-box;border-radius:10px;border:1.5px dashed var(--calm-ring,#8fa3c8);background:var(--calm-fill,rgba(255,255,255,.05));
margin:1px 0;opacity:.8;flex:none}
.sideDragGhost{position:fixed!important;z-index:2147483000!important;margin:0!important;pointer-events:none!important;will-change:transform;
transition:none!important;opacity:.95!important;box-sizing:border-box}
.sideDragGhost .sideHideBtn,.sideDragGhost .pinBtn,.sideDragGhost .toolFavBtn{display:none!important}
body.sidebarDragging .sidebar,body.sidebarDragging .sidebar *{transition:none!important;animation:none!important}
body.sidebarDragging .sidebar .sideNavBtn:hover,body.sidebarDragging .sidebar .toolRow:hover{background:transparent!important}
body.sidebarDragging .sidebar .sideDragGhost .sideNavBtn{background:transparent!important}
#roomSidePanel .rmChatLine{display:flex;align-items:center;min-width:0;position:relative}
#roomSidePanel .rmChatLine > .rmSideItem{flex:1 1 auto;min-width:0;width:auto}
#roomSidePanel .rmChatMore{flex:none;width:28px;height:30px;border:0;background:none;color:var(--rm-sub);border-radius:8px;cursor:pointer;
font-size:15px;line-height:1;padding:0;display:inline-grid;place-items:center;opacity:0;transition:opacity .12s}
#roomSidePanel .rmChatLine:hover .rmChatMore,#roomSidePanel .rmChatLine:focus-within .rmChatMore,#roomSidePanel .rmChatMore[aria-expanded="true"]{opacity:1}
#roomSidePanel .rmChatMore:hover{background:var(--rm-hover);color:var(--rm-text)}
#roomSidePanel .rmChatMore:focus-visible{outline:2px solid var(--calm-ring,#8fa3c8);outline-offset:-2px;opacity:1}
#roomSidePanel .rmChatAct{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:2px 4px 6px 8px;padding:8px;border-radius:10px;background:var(--rm-hover)}
#roomSidePanel .rmChatActText{flex:1 1 100%;font-size:12.5px;line-height:1.45;color:var(--rm-text)}
#roomSidePanel .rmChatActBtn{border:0;background:transparent;color:var(--rm-text);font:inherit;font-size:12.5px;font-weight:600;padding:5px 10px;border-radius:8px;cursor:pointer;min-height:30px}
#roomSidePanel .rmChatActBtn:hover{background:rgba(127,127,127,.16)}
#roomSidePanel .rmChatActBtn:disabled{opacity:.55;cursor:default}
#roomSidePanel .rmChatActDanger{color:#f87171}
html[data-theme="light"] #roomSidePanel .rmChatActDanger{color:#dc2626}
#roomSidePanel .rmChatActBtn:focus-visible{outline:2px solid var(--calm-ring,#8fa3c8);outline-offset:1px}
#roomSidePanel .rmChatActErr{flex:1 1 100%;font-size:12px;color:#f87171}
html[data-theme="light"] #roomSidePanel .rmChatActErr{color:#dc2626}
#roomSidePanel .rmOtherLook{font-size:13px}
@media (hover:none){#roomSidePanel .rmChatMore{opacity:.7}}
@media (max-width:760px){
#roomSidePanel .rmChatMore{width:40px;height:44px}
#roomSidePanel .rmChatActBtn{min-height:44px}
}
@media (prefers-reduced-motion:reduce){#roomSidePanel .rmChatMore{transition:none}}
.modelPickerMenu .v568Main.v581MainFit{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.modelPickerMenu.v565MenuDown .v568Sub{bottom:auto!important;top:-1px!important}
@media(max-width:760px){.modelPickerMenu .v568Main.v581MainFit{max-height:none!important;overflow:visible}}
.lpBlock[hidden],#lpSettingLine[hidden]{display:none!important}
.lpBlock .lpText{width:100%;box-sizing:border-box;margin:8px 0 6px;min-height:84px;resize:vertical;border-radius:10px;padding:9px 11px;font:inherit;font-size:13px;
line-height:1.45;background:#171717;color:#ececec;border:1px solid #2e2e2e}
.lpBlock .lpText:focus{outline:none;border-color:var(--calm-ring,#8fa3c8)}
.lpBlock .lpActions{display:flex;flex-wrap:wrap;gap:8px}
.lpBlock .lpDelete{color:#f87171!important}
html[data-theme="light"] .lpBlock .lpText{background:#fafafa;color:#0d0d0d;border-color:#e0e0e5}
html[data-theme="light"] .lpBlock .lpDelete{color:#dc2626!important}
@media(max-width:760px){.lpBlock .lpText{font-size:16px}.lpBlock .lpActions .secondaryAction{min-height:44px}}
#sidebarTabPanelChats,body.roomMode #roomSidePanel{scrollbar-gutter:stable}
@media(max-width:760px){.sidebar{will-change:transform}}
.app.sideFolded #sidebarTabPanelChats{scrollbar-gutter:auto}
:root #settingsModal{--sp-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%239d9d9d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--sp-btn:#2c2c2c;--sp-btn-hover:#383838;--sp-danger-bg:rgba(248,113,113,.12);--sp-danger-hover:rgba(248,113,113,.2);--sp-card:#252525}
:root[data-theme="light"] #settingsModal{--sp-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%236b6b6b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--sp-btn:#efeff1;--sp-btn-hover:#e4e4e7;--sp-danger-bg:rgba(220,38,38,.08);--sp-danger-hover:rgba(220,38,38,.14);--sp-card:#f6f6f7}
:root #settingsModal .settingsShell .settingsMain .settingTitle{font-weight:500!important}
:root #settingsModal .settingsShell .settingsMain label.settingTitle{display:block}
:root #settingsModal .settingsShell .settingsMain .settingsSubhead{margin:34px 0 2px!important}
:root #settingsModal .settingsShell .settingsMain .settingsLead + .settingsSubhead{margin-top:22px!important}
:root #settingsModal .settingsShell .settingsMain .setSectionDesc{margin:0 0 4px!important;padding:0}
:root #settingsModal .settingsShell .settingsMain .settingValue{font-size:14px;color:var(--st-sub)}
:root #settingsModal .settingsShell .settingsMain .settingsPane :is(.primaryAction,.secondaryAction,.dangerAction){
border-radius:999px!important;padding:7px 16px!important;min-height:34px!important;font-size:13.5px!important;font-weight:500!important;flex:0 0 auto}
:root #settingsModal .settingsShell .settingsMain .settingsPane .secondaryAction{background:var(--sp-btn)!important;border:1px solid transparent!important;color:var(--st-text)!important}
:root #settingsModal .settingsShell .settingsMain .settingsPane .secondaryAction:hover:not(:disabled){background:var(--sp-btn-hover)!important}
:root #settingsModal .settingsShell .settingsMain .settingsPane .primaryAction{background:var(--st-text)!important;border:1px solid var(--st-text)!important;color:var(--st-bg)!important}
:root #settingsModal .settingsShell .settingsMain .settingsPane .dangerAction{background:var(--sp-danger-bg)!important;border:1px solid transparent!important;color:var(--st-danger)!important}
:root #settingsModal .settingsShell .settingsMain .settingsPane .dangerAction:hover:not(:disabled){background:var(--sp-danger-hover)!important}
:root #settingsModal .settingsShell .settingsMain .settingsPane :is(.primaryAction,.secondaryAction,.dangerAction):disabled{background:var(--sp-btn)!important;border-color:transparent!important;color:var(--st-sub)!important}
:root #settingsModal .settingsShell .setRowActions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;flex:0 0 auto}
:root #settingsModal .settingsShell .setForm{display:block}
:root #settingsModal .settingsShell .setForm .settingCopy{margin-bottom:4px}
:root #settingsModal .settingsShell .setFieldLabel{display:block;margin:14px 0 6px;font-size:13.5px;font-weight:500;color:var(--st-text)}
:root #settingsModal .settingsShell .setForm > .setFieldLabel:first-child{margin-top:4px}
:root #settingsModal .settingsShell .settingsMain .setForm :is(input,textarea){display:block;width:100%!important;margin:0!important;min-height:38px}
:root #settingsModal .settingsShell .settingsMain .setForm textarea{min-height:110px;resize:vertical;line-height:1.45}
:root #settingsModal .settingsShell .setFormActions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
:root #settingsModal .settingsShell .setFieldRow{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}
:root #settingsModal .settingsShell .setFieldRow .setFieldLabel{margin:0}
:root #settingsModal .settingsShell .setForm .batchBMsg:empty{display:none}
:root #settingsModal .settingsShell :is(.projectFileItem,.profileItem,.roomRow,.todaySettingRow){
display:flex!important;align-items:center!important;gap:12px!important;min-height:54px;padding:12px 0!important;margin:0!important;
border:0!important;border-bottom:1px solid var(--st-line)!important;border-radius:0!important;background:transparent!important}
:root #settingsModal .settingsShell :is(.projectFileItem,.profileItem,.roomRow) > .grow{flex:1 1 0;min-width:0}
:root #settingsModal .settingsShell :is(.projectFileItem,.profileItem,.roomRow) b,
:root #settingsModal .settingsShell .todaySettingCopy b{font-size:14px!important;font-weight:500!important;color:var(--st-text)!important;line-height:1.35}
:root #settingsModal .settingsShell .todaySettingCopy small{font-size:12.5px!important;color:var(--st-sub)!important;line-height:1.45;margin-top:2px}
:root #settingsModal .settingsShell .todaySettingIcon{width:30px;height:30px;border-radius:9px;background:var(--st-pill)!important;color:var(--st-text)}
:root #settingsModal .settingsShell .todaySettingScore{font-size:13.5px;font-weight:500;color:var(--st-sub)!important}
:root #settingsModal .settingsShell .todaySettingRow:first-child{border-top:0!important}
:root #settingsModal .settingsShell .setSubList:empty{display:none}
:root #settingsModal .settingsShell .supportInbox{margin:0!important;padding:0!important;border:0!important}
:root #settingsModal .settingsShell .supportThread{display:flex;flex-direction:column;gap:8px;margin:12px 0 0;max-height:340px;overflow-y:auto}
:root #settingsModal .settingsShell .supportThread:empty{display:none}
:root #settingsModal .settingsShell .supportMessage{margin:0!important;padding:12px 14px!important;border:0!important;border-radius:14px!important;background:var(--sp-card)!important;color:var(--st-text)!important}
:root #settingsModal .settingsShell .supportMessage.admin{background:var(--st-pill)!important}
:root #settingsModal .settingsShell .supportMessageHead{font-size:13px!important;font-weight:500!important;color:var(--st-text)!important;align-items:baseline}
:root #settingsModal .settingsShell .supportMessageTime{font-size:12px!important;font-weight:400;color:var(--st-sub)!important}
:root #settingsModal .settingsShell .supportMessageSubject{font-size:13.5px!important;font-weight:500!important;color:var(--st-text)!important;margin-top:6px!important}
:root #settingsModal .settingsShell .supportMessageBody{font-size:13.5px!important;color:var(--st-text)!important;opacity:.88;margin-top:3px}
:root #settingsModal .settingsShell .supportReplyForm > .setFieldLabel:first-child{margin-top:18px}
:root #settingsModal .settingsShell .tutorStarters{display:block;margin:0}
:root #settingsModal .settingsShell .tutorListHead:has(+ .tutorList:empty){display:none}
:root #settingsModal .settingsShell .profileItem:has(> .profileEdit){flex-wrap:wrap}
:root #settingsModal .settingsShell .settingsMain :is(select.spNative,.profileItem select.batchBSelect){
-webkit-appearance:none;appearance:none;background:var(--st-field) var(--sp-chev) no-repeat right 12px center/12px!important;
border:1px solid var(--st-field-line)!important;border-radius:10px!important;color:var(--st-text)!important;box-shadow:none!important;
font-size:14px!important;font-weight:400!important;padding:8px 34px 8px 12px!important;min-height:38px;width:auto!important;min-width:200px;max-width:100%;cursor:pointer}
:root #settingsModal .settingsShell .settingsMain .profileItem select.batchBSelect{display:block;margin-top:8px;font-size:13.5px!important;min-height:34px;padding-top:6px!important;padding-bottom:6px!important}
:root #settingsModal .settingsShell .settingsMain .icPickField select.spNative{width:100%!important}
:root #settingsModal .settingsShell .profileActions{display:flex;gap:8px;flex:0 0 auto}
:root #settingsModal .settingsShell .profileEdit{flex:1 1 100%;padding:4px 0 6px}
:root #settingsModal .settingsShell .schoolConnHead .lmsProTag{font-size:10px;letter-spacing:.06em;vertical-align:2px}
:root #settingsModal .settingsShell .schoolConn{display:block!important;padding:0 0 4px;border:0!important}
:root #settingsModal .settingsShell .schoolConn > .settingDesc + .settingDesc{margin-top:8px}
:root #settingsModal .settingsShell .schoolConnRow{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:nowrap;
min-height:54px;padding:12px 0;margin-top:10px;border-top:1px solid var(--st-line);border-bottom:1px solid var(--st-line)}
:root #settingsModal .settingsShell .schoolConnRow[style*="display: none"],
:root #settingsModal .settingsShell .schoolConnRow[style*="display:none"]{display:none!important}
:root #settingsModal .settingsShell .schoolConnStatus{display:flex;align-items:center;gap:8px;min-width:0}
:root #settingsModal .settingsShell .schoolConnStatus .lmsHost{font-size:14px!important;font-weight:500!important;color:var(--st-text)!important;flex:0 1 auto}
:root #settingsModal .settingsShell .schoolConnStatus .lmsDot{width:9px;height:9px}
:root #settingsModal .settingsShell .lmsDot.schoolDotOff{background:var(--st-off)!important}
:root #settingsModal .settingsShell .schoolConnRow .settingCopy{flex:1 1 auto;min-width:0}
:root #settingsModal .settingsShell #lmsDisconnected{margin-top:12px}
:root #settingsModal .settingsShell .icField{margin-top:14px}
:root #settingsModal .settingsShell .icField > .setFieldLabel{margin:0 0 2px}
:root #settingsModal .settingsShell .icField > .settingDesc{margin:0 0 8px}
:root #settingsModal .settingsShell .icRow{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0}
:root #settingsModal .settingsShell .settingsMain .icRow input{flex:1 1 170px;min-width:0;min-height:38px}
:root #settingsModal .settingsShell .settingsMain .icRow #icState{flex:0 0 72px;text-transform:uppercase}
:root #settingsModal .settingsShell .icPickField:has(> select[style*="display: none"]),
:root #settingsModal .settingsShell .icPickField:has(> select[style*="display:none"]),
:root #settingsModal .settingsShell .icPickField:has(> .niceSelect > select[style*="display:none"]){display:none}
:root #settingsModal .settingsShell #icMsg:empty,:root #settingsModal .settingsShell .lmsHint:empty{display:none}
:root #settingsModal .settingsShell #roomPaneBody > .settingDesc:first-child{margin-top:8px}
:root #settingsModal .settingsShell .roomSubhead{font-size:14px!important;font-weight:600!important;color:var(--st-text)!important;margin:26px 0 0!important;padding:0 0 4px}
:root #settingsModal .settingsShell .roomList{margin:0}
:root #settingsModal .settingsShell .roomList > .settingDesc{padding:12px 0;border-bottom:1px solid var(--st-line)}
:root #settingsModal .settingsShell .roomRow .settingDesc{display:flex;align-items:center;gap:6px}
:root #settingsModal .settingsShell .roomInline{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
:root #settingsModal .settingsShell .settingBlock .roomInline{margin-top:10px}
:root #settingsModal .settingsShell .settingsMain .roomInline .settingsInput{flex:1 1 150px;width:auto!important;min-width:0;min-height:38px}
:root #settingsModal .settingsShell .roomPlaceLine .roomInline{flex:0 1 360px;flex-wrap:nowrap}
:root #settingsModal .settingsShell .roomAlarmForm #roomAlarmTime{flex:0 0 132px}
:root #settingsModal .settingsShell .roomDays{display:flex;gap:4px;flex:0 0 auto}
:root #settingsModal .settingsShell .roomDay{width:32px!important;height:32px!important;border-radius:50%!important;padding:0!important;font-size:12.5px!important;font-weight:600!important;
border:1px solid var(--st-field-line)!important;background:transparent!important;color:var(--st-sub)!important;cursor:pointer}
:root #settingsModal .settingsShell .roomDay.on{background:var(--st-text)!important;border-color:var(--st-text)!important;color:var(--st-bg)!important}
:root #settingsModal .settingsShell :is(#roomAlarmAdd,#roomPairBtn,#icConnectBtn){margin-left:auto}
:root #settingsModal .settingsShell .entityVoices{gap:6px!important;margin-top:10px!important}
:root #settingsModal .settingsShell .eVoice{min-height:32px;padding:5px 14px!important;border-radius:999px!important;font-size:13px!important;font-weight:500!important;letter-spacing:0!important;
background:var(--sp-btn)!important;border:1px solid transparent!important;color:var(--st-text)!important}
:root #settingsModal .settingsShell .eVoice:hover{background:var(--sp-btn-hover)!important;color:var(--st-text)!important}
:root #settingsModal .settingsShell .eVoice.on{background:var(--st-text)!important;border-color:var(--st-text)!important;color:var(--st-bg)!important}
:root #settingsModal .settingsShell #roomMsg:empty{display:none}
:root #settingsModal .settingsShell #roomMsg{margin-top:8px}
:root #settingsModal .settingsShell #voicePreviewBtn{margin-top:10px!important}
:root #settingsModal .settingsShell #memoryItemsMoreBtn{margin:10px 0 0!important}
:root #settingsModal .settingsShell .memoryItemsList > .settingDesc{padding:10px 0;margin:0}
:root #settingsModal .settingsShell #pinnedMemoryList > .settingDesc{padding:2px 0 4px}
:root #settingsModal .settingsShell #todayMenuMsg:empty,:root #settingsModal .settingsShell #settingsProMessage:empty{display:none}
@media(max-width:760px){
:root #settingsModal .settingsShell .settingsMain .settingsPane :is(.primaryAction,.secondaryAction,.dangerAction){min-height:44px!important;padding:9px 18px!important;font-size:15px!important}
:root #settingsModal .settingsShell .settingsMain :is(.setForm,.icRow,.roomInline) :is(input,textarea),
:root #settingsModal .settingsShell .settingsMain :is(select.spNative,.profileItem select.batchBSelect){font-size:16px!important;min-height:44px}
:root #settingsModal .settingsShell .settingsMain .settingsPane .toggle{position:relative}
:root #settingsModal .settingsShell .settingsMain .settingsPane .toggle::before{content:"";position:absolute;inset:-9px -4px}
:root #settingsModal .settingsShell .setRowActions{justify-content:flex-start}
:root #settingsModal .settingsShell .setFieldRow{flex-wrap:wrap;gap:8px}
:root #settingsModal .settingsShell .schoolConnRow{flex-wrap:wrap;gap:10px}
:root #settingsModal .settingsShell .schoolConnRow .settingCopy{flex:1 1 100%}
:root #settingsModal .settingsShell .settingsMain .icRow input{flex:1 1 100%}
:root #settingsModal .settingsShell .settingsMain .icRow #icState{flex:0 0 96px}
:root #settingsModal .settingsShell .roomPlaceLine .roomInline{flex:1 1 100%}
:root #settingsModal .settingsShell .roomAlarmForm #roomAlarmTime{flex:1 1 140px}
:root #settingsModal .settingsShell .roomAlarmForm .roomDays{flex:1 1 100%;justify-content:space-between}
:root #settingsModal .settingsShell .roomDay{width:40px!important;height:40px!important}
:root #settingsModal .settingsShell .eVoice{min-height:40px}
:root #settingsModal .settingsShell .settingsMain .roomInline .settingsInput{flex:1 1 100%}
:root #settingsModal .settingsShell :is(.projectFileItem,.profileItem,.roomRow){flex-wrap:wrap}
:root #settingsModal .settingsShell .profileItem > .grow{flex-basis:100%}
:root #settingsModal .settingsShell .supportThread{max-height:none}
}
:root #screenTabModal{--sa-bg:#1f1f1f;--sa-text:#ececec;--sa-sub:#9d9d9d;--sa-line:#303030;--sa-card:#262626;--sa-btn:#2c2c2c;--sa-btn-hover:#383838;
--sa-on:#0a84ff;--sa-off:#4a4a4a;--sa-live:#34c759;--sa-warn:#f5a524;--sa-field:#262626;--sa-field-line:#3b3b3b;--sa-note:rgba(245,165,36,.1);
--sa-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%239d9d9d' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
:root[data-theme="light"] #screenTabModal{--sa-bg:#ffffff;--sa-text:#0d0d0d;--sa-sub:#6b6b6b;--sa-line:#ececec;--sa-card:#f6f6f7;--sa-btn:#efeff1;--sa-btn-hover:#e4e4e7;
--sa-on:#007aff;--sa-off:#d9d9de;--sa-live:#1f9d4d;--sa-warn:#b45309;--sa-field:#ffffff;--sa-field-line:#d9d9d9;--sa-note:rgba(245,158,11,.1);
--sa-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%236b6b6b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
:root #screenTabModal .screenTabShell.sa582{width:min(600px,calc(100vw - 32px))!important;max-height:min(720px,calc(100dvh - 32px))!important;padding:22px 24px 18px!important;gap:6px!important;
background:var(--sa-bg)!important;border:1px solid var(--sa-line)!important;border-radius:18px!important;color:var(--sa-text)!important;box-shadow:0 24px 70px rgba(0,0,0,.45)!important;font-size:14px}
:root[data-theme="light"] #screenTabModal .screenTabShell.sa582{box-shadow:0 24px 70px rgba(0,0,0,.16)!important}
:root #screenTabModal .sa582 .screenTabHead{align-items:flex-start!important;gap:12px!important}
:root #screenTabModal .sa582 .screenTabHead h3{margin:0 0 2px!important;font-size:19px!important;font-weight:600!important;color:var(--sa-text)!important;letter-spacing:0}
:root #screenTabModal .sa582 .settingsLead{color:var(--sa-sub)!important;font-size:13.5px!important;line-height:1.5;margin:0!important}
:root #screenTabModal .sa582 .sa582Close{flex:none;width:32px;height:32px;margin:-4px -6px 0 0;border:0;border-radius:9px;background:transparent;color:var(--sa-sub);display:grid;place-items:center;cursor:pointer}
:root #screenTabModal .sa582 .sa582Close:hover,:root #screenTabModal .sa582 .sa582Close:focus-visible{background:var(--sa-btn);color:var(--sa-text);outline:none}
:root #screenTabModal .sa582 .screenTabBody{gap:0!important;padding:14px 2px 2px!important;margin:0 -2px}
:root #screenTabModal .sa582 .screenTabBody > *{flex-shrink:0}
:root #screenTabModal .sa582 .sa582Status{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;background:var(--sa-card);border:1px solid var(--sa-line)}
:root #screenTabModal .sa582 .sa582Thumb{position:relative;flex:none;width:96px;height:56px;border-radius:9px;overflow:hidden;background:var(--sa-btn);color:var(--sa-sub);display:grid;place-items:center}
:root #screenTabModal .sa582 .sa582Thumb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none;background:#000}
:root #screenTabModal .sa582 .sa582Thumb.live video{display:block}
:root #screenTabModal .sa582 .sa582Thumb.live .sa582ThumbIc{display:none}
:root #screenTabModal .sa582 .sa582StatusCopy{flex:1 1 auto;min-width:0}
:root #screenTabModal .sa582 .sa582StatusHead{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:14.5px;font-weight:600;color:var(--sa-text)}
:root #screenTabModal .sa582 .sa582Dot{width:8px;height:8px;border-radius:50%;background:var(--sa-off);flex:none}
:root #screenTabModal .sa582 .sa582Status[data-state="live"] .sa582Dot{background:var(--sa-live);box-shadow:0 0 0 3px color-mix(in srgb,var(--sa-live) 22%,transparent)}
:root #screenTabModal .sa582 .sa582Status[data-state="shared"] .sa582Dot{background:var(--sa-on)}
:root #screenTabModal .sa582 .sa582Status[data-state="busy"] .sa582Dot{background:var(--sa-on);animation:sa582Pulse 1.2s ease-in-out infinite}
:root #screenTabModal .sa582 .sa582Status[data-state="warn"] .sa582Dot{background:var(--sa-warn)}
@keyframes sa582Pulse{50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){:root #screenTabModal .sa582 .sa582Status .sa582Dot{animation:none!important}}
:root #screenTabModal .sa582 .sa582Hint{margin-left:auto;font-size:12px;font-weight:400;color:var(--sa-sub)}
:root #screenTabModal .sa582 .sa582Hint[hidden]{display:none}
:root #screenTabModal .sa582 .screenTabStatus{padding:0!important;margin:2px 0 0!important;background:transparent!important;border:0!important;border-radius:0!important;
color:var(--sa-sub)!important;font-size:12.5px!important;line-height:1.45;overflow-wrap:anywhere}
:root #screenTabModal .sa582 .sa582Last{margin-top:6px;font-size:12.5px;line-height:1.45;color:var(--sa-text);opacity:.86;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
:root #screenTabModal .sa582 .sa582Last[hidden]{display:none}
:root #screenTabModal .sa582 .sa582Note{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:var(--sa-note);color:var(--sa-text);font-size:12.5px;line-height:1.5}
:root #screenTabModal .sa582 .sa582Note[hidden]{display:none}
:root #screenTabModal .sa582 .sa582Section{margin:20px 0 0;padding:0 0 4px;font-size:15px;font-weight:600;color:var(--sa-text)}
:root #screenTabModal .sa582 :is(.screenStepCard,.screenTabCard){display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px!important;min-height:58px;
padding:12px 0!important;margin:0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--sa-line)!important;border-radius:0!important;box-shadow:none!important;color:var(--sa-text)!important}
:root #screenTabModal .sa582 .screenTabInfo{flex:1 1 auto;min-width:0}
:root #screenTabModal .sa582 .settingTitle{font-size:14px!important;font-weight:500!important;color:var(--sa-text)!important;line-height:1.35}
:root #screenTabModal .sa582 .settingDesc{font-size:12.5px!important;color:var(--sa-sub)!important;line-height:1.45;margin-top:2px}
:root #screenTabModal .sa582 .screenStepNum{width:24px!important;height:24px!important;flex:none;border-radius:50%!important;background:var(--sa-btn)!important;color:var(--sa-text)!important;font-size:12px!important;font-weight:600!important}
:root #screenTabModal .sa582 .screenStepCard.done .screenStepNum{background:var(--sa-live)!important;color:#fff!important;font-size:0!important}
:root #screenTabModal .sa582 .screenStepCard.done .screenStepNum::before{content:"";width:9px;height:5px;margin-top:-2px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg)}
:root #screenTabModal .sa582 :is(.primaryAction,.secondaryAction){flex:0 0 auto;width:auto!important;border-radius:999px!important;padding:7px 16px!important;min-height:34px!important;
font-size:13.5px!important;font-weight:500!important;box-shadow:none!important;white-space:nowrap;letter-spacing:0!important;text-transform:none!important;cursor:pointer}
:root #screenTabModal .sa582 .primaryAction{background:var(--sa-text)!important;border:1px solid var(--sa-text)!important;color:var(--sa-bg)!important}
:root #screenTabModal .sa582 .primaryAction:hover:not(:disabled){opacity:.88}
:root #screenTabModal .sa582 .secondaryAction{background:var(--sa-btn)!important;border:1px solid transparent!important;color:var(--sa-text)!important}
:root #screenTabModal .sa582 .secondaryAction:hover:not(:disabled){background:var(--sa-btn-hover)!important}
:root #screenTabModal .sa582 :is(.primaryAction,.secondaryAction):disabled{background:var(--sa-btn)!important;border-color:transparent!important;color:var(--sa-sub)!important;opacity:.7;cursor:not-allowed}
:root #screenTabModal .sa582 :is(.primaryAction,.secondaryAction):focus-visible{outline:2px solid var(--sa-on);outline-offset:2px}
:root #screenTabModal .sa582 .toggle.sa582Switch{width:44px!important;height:26px!important;min-height:0!important;padding:0!important;border:0!important;border-radius:999px!important;
background:var(--sa-off)!important;flex:0 0 auto;cursor:pointer;transition:background .18s ease!important;color:transparent!important;font-size:0!important}
:root #screenTabModal .sa582 .toggle.sa582Switch:after{width:22px!important;height:22px!important;top:2px!important;left:2px!important;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.3)}
:root #screenTabModal .sa582 .toggle.sa582Switch.on{background:var(--sa-on)!important}
:root #screenTabModal .sa582 .toggle.sa582Switch.on:after{left:20px!important}
:root #screenTabModal .sa582 .toggle.sa582Switch:disabled{opacity:.45;cursor:not-allowed}
:root #screenTabModal .sa582 .toggle.sa582Switch:focus-visible{outline:2px solid var(--sa-on);outline-offset:2px}
:root #screenTabModal .sa582 .screenAdvanced{margin-top:18px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
:root #screenTabModal .sa582 .screenAdvanced>summary{padding:6px 0!important;font-size:15px!important;font-weight:600!important;color:var(--sa-text)!important;gap:8px!important;border-radius:8px}
:root #screenTabModal .sa582 .screenAdvanced>summary:before{content:""!important;display:inline-block;flex:none;width:7px;height:7px;border-right:1.6px solid var(--sa-sub);border-bottom:1.6px solid var(--sa-sub);transform:rotate(-45deg);transition:transform .15s ease;margin:0 2px}
:root #screenTabModal .sa582 .screenAdvanced[open]>summary:before{content:""!important;transform:rotate(45deg)}
:root #screenTabModal .sa582 .screenAdvanced>summary:focus-visible{outline:2px solid var(--sa-on);outline-offset:2px}
:root #screenTabModal .sa582 .screenAdvancedBody{gap:0!important;padding:0!important}
:root #screenTabModal .sa582 .niceSelect{flex:0 0 auto;min-width:0!important}
:root #screenTabModal .sa582 .niceSelectBtn{width:auto!important;max-width:220px;gap:6px!important;padding:7px 10px 7px 12px!important;min-height:34px;border:1px solid var(--sa-field-line)!important;
border-radius:10px!important;background:var(--sa-field)!important;box-shadow:none!important;color:var(--sa-text)!important;font-size:13.5px!important;font-weight:400!important}
:root #screenTabModal .sa582 .niceSelectBtn:hover{background:var(--sa-btn)!important}
:root #screenTabModal .sa582 .niceSelectCaret{font-size:0!important;width:12px;height:12px;background:var(--sa-chev) no-repeat center/12px;opacity:1}
:root #screenTabModal .sa582 .niceSelectMenu{left:auto!important;right:0!important;min-width:190px;background:var(--sa-bg)!important;border:1px solid var(--sa-line)!important;border-radius:12px!important;box-shadow:0 14px 40px rgba(0,0,0,.3)!important}
:root #screenTabModal .sa582 .niceSelectOption{font-size:13.5px!important;color:var(--sa-text)!important;font-weight:400!important}
:root #screenTabModal .sa582 .niceSelectOption:hover{background:var(--sa-btn)!important}
:root #screenTabModal .sa582 select.settingsSelect:not([data-enhanced]){-webkit-appearance:none;appearance:none;background:var(--sa-field) var(--sa-chev) no-repeat right 10px center/12px!important;
border:1px solid var(--sa-field-line)!important;border-radius:10px!important;color:var(--sa-text)!important;padding:7px 30px 7px 12px!important;min-height:34px;font-size:13.5px!important;max-width:220px}
:root #screenTabModal .sa582 .sa582Kbd{display:inline-block;min-width:18px;padding:0 5px;border:1px solid var(--sa-field-line);border-bottom-width:2px;border-radius:5px;background:var(--sa-field);
color:var(--sa-text);font:500 11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center}
:root #screenTabModal .sa582 .screenMarkupWrap{margin:12px 0 4px!important;border:1px solid var(--sa-line)!important;border-radius:12px!important;background:#000!important;min-height:0!important}
:root #screenTabModal .sa582 .screenMarkupWrap[hidden]{display:none!important}
:root #screenTabModal .sa582 #screenMarkupCanvas{min-height:120px}
:root #screenTabModal .sa582 .screenMarkupHint{font-size:11.5px!important;border-radius:8px!important;background:rgba(0,0,0,.72)!important;color:#e5e5e5!important;border:0!important}
@media(max-width:760px){
:root #screenTabModal .screenTabShell.sa582{width:100%!important;max-height:calc(100dvh - 12px)!important;padding:18px 16px max(14px,env(safe-area-inset-bottom,0px))!important;border-radius:18px 18px 0 0!important}
:root #screenTabModal .sa582 .screenTabCard{display:grid!important;grid-template-columns:minmax(0,1fr) auto;column-gap:12px!important;row-gap:8px!important;align-items:center!important}
:root #screenTabModal .sa582 .screenTabCard:has(.niceSelect,select){grid-template-columns:minmax(0,1fr)}
:root #screenTabModal .sa582 .screenTabCard :is(.niceSelect,select){justify-self:start;margin:0!important}
:root #screenTabModal .sa582 .screenStepCard{display:grid!important;grid-template-columns:24px minmax(0,1fr) auto;column-gap:12px!important;row-gap:10px!important;align-items:center!important}
:root #screenTabModal .sa582 .screenStepCard :is(.primaryAction,.secondaryAction){grid-column:2 / 4;justify-self:start}
:root #screenTabModal .sa582 :is(.screenStepCard,.screenTabCard) button{width:auto!important}
:root #screenTabModal .sa582 :is(.primaryAction,.secondaryAction){min-height:44px!important;padding:9px 18px!important;font-size:15px!important}
:root #screenTabModal .sa582 .sa582Close{width:44px;height:44px;margin:-10px -10px 0 0}
:root #screenTabModal .sa582 .sa582Thumb{width:72px;height:44px}
:root #screenTabModal .sa582 .sa582Hint{display:none!important}
:root #screenTabModal .sa582 .niceSelectBtn{min-height:44px;font-size:15px!important}
}
html[data-composer-hidden~="math_pad"] #mathPadBtn,
html[data-composer-hidden~="workspace"] #b17aWsBtn,
html[data-composer-hidden~="screen"] #composerScreenBtn,
html[data-composer-hidden~="camera"] #composerCameraBtn,
html[data-composer-hidden~="mic"] #voiceModeBtn,
html[data-composer-hidden~="room_confused"] #roomConfusedBtn,
html[data-composer-hidden~="model_picker"] #modelPickerWrap,
html[data-composer-hidden~="usage_ring"] #usageRing{display:none!important}
.cbSetPane .cbSetRow.isOff .todaySettingCopy b{color:#9a9aa2}
html[data-theme="light"] .cbSetPane .cbSetRow.isOff .todaySettingCopy b{color:#8a8a92!important}
.cbSetPane .cbSetIcon{display:grid;place-items:center;font-size:12px;font-weight:600}
.cbSetPane .cbSetIcon svg{display:block}
:root #settingsModal .settingsShell .cbSetPane .toggle.cbSetLocked{opacity:.45;cursor:default}
:root #settingsModal .settingsShell .cbSetPane .cbSetRow .toggle{margin-left:auto}
:root #settingsModal .settingsShell #lpSettingLine.lpNeedsYear .toggle{opacity:.45;cursor:not-allowed}
:root #settingsModal .settingsShell .lpBirthNote{color:var(--st-text)!important;font-weight:500}
.composerControls .modelPickerMenu.v582Placed:not(.v565MenuDown){top:auto!important;bottom:var(--v582-bottom,calc(100% + 8px))!important}
.composerControls .modelPickerMenu.v582Placed.v565MenuDown{bottom:auto!important;top:var(--v582-top,calc(100% + 6px))!important}
@media(min-width:761px){
.composerControls .modelPickerMenu{width:308px!important;padding:5px!important}
.modelPickerMenu .modelPickerOption,.modelPickerMenu .v568SubRow{padding:7px 10px!important;gap:8px!important}
.modelPickerMenu .modelPickerText{gap:1px}
.modelPickerMenu .modelPickerTitle{font-size:14px!important;line-height:1.3}
.modelPickerMenu .modelPickerDesc{font-size:12.5px!important;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.modelPickerMenu .v568SubRow{font-size:14px!important}
.modelPickerMenu .v568Divider{margin:4px 6px}
.modelPickerMenu .v568Effort{padding:5px 10px 6px}
.modelPickerMenu .v568EffortHead{font-size:14px;margin-bottom:0}
.modelPickerMenu .v568Slider{height:24px}
.modelPickerMenu .v568StopLabels{font-size:12px;margin:0;white-space:nowrap}
.modelPickerMenu .v568StopLabels span{padding:0}
.modelPickerMenu .v568Effort .v568SubDesc{display:none}
.modelPickerMenu .v568Effort .v568Warn{margin-top:4px}
.modelPickerMenu .r10MenuRow{min-height:0;padding:7px 10px;font-size:14px}
.modelPickerMenu .r10SectionHead{padding:6px 10px 2px;font-size:14px}
.modelPickerMenu .r10StyleSection{padding:0 0 2px}
.modelPickerMenu .v568Sub{width:308px;padding:5px}
.modelPickerMenu .v568Sub .modelPickerDesc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
:root #screenTabModal .sa582 .screenTabBody{padding-right:14px!important;margin-right:-8px!important;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--sa-line) transparent}
:root #screenTabModal .sa582 .screenTabBody::-webkit-scrollbar{width:6px}
:root #screenTabModal .sa582 .screenTabBody::-webkit-scrollbar-thumb{background:var(--sa-line);border-radius:6px}
:root #screenTabModal .sa582 .screenTabBody::-webkit-scrollbar-track{background:transparent}
#homeDash{transition:opacity .18s ease}
#homeDash.homeDashTyping{opacity:0!important;pointer-events:none!important}
@media(prefers-reduced-motion:reduce){ #homeDash{transition:none!important} }
#roomSidePanel .rmNewChatInput,html[data-theme="light"] #roomSidePanel .rmNewChatInput{
background:transparent!important;border:1px solid var(--rm-line,#2e2e2e)!important;color:var(--rm-text,#ececec)!important;
box-shadow:none!important;-webkit-text-fill-color:currentColor}
#roomSidePanel .rmNewChatInput::placeholder{color:var(--rm-sub,#a3a3a3)!important;opacity:1}
#roomSidePanel .rmNewChatInput:focus{border-color:var(--calm-ring)!important;box-shadow:0 0 0 3px rgba(143,163,200,.22)!important;outline:none!important}
#roomSidePanel .rmNewChatPick input{background:transparent!important;accent-color:var(--rm-pri,#ececec)}
#roomSidePanel .rmNewChatPick{color:var(--rm-text,#ececec)!important}
body.roomMode #roomChatTop{display:none!important}
#roomConfusedBtn[hidden],body:not(.roomMode) #roomConfusedBtn{display:none!important}
#roomConfusedBtn.isBusy{opacity:.55;cursor:progress}
.rmInlineNote{margin:4px auto 10px;padding:5px 12px;border-radius:999px;background:var(--rm-hover,#1f1f1f);color:var(--rm-sub,#a3a3a3);
font-size:12px;width:max-content;max-width:100%;box-sizing:border-box;text-align:center}
.rmInlineNote.isArchived{color:var(--rm-warn,#fbbf24)}
#roomSidePanel .rmFoldOnlyIc{display:none!important}
.app.sideFolded #roomSidePanel .rmFoldOnlyIc{display:inline-flex!important}
.app.sideFolded #roomSidePanel{align-items:center;padding:2px 0 8px;overflow-x:hidden}
.app.sideFolded #roomSidePanel :is(.rmSideLabel,.rmSideGrow,.rmSideDesc,.rmSideMeta,.rmSideSessions,.rmNewChat,.rmChatMore,.rmSideNameText,.rmSideFold){display:none!important}
.app.sideFolded #roomSidePanel .rmSideHead{padding:6px 0 8px!important;border-bottom:1px solid var(--rm-line);margin:0 0 4px;width:40px;display:flex;justify-content:center}
.app.sideFolded #roomSidePanel .rmSideHead > :not(.rmSideName){display:none!important}
.app.sideFolded #roomSidePanel .rmSideName{display:flex;justify-content:center;overflow:visible}
.app.sideFolded #roomSidePanel .rmSideSection,.app.sideFolded #roomSidePanel .rmSideSection[hidden]{display:flex!important;flex-direction:column;align-items:center;width:100%}
.app.sideFolded #roomSidePanel .rmChatLine{display:flex;justify-content:center;width:100%}
.app.sideFolded #roomSidePanel .sideNavBtn{width:40px!important;min-width:40px;justify-content:center!important;padding:0!important;position:relative}
.app.sideFolded #roomSidePanel .sideNavBtn > :not(.sideNavIcon):not(.rmDotUnread){display:none!important}
.app.sideFolded #roomSidePanel .sideNavBtn > .rmDotUnread{position:absolute;top:5px;right:6px;margin:0}
body:not(.v565Hero) .composerControls #roomConfusedBtn{grid-row:2;grid-column:6;justify-self:start}
body:not(.v565Hero) .composerControls #modelPickerWrap{grid-row:2;grid-column:7!important;justify-self:end;margin-right:0!important}
body:not(.v565Hero) .composerControls #effortPickerWrap{grid-row:2;grid-column:8;justify-self:end;margin-right:0!important}
body:not(.v565Hero) .composerControls .usageRing{grid-row:2;grid-column:9!important;justify-self:center}
.composerControls #effortPickerWrap{order:3!important;margin-left:0!important;flex:none;position:relative}
body.v565Hero .composerControls #effortPickerWrap{order:3!important}
.composerControls #effortPickerWrap[hidden]{display:none!important}
.usageRing svg{transform:rotate(-90deg) scaleY(-1)!important}
.composerControls .effortPickerBtn .v568EffortLabel{color:inherit!important;display:inline!important}
.composerControls .effortPickerBtn{padding:0 6px 0 8px!important}
html[data-composer-hidden~="effort_picker"] #effortPickerWrap{display:none!important}
.composerControls .effortPickerMenu{width:300px!important}
.effortPickerMenu .v568Effort{padding:8px 12px 10px!important}
.effortPickerMenu .v568EffortHead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:13.5px;font-weight:600}
.effortPickerMenu .v568EffortHead .v568RowVal{color:inherit!important;font-weight:600}
.effortPickerMenu .effHelpBtn{flex:none;width:22px;height:22px;border-radius:50%;border:1px solid #45454c;background:transparent;color:#a3a4ac;
font:inherit;font-size:12px;font-weight:600;line-height:1;display:grid;place-items:center;cursor:pointer;padding:0}
.effortPickerMenu .effHelpBtn:hover,.effortPickerMenu .effHelpBtn[aria-expanded="true"]{background:rgba(255,255,255,.08);color:#ececef}
.effortPickerMenu .effHelpBtn:focus-visible{outline:2px solid var(--calm-ring,#8fa3c8);outline-offset:1px}
.effortPickerMenu .effHelp{margin:0 0 8px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.05);font-size:12px;line-height:1.45;color:#b8b9c0}
.effortPickerMenu .effHelp[hidden]{display:none}
.effortPickerMenu .effEnds{display:flex;justify-content:space-between;font-size:11.5px;color:#8e8f97;margin:0 0 2px}
.effortPickerMenu .v568Stop[data-think="minimal"]{left:0}
.effortPickerMenu .v568Stop[data-think="low"]{left:25%}
.effortPickerMenu .v568Stop[data-think="medium"]{left:50%}
.effortPickerMenu .v568Stop[data-think="high"]{left:75%}
.effortPickerMenu .v568Stop[data-think="max"]{left:100%}
.effortPickerMenu .v568Stop.locked{width:8px;height:8px;margin:-4px 0 0 -4px;background:rgba(255,255,255,.18);border:0}
.effortPickerMenu .v568StopLabels{position:relative;display:block!important;height:34px;margin:2px 8px 0!important}
.effortPickerMenu .v568StopLabels span{position:absolute;top:0;transform:translateX(-50%);min-width:0!important;text-align:center!important;
display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11.5px;white-space:nowrap;padding:2px 0}
.effortPickerMenu .v568StopLabels span[data-think="minimal"]{left:0;transform:none;align-items:flex-start;margin-left:-8px}
.effortPickerMenu .v568StopLabels span[data-think="low"]{left:25%}
.effortPickerMenu .v568StopLabels span[data-think="medium"]{left:50%}
.effortPickerMenu .v568StopLabels span[data-think="high"]{left:75%}
.effortPickerMenu .v568StopLabels span[data-think="max"]{left:auto;right:-8px;transform:none;align-items:flex-end}
.effortPickerMenu .effTag{font-style:normal;font-size:10px;line-height:1.4;padding:0 6px;border-radius:999px;background:rgba(111,162,255,.16);color:#a9c4ff;font-weight:600}
.effortPickerMenu .effTag[hidden]{display:none}
html[data-theme="light"] .effortPickerMenu .effHelpBtn{border-color:#d9d9de;color:#6b6e77}
html[data-theme="light"] .effortPickerMenu .effHelpBtn:hover,html[data-theme="light"] .effortPickerMenu .effHelpBtn[aria-expanded="true"]{background:#f1f1f4;color:#1d1d20}
html[data-theme="light"] .effortPickerMenu .effHelp{background:#f4f4f7;color:#4b4d55}
html[data-theme="light"] .effortPickerMenu .effEnds{color:#6b6e77}
html[data-theme="light"] .effortPickerMenu .v568Stop.locked{background:#d6d6dc}
html[data-theme="light"] .effortPickerMenu .effTag{background:#e8eeff;color:#3155d8}
@media(max-width:760px){
.composerControls #effortPickerBtn{height:34px!important;min-height:34px!important}
.effortPickerMenu .effHelpBtn{width:32px;height:32px}
.effortPickerMenu .v568StopLabels span{min-height:32px}
}
.v584EffortNote{margin-top:8px;font-size:12px;color:#8e8f97}
html[data-theme="light"] .v584EffortNote{color:#6b6e77}
#roomMsgs .rmEntity .rmGenImage{display:block;max-width:min(100%,420px);border-radius:12px;margin:0 0 8px}
#roomMsgs .rmEntity .rmPlots{margin-top:8px}
#roomMsgs .rmAttachLine{margin-bottom:6px}
.rmAnsActions{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0 0}
.rmAnsActions .rmAnsBtn{border:0;background:transparent;color:var(--rm-sub,#a3a3a3);font:inherit;font-size:12px;padding:4px 10px;border-radius:999px;cursor:pointer;min-height:28px}
.rmAnsActions .rmAnsBtn:hover{background:var(--rm-hover,rgba(255,255,255,.07));color:var(--rm-text,#ececec)}
.rmAnsActions .rmAnsBtn:focus-visible{outline:2px solid var(--calm-ring,#8fa3c8);outline-offset:1px}
.rmAnsActions .rmAnsPro::after{content:"Pro";margin-left:6px;font-size:10px;font-weight:600;padding:0 5px;border-radius:999px;background:rgba(111,162,255,.16);color:#a9c4ff}
html[data-theme="light"] .rmAnsActions .rmAnsPro::after{background:#e8eeff;color:#3155d8}
.rmProNote{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.rmProNote .rmProLink{border:0;background:transparent;color:#a9c4ff;font:inherit;font-size:12px;padding:2px 6px;border-radius:999px;cursor:pointer;text-decoration:underline}
html[data-theme="light"] .rmProNote .rmProLink{color:#3155d8}
@media(max-width:760px){.rmAnsActions .rmAnsBtn{min-height:44px;padding:6px 12px}}
.app.sideFolded #roomSidePanel .sideNavBtn:not(.rmRailKeep),
.app.sideFolded #roomSidePanel .rmRailTimer:not(.rmRailTimerOn),
.app.sideFolded #roomSidePanel .rmChatLine:not(:has(.rmRailKeep)){display:none!important}
body.roomMode .app.sideFolded #sideChatSearchTop{display:none!important}
.app.sideFolded #roomSidePanel .rmSideHead{border-bottom:0!important;margin:0!important;padding:4px 0!important}
.app.sideFolded #roomSidePanel .rmSideSection{gap:2px}
.app.sideFolded #roomSidePanel .sideNavBtn{height:36px;min-height:36px!important;margin:1px 0!important;border-radius:10px!important;background:transparent}
.app.sideFolded #roomSidePanel .sideNavBtn:hover{background:rgba(255,255,255,.07)!important}
.app.sideFolded #roomSidePanel .rmRailCur{background:rgba(255,255,255,.1)!important}
.app.sideFolded #roomSidePanel .rmRailTimerOn::after{content:"";position:absolute;top:6px;right:7px;width:7px;height:7px;border-radius:50%;background:#4ade80}
.app.sideFolded #roomSidePanel .rmRailTimerBreak::after{background:#fbbf24}
html[data-theme="light"] .app.sideFolded #roomSidePanel .sideNavBtn:hover{background:#f1f1f4!important}
html[data-theme="light"] .app.sideFolded #roomSidePanel .rmRailCur{background:#ececf0!important}
html[data-theme="light"] .app.sideFolded #roomSidePanel .rmRailTimerOn::after{background:#16a34a}
.recents{max-height:none!important;overflow-y:auto!important}
@media(min-width:901px){
:root #homeDash .homeModernGrid.homeMasonry{grid-auto-rows:2px!important;row-gap:0!important;align-items:start!important}
:root #homeDash .homeModernGrid.homeMasonry > *{margin-bottom:12px!important;align-self:start!important}
}
@media(max-width:560px){
body.v565Hero .composer .composerInner{flex-wrap:wrap!important;row-gap:2px}
body.v565Hero .composer .composerInner #chatInput{order:-1!important;flex:1 1 100%!important;width:100%!important;min-width:0!important}
body.v565Hero .composerControls #sendBtn{margin-left:auto!important}
}
.composerControls .effortPickerMenu{width:250px!important}
.effortPickerMenu .v568Effort{padding:12px!important}
.effortPickerMenu .v568EffortHead{margin-bottom:10px!important;font-size:13.5px!important;font-weight:400!important}
.effortPickerMenu .v568EffortHead .effWord{color:#8e8f97}
.effortPickerMenu .v568EffortHead .v568RowVal{color:#f2f2f4!important;font-weight:500!important;margin-left:6px}
.effortPickerMenu .effHelpBtn{width:18px!important;height:18px!important;border-width:1.5px!important;font-size:10px!important}
.effortPickerMenu .effEnds{font-size:12px!important;margin:0 0 6px!important}
.effortPickerMenu .v568Slider{--p:0;--inset:16px;height:28px!important;margin:0!important;border-radius:9px!important;background:#2a2a2e}
.effortPickerMenu .v568Track{top:0!important;bottom:0!important;height:auto!important;margin:0!important;border-radius:9px!important;background:transparent!important}
.effortPickerMenu .v568Fill{width:calc(var(--inset) + (100% - 2 * var(--inset)) * var(--p))!important;border-radius:9px 0 0 9px!important;background:#3a3a40!important}
.effortPickerMenu .v568Stop{width:4px!important;height:4px!important;margin:-2px 0 0 -2px!important;background:#6b6b72!important;border:0!important;z-index:1}
.effortPickerMenu .v568Stop.v568On:not(.locked){background:#8e8e95!important}
.effortPickerMenu .v568Stop.locked{width:6px!important;height:6px!important;margin:-3px 0 0 -3px!important;background:transparent!important;box-shadow:inset 0 0 0 1.5px #6b6b72}
.effortPickerMenu .v568Stop[data-think="minimal"]{left:var(--inset)!important}
.effortPickerMenu .v568Stop[data-think="low"]{left:calc(var(--inset) + (100% - 2 * var(--inset)) * .25)!important}
.effortPickerMenu .v568Stop[data-think="medium"]{left:calc(var(--inset) + (100% - 2 * var(--inset)) * .5)!important}
.effortPickerMenu .v568Stop[data-think="high"]{left:calc(var(--inset) + (100% - 2 * var(--inset)) * .75)!important}
.effortPickerMenu .v568Stop[data-think="max"]{left:calc(100% - var(--inset))!important}
.effortPickerMenu .v568Thumb{left:calc(var(--inset) + (100% - 2 * var(--inset)) * var(--p))!important;width:22px!important;height:22px!important;
margin:-11px 0 0 -11px!important;border-radius:7px!important;background:#f2f2f4!important;z-index:2;
box-shadow:0 1px 3px rgba(0,0,0,.35),0 0 0 .5px rgba(0,0,0,.2)!important;transition:left .18s cubic-bezier(.2,.8,.2,1)}
.effortPickerMenu .v568Slider:active .v568Thumb,.effortPickerMenu .v568Slider.v568Dragging .v568Thumb{transform:none!important}
.effortPickerMenu .v568Slider.v568Dragging .v568Thumb{transition:none}
.effortPickerMenu .v568StopLabels{display:none!important}
.effortPickerMenu .v568Warn{margin-top:10px}
html[data-theme="light"] .effortPickerMenu .v568EffortHead .effWord{color:#77787f}
html[data-theme="light"] .effortPickerMenu .v568EffortHead .v568RowVal{color:#141416!important}
html[data-theme="light"] .effortPickerMenu .v568Slider{background:#ececef}
html[data-theme="light"] .effortPickerMenu .v568Fill{background:#cfcfd5!important}
html[data-theme="light"] .effortPickerMenu .v568Stop{background:#9d9da4!important}
html[data-theme="light"] .effortPickerMenu .v568Stop.v568On:not(.locked){background:#8a8a91!important}
html[data-theme="light"] .effortPickerMenu .v568Stop.locked{box-shadow:inset 0 0 0 1.5px #a5a5ac}
html[data-theme="light"] .effortPickerMenu .v568Thumb{background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.18),0 0 0 .5px rgba(0,0,0,.12)!important}
@media(prefers-reduced-motion:reduce){ .effortPickerMenu .v568Thumb{transition:none} }
@media(max-width:760px){
.effortPickerMenu .v568Slider{height:32px!important}
.effortPickerMenu .v568Thumb{width:26px!important;height:26px!important;margin:-13px 0 0 -13px!important;border-radius:8px!important}
.effortPickerMenu .effHelpBtn{width:24px!important;height:24px!important}
}
.v586Steps{margin:8px 0 0;font-family:Inter,ui-sans-serif,-apple-system,system-ui,"Segoe UI",sans-serif;font-size:12px;color:#8e8f97;max-width:100%}
.v586Steps>summary{list-style:none;display:inline-flex;align-items:baseline;gap:8px;max-width:100%;cursor:pointer;
padding:3px 8px 3px 6px;margin-left:-6px;border-radius:8px;line-height:1.4;min-height:24px;box-sizing:border-box}
.v586Steps>summary::-webkit-details-marker{display:none}
.v586Steps>summary::after{content:"";flex:none;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
transform:translateY(-2px) rotate(45deg);opacity:.7;transition:transform .15s}
.v586Steps[open]>summary::after{transform:translateY(1px) rotate(-135deg)}
.v586Steps>summary:hover{background:rgba(255,255,255,.05);color:#c5c6cc}
.v586Steps>summary:focus-visible{outline:2px solid var(--calm-ring,#8fa3c8);outline-offset:1px}
.v586StepsHead{font-weight:600;color:#a3a4ac;flex:none}
.v586StepsWords{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v586StepsList{margin:6px 0 2px;padding:0 0 0 22px;display:flex;flex-direction:column;gap:3px;line-height:1.45;color:#a3a4ac}
.v586StepsList li{overflow-wrap:anywhere}
.v586StepsList li::marker{color:#6b6b72}
html[data-theme="light"] .v586Steps{color:#6b6e77}
html[data-theme="light"] .v586Steps>summary:hover{background:#f1f1f4;color:#1d1d20}
html[data-theme="light"] .v586StepsHead{color:#4b4d55}
html[data-theme="light"] .v586StepsList{color:#4b4d55}
html[data-theme="light"] .v586StepsList li::marker{color:#9d9da4}
@media(max-width:760px){ .v586Steps>summary{min-height:32px;align-items:center} }
@media(prefers-reduced-motion:reduce){ .v586Steps>summary::after{transition:none} }
#chatLog > .message:not(:nth-last-child(-n+6)){content-visibility:auto;contain-intrinsic-size:auto 180px}
#chatLog > .message.v590Show,#chatLog.v590AllShow > .message{content-visibility:visible}
@media print{ #chatLog > .message{content-visibility:visible!important} }
.v590TodayFresh{font-size:12px;color:#8e8e96;margin-left:auto;white-space:nowrap}
html[data-theme="light"] .v590TodayFresh{color:#6b6b73}
.b9SchoolExtra{display:flex;flex-direction:column;gap:6px;margin-top:6px;min-width:0}
.b9SchoolLine{margin:0;line-height:1.45;overflow-wrap:anywhere}
.b9SchoolWarn,:root #settingsModal .settingsShell .settingDesc.b9SchoolWarn{color:#f0b35a!important}
.b9SchoolMuted{color:#8e8f97}
.b9ReconnectBtn,.b9ExpirySave{min-height:32px;padding:4px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);
background:transparent;color:#e6e6ea;font:inherit;font-size:13px;cursor:pointer;vertical-align:middle}
.b9ReconnectBtn:hover,.b9ExpirySave:hover{background:rgba(255,255,255,.06)}
.b9ReconnectBtn:focus-visible,.b9ExpirySave:focus-visible,.b9ExpiryInput:focus-visible{outline:2px solid var(--calm-ring,#8fa3c8);outline-offset:1px}
.b9ExpiryRow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.b9ExpiryRow label{margin:0;flex:1 1 220px;min-width:0}
.b9ExpiryInput{min-height:32px;padding:4px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.14);
background:rgba(255,255,255,.04);color:#e6e6ea;font:inherit;font-size:14px;color-scheme:dark;max-width:100%}
html[data-theme="light"] .b9SchoolWarn,html[data-theme="light"] #settingsModal .settingsShell .settingDesc.b9SchoolWarn{color:#8a5a00!important}
html[data-theme="light"] .b9SchoolMuted{color:#6b6e77}
html[data-theme="light"] .b9ReconnectBtn,html[data-theme="light"] .b9ExpirySave{border-color:#dcdce2;color:#1d1d20;background:#fff}
html[data-theme="light"] .b9ReconnectBtn:hover,html[data-theme="light"] .b9ExpirySave:hover{background:#f1f1f4}
html[data-theme="light"] .b9ExpiryInput{border-color:#dcdce2;background:#fff;color:#1d1d20;color-scheme:light}
@media(max-width:760px){
.b9ReconnectBtn,.b9ExpirySave,.b9ExpiryInput{min-height:44px}
.b9ExpiryInput{font-size:16px}
}
.v592RoutedNote,.v592SavedLine{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.v592UseBtn{border:1px solid #3a3a3f;background:none;color:#d6d7dc;font:inherit;font-size:12px;padding:3px 10px;border-radius:999px;cursor:pointer;min-height:26px}
.v592UseBtn:hover,.v592UseBtn:focus-visible{background:#1f1f22;outline:none}
.v592UseBtn:disabled{opacity:.5;cursor:default}
.v592SavedRow{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;grid-column:1/-1;box-sizing:border-box;margin-top:10px;padding:12px 14px;
border:1px solid #2c2c31;border-radius:14px;background:#141416;color:inherit;font:inherit;text-align:left;cursor:pointer}
.v592SavedRow:hover,.v592SavedRow:focus-visible{background:#1b1b1e;outline:none}
.v592SavedRowTitle{font-weight:600;font-size:14px}
.v592SavedRowDesc{font-size:12.5px;color:#8e8f97}
.v592SavedOverlay{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}
.v592SavedPanel{width:min(720px,100%);max-height:min(86vh,900px);display:flex;flex-direction:column;background:#161618;color:#ececec;border:1px solid #2c2c31;border-radius:16px;overflow:hidden}
.v592SavedHead{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px 18px;border-bottom:1px solid #26262a}
.v592SavedTitle{margin:0;font-size:17px;font-weight:600}
.v592SavedX{width:36px;height:36px;border:0;border-radius:10px;background:none;color:inherit;font-size:22px;cursor:pointer}
.v592SavedX:hover,.v592SavedX:focus-visible{background:#222226;outline:none}
.v592SavedBodyWrap{padding:12px 18px 18px;overflow-y:auto;overflow-wrap:anywhere}
.v592SavedLead{margin:0 0 10px;font-size:13px;color:#9a9ba3}
.v592SavedList{display:flex;flex-direction:column;gap:6px}
.v592SavedItem{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;border:1px solid #2a2a2f;border-radius:12px;background:#1a1a1d;color:inherit;font:inherit;text-align:left;cursor:pointer;min-height:44px}
.v592SavedItem:hover,.v592SavedItem:focus-visible{background:#212125;outline:none}
.v592SavedItemTitle{font-size:14px;font-weight:600}
.v592SavedItemMeta{font-size:12px;color:#8e8f97}
.v592SavedItemHead{margin:10px 0 2px;font-size:16px}
.v592SavedActs{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
.v592SavedNote{font-size:12.5px;color:#9a9ba3;min-height:1em;margin-bottom:6px}
.v592SavedBody{margin-top:6px;padding:12px 14px;border:1px solid #26262a;border-radius:12px;max-width:none}
.v592RoomReuse{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
html[data-theme="light"] .v592UseBtn{border-color:#d4d4da!important;color:#2b2b30!important}
html[data-theme="light"] .v592UseBtn:hover,html[data-theme="light"] .v592UseBtn:focus-visible{background:#f4f4f5!important}
html[data-theme="light"] .v592SavedRow,html[data-theme="light"] .v592SavedItem{background:#ffffff!important;border-color:#e2e2e6!important;color:#111!important}
html[data-theme="light"] .v592SavedRow:hover,html[data-theme="light"] .v592SavedItem:hover{background:#f6f6f7!important}
html[data-theme="light"] .v592SavedPanel{background:#ffffff!important;color:#111!important;border-color:#e2e2e6!important}
html[data-theme="light"] .v592SavedHead{border-color:#ececef!important}
html[data-theme="light"] .v592SavedX:hover{background:#f1f1f3!important}
html[data-theme="light"] .v592SavedBody{border-color:#ececef!important}
@media(max-width:600px){ .v592SavedOverlay{padding:0;align-items:stretch} .v592SavedPanel{max-height:100vh;border-radius:0} }
:root{--b8-bar:rgba(21,21,21,.94);--b8-chip:#2a2a2e;--b8-chip-line:#3a3a40;--b8-text:#d6d6db;--b8-sub:#8e8f97;--b8-x:#a3a4ac;--b8-x-hover:#3a3a40}
html[data-theme="light"]{--b8-bar:rgba(255,255,255,.94);--b8-chip:#f1f1f4;--b8-chip-line:#e2e2e6;--b8-text:#1d1d20;--b8-sub:#6b6e77;--b8-x:#6b6e77;--b8-x-hover:#e2e2e6}
#b8MemBar{position:sticky;top:0;z-index:3;display:flex;flex-direction:column;gap:6px;margin:-20px auto 0;padding:8px 0;width:100%;max-width:820px;
background:var(--b8-bar);border-radius:0 0 12px 12px;flex:none;box-sizing:border-box;
font-family:Inter,ui-sans-serif,-apple-system,system-ui,"Segoe UI",sans-serif;font-size:12px;color:var(--b8-sub)}
#b8MemBar[hidden],body.roomMode #b8MemBar{display:none!important}
#b8MemBar .b8Pins{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
#b8MemBar .b8PinsLabel{font-weight:600;color:var(--b8-sub);margin-right:2px;cursor:help}
#b8MemBar .b8Pin{display:inline-flex;align-items:center;gap:2px;max-width:100%;min-width:0;padding:2px 2px 2px 10px;border-radius:999px;
background:var(--b8-chip);border:1px solid var(--b8-chip-line);color:var(--b8-text);line-height:1.4}
#b8MemBar .b8PinText{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(320px,62vw)}
#b8MemBar .b8PinX{flex:none;width:22px;height:22px;border:0;border-radius:50%;background:none;color:var(--b8-x);font:inherit;font-size:14px;line-height:1;cursor:pointer;padding:0}
#b8MemBar .b8PinX:hover{background:var(--b8-x-hover);color:var(--b8-text)}
#b8MemBar .b8PinX:focus-visible,#b8MemBar .b8Sum>summary:focus-visible{outline:2px solid var(--calm-ring,#8fa3c8);outline-offset:1px}
#b8MemBar .b8Sum>summary{list-style:none;display:inline-flex;align-items:center;gap:7px;cursor:pointer;padding:2px 8px 2px 6px;margin-left:-6px;border-radius:8px;min-height:24px}
#b8MemBar .b8Sum>summary::-webkit-details-marker{display:none}
#b8MemBar .b8Sum>summary::before{content:"";width:12px;height:1px;background:currentColor;opacity:.6}
#b8MemBar .b8Sum>summary::after{content:"";width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);opacity:.7}
#b8MemBar .b8Sum[open]>summary::after{transform:translateY(1px) rotate(-135deg)}
#b8MemBar .b8Sum>summary:hover{color:var(--b8-text)}
#b8MemBar .b8SumText{margin:6px 0 2px;padding:10px 12px;border-radius:10px;background:var(--b8-chip);border:1px solid var(--b8-chip-line);color:var(--b8-text);
white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;max-height:40vh;overflow-y:auto}
@media(max-width:760px){ #b8MemBar .b8PinX{width:28px;height:28px} #b8MemBar .b8Sum>summary{min-height:32px} }
.b16aTsBox{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);padding:16px}
.b16aTsCard{background:var(--panel,#16171b);color:var(--text,#f2f2f2);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:18px;max-width:360px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}
.b16aTsCard p{margin:0;line-height:1.45}
.b16aTsCancel{min-height:40px;padding:0 16px;border-radius:10px;background:transparent;color:inherit;border:1px solid rgba(255,255,255,.2);cursor:pointer}
html[data-theme="light"] .b16aTsCard{background:#fff;color:#111;border-color:rgba(0,0,0,.12)}
html[data-theme="light"] .b16aTsCancel{border-color:rgba(0,0,0,.2)}
#roomMsgs > .rmMsg:not(:nth-last-child(-n+8)){content-visibility:auto;contain-intrinsic-size:auto 120px}
#roomMsgs > .rmMsg.b16bShow,#roomMsgs > .rmMsg.rmFlash,#roomMsgs > .rmDivider + .rmMsg{content-visibility:visible}
@media print{ #roomMsgs > .rmMsg{content-visibility:visible!important} }
#chatLog .b16bLiveMsg .b16bLiveTag{font-style:italic;opacity:.75}
#chatLog .b16bLiveBubble .b16bLiveWait{color:var(--rm-sub,var(--muted));font-style:italic}
#chatLog .b16bCaret{display:inline-block;width:.5em;height:1em;margin-left:2px;vertical-align:-2px;border-radius:1px;background:currentColor;opacity:.55;animation:b16bBlink 1s steps(2,start) infinite}
@keyframes b16bBlink{to{visibility:hidden}}
@media (prefers-reduced-motion: reduce){ #chatLog .b16bCaret{animation:none} }
#chatLog .b16bTyping{font-size:12px;color:var(--rm-sub,var(--muted));padding:2px 16px 8px;max-width:780px;margin:0 auto;width:100%;box-sizing:border-box;font-style:italic}
.b18Root,.b18Game,.b18RoomBox{--b18-bg:#1c1c1f;--b18-panel:#232327;--b18-text:#f2f2f2;--b18-muted:#a1a1a6;--b18-line:rgba(255,255,255,.13);--b18-soft:rgba(255,255,255,.06);--b18-hover:rgba(255,255,255,.1);--b18-pri:#f2f2f2;--b18-pri-text:#111;--b18-right:#56B4E9;--b18-wrong:#E69F00;--b18-bad:#ff9f7a}
html[data-theme="light"] .b18Root,html[data-theme="light"] .b18Game,html[data-theme="light"] .b18RoomBox{--b18-bg:#fff;--b18-panel:#f6f6f7;--b18-text:#1d1d1f;--b18-muted:#6e6e73;--b18-line:rgba(0,0,0,.12);--b18-soft:rgba(0,0,0,.04);--b18-hover:rgba(0,0,0,.07);--b18-pri:#1d1d1f;--b18-pri-text:#fff;--b18-right:#0072B2;--b18-wrong:#D55E00;--b18-bad:#b3261e}
@media (prefers-color-scheme: light){html.b18Share .b18Root,html.b18Share .b18Game{--b18-bg:#fff;--b18-panel:#f6f6f7;--b18-text:#1d1d1f;--b18-muted:#6e6e73;--b18-line:rgba(0,0,0,.12);--b18-soft:rgba(0,0,0,.04);--b18-hover:rgba(0,0,0,.07);--b18-pri:#1d1d1f;--b18-pri-text:#fff;--b18-right:#0072B2;--b18-wrong:#D55E00;--b18-bad:#b3261e}}
html.b18Share{background:#1c1c1f}
@media (prefers-color-scheme: light){html.b18Share{background:#fff}}
html.b18Share body{margin:0;font:16px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,sans-serif}
.b18ShareMain{max-width:760px;margin:0 auto;padding:16px;box-sizing:border-box;background:var(--b18-bg);color:var(--b18-text);min-height:80vh}
.b18ShareFoot{text-align:center;font:13px/1.4 sans-serif;color:#8e8e93;margin:12px 16px 24px}
.b18Overlay{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}
.b18Panel{background:var(--b18-bg);color:var(--b18-text);border:1px solid var(--b18-line);border-radius:18px;width:100%;max-width:780px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.b18Head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 6px}
.b18Title{margin:0;font-size:19px;font-weight:650}
.b18X{min-width:44px;min-height:44px;border:0;border-radius:22px;background:transparent;color:var(--b18-text);font-size:24px;cursor:pointer}
.b18X:hover,.b18Chip:hover,.b18Btn:hover,.b18Tab:hover,.b18Item:hover,.b18Tile:hover,.b18ChoiceBtn:hover{background:var(--b18-hover)}
.b18Tabs{display:flex;gap:4px;padding:0 12px 8px;overflow-x:auto;border-bottom:1px solid var(--b18-line)}
.b18Tab{min-height:40px;padding:0 14px;border:0;border-radius:20px;background:transparent;color:var(--b18-muted);font:inherit;font-size:15px;cursor:pointer;white-space:nowrap}
.b18Tab.isOn{background:var(--b18-soft);color:var(--b18-text);font-weight:600}
.b18Body{padding:12px 16px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.b18Sec{margin:0 0 14px}
.b18SecTitle{margin:6px 0 6px;font-size:16px;font-weight:650}
.b18Muted{color:var(--b18-muted);font-size:14px;margin:4px 0}
.b18Note{min-height:1.2em;font-size:14px;margin:8px 0;color:var(--b18-muted)}
.b18Note.b18Bad{color:var(--b18-bad)}
.b18Row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.b18Between{justify-content:space-between}
.b18Acts{margin-top:12px}
.b18Btn,.b18Chip{min-height:44px;padding:0 16px;border-radius:22px;border:1px solid var(--b18-line);background:transparent;color:var(--b18-text);font:inherit;font-size:15px;cursor:pointer}
.b18Chip{min-height:36px;padding:0 12px;font-size:13px}
.b18Btn.b18Pri{background:var(--b18-pri);color:var(--b18-pri-text);border-color:transparent;font-weight:600}
.b18Btn.b18Pri:hover{opacity:.9;background:var(--b18-pri)}
.b18Btn.b18Danger{color:var(--b18-bad)}
.b18Btn:disabled{opacity:.5;cursor:default}
.b18Input,.b18Select,.b18Text{font:inherit;font-size:16px;color:var(--b18-text);background:var(--b18-soft);border:1px solid var(--b18-line);border-radius:12px;min-height:44px;padding:0 12px;box-sizing:border-box;flex:1 1 200px;max-width:100%}
.b18Text{width:100%;padding:10px 12px;min-height:120px;resize:vertical}
.b18Select{width:100%;margin-top:6px}
.b18Choices{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}
.b18ChoiceBtn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:8px 12px;border-radius:14px;border:1px solid var(--b18-line);background:transparent;color:var(--b18-text);font:inherit;text-align:left;cursor:pointer;max-width:100%}
.b18ChoiceBtn.isOn{border-color:var(--b18-text);background:var(--b18-soft)}
.b18ChoiceName{font-size:15px;font-weight:600}
.b18ChoiceLine{font-size:12.5px;color:var(--b18-muted)}
.b18Grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:8px}
.b18Tile,.b18Item{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:44px;padding:12px;border-radius:14px;border:1px solid var(--b18-line);background:var(--b18-soft);color:var(--b18-text);font:inherit;text-align:left;cursor:pointer}
.b18List{display:flex;flex-direction:column;gap:8px}
.b18LinkItem{flex-direction:row;flex-wrap:wrap;align-items:center;cursor:default}
.b18LinkItem .b18ItemTitle{flex:1 1 160px}
.b18TileKind,.b18TileSub,.b18ItemMeta{font-size:12.5px;color:var(--b18-muted)}
.b18TileTitle,.b18ItemTitle{font-size:15px;font-weight:600}
.b18Tools{border-top:1px solid var(--b18-line);margin-top:14px;padding-top:8px}
.b18Stage{margin-top:8px}
.b18AppStage{min-height:320px}
.b18Explain{margin:10px 0;padding:10px 12px;border-radius:12px;background:var(--b18-soft);border:1px solid var(--b18-line)}
.b18Explain summary{cursor:pointer;font-weight:600;min-height:32px;line-height:32px}
.b18Explain p{margin:6px 0 2px;line-height:1.5}
.b18CardExplain{margin:10px 0 0;font-size:14px}
.b18CardNote{margin:6px 0 0}
.b18Switch{min-width:64px;min-height:36px;border-radius:18px;border:1px solid var(--b18-line);background:var(--b18-soft);color:var(--b18-text);font:inherit;cursor:pointer}
.b18Switch.isOn{background:var(--b18-right);color:#111;border-color:transparent;font-weight:600}
.b18LinkRow .b18Input{flex:1 1 220px}
.b18Game{background:var(--b18-bg);color:var(--b18-text);border:1px solid var(--b18-line);border-radius:16px;padding:12px;box-sizing:border-box;max-width:100%}
.b18GameHead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.b18GameTitle{margin:0;font-size:17px;font-weight:650}
.b18GameTools{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.b18Score{font-variant-numeric:tabular-nums;font-weight:600;font-size:14px}
.b18Q{font-size:18px;font-weight:600;margin:10px 0;line-height:1.35}
.b18Timer{height:8px;border-radius:4px;background:var(--b18-soft);overflow:hidden;margin:6px 0}
.b18TimerFill{height:100%;width:100%;background:var(--b18-right);transition:width .1s linear}
.b18Opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.b18Opt{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 12px;border-radius:14px;border:2px solid transparent;font:inherit;font-size:16px;text-align:left;cursor:pointer;color:#111}
.b18Opt.b18C0{background:#56B4E9}.b18Opt.b18C1{background:#E69F00}.b18Opt.b18C2{background:#009E73}.b18Opt.b18C3{background:#CC79A7}
.b18Opt:hover{filter:brightness(1.06)}
.b18Opt:disabled{cursor:default;opacity:.55}
.b18Opt.isRight{opacity:1;border-color:var(--b18-text);box-shadow:0 0 0 2px var(--b18-text) inset}
.b18Opt.isWrong{opacity:.9;border-style:dashed;border-color:var(--b18-text)}
.b18Shape{font-size:18px;width:22px;text-align:center}
.b18OptText{flex:1}
.b18Mark{font-weight:700;margin-left:6px;white-space:nowrap}
.b18Summary{text-align:center;padding:12px 4px}
.b18SummaryBig{font-size:20px;font-weight:650;margin:6px 0 10px}
.b18MissList{text-align:left;margin:8px auto 14px;padding:0;list-style:none;max-width:560px}
.b18MissList li{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;background:var(--b18-soft);margin-bottom:6px}
.b18MissQ{font-size:14px}.b18MissA{font-size:14px;font-weight:600}
.b18Board3{display:grid;gap:6px}
.b18CatHead{font-size:13px;font-weight:650;text-align:center;padding:6px 2px;color:var(--b18-muted);word-break:break-word}
.b18Cell{min-height:52px;border-radius:12px;border:1px solid var(--b18-line);background:var(--b18-soft);color:var(--b18-text);font:inherit;font-size:17px;font-weight:650;cursor:pointer}
.b18Cell:hover{background:var(--b18-hover)}
.b18Cell.isRight{color:var(--b18-right)}.b18Cell.isWrong{color:var(--b18-wrong)}
.b18Memory{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;margin-top:8px}
.b18Card{min-height:76px;padding:6px;border-radius:12px;border:1px solid var(--b18-line);background:var(--b18-soft);color:var(--b18-text);font:inherit;font-size:14px;cursor:pointer;word-break:break-word}
.b18Card.isUp{background:var(--b18-panel);border-color:var(--b18-text)}
.b18Card.isMatched,.b18Card.isMatched:disabled{border:2px solid var(--b18-right);color:var(--b18-text);opacity:1;cursor:default}
.b18CrossWrap{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.b18Cross{display:grid;gap:2px;flex:1 1 280px;width:100%}
.b18CrossBlank{aspect-ratio:1}
.b18CrossCell{position:relative;aspect-ratio:1;border-radius:4px;background:var(--b18-panel);border:1px solid var(--b18-line)}
.b18CrossCell.isRight{border:2px solid var(--b18-right)}.b18CrossCell.isWrong{border:2px dashed var(--b18-wrong)}
.b18CrossNum{position:absolute;top:1px;left:3px;font-size:9px;color:var(--b18-muted);pointer-events:none}
.b18CrossIn{width:100%;height:100%;border:0;background:transparent;color:var(--b18-text);text-align:center;font:inherit;font-size:16px;font-weight:650;text-transform:uppercase;padding:0;box-sizing:border-box;border-radius:4px}
.b18CrossIn:focus{outline:2px solid var(--b18-right);outline-offset:-2px}
.b18Clues{flex:1 1 220px;display:flex;flex-direction:column;gap:8px}
.b18ClueHead{margin:0 0 4px;font-size:14px}
.b18Clue{display:block;width:100%;text-align:left;min-height:36px;padding:6px 8px;border:0;border-radius:8px;background:transparent;color:var(--b18-text);font:inherit;font-size:14px;cursor:pointer}
.b18Clue:hover{background:var(--b18-hover)}
.b18Clue.isRight{text-decoration:line-through;color:var(--b18-muted)}
.b18WSWrap{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}
.b18WS{display:grid;gap:2px;flex:1 1 300px;max-width:560px}
.b18WSCell{aspect-ratio:1;min-width:0;padding:0;border:1px solid transparent;border-radius:6px;background:var(--b18-soft);color:var(--b18-text);font:inherit;font-size:clamp(12px,3.2vw,17px);font-weight:600;cursor:pointer}
.b18WSCell.isStart{border-color:var(--b18-text);background:var(--b18-hover)}
.b18WSCell.isFound{background:var(--b18-right);color:#111;text-decoration:underline}
.b18WSCell.isShown{border:1px dashed var(--b18-wrong)}
.b18WSList{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;flex:1 1 140px;align-content:flex-start}
.b18WSList li{padding:4px 10px;border-radius:12px;background:var(--b18-soft);font-size:14px}
.b18WSList li.isFound{text-decoration:line-through;color:var(--b18-muted)}
.b18Lives{font-size:14px;color:var(--b18-muted);font-variant-numeric:tabular-nums}
.b18Slots{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0;min-height:44px}
.b18Slot{display:inline-flex;align-items:center;justify-content:center;width:34px;height:42px;border-bottom:3px solid var(--b18-text);font-size:22px;font-weight:700}
.b18Slot.isShown{color:var(--b18-wrong)}
.b18SlotGap{display:inline-flex;align-items:center;width:18px;font-size:22px}
.b18Keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;margin:8px 0}
.b18Key{min-height:44px;border-radius:10px;border:1px solid var(--b18-line);background:var(--b18-soft);color:var(--b18-text);font:inherit;font-size:16px;font-weight:600;cursor:pointer}
.b18Key.isRight,.b18Key.isRight:disabled{background:var(--b18-right);color:#111;opacity:1}.b18Key.isWrong{text-decoration:line-through;opacity:.5}
.b18Key:disabled{cursor:default}
.b18TL{list-style:none;margin:8px 0;padding:0}
.b18TLRow{display:flex;align-items:center;gap:8px;padding:6px 8px;margin:6px 0;border-radius:12px;background:var(--b18-soft);border:1px solid var(--b18-line)}
.b18TLRow.isRight{border:2px solid var(--b18-right)}.b18TLRow.isWrong{border:2px dashed var(--b18-wrong)}
.b18Grip{cursor:grab;font-size:20px;padding:0 4px;touch-action:none;color:var(--b18-muted)}
.b18TLText{flex:1;font-size:15px}
.b18TLWhen{color:var(--b18-muted)}
.b18Mini{min-width:44px;min-height:44px;border-radius:10px;border:1px solid var(--b18-line);background:transparent;color:var(--b18-text);font:inherit;font-size:18px;cursor:pointer}
.b18Mini:disabled{opacity:.35}
.b18LBoard{position:relative;width:100%;aspect-ratio:4/3;min-height:300px;border-radius:14px;background:var(--b18-panel);border:1px solid var(--b18-line);margin:8px 0;overflow:hidden}
.b18LCaption{position:absolute;left:10px;bottom:6px;font-size:13px;color:var(--b18-muted)}
.b18LSlot{position:absolute;transform:translate(-50%,-50%);width:min(40%,180px);min-height:52px;padding:4px 6px;border-radius:10px;border:2px dashed var(--b18-line);background:var(--b18-bg);color:var(--b18-text);font:inherit;display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;text-align:center;cursor:pointer}
.b18LSlot.isFilled{border-style:solid;border-color:var(--b18-text)}
.b18LSlot.isRight{border:2px solid var(--b18-right)}.b18LSlot.isWrong{border:2px dashed var(--b18-wrong)}
.b18LHint{font-size:11.5px;color:var(--b18-muted);line-height:1.2}
.b18LPut{font-size:14px;font-weight:600}
.b18LBank{display:flex;flex-wrap:wrap;gap:8px;min-height:44px}
.b18LChip{min-height:44px;padding:0 14px;border-radius:22px;border:1px solid var(--b18-line);background:var(--b18-soft);color:var(--b18-text);font:inherit;font-size:15px;cursor:grab;touch-action:none}
.b18LChip.isPicked{border-color:var(--b18-text);background:var(--b18-hover);font-weight:600}
.b18LGhost{position:fixed;z-index:9999;transform:translate(-50%,-50%);padding:10px 14px;border-radius:22px;background:#1d1d1f;color:#fff;font:15px sans-serif;pointer-events:none;opacity:.92}
.b18RoomBox .b18RoomInner{margin-top:8px}
.b18RoomBoard{list-style:none;margin:6px 0;padding:0}
.b18BoardRow{display:flex;gap:8px;align-items:center;padding:6px 8px;border-radius:10px}
.b18BoardRow.isYou{background:var(--b18-soft);font-weight:600}
.b18BoardPos{width:22px;color:var(--b18-muted)}.b18BoardName{flex:1}.b18BoardScore{font-variant-numeric:tabular-nums}
@media (max-width: 600px){
.b18Overlay{padding:0}
.b18Panel{max-height:100vh;height:100%;border-radius:0;border:0}
.b18Opts{grid-template-columns:1fr}
.b18Q{font-size:17px}
.b18Tab{padding:0 10px;font-size:14px}
.b18Tabs{padding:0 8px 8px}
.b18Game{padding:10px}
.b18LSlot{width:44%;min-height:48px}
.b18LHint{font-size:10.5px}
}
.b18Root{--b18-accent:var(--ui-accent,#5b8cff);--b18-accent-soft:rgba(91,140,255,.16);--b18-accent-line:rgba(91,140,255,.75)}
html[data-theme="light"] .b18Root{--b18-accent:#2f5fd0;--b18-accent-soft:rgba(47,95,208,.09);--b18-accent-line:rgba(47,95,208,.8)}
.b18Head{align-items:flex-start;gap:8px;padding:16px 12px 8px 18px}
.b18Head,.b18Tabs,.b18TabLead{flex:none}
.b18HeadText{min-width:0;flex:1}
.b18Title{font-size:var(--ui-fs-xl,20px)}
.b18Intro{margin:4px 0 0;font-size:var(--ui-fs-sm,13px);line-height:var(--ui-lh-snug,1.4);color:var(--b18-muted);max-width:56ch}
.b18Tabs{padding:4px 12px 0;gap:2px;border-bottom:1px solid var(--b18-line);scrollbar-width:none}
.b18Tabs::-webkit-scrollbar{display:none}
.b18Tab{min-height:var(--ui-touch,44px);border-radius:10px 10px 0 0;padding:0 14px;display:inline-flex;align-items:center;gap:6px;position:relative}
.b18Tab.isOn{background:transparent;color:var(--b18-text)}
.b18Tab.isOn::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;border-radius:2px;background:var(--b18-text)}
.b18ProPill{font-size:10.5px;font-weight:650;letter-spacing:.02em;padding:1px 6px;border-radius:var(--ui-r-pill,999px);border:1px solid var(--b18-line);color:var(--b18-muted)}
.b18TabLead{margin:0;padding:10px 18px;font-size:var(--ui-fs-sm,13px);line-height:var(--ui-lh-snug,1.4);color:var(--b18-muted);background:var(--b18-soft);border-bottom:1px solid var(--b18-line)}
.b18TabLead:empty{display:none}
.b18Body{padding:14px 18px 0}
.b18Body>:last-child{margin-bottom:20px}
.b18Sec{margin:0 0 18px}
.b18SecTitle{font-size:var(--ui-fs-md,15px);margin:4px 0 2px}
.b18Root :is(button,summary,select,input,textarea):focus-visible{outline:2px solid var(--ui-focus,#3b82f6);outline-offset:2px}
.b18Root .b18Tab:focus-visible{outline-offset:-2px}
.b18Ico{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:var(--ui-icon-stroke,1.7);stroke-linecap:round;stroke-linejoin:round}
.b18How{margin:0 0 14px;border:1px solid var(--b18-line);border-radius:var(--ui-r-md,12px);background:var(--b18-soft)}
.b18How summary{min-height:var(--ui-touch,44px);display:flex;align-items:center;gap:8px;padding:0 14px;cursor:pointer;font-weight:600;font-size:14px;list-style:none;border-radius:var(--ui-r-md,12px)}
.b18How summary::-webkit-details-marker{display:none}
.b18How summary::before{content:"";width:7px;height:7px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(-45deg);transition:transform var(--ui-dur,.15s)}
.b18How[open] summary::before{transform:rotate(45deg)}
.b18HowSteps{margin:0;padding:0 16px 12px 36px;display:grid;gap:6px;font-size:14px;line-height:var(--ui-lh,1.5)}
.b18HowSteps li::marker{font-weight:650;color:var(--b18-muted)}
.b18Srcs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0}
.b18Src{position:relative;display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 12px;border-radius:var(--ui-r-md,12px);border:1px solid var(--b18-line);background:transparent;color:var(--b18-text);font:inherit;text-align:left;cursor:pointer;min-width:0}
.b18Src:hover{background:var(--b18-hover)}
.b18SrcIco{width:22px;height:22px;color:var(--b18-muted)}
.b18SrcText{display:flex;flex-direction:column;gap:1px;min-width:0}
.b18Src .b18ChoiceName{font-size:14px}
.b18Src.isEmpty .b18ChoiceLine{font-style:italic}
.b18Src.isOn{background:var(--b18-accent-soft);border-color:var(--b18-accent-line);box-shadow:0 0 0 1px var(--b18-accent-line) inset}
.b18Src.isOn .b18SrcIco{color:var(--b18-accent)}
.b18Tick{position:absolute;top:6px;right:6px;width:16px;height:16px;color:var(--b18-accent);stroke-width:2.4}
.b18FieldLabel{display:block;margin:10px 0 0;font-size:13px;font-weight:600;color:var(--b18-muted)}
.b18SrcEmpty{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between;margin:8px 0 0;padding:10px 12px;border-radius:var(--ui-r-md,12px);border:1px dashed var(--b18-line)}
.b18SrcEmpty p{margin:0;flex:1 1 220px;font-size:14px;line-height:var(--ui-lh-snug,1.4)}
.b18Cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:10px;margin:8px 0}
.b18GameCard{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:96px;padding:12px 14px;border-radius:var(--ui-r-lg,16px);border:1px solid var(--b18-line);background:var(--b18-soft);color:var(--b18-text);font:inherit;text-align:left;cursor:pointer;min-width:0;transition:background var(--ui-dur,.15s),border-color var(--ui-dur,.15s)}
.b18GameCard:hover{background:var(--b18-hover)}
.b18CardIcoWrap{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:var(--ui-r-md,12px);border:1px solid var(--b18-line);background:var(--b18-bg);color:var(--b18-text)}
.b18CardText{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1;padding-right:18px}
.b18CardName{font-size:15px;font-weight:650}
.b18CardLine{font-size:13px;line-height:1.35;color:var(--b18-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.b18CardTags{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:auto;padding-top:4px}
.b18Tag{font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:var(--ui-r-pill,999px);background:var(--b18-hover);color:var(--b18-text)}
.b18TagNeed{font-size:11.5px;color:var(--b18-muted);padding:2px 0}
.b18GameCard.isOn{background:var(--b18-accent-soft);border-color:var(--b18-accent-line);box-shadow:0 0 0 1px var(--b18-accent-line) inset}
.b18GameCard.isOn .b18CardIcoWrap{background:var(--b18-accent);border-color:transparent;color:#fff}
.b18GameCard.isOn .b18Tag{background:var(--b18-bg)}
.b18CardCheck{position:absolute;top:10px;right:10px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--b18-accent);color:#fff}
.b18CardCheck .b18Ico{width:14px;height:14px;stroke-width:2.6}
.b18Foot{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px -18px 0;padding:12px 18px calc(12px + var(--ui-safe-b,0px));background:var(--b18-bg);border-top:1px solid var(--b18-line);box-shadow:0 -8px 18px -12px rgba(0,0,0,.45)}
.b18FootInfo{min-width:0;flex:1}
.b18Cost{display:flex;align-items:center;gap:6px;margin:0;font-size:14px;font-weight:600}
.b18Cost.isFree{color:var(--b18-right)}
.b18CostIco{width:16px;height:16px;stroke-width:2.4}
.b18Why{margin:2px 0 0;font-size:13px;color:var(--b18-muted)}
.b18Go{flex:none;min-width:150px}
.b18Btn:focus-visible{outline:2px solid var(--ui-focus,#3b82f6);outline-offset:2px}
.b18Foot+.b18Note:empty{display:none}
.b18Empty{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:18px;border-radius:var(--ui-r-lg,16px);border:1px dashed var(--b18-line);background:var(--b18-soft);margin:8px 0}
.b18EmptyIco{width:28px;height:28px;color:var(--b18-muted);margin-bottom:4px}
.b18EmptyTitle{margin:0 0 2px;font-size:15px;font-weight:650}
.b18Empty .b18Muted{line-height:var(--ui-lh,1.5);max-width:60ch}
body:has(> #b18Overlay) .b19bTip{visibility:hidden}
html[data-theme="light"] .b18Root :is(.b18Input,.b18Select,.b18Text){background:#fff !important;color:var(--b18-text) !important;border:1px solid var(--b18-line) !important}
@media (max-width: 760px){ .b18Srcs{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width: 600px){
.b18Head{padding:12px 6px 6px 16px}
.b18Intro{font-size:12.5px}
.b18Tab{padding:0 10px}
.b18TabLead{padding:8px 16px}
.b18Body{padding:12px 16px 0}
.b18Cards{grid-template-columns:1fr;grid-auto-rows:auto}
.b18GameCard{min-height:0}
.b18Foot{margin:8px -16px 0;padding:10px 16px calc(10px + var(--ui-safe-b,0px))}
.b18Go{min-width:0;padding:0 18px}
}
.b18EndOfBlock{--b18-end:1}
:root{
--ui-bg:#000000;--ui-surface:#151515;--ui-surface-2:#1b1b1b;--ui-raised:#1f1f1f;--ui-hover:#232323;--ui-press:#2a2a2a;
--ui-line:#2c2c2c;--ui-line-strong:#444444;
--ui-text:#ececec;--ui-text-2:#9d9d9d;--ui-text-3:#8f8f8f;
--ui-link:#8ab4ff;--ui-link-hover:#b3cdff;--ui-focus:#3b82f6;--ui-accent:#5b8cff;
--ui-danger:#f87171;--ui-ok:#4ade80;--ui-warn:#fbbf24;
--ui-pri-bg:#ececec;--ui-pri-fg:#111111;--ui-pri-hover:#ffffff;
--ui-toast-bg:#1f1f1f;--ui-toast-fg:#f2f2f2;--ui-toast-line:#3a3a3a;
--ui-shade:rgba(2,6,16,.68);--ui-skeleton:rgba(255,255,255,.06);--ui-skeleton-2:rgba(255,255,255,.11);
--ui-code-bg:#111214;--ui-table-head:#1c1c1e;--ui-table-stripe:rgba(255,255,255,.03);
--ui-r-xs:6px;--ui-r-sm:8px;--ui-r-md:12px;--ui-r-lg:16px;--ui-r-xl:20px;--ui-r-pill:999px;
--ui-sh-1:0 1px 2px rgba(0,0,0,.35);--ui-sh-2:0 8px 24px rgba(0,0,0,.35);--ui-sh-3:0 16px 44px rgba(0,0,0,.5);
--ui-font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
--ui-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
--ui-fs-2xs:11px;--ui-fs-xs:12px;--ui-fs-sm:13px;--ui-fs-md:15px;--ui-fs-lg:17px;--ui-fs-xl:20px;--ui-fs-2xl:24px;--ui-fs-3xl:30px;
--ui-lh-tight:1.25;--ui-lh-snug:1.4;--ui-lh:1.5;--ui-lh-prose:1.65;
--ui-fw-reg:400;--ui-fw-med:500;--ui-fw-semi:600;--ui-fw-bold:700;
--ui-icon-stroke:1.7;--ui-icon-sm:16px;--ui-icon-md:18px;--ui-icon-lg:20px;
--ui-touch:44px;
--ui-dur:.15s;--ui-ease:cubic-bezier(.2,.7,.2,1);
--ui-safe-b:env(safe-area-inset-bottom,0px);--ui-safe-t:env(safe-area-inset-top,0px);
--ui-safe-l:env(safe-area-inset-left,0px);--ui-safe-r:env(safe-area-inset-right,0px);
}
html[data-theme="light"]{
--ui-bg:#ffffff;--ui-surface:#ffffff;--ui-surface-2:#f7f7f8;--ui-raised:#ffffff;--ui-hover:#f4f4f5;--ui-press:#ececee;
--ui-line:#e5e5e5;--ui-line-strong:#d4d4d4;
--ui-text:#0d0d0d;--ui-text-2:#5f5f66;--ui-text-3:#6b6b6b;
--ui-link:#1d5fd6;--ui-link-hover:#1446a3;--ui-focus:#2f7df6;--ui-accent:#2563eb;
--ui-danger:#c81e1e;--ui-ok:#15803d;--ui-warn:#a16207;
--ui-pri-bg:#0d0d0d;--ui-pri-fg:#ffffff;--ui-pri-hover:#333333;
--ui-toast-bg:#ffffff;--ui-toast-fg:#16161a;--ui-toast-line:#d9dbe0;
--ui-shade:rgba(20,20,24,.34);--ui-skeleton:rgba(0,0,0,.05);--ui-skeleton-2:rgba(0,0,0,.09);
--ui-code-bg:#f6f7f9;--ui-table-head:#f3f4f6;--ui-table-stripe:rgba(0,0,0,.025);
--ui-sh-1:0 1px 2px rgba(0,0,0,.08);--ui-sh-2:0 8px 24px rgba(0,0,0,.12);--ui-sh-3:0 16px 44px rgba(0,0,0,.16);
}
:root #homeDash,:root[data-theme="light"] #homeDash{--hd-text:var(--ui-text);--hd-sub:var(--ui-text-2);--hd-focus:var(--ui-focus);--hd-pri-bg:var(--ui-pri-bg);--hd-pri-fg:var(--ui-pri-fg)}
:root #settingsModal,:root[data-theme="light"] #settingsModal{--st-text:var(--ui-text);--st-focus:var(--ui-focus)}
:root,:root[data-theme="light"]{--sc-text:var(--ui-text);--sc-pri-bg:var(--ui-pri-bg);--sc-pri-fg:var(--ui-pri-fg);
--ba-text:var(--ui-text);--ba-pri-bg:var(--ui-pri-bg);--ba-pri-fg:var(--ui-pri-fg)}
.richAnswer{line-height:var(--ui-lh-prose)}
.richAnswer h1{font-size:var(--ui-fs-xl);line-height:var(--ui-lh-tight);font-weight:var(--ui-fw-semi);margin:1.1em 0 .45em}
.richAnswer h2{font-size:var(--ui-fs-lg);line-height:var(--ui-lh-tight);font-weight:var(--ui-fw-semi);margin:1em 0 .4em}
.richAnswer h3,.richAnswer h4{font-size:var(--ui-fs-md);line-height:var(--ui-lh-snug);font-weight:var(--ui-fw-semi);margin:.9em 0 .35em}
.richAnswer > :first-child{margin-top:0}
.richAnswer li + li{margin-top:.2em}
.rmWhoTime,.r1VerCount,.homeTonightTime,.homePlanTime,.usageRingText,.plannerDay,.b19aTnum{font-variant-numeric:tabular-nums}
.modalCard h2,.modalCard h3{line-height:var(--ui-lh-tight)}
.modalCard p,.modalSub{line-height:var(--ui-lh)}
.v565Svg,.rmSvg,.sideSvg,.setSvg,.amIcon,.v565SideIconBtn svg,.b19aSvg{stroke-width:var(--ui-icon-stroke)}
.v565SvgFill,.sidebar .sideMoreIcon .sideSvg{stroke-width:0}
.b19aSvg{width:var(--ui-icon-md);height:var(--ui-icon-md);display:block;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;flex:0 0 auto}
.schoolNavIcon[data-b19a-svg]{display:inline-flex;align-items:center;justify-content:center;width:var(--ui-icon-lg);font-size:0}
.schoolNavIcon[data-b19a-svg] .b19aSvg{width:var(--ui-icon-md);height:var(--ui-icon-md)}
.composerDisclaimer,.composerDisclaimer .disclaimerWide{color:var(--ui-text-3)}
html .composerDisclaimer #composerFeedbackLink{color:var(--ui-text-2)}
html .composerDisclaimer #composerFeedbackLink:hover{color:var(--ui-text)}
.schoolNavFold{color:var(--ui-text-3)}
html[data-theme="light"] .sideSectionHead,html[data-theme="light"] .sideSectionHead span,html[data-theme="light"] .roomsSideAll{color:var(--ui-text-3)!important}
html[data-theme="light"] .todaySection h4,html[data-theme="light"] #todayBody h4{color:var(--ui-text-2)!important}
#chatLog .rmWho .rmReport,#chatLog .rmWho .rmPinBtn,#schoolRoomsPane .rmReport{color:var(--ui-text-2)}
html[data-theme="light"] #chatLog .rmSocBtn{color:var(--ui-text-2)}
html[data-theme="light"] #planIosNote,html[data-theme="light"] #planIosNote b{color:var(--ui-text-2)!important}
@media (hover:none),(max-width:760px){
#chatLog .rmWho .rmReport,#chatLog .rmWho .rmPinBtn{opacity:1!important}
#chatLog .rmSocActs{opacity:1!important}
}
button:not(:disabled),[role="button"]:not([aria-disabled="true"]),summary,label[for],select:not(:disabled),a[href]{cursor:pointer}
button:disabled,button[aria-disabled="true"],[role="button"][aria-disabled="true"],input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}
.b19aBusy,.b19aBusy *{cursor:progress!important}
:where(button,a[href],[role="button"],summary,[tabindex]):focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}
@media (hover:hover){
.v565Row .v565Btn,.rmSocBtn,.codeBlockCopy,.b19aChip{transition:background-color var(--ui-dur) var(--ui-ease),color var(--ui-dur) var(--ui-ease)}
.codeBlockCopy:hover{background:var(--ui-hover);color:var(--ui-text)}
#chatLog .rmSocBtn:hover{background:var(--ui-hover);color:var(--ui-text)}
}
@media (hover:hover) and (pointer:fine){
#chatLog .message.ai:not(.v565Latest):not(.rmMsg) > .bubble > .messageActions.v565Row{opacity:0;transition:opacity var(--ui-dur) var(--ui-ease)}
#chatLog .message.ai:not(.v565Latest):hover > .bubble > .messageActions.v565Row,
#chatLog .message.ai:not(.v565Latest):focus-within > .bubble > .messageActions.v565Row,
#chatLog .message.ai > .bubble > .messageActions.v565Row:has([aria-expanded="true"],.sent,[class*="WhyBox"]){opacity:1}
}
.b19aPressing{transition:transform .2s var(--ui-ease);transform:scale(.985)}
@media (prefers-reduced-motion:reduce){.b19aPressing{transform:none}}
.rmEmpty,.gradesEmpty,.plannerEmpty,.nxEmpty,.batchBEmpty,.emptyRecents,.rmMsgsEmpty,.tpEmpty,.bwEmpty,.missedEmptyLine{color:var(--ui-text-2);line-height:var(--ui-lh)}
.b19aEmptyAct{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin:8px 0 0;min-height:32px;padding:0 12px;border-radius:var(--ui-r-pill);
border:1px solid var(--ui-line-strong);background:transparent;color:var(--ui-text);font:var(--ui-fw-med) var(--ui-fs-sm)/1 var(--ui-font)}
.b19aEmptyAct:hover{background:var(--ui-hover)}
.b19aHasEmptyAct{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.emptyRecents.b19aHasEmptyAct,.rmMsgsEmpty.b19aHasEmptyAct{align-items:center;text-align:center}
#chatLog{scrollbar-gutter:stable}
@media (min-width:761px){#chatLog > .message:not(.message ~ .message){margin-top:32px}}
.b19aImgWait{background:linear-gradient(90deg,var(--ui-skeleton) 25%,var(--ui-skeleton-2) 50%,var(--ui-skeleton) 75%);background-size:200% 100%;
animation:b19aShimmer 1.2s linear infinite;border-radius:var(--ui-r-sm);min-height:120px}
.b19aImgWait[width][height]{min-height:0}
@keyframes b19aShimmer{from{background-position:200% 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.b19aImgWait{animation:none}}
.linkPreviewCard img,[class*="LinkCard"] img{aspect-ratio:16/9;object-fit:cover}
.b19aImgBroken{min-height:48px;display:inline-block;border:1px dashed var(--ui-line-strong);border-radius:var(--ui-r-sm)}
.b19aSheetShade{position:fixed;inset:0;z-index:2147483200;background:var(--ui-shade);display:flex;align-items:flex-end;justify-content:center;
opacity:0;transition:opacity var(--ui-dur) var(--ui-ease)}
.b19aSheetShade.show{opacity:1}
.b19aSheet{width:min(520px,100%);max-height:min(78vh,640px);overflow:auto;overscroll-behavior:contain;background:var(--ui-raised);color:var(--ui-text);
border:1px solid var(--ui-line);border-bottom:0;border-radius:var(--ui-r-xl) var(--ui-r-xl) 0 0;box-shadow:var(--ui-sh-3);
padding:8px 8px calc(10px + var(--ui-safe-b));padding-left:calc(8px + var(--ui-safe-l));padding-right:calc(8px + var(--ui-safe-r));
transform:translateY(24px);transition:transform .2s var(--ui-ease);font:var(--ui-fs-md)/var(--ui-lh-snug) var(--ui-font)}
.b19aSheetShade.show .b19aSheet{transform:none}
.b19aSheetGrip{width:36px;height:4px;border-radius:4px;background:var(--ui-line-strong);margin:4px auto 8px}
.b19aSheetTitle{font-size:var(--ui-fs-xs);color:var(--ui-text-2);padding:2px 12px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b19aSheetItem{display:flex;align-items:center;gap:12px;width:100%;min-height:var(--ui-touch);padding:0 12px;border:0;border-radius:var(--ui-r-md);
background:transparent;color:var(--ui-text);font:inherit;text-align:left}
.b19aSheetItem:hover,.b19aSheetItem:focus-visible{background:var(--ui-hover)}
.b19aSheetItem.b19aDanger{color:var(--ui-danger)}
@media (min-width:761px) and (pointer:fine){.b19aSheetShade{align-items:center}.b19aSheet{border-radius:var(--ui-r-lg);border-bottom:1px solid var(--ui-line);padding-bottom:10px}}
@media (max-width:760px){
#roomSheet .rmSheet,.modalShade .modalCard{padding-bottom:max(16px,calc(12px + var(--ui-safe-b)))}
}
@media (pointer:coarse){
.v565Row .v565Btn,.v565Row .r1VerBtn{width:var(--ui-touch)!important;height:var(--ui-touch)!important;min-width:var(--ui-touch)!important}
.messageActionBtn,#chatLog .rmSocBtn,#chatLog .rmWho .rmReport,#chatLog .rmWho .rmPinBtn,.codeBlockCopy,.b19aWrapBtn,
.sideFoldBtn,.rmX,.modalClose,.modalCard .closeBtn,.mobileMenuBtn,.schoolBackBtn,.schoolNavFold,.sideHideUndo,.b19aToastUndo,
.composerControls button,.composerArea .attachBtn,#sendBtn,.sideNavBtn,.recentItem,.roomsSideAll,.sideEditBtn,.b19aEmptyAct{min-height:var(--ui-touch)!important}
.messageActionBtn,#chatLog .rmWho .rmReport,#chatLog .rmWho .rmPinBtn,.rmX,.modalClose,.sideFoldBtn,.mobileMenuBtn,.schoolNavFold{min-width:var(--ui-touch)!important}
html .sidebar .recentItem{min-height:var(--ui-touch)!important}
.composerArea button{position:relative}
.composerArea button::before{content:"";position:absolute;left:50%;top:50%;width:max(100%,var(--ui-touch));height:max(100%,var(--ui-touch));transform:translate(-50%,-50%)}
}
.b19aBusy{position:relative}
.b19aBusy.b19aBusyShow{color:transparent!important}
.b19aBusy.b19aBusyShow > *{visibility:hidden}
.b19aBusy > .b19aSpin{visibility:visible!important;position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;
border:2px solid var(--b19a-spin,currentColor);border-right-color:transparent;animation:b19aSpin .7s linear infinite;pointer-events:none;box-sizing:border-box}
@keyframes b19aSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.b19aBusy > .b19aSpin{animation-duration:2s}}
html .entitySuccessToast,html[data-theme] .entitySuccessToast,html .rmToast,html[data-theme] .rmToast,
html .sideMissedToast,html[data-theme] .sideMissedToast{background:var(--ui-toast-bg)!important;color:var(--ui-toast-fg)!important;
border:1px solid var(--ui-toast-line)!important;box-shadow:var(--ui-sh-2)!important;border-radius:var(--ui-r-md)!important;
font:var(--ui-fw-med) var(--ui-fs-sm)/var(--ui-lh-snug) var(--ui-font)!important;padding:10px 14px!important}
html .entitySuccessToast,html .rmToast{bottom:calc(var(--composerH,190px) + var(--entity-vv-bottom,0px) + 14px + var(--ui-safe-b))!important;
display:flex;align-items:center;gap:12px}
html .entitySuccessToast.b19aToastLive{pointer-events:auto}
html .entitySuccessToast.error,html[data-theme] .entitySuccessToast.error{border-color:var(--ui-danger)!important}
.b19aToastText{min-width:0}
.b19aToastUndo,html .sideHideUndo{flex:0 0 auto;border:0;background:transparent;color:var(--ui-link)!important;font:var(--ui-fw-semi) var(--ui-fs-sm)/1 var(--ui-font);
padding:6px 4px;border-radius:var(--ui-r-xs);text-decoration:underline;text-underline-offset:3px}
html .modalShade,html[data-theme] .modalShade{background:var(--ui-shade)!important}
.modalShade.show{overscroll-behavior:contain}
html #chatLog{scroll-behavior:auto}
.b19aJump{position:fixed;z-index:95;transform:translate(-50%,8px);opacity:0;pointer-events:none;display:inline-flex;align-items:center;gap:6px;
min-height:36px;padding:0 14px;border-radius:var(--ui-r-pill);border:1px solid var(--ui-line-strong);background:var(--ui-raised);color:var(--ui-text);
box-shadow:var(--ui-sh-2);font:var(--ui-fw-med) var(--ui-fs-sm)/1 var(--ui-font);transition:opacity var(--ui-dur) var(--ui-ease),transform var(--ui-dur) var(--ui-ease)}
.b19aJump.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.b19aJump:hover{background:var(--ui-hover)}
.b19aJump .b19aSvg{width:var(--ui-icon-sm);height:var(--ui-icon-sm)}
@media (pointer:coarse){.b19aJump{min-height:var(--ui-touch)}}
.codeBlockHead{display:flex;align-items:center;gap:6px}
.codeBlockHead > span:first-child{flex:1;min-width:0;font:var(--ui-fw-med) var(--ui-fs-xs)/1 var(--ui-mono);color:var(--ui-text-2);text-transform:lowercase}
.b19aWrapBtn{background:transparent;border:1px solid transparent;color:var(--ui-text-2);border-radius:var(--ui-r-xs);padding:3px 8px;font:var(--ui-fs-xs)/1 var(--ui-font)}
.b19aWrapBtn[aria-pressed="true"]{color:var(--ui-text);border-color:var(--ui-line-strong)}
.codeBlockWrap.b19aWrapped pre,.codeBlockWrap.b19aWrapped code{white-space:pre-wrap!important;overflow-wrap:anywhere;word-break:normal}
.mdTableWrap{max-height:min(70vh,560px);overflow:auto;overscroll-behavior-x:contain}
.mdTable thead th{position:sticky;top:0;z-index:1;background:var(--ui-table-head)!important;color:var(--ui-text)}
.mdTable tbody tr:nth-child(even) td{background:var(--ui-table-stripe)}
html[data-theme="light"] .mdTableWrap{border-color:var(--ui-line)}
html[data-theme="light"] .mdTable th,html[data-theme="light"] .mdTable td{border-color:var(--ui-line)}
@media (max-width:760px){.mdTable{font-size:var(--ui-fs-sm)}.mdTable th,.mdTable td{max-width:240px}}
.katex-display{overflow-x:auto;overflow-y:hidden;max-width:100%;padding:2px 0 6px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.richAnswer .katex-display{margin:.5em 0}
.richAnswer .katex{max-width:100%}
.rmBubble .katex-display{max-width:100%}
.richAnswer img:not(.emoji),.rmBubble img{max-width:100%;height:auto}
.b19aZoomable{cursor:zoom-in}
.b19aLightbox{position:fixed;inset:0;z-index:2147483300;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;
padding:calc(48px + var(--ui-safe-t)) 16px calc(24px + var(--ui-safe-b));opacity:0;transition:opacity var(--ui-dur) var(--ui-ease)}
.b19aLightbox.show{opacity:1}
.b19aLightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--ui-r-sm);box-shadow:var(--ui-sh-3);background:#111}
.b19aLightboxClose{position:absolute;top:calc(8px + var(--ui-safe-t));right:calc(8px + var(--ui-safe-r));width:var(--ui-touch);height:var(--ui-touch);border-radius:50%;
border:0;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center}
.b19aLightboxClose:hover{background:rgba(255,255,255,.2)}
.b19aLightboxCap{position:absolute;left:16px;right:16px;bottom:calc(8px + var(--ui-safe-b));text-align:center;color:#d4d4d4;font-size:var(--ui-fs-sm)}
.richAnswer a[href],.rmBubble a[href]{color:var(--ui-link);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent)}
.richAnswer a[href]:hover,.rmBubble a[href]:hover{color:var(--ui-link-hover);text-decoration-color:currentColor}
a.b19aExt::after{content:"";display:inline-block;width:.72em;height:.72em;margin-left:.22em;vertical-align:.02em;background:currentColor;opacity:.75;
-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E") center/contain no-repeat;
mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7M9 7h8v8'/%3E%3C/svg%3E") center/contain no-repeat}
.sidebar .sideNavBtn,.sidebar .recentItem{border-radius:var(--ui-r-sm)}
.sidebar .recentItem,.sidebar .sideNavBtn > span:not(.sideNavIcon){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (hover:hover){.sidebar .sideNavBtn:hover,.sidebar .recentItem:hover{background:var(--ui-hover)}}
.sidebar .recentItem.active,.sidebar .recentItem[aria-current="true"]{background:var(--ui-press)}
.sidebar .sideNavIcon .sideSvg{width:var(--ui-icon-md);height:var(--ui-icon-md)}
.b19aPull{position:fixed;left:50%;top:calc(6px + var(--ui-safe-t));z-index:2147483100;width:36px;height:36px;margin-left:-18px;border-radius:50%;
background:var(--ui-raised);border:1px solid var(--ui-line);box-shadow:var(--ui-sh-2);display:grid;place-items:center;color:var(--ui-text-2);
transform:translateY(-60px);opacity:0;pointer-events:none}
.b19aPull .b19aSvg{width:var(--ui-icon-sm);height:var(--ui-icon-sm)}
.b19aPull.b19aPullReady{color:var(--ui-text)}
.b19aPull.b19aPullSpin .b19aSvg{animation:b19aSpin .8s linear infinite}
#chatLog .rmMsg.b19aSwiping{transition:none}
#chatLog .rmMsg.b19aSwipeBack{transition:transform .18s var(--ui-ease)}
#chatLog .rmMsg.b19aSwipeReady::before{content:"\21A9";position:absolute;left:-26px;top:50%;margin-top:-10px;font-size:16px;color:var(--ui-text-2)}
.b19aOffline{position:fixed;left:50%;top:calc(8px + var(--ui-safe-t));transform:translate(-50%,-10px);z-index:2147483250;display:flex;align-items:center;gap:8px;
max-width:calc(100vw - 24px);padding:8px 14px;border-radius:var(--ui-r-pill);background:var(--ui-toast-bg);color:var(--ui-toast-fg);border:1px solid var(--ui-toast-line);
box-shadow:var(--ui-sh-2);font:var(--ui-fw-med) var(--ui-fs-sm)/1.3 var(--ui-font);opacity:0;pointer-events:none;transition:opacity var(--ui-dur),transform var(--ui-dur)}
.b19aOffline.show{opacity:1;transform:translate(-50%,0)}
.b19aOffline .b19aDot{width:8px;height:8px;border-radius:50%;background:var(--ui-warn);flex:0 0 auto}
.b19aOffline.b19aBack .b19aDot{background:var(--ui-ok)}
.b19bCard{position:fixed;z-index:9000;background:#141414;color:#f2f2f2;border:1px solid #333;border-radius:14px;
box-shadow:0 18px 50px rgba(0,0,0,.45);padding:16px 18px;font-size:14px;line-height:1.5}
.b19bWhatsNew{right:20px;bottom:20px;width:min(380px,calc(100vw - 32px))}
.b19bWhatsNew h2{margin:0 0 8px;font-size:16px;font-weight:700}
.b19bWhatsNew ul{margin:0 0 12px;padding-left:18px;display:flex;flex-direction:column;gap:6px}
.b19bTip{padding:12px 14px;font-size:13.5px}
.b19bTip p{margin:0 0 10px}
.b19bCardRow{display:flex;justify-content:flex-end;align-items:center;gap:10px}
.b19bCardRow button{min-height:40px}
.b19bLink{background:none;border:0;color:#a8a8a8;text-decoration:underline;cursor:pointer;font-size:13px;padding:6px}
@media (max-width:600px){.b19bWhatsNew{left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:auto}}
html[data-theme="light"] .b19bCard{background:#fff;color:#111;border-color:#e2e2e6;box-shadow:0 14px 40px rgba(0,0,0,.12)}
html[data-theme="light"] .b19bLink{color:#555}
.b19bSaved{margin-left:auto;align-self:center;font-size:12px;color:#8fd6a8;opacity:0;transition:opacity .2s;white-space:nowrap;padding-left:8px}
.b19bSaved.show{opacity:1}
html[data-theme="light"] .b19bSaved{color:#1d7a45}
.settingLine:not(.settingBlock){min-height:52px;align-items:center;gap:14px}
.settingLine:not(.settingBlock) .settingCopy{flex:1 1 auto;min-width:0}
.settingLine > .settingsSelect,.settingLine > .toggle,.settingLine > .secondaryAction{flex:0 0 auto}
#settingsModal .b19bReportOpt{display:flex!important;flex-direction:row!important;justify-content:flex-start;align-items:center;gap:10px;
margin:10px 0 2px;font-size:13.5px;cursor:pointer;min-height:40px;width:auto}
#settingsModal .b19bReportOpt input[type="checkbox"]{width:18px!important;height:18px!important;min-height:0!important;min-width:0!important;
flex:0 0 18px!important;max-width:18px!important;padding:0!important;margin:0!important;border-radius:4px;accent-color:currentColor}
.b19bReportShotImg{display:block;max-width:220px;max-height:140px;border-radius:8px;border:1px solid #333;margin:6px 0}
.b19bReportShotImg[hidden]{display:none!important}
body.b19bCapturing #settingsModal{visibility:hidden}
.b19bPlanBilled{margin-top:2px;font-size:11px;color:#9a9a9a}
.planFeatures.b19bClamp li:nth-child(n+6){display:none}
.b19bPlanMore{align-self:flex-start;margin:-8px 0 14px;background:none;border:0;padding:6px 0;color:#cfcfcf;
text-decoration:underline;font-size:12px;cursor:pointer;min-height:32px}
html[data-theme="light"] .b19bPlanMore{color:#333}
html[data-theme="light"] .b19bPlanBilled{color:#666}
@media (max-width:600px){.planCard{min-height:0}}
.b16cUsagePop{position:fixed;z-index:4200;width:320px;max-width:calc(100vw - 16px);box-sizing:border-box;padding:14px 14px 10px;
background:#1c1c1e;color:#ececec;border:1px solid #333;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.45);font-size:13px;outline:none}
.b16cUsagePop[hidden],.b16cUsageShade[hidden]{display:none!important}
.b16cUpHead{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600;font-size:13.5px;margin-bottom:10px}
.b16cUpGo{min-width:32px;min-height:32px;border:0;border-radius:8px;background:transparent;color:inherit;font-size:16px;cursor:pointer}
.b16cUpGo:hover,.b16cUpGo:focus-visible{background:rgba(255,255,255,.08)}
.b16cUpRow{padding:8px 0;border-top:1px solid #2c2c2e}
.b16cUpRow:first-of-type{border-top:0}
.b16cUpTop{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.b16cUpLabel{font-weight:500}
.b16cUpPct{color:#b5b5b8;font-variant-numeric:tabular-nums}
.b16cUpSub,.b16cUpRowNote{color:#8e8e93;font-size:12px;margin-top:2px}
.b16cUpBar{height:4px;border-radius:999px;background:rgba(255,255,255,.1);margin-top:6px;overflow:hidden}
.b16cUpBar i{display:block;height:100%;border-radius:999px;background:#6fa2ff}
.b16cUpRow.isWarn .b16cUpBar i{background:#e8a33d}
.b16cUpRow.isFull .b16cUpBar i{background:#e0544f}
.b16cUpNote{color:#a1a1a6;font-size:12px;padding:6px 0}
.b16cUpMore,.b16cUpBuy{display:block;width:100%;min-height:36px;margin-top:6px;border:0;border-radius:9px;background:transparent;
color:#7fa8ff;font:inherit;font-weight:500;text-align:left;padding:0 2px;cursor:pointer}
.b16cUpBuy{color:#ececec;background:#2c2c2e;text-align:center}
.b16cUpMore:hover,.b16cUpMore:focus-visible{text-decoration:underline}
.b16cUsageShade{position:fixed;inset:0;z-index:4190;background:rgba(0,0,0,.45)}
.b16cUsagePop.isSheet{left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%;max-width:100%;
border-radius:16px 16px 0 0;border-bottom:0;padding:16px 16px calc(14px + env(safe-area-inset-bottom,0px));max-height:80vh;overflow:auto}
.b16cUsagePop.isSheet::before{content:"";display:block;width:36px;height:4px;border-radius:999px;background:#48484a;margin:-4px auto 12px}
html[data-theme="light"] .b16cUsagePop{background:#fff;color:#111;border-color:#e2e2e6;box-shadow:0 12px 40px rgba(0,0,0,.14)}
html[data-theme="light"] .b16cUpRow{border-top-color:#ececf0}
html[data-theme="light"] .b16cUpPct{color:#555}
html[data-theme="light"] .b16cUpSub,html[data-theme="light"] .b16cUpRowNote,html[data-theme="light"] .b16cUpNote{color:#6b6b70}
html[data-theme="light"] .b16cUpBar{background:#e7e7ea}
html[data-theme="light"] .b16cUpBar i{background:#3155d8}
html[data-theme="light"] .b16cUpRow.isWarn .b16cUpBar i{background:#c77d12}
html[data-theme="light"] .b16cUpRow.isFull .b16cUpBar i{background:#c93a35}
html[data-theme="light"] .b16cUpGo:hover,html[data-theme="light"] .b16cUpGo:focus-visible{background:#f0f1f4}
html[data-theme="light"] .b16cUpMore{color:#2f5fd8}
html[data-theme="light"] .b16cUpBuy{background:#f0f1f4;color:#111}
html[data-theme="light"] .b16cUsagePop.isSheet::before{background:#d1d1d6}
.b16cSkel{display:block}
.b16cSkelHead{display:block;margin-bottom:8px}
.b16cSkelSlots{display:flex;flex-wrap:wrap;gap:6px}
.b16cSkelSlot{display:block;width:44px;height:30px;border-radius:7px;background:rgba(255,255,255,.06)}
.b16cSkelSlot.isDone{background:rgba(111,162,255,.35)}
.b16cSkelSlot.isNow,.b16cSkelCard,.b16cSkelLine,.b16cSkelH{animation:b16cShimmer 1.4s ease-in-out infinite}
.b16cSkelBlock{margin:10px 0;display:flex;flex-direction:column;gap:8px}
.b16cSkelCards.b16cSkelBlock,.b16cSkelQuiz.b16cSkelBlock{flex-direction:row;flex-wrap:wrap}
.b16cSkelCard{display:block;width:120px;height:74px;border-radius:10px;background:rgba(255,255,255,.07)}
.b16cSkelQuiz .b16cSkelCard{width:100%;height:40px}
.b16cSkelLine{display:block;height:11px;border-radius:6px;background:rgba(255,255,255,.07);width:92%}
.b16cSkelLine:nth-child(3n){width:70%}
.b16cSkelH{display:block;height:15px;width:45%;border-radius:6px;background:rgba(255,255,255,.1);margin-top:4px}
@keyframes b16cShimmer{0%,100%{opacity:.55}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.b16cSkelSlot.isNow,.b16cSkelCard,.b16cSkelLine,.b16cSkelH{animation:none}}
html[data-theme="light"] .b16cSkelSlot,html[data-theme="light"] .b16cSkelCard,html[data-theme="light"] .b16cSkelLine{background:#ececf0}
html[data-theme="light"] .b16cSkelH{background:#e2e2e6}
html[data-theme="light"] .b16cSkelSlot.isDone{background:rgba(49,85,216,.3)}
.b16cJobStop{margin-left:8px;min-height:30px;padding:0 12px;border-radius:8px;border:1px solid #444;background:transparent;color:inherit;font:inherit;font-size:12px;cursor:pointer}
html[data-theme="light"] .b16cJobStop{border-color:#d4d4d8}
.b16cOfflineBar{position:fixed;left:50%;transform:translateX(-50%);top:calc(10px + env(safe-area-inset-top,0px));z-index:4100;
max-width:calc(100vw - 32px);box-sizing:border-box;padding:9px 14px;border-radius:12px;background:#2c2c2e;color:#f2f2f2;font-size:13px;box-shadow:0 6px 24px rgba(0,0,0,.35)}
html[data-theme="light"] .b16cOfflineBar{background:#111;color:#fff}
body.b16cOffline #sendBtn{opacity:.45}
:root{--b1112-bg:#16171b;--b1112-text:#ececf1;--b1112-sub:#a4a7b0;--b1112-line:rgba(255,255,255,.12);--b1112-fill:#1f2025;
--b1112-hover:rgba(255,255,255,.07);--b1112-ok:#4ade80;--b1112-mid:#fbbf24;--b1112-low:#94a3b8;--b1112-err:#f87171}
html[data-theme="light"]{--b1112-bg:#ffffff;--b1112-text:#16171b;--b1112-sub:#5d6170;--b1112-line:rgba(0,0,0,.12);--b1112-fill:#f3f4f6;
--b1112-hover:rgba(0,0,0,.05);--b1112-ok:#15803d;--b1112-mid:#b45309;--b1112-low:#475569;--b1112-err:#b91c1c}
.b1112Wrap{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);padding:16px;box-sizing:border-box}
.b1112Card{background:var(--b1112-bg);color:var(--b1112-text);border:1px solid var(--b1112-line);border-radius:16px;width:100%;max-width:620px;
max-height:min(86vh,860px);display:flex;flex-direction:column;box-shadow:0 18px 50px rgba(0,0,0,.35);box-sizing:border-box}
.b1112Head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--b1112-line)}
.b1112Head h2{margin:0;font-size:17px;font-weight:650}
.b1112Close{min-height:36px;padding:0 12px;border-radius:10px;border:0;background:transparent;color:var(--b1112-sub);font:inherit;cursor:pointer}
.b1112Close:hover{background:var(--b1112-hover);color:var(--b1112-text)}
.b1112Body{padding:14px 16px 18px;overflow-y:auto;overflow-wrap:anywhere;line-height:1.5}
.b1112Body h3{font-size:14px;margin:16px 0 6px;font-weight:650}
.b1112Lead{color:var(--b1112-sub);margin:0 0 10px}
.b1112Label{display:inline-block;font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--b1112-fill);color:var(--b1112-sub);margin-bottom:6px}
.b1112Meta{font-size:13px;color:var(--b1112-sub);margin:2px 0 6px}
.b1112List{margin:0;padding-left:20px}
.b1112List > li{margin:0 0 10px}
.b1112Why{font-size:13.5px;color:var(--b1112-sub)}
.b1112Right{font-size:14px;margin-top:2px}
.b1112Src small{color:var(--b1112-sub)}
.b1112Src a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.b1112Chip{display:inline-block;font-size:11px;font-weight:650;letter-spacing:.02em;text-transform:uppercase;padding:1px 7px;border-radius:999px;border:1px solid var(--b1112-line);vertical-align:1px}
.b1112Chip.ishigh{color:var(--b1112-ok)} .b1112Chip.ismedium{color:var(--b1112-mid)} .b1112Chip.islow{color:var(--b1112-low)}
.b1112Field{display:flex;flex-direction:column;gap:5px;font-size:13.5px;color:var(--b1112-sub);margin:0 0 12px}
.b1112Field.b1112Inline{flex-direction:row;align-items:center;gap:10px}
.b1112Field input,.b1112Field select,.b1112Answer,.b1112CalUrl{font:inherit;font-size:16px;color:var(--b1112-text);background:var(--b1112-fill);
border:1px solid var(--b1112-line);border-radius:10px;padding:10px 12px;min-height:44px;box-sizing:border-box;max-width:100%}
.b1112Answer{width:100%;resize:vertical;margin:10px 0 0}
.b1112CalUrl{width:100%;margin:6px 0}
.b1112Acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.b1112Acts .primaryAction,.b1112Acts .secondaryAction{min-height:40px}
.b1112Acts a.secondaryAction{display:inline-flex;align-items:center;text-decoration:none}
.b1112Q{font-size:18px;font-weight:600;line-height:1.4;margin:6px 0 4px}
.b1112Feedback{margin-top:12px}
.b1112Feedback > div{margin-top:4px}
.b1112Score{display:inline-block;font-size:13px;padding:2px 9px;border-radius:999px;background:var(--b1112-fill)}
.b1112Score.s2{color:var(--b1112-ok)} .b1112Score.s1{color:var(--b1112-mid)} .b1112Score.s0{color:var(--b1112-err)}
.b1112Note{margin-top:10px;font-size:14px;color:var(--b1112-sub)}
.b1112Note.isError{color:var(--b1112-err)}
.b1112Fine{margin-top:10px;font-size:12.5px;color:var(--b1112-sub)}
.b1112Practice{border:1px solid var(--b1112-line);border-radius:10px;padding:8px 12px;margin:0 0 8px}
.b1112Practice summary{cursor:pointer;min-height:28px}
.b1112Steps{margin:4px 0 0;padding-left:18px;font-size:13.5px}
.b1112Progress{font-size:12.5px;color:var(--b1112-sub);margin-top:8px}
:root #homeDash .b1112Tick{flex:none;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--b1112-line);background:transparent;
color:var(--b1112-sub);font:inherit;font-size:13px;cursor:pointer;margin-left:6px}
:root #homeDash .b1112Tick:hover{background:var(--b1112-hover)}
:root #homeDash .b1112Tick.isOn{color:var(--b1112-ok);border-color:transparent;background:var(--b1112-fill)}
:root #homeDash .b1112Acts{margin-top:10px}
.b1112Need{margin-top:10px;padding-top:10px;border-top:1px dashed var(--b1112-line)}
.b1112Need select{font:inherit;font-size:16px;min-height:36px;border-radius:8px}
.b1112Cal{margin-top:18px}
.b1112Wrap .b1112Field input,.b1112Wrap .b1112Field select,.b1112Wrap textarea.b1112Answer,.b1112Cal .b1112CalUrl{
background:var(--b1112-fill)!important;color:var(--b1112-text)!important;border-color:var(--b1112-line)!important}
@media (max-width:760px){
.b1112Wrap{align-items:flex-end;padding:0}
.b1112Card{max-width:none;max-height:92vh;border-radius:16px 16px 0 0;border-bottom:0}
.b1112Acts .primaryAction,.b1112Acts .secondaryAction,.b1112Close{min-height:44px}
.b1112Acts > *{flex:1 1 auto}
:root #homeDash .b1112Tick{min-height:44px}
.b1112Need select{min-height:44px}
}
:root{--b13-yes:#4ade80;--b13-part:#facc15;--b13-no:#f87171;--b13-pill-bg:rgba(255,255,255,.06)}
:root[data-theme="light"]{--b13-yes:#15803d;--b13-part:#a16207;--b13-no:#b91c1c;--b13-pill-bg:rgba(0,0,0,.04)}
.b13Shade{z-index:140}
.b13Card{width:min(640px,100%)}
.b13Card.b13Wide{width:min(820px,100%)}
.b13Body{display:flex;flex-direction:column;gap:10px}
.b13Area{min-height:110px;resize:vertical;line-height:1.45;text-align:left!important;text-transform:none!important;letter-spacing:0!important}
.b13Problem{min-height:64px}
.b13Out{display:flex;flex-direction:column;gap:8px}
.b13Focus{font-size:14px;line-height:1.5;color:var(--bw-text);padding:8px 10px;border:1px solid var(--bw-line);border-radius:10px;background:var(--bw-soft)}
.b13Row{border:1px solid var(--bw-line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;background:var(--bw-card)}
.b13RowTop{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.b13RowTop b{font-size:14px;font-weight:600;color:var(--bw-text)}
.b13Line{font-size:13.5px;line-height:1.5;color:var(--bw-text);overflow-wrap:anywhere}
.b13Muted{color:var(--bw-sub)}
.b13Pill{font-size:12px;font-weight:600;border-radius:999px;padding:2px 10px;background:var(--b13-pill-bg);white-space:nowrap}
.b13Pill-yes{color:var(--b13-yes)} .b13Pill-partly{color:var(--b13-part)} .b13Pill-no{color:var(--b13-no)}
.b13Quote{display:block;text-align:left;border:0;border-left:3px solid var(--bw-line);background:none;color:var(--bw-sub);font:inherit;font-size:13.5px;
line-height:1.45;padding:2px 0 2px 10px;cursor:pointer;min-height:32px;overflow-wrap:anywhere}
.b13Quote:hover{color:var(--bw-text);border-left-color:var(--bw-sub)}
.b13Src{font-size:13px;color:var(--bw-text);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.b13Src:hover{color:var(--bw-sub)}
.b13Steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.b13Step{border:1px solid var(--bw-line);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}
.b13Step-right{border-color:color-mix(in srgb,var(--b13-yes) 45%,var(--bw-line))}
.b13Step-wrong{border-color:color-mix(in srgb,var(--b13-no) 45%,var(--bw-line))}
.b13Mark{flex:none;width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;
background:var(--b13-pill-bg);color:var(--bw-sub)}
.b13Step-right .b13Mark{color:var(--b13-yes)} .b13Step-wrong .b13Mark{color:var(--b13-no)} .b13Step-unclear .b13Mark{color:var(--b13-part)}
.b13Step .b13RowTop{justify-content:flex-start;flex-wrap:nowrap}
.b13StepMath{font-size:15px;color:var(--bw-text);overflow-x:auto;min-width:0}
.b13Hint summary{cursor:pointer;font-size:13px;color:var(--bw-sub)}
.b13StepRow{margin:0}
#b13CiteIdRow .secondaryAction{white-space:nowrap;flex:none}
.b13StepRow .primaryAction,.b13StepRow .secondaryAction{white-space:nowrap;flex:none}
.b13Step-wrong .b13StepMath{text-decoration:line-through;text-decoration-color:var(--b13-no)}
.b13Lessons{display:flex;flex-direction:column;gap:8px}
.b13Audio{width:100%;height:40px}
.b13Script{font-size:13.5px;line-height:1.55;white-space:pre-wrap;color:var(--bw-text);max-height:240px;overflow:auto;border-top:1px solid var(--bw-line);padding-top:6px}
@media (max-width:760px){
.b13Shade{padding:8px}
.b13Card,.b13Card.b13Wide{width:100%}
.b13Card .bwInput,.b13Card textarea,.b13Card select,.b13Card input{font-size:16px!important}
.b13Card .primaryAction,.b13Card .secondaryAction,.b13Quote{min-height:44px}
.b13StepRow{flex-wrap:wrap}
.b13StepRow .bwInput{flex:1 1 100%}
.essayActions #b13RubricBtn,.essayActions #b13FactBtn{min-height:44px}
}
.sidebar .catsSection{display:flex;flex-direction:column;gap:1px;margin:2px 0 4px;flex:0 0 auto}
.sidebar .catsSection[hidden]{display:none!important}
.sidebar .recentsSection .sideSectionHead.recentsHead{display:flex!important;align-items:center;justify-content:space-between}
.catsAddBtn,.catsMore,.catsItemMore,.catsNameSave,.catsEditNew{font:inherit;cursor:pointer;border:0;background:none;color:var(--ui-text-3,#8f8f8f)}
.catsAddBtn{width:26px;height:26px;border-radius:7px;font-size:17px;line-height:1;padding:0;display:inline-flex;align-items:center;justify-content:center}
.catsAddBtn[hidden]{display:none!important}
.catsAddBtn:hover,.catsMore:hover,.catsItemMore:hover{background:var(--ui-hover,#232323);color:var(--ui-text,#ececec)}
.catsCat{display:flex;flex-direction:column;min-width:0;flex:0 0 auto}
.catsHead,.catsBody > *{flex:0 0 auto}
.catsHead{display:flex;align-items:center;min-width:0;border-radius:9px}
.catsHead:hover,.catsHead:focus-within{background:var(--ui-hover,#232323)}
.catsFold{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;height:32px;padding:0 6px 0 4px;border:0;background:none;
color:var(--ui-text,#ececec);font:inherit;font-size:13.5px;font-weight:500;text-align:left;cursor:pointer;border-radius:9px}
.catsChev{flex:0 0 auto;width:12px;font-size:12px;color:var(--ui-text-3,#8f8f8f);transition:transform .15s ease;text-align:center}
.catsChev.isOpen{transform:rotate(90deg)}
.sidebar .catsFold .sideNavIcon{flex:0 0 auto;width:18px;display:inline-flex;justify-content:center}
.catsName{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catsCount{margin-left:auto;font-size:11.5px;font-weight:400;color:var(--ui-text-3,#8f8f8f)}
.catsMore,.catsItemMore{flex:0 0 auto;width:26px;height:26px;border-radius:7px;font-size:15px;line-height:1;opacity:0;transition:opacity .12s ease}
.catsHead:hover .catsMore,.catsMore:focus-visible,.catsItemRow:hover .catsItemMore,.catsItemMore:focus-visible{opacity:1}
.catsBody{display:flex;flex-direction:column;gap:1px;padding-left:14px;min-width:0}
.catsBody[hidden]{display:none!important}
.catsItemRow{min-width:0}
.catsItemRow.catsItemOff > .sideNavBtn{opacity:.45}
.catsEmpty{font-size:12px;color:var(--ui-text-3,#8f8f8f);padding:4px 8px 6px}
.sidebar .catsBody .recentRow{display:flex;align-items:center;min-height:32px;height:32px;padding:0 2px 0 8px;gap:2px;border-radius:9px;background:transparent}
.sidebar .catsBody .recentRow .recentItem{flex:1 1 auto;min-width:0;height:32px;line-height:32px;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;color:var(--ui-text,#ececec)}
.sidebar .catsBody .recentRow:hover,.sidebar .catsBody .recentRow:focus-within{background:#212121}
.sidebar .catsBody .recentRow.active{background:#2a2a2a}
#sidebarTabPanelChats .catsMoved{display:none!important}
.catsNameBox{padding:2px 0 4px}
.catsNameRow{display:flex;align-items:center;gap:6px;padding:0 4px 0 22px}
.catsNameInput{flex:1 1 auto;min-width:0;height:30px;border:1px solid var(--ui-line,#333);border-radius:8px;background:var(--ui-surface-2,#1b1b1b);
color:var(--ui-text,#ececec);font:inherit;font-size:13.5px;padding:0 8px;outline:none}
.catsNameInput:focus{border-color:var(--ui-text-3,#8f8f8f)}
.catsNameSave{height:30px;padding:0 10px;border-radius:999px;background:var(--ui-text,#ececec);color:var(--ui-bg,#000);font-size:12.5px;font-weight:600}
.catsNameBox.isBusy .catsNameSave{opacity:.5}
.catsNameErr{font-size:12px;color:#f08c8c;padding:3px 6px 0 22px}
.catsNameErr:empty{display:none}
.catsHead .catsNameBox{flex:1 1 auto;min-width:0}
.catsHead .catsNameRow{padding-left:4px}
.catsGhost{position:fixed!important;z-index:9999;pointer-events:none;opacity:.92;background:var(--ui-raised,#1f1f1f);border-radius:9px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.catsDragSource{opacity:.35}
body.catsDragging,body.catsDragging *{cursor:grabbing!important;user-select:none!important}
.catsCat.catsDropOver > .catsHead{background:var(--ui-press,#2a2a2a);box-shadow:inset 0 0 0 1px var(--ui-text-3,#8f8f8f)}
.catsCat.catsDropOver > .catsBody{background:rgba(255,255,255,.03);border-radius:9px}
body.catsDropOut #recentChats{background:rgba(255,255,255,.03);border-radius:9px}
.catsEditNew{align-self:flex-start;padding:6px 10px;margin:2px 0 6px;border-radius:999px;border:1px solid var(--ui-line,#333);color:var(--ui-text,#ececec);font-size:12.5px}
.catsEditNew:disabled{opacity:.5;cursor:default}
.catsEditRow .sideEditChoiceLabel{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catsEditRow .catsEditAdd{flex:0 0 auto;max-width:78px;font:inherit;font-size:12px;border-radius:7px;border:1px solid var(--ui-line,#333);background:var(--ui-surface-2,#1b1b1b);color:var(--ui-text,#ececec);padding:3px 4px}
.catsEditRow .sideEditChoiceIcon .sideSvg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:var(--ui-icon-stroke,1.6)}
#roomSidePanel .catsRoomCat{margin:1px 0}
#roomSidePanel .catsRoomCat .catsBody{padding-left:12px}
#roomSidePanel .catsRoomNew{margin-left:auto}
#roomSidePanel .catsRoomNew .catsIc{width:16px;height:16px;display:inline-flex}
#roomSidePanel .catsRoomNew .sideSvg,#roomSidePanel .catsFold .sideSvg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:var(--ui-icon-stroke,1.6)}
#roomSidePanel .catsNameRow{padding-left:8px}
.app.sideFolded .catsHead,.app.sideFolded .catsSection .recentRow,.app.sideFolded .catsEmpty,.app.sideFolded .catsNameBox,.app.sideFolded .catsAddBtn{display:none!important}
.app.sideFolded .catsBody{padding-left:0}
.app.sideFolded .catsBody[hidden]{display:flex!important}
html[data-theme="light"] .catsNameErr{color:#b3261e}
html[data-theme="light"] .sidebar .catsBody .recentRow:hover,html[data-theme="light"] .sidebar .catsBody .recentRow:focus-within{background:#ececec}
html[data-theme="light"] .sidebar .catsBody .recentRow.active{background:#e3e3e3}
html[data-theme="light"] .catsCat.catsDropOver > .catsBody,html[data-theme="light"] body.catsDropOut #recentChats{background:rgba(0,0,0,.035)}
html[data-theme="light"] .catsGhost{box-shadow:0 8px 24px rgba(0,0,0,.14)}
@media (hover:none){.catsMore,.catsItemMore{opacity:1}}
@media (max-width:760px){
.catsFold{height:44px}
.sidebar .catsBody .recentRow,.sidebar .catsBody .recentRow .recentItem{height:44px;min-height:44px;line-height:44px}
.sidebar .catsBody .recentRow .recentItem,.catsFold{font-size:15px}
.catsAddBtn,.catsMore,.catsItemMore{width:40px;height:40px;opacity:1}
.catsNameInput{font-size:16px;height:40px}
.catsNameSave{height:40px}
#roomSidePanel .catsRoomNew{width:40px;height:40px}
}
html[data-theme="light"] .catsNameInput{background:#ffffff!important;color:#1d1d1f!important;border:1px solid #d5d5db!important;box-shadow:none!important}
html[data-theme="light"] .catsNameInput::placeholder{color:#8e8e93!important}
html[data-theme="light"] .catsNameInput:focus{border-color:#8a8a92!important;box-shadow:0 0 0 3px rgba(0,0,0,.06)!important}
html[data-theme="light"] .catsNameSave{background:#ececef;color:#1d1d1f}
html[data-theme="light"] .catsNameSave:hover{background:#e0e0e4}
.catsNameSave{background:rgba(255,255,255,.12);color:var(--ui-text,#ececec)}
.catsNameSave:hover{background:rgba(255,255,255,.18)}
.sideOrderInCat{margin-left:6px;font-size:11px;opacity:.62;white-space:nowrap}
#catsSection .catsFold[data-cats-head],#roomSidePanel .catsFold[data-cats-head]{cursor:grab}
body.catsDragging .catsFold[data-cats-head]{cursor:grabbing}
.catsCat.catsHDragSource{opacity:.4}
.catsDropLine{position:fixed;height:2px;border-radius:2px;background:var(--ui-accent,#7db5ff);z-index:10001;pointer-events:none;box-shadow:0 0 0 1px rgba(125,181,255,.25)}
.catsDropLine[hidden]{display:none}
.catsEditStep:disabled{opacity:.35}
.catsEditRow{flex-wrap:wrap;row-gap:2px}.catsEditRow .sideEditChoiceLabel{flex:1 1 calc(100% - 32px)}.catsEditRow .catsEditAdd{margin-left:auto}
html[data-theme="light"] .catsDropLine{background:#1d1d1f;box-shadow:none}
[data-b17d-theme=ocean]{--b17d-acc:#22d3ee;--b17d-on:#062a33}
[data-b17d-theme=forest]{--b17d-acc:#4ade80;--b17d-on:#052e16}
[data-b17d-theme=sunset]{--b17d-acc:#fb923c;--b17d-on:#2a1203}
[data-b17d-theme=grape]{--b17d-acc:#a78bfa;--b17d-on:#1e1236}
[data-b17d-theme=rose]{--b17d-acc:#f472b6;--b17d-on:#3b0a24}
[data-theme=light][data-b17d-theme=ocean]{--b17d-acc:#155e75;--b17d-on:#fff}
[data-theme=light][data-b17d-theme=forest]{--b17d-acc:#166534;--b17d-on:#fff}
[data-theme=light][data-b17d-theme=sunset]{--b17d-acc:#9a3412;--b17d-on:#fff}
[data-theme=light][data-b17d-theme=grape]{--b17d-acc:#6d28d9;--b17d-on:#fff}
[data-theme=light][data-b17d-theme=rose]{--b17d-acc:#be185d;--b17d-on:#fff}
html[data-b17d-theme]{--ui-accent:var(--b17d-acc);--ui-link:var(--b17d-acc);--ui-link-hover:var(--b17d-acc);--ui-focus:var(--b17d-acc);--rm-unread:var(--b17d-acc)}
html[data-b17d-theme][data-theme] #settingsModal{--st-on:var(--b17d-acc);--st-focus:var(--b17d-acc)}
html[data-b17d-theme] #sendBtn:not(:disabled){background:var(--b17d-acc)!important;color:var(--b17d-on)!important}
html[data-b17d-theme] .toggle.on{background:var(--b17d-acc)!important}
html[data-b17d-theme] :is(.toggle.on,#settingsModal .settingsShell .toggle.on):after{background:var(--b17d-on)!important}
html[data-b17d-theme] #chatLog .richAnswer a{color:var(--b17d-acc)!important;text-decoration-color:currentColor!important}
html[data-b17d-theme] ::selection{background:color-mix(in srgb,var(--b17d-acc) 30%,transparent)}
[data-b17d-size=small] #chatLog>:is(.message,#welcome){zoom:.92}
[data-b17d-size=large] #chatLog>:is(.message,#welcome){zoom:1.12}
[data-b17d-size=larger] #chatLog>:is(.message,#welcome){zoom:1.25}
[data-b17d-size=large] #chatInput{font-size:18px!important}
[data-b17d-size=larger] #chatInput{font-size:20px!important}
[data-b17d-font] :is(body,body *:not(code,pre,pre *,kbd,.katex,.katex *,svg,svg *)){font-family:Verdana,Tahoma,"Trebuchet MS",Arial,sans-serif!important;letter-spacing:.02em;word-spacing:.08em}
[data-b17d-font] :is(.richAnswer,#chatLog .bubble){line-height:1.8!important}
html[data-b17d-contrast]{--ui-text:#fff;--ui-text-2:#e2e2e2;--ui-text-3:#d6d6d6;--ui-line:#6e6e6e;--ui-line-strong:#a8a8a8;--muted:#d6d6d6;--border:#6e6e6e;--rm-sub:#d6d6d6;--hd-sub:#e2e2e2}
html[data-theme=light][data-b17d-contrast]{--ui-text:#000;--ui-text-2:#1f1f1f;--ui-text-3:#262626;--ui-line:#6b6b6b;--ui-line-strong:#3a3a3a;--muted:#262626;--border:#6b6b6b;--rm-sub:#262626;--hd-sub:#1f1f1f}
html[data-b17d-contrast] #settingsModal{--st-sub:var(--ui-text-2);--st-line:var(--ui-line);--st-field-line:var(--ui-line-strong);--st-btn-line:var(--ui-line-strong)}
html[data-b17d-contrast] :is(.settingDesc,.settingsLead,.muted,.recentItem,.composerDisclaimer,.messageActionBtn,.sideNavBtn,.usageLabel,#chatInput::placeholder){color:var(--ui-text-2)!important;opacity:1}
html[data-b17d-contrast] :is(#chatInput,.composerInner,.niceSelectBtn,.secondaryAction){border-color:var(--ui-line-strong)!important}
html[data-b17d-contrast] :focus-visible{outline:3px solid var(--ui-focus)!important;outline-offset:2px!important}
@keyframes b17dIn{from{opacity:0;transform:translateY(4px)}}
#chatLog>.message:last-child{animation:b17dIn .22s var(--ui-ease) backwards}
@media (prefers-reduced-motion:reduce){#chatLog>.message:last-child,#chatLog .b17dLive ::after{animation:none!important}}
.entityReduceMotion #chatLog>.message:last-child,.entityReduceMotion #chatLog .b17dLive ::after{animation:none!important}
.b17dSetupCard{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;max-width:560px;margin:14px auto 0;padding:12px 14px;border:1px solid var(--ui-line);border-radius:var(--ui-r-md);background:var(--ui-surface-2);color:var(--ui-text);text-align:left}
.b17dSetupCopy{display:flex;flex-direction:column;gap:2px;flex:1 1 220px;font-size:var(--ui-fs-sm)}
.b17dSetupT{font-size:var(--ui-fs-md);font-weight:var(--ui-fw-semi)}
.b17dSetupS{color:var(--ui-text-2)}
.b17dSetupGo,.b17dSetupSkip{min-height:36px;padding:0 14px;border:0;border-radius:var(--ui-r-pill);font:inherit;font-size:var(--ui-fs-sm);cursor:pointer;background:transparent;color:var(--ui-text-2)}
.b17dSetupGo{background:var(--ui-pri-bg);color:var(--ui-pri-fg);font-weight:var(--ui-fw-semi)}
.b17dSetupGo:hover{background:var(--ui-pri-hover)}
.b17dSetupSkip:hover{background:var(--ui-hover);color:var(--ui-text)}
.b17dSetupGo:disabled,.b17dSetupSkip:disabled{opacity:.55}
.b17dSwatches{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;max-width:300px}
.b17dSwatch{width:40px;height:40px;border-radius:50%;border:2px solid transparent;background:transparent;display:grid;place-items:center;padding:0;cursor:pointer}
.b17dSwatch:hover{background:var(--ui-hover)}
.b17dSwatch.isOn{border-color:var(--ui-text)}
.b17dSwatchDot{width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(128,128,128,.35);background:#ececec}
.b17dSwatch[data-b17d-theme="ocean"] .b17dSwatchDot{background:#22d3ee}
.b17dSwatch[data-b17d-theme="forest"] .b17dSwatchDot{background:#4ade80}
.b17dSwatch[data-b17d-theme="sunset"] .b17dSwatchDot{background:#fb923c}
.b17dSwatch[data-b17d-theme="grape"] .b17dSwatchDot{background:#a78bfa}
.b17dSwatch[data-b17d-theme="rose"] .b17dSwatchDot{background:#f472b6}
html[data-theme="light"] .b17dSwatch .b17dSwatchDot{background:#0d0d0d}
html[data-theme="light"] .b17dSwatch[data-b17d-theme="ocean"] .b17dSwatchDot{background:#155e75}
html[data-theme="light"] .b17dSwatch[data-b17d-theme="forest"] .b17dSwatchDot{background:#166534}
html[data-theme="light"] .b17dSwatch[data-b17d-theme="sunset"] .b17dSwatchDot{background:#9a3412}
html[data-theme="light"] .b17dSwatch[data-b17d-theme="grape"] .b17dSwatchDot{background:#6d28d9}
html[data-theme="light"] .b17dSwatch[data-b17d-theme="rose"] .b17dSwatchDot{background:#be185d}
.b17dShade{position:fixed;inset:0;z-index:2147483200;background:var(--ui-shade);display:flex;align-items:center;justify-content:center;padding:16px}
.b17dSheet{width:100%;max-width:520px;max-height:88vh;overflow:auto;background:var(--ui-raised);color:var(--ui-text);border:1px solid var(--ui-line);border-radius:var(--ui-r-lg);box-shadow:var(--ui-sh-3);padding:20px 20px 16px}
.b17dSheetH{margin:0 0 4px;font-size:var(--ui-fs-xl);font-weight:var(--ui-fw-semi);color:var(--ui-text)}
.b17dSheetSub{margin:0 0 14px;color:var(--ui-text-2);font-size:var(--ui-fs-sm)}
.b17dQ{margin:0 0 16px}
.b17dQTitle{font-weight:var(--ui-fw-semi);font-size:var(--ui-fs-sm);margin:0 0 8px}
.b17dChoices,.b17dChips{display:flex;flex-wrap:wrap;gap:6px}
.b17dChoice{min-height:36px;padding:0 12px;border-radius:var(--ui-r-pill);border:1px solid var(--ui-line);background:transparent;color:var(--ui-text);font:inherit;font-size:var(--ui-fs-sm);cursor:pointer}
.b17dChoice:hover{background:var(--ui-hover)}
.b17dChoice.isOn{background:var(--ui-pri-bg);color:var(--ui-pri-fg);border-color:var(--ui-pri-bg)}
.b17dSheetActs{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}
.b17dClasses{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1 1 auto}
.b17dChips:empty,.b17dMsg:empty{display:none}
.b17dChip{display:inline-flex;align-items:center;gap:2px;padding:2px 2px 2px 10px;border:1px solid var(--ui-line);border-radius:var(--ui-r-pill);font-size:var(--ui-fs-sm);color:var(--ui-text);background:var(--ui-surface-2);max-width:100%}
.b17dChipT{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b17dChipX{width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--ui-text-2);font-size:16px;line-height:1;cursor:pointer;flex:0 0 auto}
.b17dChipX:hover{background:var(--ui-hover);color:var(--ui-text)}
.b17dClassAdd{display:flex;gap:8px;align-items:center}
.b17dClassAdd input.b17dClassInput{flex:1 1 auto;min-width:0;min-height:40px;font:inherit;font-size:16px!important;padding:8px 12px!important;border-radius:var(--ui-r-sm)!important;
background:var(--ui-surface)!important;color:var(--ui-text)!important;border:1px solid var(--ui-line-strong)!important}
.b17dLead{margin:0 0 6px}
.b17dClassesLine{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.b17dKeyList{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;margin:12px 0 8px;font-size:var(--ui-fs-sm)}
.b17dKeyK{white-space:nowrap;color:var(--ui-text-2)}
.b17dKeyD{margin:0;color:var(--ui-text)}
.b17dKbd{display:inline-block;min-width:22px;padding:2px 6px;border:1px solid var(--ui-line-strong);border-bottom-width:2px;border-radius:6px;font:500 12px/1.3 var(--ui-mono);color:var(--ui-text);background:var(--ui-surface-2);text-align:center}
.b17dPushOffer{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;margin:8px 0;padding:10px 12px;border:1px solid var(--ui-line);border-radius:var(--ui-r-md);font-size:var(--ui-fs-sm);color:var(--ui-text);background:var(--ui-surface-2)}
.b17dPushT{flex:1 1 200px}
.b17dSkelRow{display:flex;flex-direction:column;gap:7px;padding:12px 0;border-top:1px solid var(--ui-line)}
.b17dSkel{display:block;height:11px;border-radius:6px;background:linear-gradient(90deg,var(--ui-skeleton) 25%,var(--ui-skeleton-2) 50%,var(--ui-skeleton) 75%);background-size:200% 100%;animation:b19aShimmer 1.2s linear infinite}
.b17dSkelA{width:38%}.b17dSkelB{width:82%}
html.entityReduceMotion .b17dSkel{animation:none}
@media (prefers-reduced-motion:reduce){.b17dSkel{animation:none}}
.b17dPrivacy{margin:4px 0 12px}
.b17dPrivLead{margin:0 0 4px}
.b17dPrivRow{padding:12px 0;border-top:1px solid var(--ui-line);display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.b17dPrivTop{display:flex;justify-content:space-between;align-items:baseline;gap:10px;width:100%}
.b17dPrivName{font-weight:var(--ui-fw-semi);color:var(--ui-text)}
.b17dPrivCount{color:var(--ui-text-2);font-size:var(--ui-fs-xs);font-variant-numeric:tabular-nums;white-space:nowrap}
.b17dPrivNote{font-size:var(--ui-fs-xs)}
.b17dPrivDel{margin-top:4px}
.b17dPrivAsk{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:6px;padding:10px 12px;border:1px solid var(--ui-danger);border-radius:var(--ui-r-sm);color:var(--ui-text);font-size:var(--ui-fs-sm)}
.b17dPlanIncludes{margin:6px 0 10px}
.b17dPlanList{margin:6px 0 12px;padding-left:18px;color:var(--ui-text);font-size:var(--ui-fs-sm);line-height:var(--ui-lh)}
a.b17dLinkBtn{text-decoration:none;display:inline-flex;align-items:center}
@media (max-width:760px){
.b17dSetupCard{margin:12px 12px 0}
.b17dSetupGo,.b17dSetupSkip{min-height:44px}
.b17dShade{align-items:flex-end;padding:0}
.b17dSheet{max-width:none;border-radius:16px 16px 0 0;border-bottom:0;padding-bottom:calc(16px + var(--ui-safe-b))}
.b17dActBtn{flex:1 1 auto;min-height:44px}
.b17dSwatches{justify-content:flex-start;max-width:none}
.b17dSwatch{width:44px;height:44px}
.b17dThemeLine{flex-wrap:wrap}
.b17dChipX{width:36px;height:36px}
.b17dChoice,.b17dAddBtn,.b17dPrivDel,.b17dAskBtn{min-height:44px}
}
.b17cLiveWords{margin:0 4px 6px;padding:8px 12px;border-radius:12px;background:#1d1d22;color:#ececf1;font-size:15px;line-height:1.4;max-height:4.4em;overflow:hidden;overflow-wrap:anywhere}
.b17cLiveWords.isWaiting{color:#9a9aa6;font-style:italic}
html[data-theme="light"] .b17cLiveWords{background:#f1f1f4;color:#16161a}
html[data-theme="light"] .b17cLiveWords.isWaiting{color:#6b6b76}
.b17cBoxCard{position:fixed;right:16px;bottom:96px;z-index:1200;width:min(360px,calc(100vw - 32px));background:#17171b;color:#ececf1;border:1px solid #2c2c33;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.35);padding:8px}
.b17cBoxHead{display:flex;align-items:center;gap:8px;padding:2px 2px 8px}
.b17cBoxTitle{flex:1;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b17cBoxX{width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:inherit;font-size:20px;cursor:pointer}
.b17cBoxX:hover{background:rgba(255,255,255,.08)}
.b17cBoxCanvas{display:block;width:100%;height:auto;border-radius:10px}
html[data-theme="light"] .b17cBoxCard{background:#fff;color:#16161a;border-color:#e4e4e9;box-shadow:0 10px 30px rgba(0,0,0,.12)}
html[data-theme="light"] .b17cBoxX:hover{background:#f1f1f4}
@media (max-width:600px){.b17cBoxCard{left:16px;right:16px;width:auto;bottom:88px}.b17cBoxX{width:44px;height:44px}}
.b17cInkWrap{position:relative;height:clamp(120px,26vh,190px);border:1px solid #2c2c33;border-radius:12px;background:#111114;overflow:hidden}
.b17cInkCanvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}
.b17cInkResult{margin-top:8px}
.b17cInkPreview{min-height:32px;padding:6px 8px;overflow-x:auto}
.b17cInkLatex{width:100%;font-size:16px;font-family:ui-monospace,Menlo,monospace}
html[data-theme="light"] .b17cInkWrap{background:#fafafb;border-color:#e4e4e9}
@media (max-width:600px){.b17cInkWrap{height:clamp(120px,24vh,170px)}}
.b17cSheetBack{position:fixed;inset:0;z-index:1300;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;padding:16px}
.b17cSheet{width:min(400px,100%);max-height:calc(100vh - 32px);overflow:auto;background:#17171b;color:#ececf1;border:1px solid #2c2c33;border-radius:16px;padding:14px 16px 16px}
.b17cSheetHead{display:flex;align-items:center;gap:8px}
.b17cSheetTitle{flex:1;margin:0;font-size:17px;font-weight:600}
.b17cSheetX{width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:inherit;font-size:20px;cursor:pointer}
.b17cSheetX:hover{background:rgba(255,255,255,.08)}
.b17cSheetBody{padding-top:8px}
.b17cQrWrap{display:flex;justify-content:center;padding:6px 0 10px}
.b17cQr{width:232px;max-width:100%;height:auto;border-radius:10px;image-rendering:pixelated}
.b17cQrWrap.isOld .b17cQr{opacity:.25}
.b17cLead{margin:0 0 6px;font-size:14px;line-height:1.45}
.b17cMuted{font-size:13px;color:#9a9aa6;min-height:18px}
.b17cActs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 6px}
.b17cBtn{min-height:44px;padding:0 16px;border:0;border-radius:999px;background:#26262c;color:inherit;font-size:14px;cursor:pointer}
.b17cBtn:hover{background:#303038}
.b17cBtn.b17cPri{background:#ececf1;color:#16161a}
.b17cBtn.b17cPri:hover{background:#fff}
.b17cBtn:disabled{opacity:.6;cursor:default}
html[data-theme="light"] .b17cSheet{background:#fff;color:#16161a;border-color:#e4e4e9}
html[data-theme="light"] .b17cSheetX:hover{background:#f1f1f4}
html[data-theme="light"] .b17cMuted{color:#6b6b76}
html[data-theme="light"] .b17cBtn{background:#f1f1f4}
html[data-theme="light"] .b17cBtn:hover{background:#e7e7ec}
html[data-theme="light"] .b17cBtn.b17cPri{background:#16161a;color:#fff}
@media (max-width:600px){.b17cSheetBack{align-items:flex-end;padding:0}.b17cSheet{width:100%;border-radius:16px 16px 0 0;max-height:88vh}.b17cSheetX{width:44px;height:44px}}
body:not(.v565Hero) #b17aWsBtn{grid-row:2;grid-column:6;justify-self:start}
.b17aCanvas .b17aCvHead{gap:8px}
.b17aCvTitle{flex:1 1 auto;min-width:0;height:36px;border:1px solid transparent;border-radius:9px;background:transparent;color:inherit;
font:inherit;font-size:16px;font-weight:600;padding:0 8px;outline:none}
.b17aCvTitle:hover{background:var(--ui-hover,#232323)}
.b17aCvTitle:focus{border-color:var(--ui-line-strong,#444);background:var(--ui-surface-2,#1b1b1b)}
.b17aCvBar{gap:8px;flex-wrap:wrap}
.b17aCvKind,.b17aCvPick,.b17aProjClassSel,.b17aSepSel{height:32px;border-radius:8px;border:1px solid var(--ui-line,#2c2c2c);background:var(--ui-surface-2,#1b1b1b);
color:var(--ui-text,#ececec);font:inherit;font-size:13px;padding:0 8px;max-width:100%}
.b17aCvInfo{flex:1 1 auto;min-width:0}
.b17aCvVerBtn,.b17aCvChip,.b17aCvVerRestore,.b17aLinkBtn{border:1px solid var(--ui-line,#2c2c2c);background:transparent;color:var(--ui-text,#ececec);
border-radius:999px;padding:5px 12px;font:inherit;font-size:12.5px;cursor:pointer}
.b17aCvVerBtn:hover,.b17aCvChip:hover:not(:disabled),.b17aCvVerRestore:hover,.b17aLinkBtn:hover{background:var(--ui-hover,#232323)}
.b17aCvChip:disabled,.b17aCvGo:disabled{opacity:.45;cursor:default}
.b17aCvVersions{max-height:34vh;overflow:auto;border:1px solid var(--ui-line,#2c2c2c);border-radius:10px;padding:4px}
.b17aCvVerRow{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;font-size:13px}
.b17aCvVerRow:hover{background:var(--ui-hover,#232323)}
.b17aCvVerLabel{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b17aCvVerWhen,.b17aCvVerEmpty{color:var(--ui-text-3,#8f8f8f);font-size:12px}
.b17aCvVerEmpty{padding:8px}
.b17aCvRewrite{display:flex;flex-direction:column;gap:6px}
.b17aCvChips{display:flex;flex-wrap:wrap;gap:6px}
.b17aCvActs{align-items:center}
.b17aCvPick{flex:1 1 180px}
.b17aCvDel{color:#f3a0a0}
.b17aWsPop{position:absolute;left:12px;bottom:calc(100% + 8px);z-index:120;width:min(360px,calc(100vw - 32px));max-height:min(420px,60vh);overflow:auto;
background:var(--ui-raised,#1f1f1f);border:1px solid var(--ui-line,#2c2c2c);border-radius:14px;padding:6px;box-shadow:0 12px 32px rgba(0,0,0,.4)}
.b17aWsPop[hidden]{display:none}
.b17aWsItem{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:transparent;color:var(--ui-text,#ececec);
border-radius:10px;padding:9px 10px;min-height:44px;font:inherit;cursor:pointer}
.b17aWsItem:hover:not(:disabled),.b17aWsItem:focus-visible{background:var(--ui-hover,#232323);outline:none}
.b17aWsItem:disabled{opacity:.5;cursor:default}
.b17aWsItemText{display:flex;flex-direction:column;flex:1 1 auto;min-width:0}
.b17aWsItemLabel{font-size:14px;font-weight:550}
.b17aWsItemSub{font-size:12px;color:var(--ui-text-3,#8f8f8f);line-height:1.35}
.b17aWsBadge{font-size:11px;border:1px solid var(--ui-line-strong,#444);border-radius:999px;padding:1px 7px;color:var(--ui-text-2,#9d9d9d)}
.b17aWsSwitch{flex:0 0 auto;width:30px;height:18px;border-radius:999px;background:var(--ui-press,#2a2a2a);position:relative;border:1px solid var(--ui-line-strong,#444)}
.b17aWsSwitch::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--ui-text-2,#9d9d9d);transition:left .15s}
.b17aWsSwitch.isOn{background:var(--ui-text,#ececec)}
.b17aWsSwitch.isOn::after{left:14px;background:var(--ui-bg,#000)}
.b17aWsEmpty{padding:10px;font-size:13px;color:var(--ui-text-3,#8f8f8f)}
.b17aChipRow{display:flex;flex-wrap:wrap;gap:6px;padding:0 4px 6px}
.b17aChipRow[hidden]{display:none}
.b17aChip{display:inline-flex;align-items:center;gap:2px;max-width:100%;border:1px solid var(--ui-line,#2c2c2c);background:var(--ui-surface-2,#1b1b1b);
color:var(--ui-text,#ececec);border-radius:999px;padding:2px 2px 2px 10px;font-size:12.5px}
.b17aChipAgent{border-color:var(--ui-line-strong,#444);font-weight:600}
.b17aChipText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}
.b17aChipX{border:0;background:transparent;color:var(--ui-text-2,#9d9d9d);width:24px;height:24px;border-radius:50%;font-size:15px;line-height:1;cursor:pointer}
.b17aChipX:hover{background:var(--ui-hover,#232323);color:var(--ui-text,#ececec)}
.b17aMentionPop{position:absolute;left:12px;right:12px;bottom:calc(100% + 8px);z-index:121;max-width:420px;max-height:300px;overflow:auto;
background:var(--ui-raised,#1f1f1f);border:1px solid var(--ui-line,#2c2c2c);border-radius:12px;padding:4px;box-shadow:0 12px 32px rgba(0,0,0,.4)}
.b17aMentionItem{display:flex;flex-direction:column;align-items:flex-start;width:100%;border:0;background:transparent;color:var(--ui-text,#ececec);
text-align:left;border-radius:8px;padding:7px 10px;min-height:40px;font:inherit;cursor:pointer}
.b17aMentionItem.isOn,.b17aMentionItem:hover{background:var(--ui-hover,#232323)}
.b17aMentionName{font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b17aMentionSub{font-size:12px;color:var(--ui-text-3,#8f8f8f)}
.b17aMentionEmpty{padding:10px;font-size:13px;color:var(--ui-text-2,#9d9d9d)}
.b17aCard{margin:12px 0 4px;border:1px solid var(--ui-line-strong,#444);border-radius:14px;padding:12px 14px;background:var(--ui-surface,#151515);max-width:520px}
.b17aCardKicker{font-size:11.5px;letter-spacing:.02em;text-transform:uppercase;color:var(--ui-text-3,#8f8f8f)}
.b17aCardTitle{font-size:15px;font-weight:600;margin:2px 0 6px}
.b17aCardLine{font-size:13.5px;color:var(--ui-text-2,#9d9d9d);overflow-wrap:anywhere}
.b17aCardBtns{display:flex;gap:8px;margin-top:10px}
.b17aCardBtns[hidden]{display:none}
.b17aCardStatus{font-size:13px;margin-top:6px}
.b17aCardStatus:empty{display:none}
.b17aCard.isDone{border-color:#2f6b45}
.b17aCard.isOff{opacity:.7}
.b17aNote{margin-top:8px}
.b17aModalBack{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:16px}
.b17aModalBox{width:min(480px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--ui-raised,#1f1f1f);color:var(--ui-text,#ececec);
border:1px solid var(--ui-line,#2c2c2c);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}
.b17aModalHead{display:flex;align-items:center;gap:8px}
.b17aModalTitle{flex:1;font-size:16px;font-weight:600}
.b17aModalHint{font-size:13px;color:var(--ui-text-2,#9d9d9d);line-height:1.45}
.b17aModalRow{display:flex;gap:8px;flex-wrap:wrap}
.b17aModalInput,.b17aModalText{flex:1 1 200px;min-width:0;box-sizing:border-box;border:1px solid var(--ui-line,#2c2c2c);background:var(--ui-surface-2,#1b1b1b);
color:var(--ui-text,#ececec);border-radius:10px;padding:9px 11px;font:inherit;font-size:14px}
.b17aModalText{width:100%;resize:vertical;font-family:ui-monospace,Menlo,monospace;font-size:13px}
.b17aPaste{display:flex;flex-direction:column;gap:8px}
.b17aPaste[hidden]{display:none}
.b17aModalStatus{font-size:13px;line-height:1.45}
.b17aModalStatus:empty{display:none}
.b17aLinkBtn{align-self:flex-start}
.b17aLinkBtn[hidden]{display:none}
.b17aClassList{display:flex;flex-direction:column;gap:4px}
.b17aClassItem{text-align:left;border:1px solid var(--ui-line,#2c2c2c);background:transparent;color:var(--ui-text,#ececec);border-radius:10px;padding:10px 12px;
min-height:44px;font:inherit;font-size:14px;cursor:pointer}
.b17aClassItem:hover{background:var(--ui-hover,#232323)}
.b17aProjClass{margin-top:10px}
.b17aProjClass[hidden]{display:none}
.b17aProjClassRow{display:flex;align-items:center;gap:10px}
.b17aProjClassLabel{font-size:13px;font-weight:600}
.b17aProjClassSel{flex:1 1 auto;min-width:0}
.b17aProjClassHint{margin-top:4px}
html[data-theme="light"] .b17aWsPop,html[data-theme="light"] .b17aMentionPop{box-shadow:0 12px 32px rgba(0,0,0,.12)}
html[data-theme="light"] .b17aModalBack{background:rgba(0,0,0,.28)}
html[data-theme="light"] .b17aCvDel{color:#b3261e}
html[data-theme="light"] .b17aCard.isDone{border-color:#8cc5a0}
html[data-theme="light"] .b17aModalInput,html[data-theme="light"] .b17aModalText,html[data-theme="light"] .b17aCvKind,
html[data-theme="light"] .b17aCvPick,html[data-theme="light"] .b17aProjClassSel,html[data-theme="light"] .b17aSepSel,
html[data-theme="light"] .b17aCvTitle:focus{background:#fff!important;color:#16161a!important;border-color:#dcdce2!important}
html[data-theme="light"] .b17aCvTitle{background:transparent!important;color:#16161a!important}
.b17aPaste .b17aModalInput,.b17aPaste .b17aModalText{flex:none}
@media (max-width:760px){
.b17aCvTitle,.b17aCvHow,.b17aModalInput,.b17aModalText,.b17aCvKind,.b17aCvPick,.b17aProjClassSel,.b17aSepSel{font-size:16px}
.b17aCvKind,.b17aCvPick,.b17aProjClassSel,.b17aSepSel,.b17aCvTitle{height:44px}
.b17aCvChip,.b17aCvVerBtn,.b17aCvVerRestore,.b17aLinkBtn{min-height:40px;padding:8px 14px}
.b17aChipX{width:36px;height:36px}
.b17aCardYes,.b17aCardNo{flex:1 1 auto;min-height:44px}
.b17aWsPop{left:8px;right:56px;width:auto}
.b17aMentionPop{left:8px;right:56px}
.b17aMentionItem{min-height:44px}
}
.batchBAnsChip.b17bMemDone{color:var(--ui-text-2);cursor:default}
.b17bMemUndo{margin-left:6px;min-height:32px;padding:0 12px;border-radius:var(--ui-r-pill);border:1px solid var(--ui-line);background:transparent;
color:var(--ui-text);font:inherit;font-size:13px;cursor:pointer}
.b17bMemUndo:hover{background:var(--ui-hover)}
.b17bPreview{position:fixed;z-index:9500;max-width:320px;box-sizing:border-box;padding:10px 12px;border-radius:var(--ui-r-md);background:var(--ui-raised);
color:var(--ui-text);border:1px solid var(--ui-line);box-shadow:var(--ui-sh-2);pointer-events:none;font-size:13px;line-height:1.4}
.b17bPreviewSite{font-size:11.5px;color:var(--ui-text-2);margin-bottom:2px;overflow-wrap:anywhere}
.b17bPreviewTitle{font-weight:var(--ui-fw-semi);overflow-wrap:anywhere}
.b17bPreviewSnip{margin-top:6px;color:var(--ui-text-2);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.b17bFindBar{position:fixed;top:calc(12px + var(--ui-safe-t));right:16px;z-index:9400;display:flex;align-items:center;gap:4px;padding:6px 6px 6px 10px;
border-radius:var(--ui-r-md);background:var(--ui-raised);border:1px solid var(--ui-line);box-shadow:var(--ui-sh-2);color:var(--ui-text)}
.b17bFindBar[hidden]{display:none}
.b17bFindInput{width:200px;min-height:36px;border:0!important;outline:0;box-shadow:none!important;background:transparent!important;color:var(--ui-text)!important;font:inherit;font-size:14px}
.b17bFindCount{font-size:12px;color:var(--ui-text-2);min-width:64px;text-align:right;font-variant-numeric:tabular-nums}
.b17bFindNav{width:36px;height:36px;border:0;border-radius:var(--ui-r-sm);background:transparent;color:var(--ui-text-2);font:inherit;font-size:18px;cursor:pointer}
.b17bFindNav:hover{background:var(--ui-hover);color:var(--ui-text)}
.bubble.b17bFindHit{box-shadow:0 0 0 2px var(--ui-focus);border-radius:var(--ui-r-md);transition:box-shadow var(--ui-dur)}
.b17bShade{position:fixed;inset:0;z-index:9300;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;background:var(--ui-shade)}
.b17bCard{width:min(560px,100%);max-height:min(86vh,820px);display:flex;flex-direction:column;box-sizing:border-box;border-radius:var(--ui-r-lg);
background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-line);box-shadow:var(--ui-sh-3)}
.b17bHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 16px 10px;border-bottom:1px solid var(--ui-line)}
.b17bTitle{margin:0;font-size:17px;font-weight:var(--ui-fw-semi)}
.b17bSub{margin-top:4px;font-size:13px;color:var(--ui-text-2);line-height:1.45}
.b17bX{flex:none;width:36px;height:36px;border:0;border-radius:var(--ui-r-sm);background:transparent;color:var(--ui-text-2);font-size:20px;cursor:pointer}
.b17bX:hover{background:var(--ui-hover);color:var(--ui-text)}
.b17bBody{padding:14px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;overflow-wrap:anywhere}
.b17bStatus{padding:0 16px 14px;font-size:13px;color:var(--ui-text-2);min-height:1em}
.b17bStatus:empty{padding-bottom:6px}
.b17bRow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.b17bField{display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--ui-text-2)}
.b17bSelect,.b17bShareUrl{font:inherit;font-size:15px;min-height:40px;padding:8px 10px;border-radius:var(--ui-r-sm);border:1px solid var(--ui-line)!important;
background:var(--ui-surface-2)!important;color:var(--ui-text)!important;box-sizing:border-box;max-width:100%}
.b17bShareUrl{flex:1 1 220px;min-width:0}
.b17bShareOut{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.b17bShareOut:empty{display:none}
.b17bShareLive{font-size:13px;color:var(--ui-text-2)}
.b17bShareLive:empty{display:none}
.b17bCheck{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;cursor:pointer}
.b17bCheckBox{width:18px;height:18px;margin-top:1px;flex:none;accent-color:var(--ui-text)}
.b17bCatchText{display:flex;flex-direction:column;gap:4px;font-size:14.5px;line-height:1.5}
.b17bCatchHead{font-weight:var(--ui-fw-semi);margin-top:6px}
.b17bCatchHead:first-child{margin-top:0}
.b17bCatchLine{margin:0;padding-left:12px;border-left:2px solid var(--ui-line)}
.b17bCatchPill{display:block;margin:8px auto 4px;min-height:32px;padding:0 14px;border-radius:var(--ui-r-pill);border:1px solid var(--ui-line);
background:var(--ui-surface-2);color:var(--ui-text-2);font:inherit;font-size:13px;cursor:pointer}
.b17bCatchPill:hover{background:var(--ui-hover);color:var(--ui-text)}
.v565Btn.b17bStar.b17bStarOn{color:#f5b301}
.b17bStarOn .b17bStarPath{fill:currentColor}
.b17bStarList{display:flex;flex-direction:column;gap:8px}
.b17bStarRow{display:flex;gap:8px;align-items:stretch}
.b17bStarOpen{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px;text-align:left;padding:10px 12px;border-radius:var(--ui-r-md);
border:1px solid var(--ui-line);background:var(--ui-surface-2);color:var(--ui-text);font:inherit;cursor:pointer}
.b17bStarOpen:hover{background:var(--ui-hover)}
.b17bStarChat{font-size:12px;color:var(--ui-text-2)}
.b17bStarText{font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.b17bStarRm{flex:none;min-height:36px;padding:0 12px;border:0;border-radius:var(--ui-r-sm);background:transparent;color:var(--ui-text-2);font:inherit;font-size:13px;cursor:pointer}
.b17bStarRm:hover{background:var(--ui-hover);color:var(--ui-text)}
.b17bTableBar{display:flex;gap:6px;justify-content:flex-end;margin:10px 0 4px}
.b17bTableBtn{min-height:28px;padding:0 10px;border-radius:var(--ui-r-pill);border:1px solid var(--ui-line);background:transparent;color:var(--ui-text-2);
font:inherit;font-size:12.5px;cursor:pointer}
.b17bTableBtn:hover{background:var(--ui-hover);color:var(--ui-text)}
th.b17bSortable{cursor:pointer;user-select:none}
th.b17bSortable:hover{background:var(--ui-hover)}
th.b17bSortable[aria-sort="ascending"]::after{content:" \25B2";font-size:.7em;color:var(--ui-text-2)}
th.b17bSortable[aria-sort="descending"]::after{content:" \25BC";font-size:.7em;color:var(--ui-text-2)}
th.b17bSortable:focus-visible{outline:2px solid var(--ui-focus);outline-offset:-2px}
.b17bTableChart{margin:8px 0}
.b17bCodeFiles{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 4px}
.b17bCodeFilesHead{font-size:12px;color:var(--ui-text-2);margin-right:2px}
.b17bCodeFile{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:var(--ui-r-pill);border:1px solid var(--ui-line);
color:var(--ui-text);text-decoration:none;font-size:13px}
.b17bCodeFile:hover{background:var(--ui-hover)}
.b17bRewriteNote{font-size:13px;color:var(--ui-text-2);margin-top:8px}
.b17bUsed{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:12.5px;color:var(--ui-text-2);margin:8px 0 2px}
.b17bUsedHead{font-weight:var(--ui-fw-semi)}
@media (max-width:760px){
.b17bShade{align-items:flex-end;padding:0}
.b17bCard{width:100%;max-height:92vh;border-radius:var(--ui-r-lg) var(--ui-r-lg) 0 0;border-bottom:0;padding-bottom:var(--ui-safe-b)}
.b17bB,.b17bX,.b17bStarRm,.b17bCatchPill,.b17bMemUndo{min-height:44px}
.b17bSelect,.b17bShareUrl,.b17bFindInput{font-size:16px;min-height:44px}
.b17bFindBar{left:8px;right:8px;top:calc(8px + var(--ui-safe-t))}
.b17bFindInput{flex:1 1 auto;width:auto;min-width:0}
.b17bFindNav{width:44px;height:44px}
.b17bTableBtn,.b17bCodeFile{min-height:44px;padding:0 14px}
}
.b17bImportBtns{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
@media (max-width:760px){.b17bImportBtns{justify-content:flex-start}.b17bImportBtns .b17bB{min-height:44px}}
.catsNameCancel{flex:none;width:30px;height:30px;border:0;border-radius:999px;background:none;color:var(--ui-text-3,#8f8f8f);font:inherit;font-size:20px;line-height:1;cursor:pointer}
.catsNameCancel:hover{background:rgba(255,255,255,.08);color:var(--ui-text,#ececec)}
html[data-theme="light"] .catsNameCancel:hover{background:#ececef;color:#1d1d1f}
@media (max-width: 760px){ .catsNameCancel{width:40px;height:40px} }
.messageActionBtn,.messageActionBtn.r1EditPencil{font-size:12px!important}
.codeBlockCopy,html[data-theme="light"] .codeBlockCopy{background:transparent!important;border-color:transparent!important;color:var(--ui-text-2)!important;font:500 12px/1 var(--ui-font)!important;padding:3px 8px!important}
.codeBlockCopy:hover,html[data-theme="light"] .codeBlockCopy:hover{background:var(--ui-hover)!important;color:var(--ui-text)!important}
.b17bTableBtn,.r1RephraseChip{font-family:var(--ui-font)}
.r1RephraseChip{font-size:12.5px}
.r10StyleOpt{font-size:14px}
#entityView .entityCorner{z-index:6}
body.entityFull .composerArea{display:none!important}
body.schoolFull #b19bTip,body.entityFull #b19bTip,body.essayOpen #b19bTip{display:none}
#homeDash .homeGradesCount:empty{display:none!important}
html[data-theme="light"] #settingsModal .secondaryAction:hover{text-decoration:none!important}
.sbSetRow .todaySettingIcon .sideSvg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.catsNameRow{padding-left:8px;gap:4px}
@media (min-width:761px){#settingsModal #displayNameInput,#settingsModal #nicknameInput{flex:none}}
@media (max-width:760px){.sidebar:not(.mobileOpen){box-shadow:none!important}}
@media (max-width:430px){
body:not(.v565Hero) .composerControls #modelPickerWrap{grid-column:8!important}
body:not(.v565Hero) .composerControls #effortPickerWrap{grid-column:9}
}
.composerDisclaimer a{color:inherit!important}
body:has(> .b17bShade) #b19bTip,body:has(> .modalShade.show) #b19bTip,body:has(> #b18Overlay) #b19bTip,body:has(> .app > #citeModal.show) #b19bTip{display:none}
#authForm input:not([type=checkbox]):not([type=radio]){display:block;width:100%;box-sizing:border-box}
#chatLog .rmWho .rmPinBtn .rmSvg{width:13px;height:13px;vertical-align:-2px;fill:none;stroke:currentColor;stroke-width:var(--ui-icon-stroke,1.75);stroke-linecap:round;stroke-linejoin:round}
.todayConnectBar{display:flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:14px;padding:12px 14px;margin:0 0 15px}
.todayConnectText{flex:1 1 auto;font-size:12.5px;line-height:1.5;color:#c9ccd4}
.todayConnectBtn{flex:0 0 auto;min-height:40px;padding:0 16px;border-radius:999px;border:0;background:#f4f4f6;color:#111;font-weight:700;font-size:13px;cursor:pointer}
.todayConnectBtn:hover{background:#dcdde2}
html[data-theme="light"] .todayConnectBar{background:#f6f7f9!important;border-color:#e2e3e8!important}
html[data-theme="light"] .todayConnectText{color:#3d4048!important}
html[data-theme="light"] .todayConnectBtn{background:#17171b!important;color:#fff!important}
html[data-theme="light"] .todayConnectBtn:hover{background:#33343a!important}
@media (max-width:760px){.todayConnectBar{flex-direction:column;align-items:stretch}.todayConnectBtn{min-height:44px}}
@media (max-width:760px){
#chatLog .rmMsg .rmSocActs{display:none}
#chatLog .rmMsg.rmActsOn .rmSocActs,#chatLog .rmMsg:focus-within .rmSocActs,#chatLog .rmSocActs:has([aria-expanded="true"]){display:flex}
#chatLog .rmMsg.rmActsOn .rmSocBtn{min-height:44px;padding-left:12px;padding-right:12px}
}
.b17aCvModes{display:inline-flex;border:1px solid var(--ui-line,#2c2c2c);border-radius:999px;padding:2px;gap:2px}
.b17aCvMode{border:0;background:transparent;color:var(--ui-text-2,#bdbdbd);border-radius:999px;padding:4px 12px;font:inherit;font-size:12.5px;cursor:pointer}
.b17aCvMode:hover{background:var(--ui-hover,#232323)}
.b17aCvMode[aria-pressed="true"]{background:var(--ui-surface-3,#2a2a2e);color:var(--ui-text,#ececec);font-weight:650}
.b17aCvRich{flex:1 1 auto;min-height:180px;overflow-y:auto;box-sizing:border-box;background:#141417;border:1px solid #2a2a30;border-radius:12px;
color:#eaeaea;font:15px/1.65 'Source Serif 4',Georgia,serif;padding:10px 14px;overflow-wrap:anywhere}
.b17aCvRich[hidden],.b17aCvText[hidden]{display:none!important}
.b17aCvBlk{outline:none;border-radius:8px;padding:2px 4px;margin:0 -4px}
.b17aCvBlk:focus{background:rgba(255,255,255,.03)}
.b17aCvBlk>:first-child{margin-top:0}.b17aCvBlk>:last-child{margin-bottom:0}
.b17aCvBlk+.b17aCvBlk{margin-top:10px}
.b17aCvBlk h1,.b17aCvBlk h2,.b17aCvBlk h3,.b17aCvBlk h4{font-family:inherit;line-height:1.3;margin:6px 0}
.b17aCvBlk[data-placeholder]:empty::before{content:attr(data-placeholder);color:var(--ui-text-3,#8f8f8f)}
.b17aCvAtom{cursor:pointer;border:1px dashed transparent}
.b17aCvAtom:hover,.b17aCvAtom:focus-visible{border-color:var(--ui-line-strong,#444)}
.b17aCvAtomEd{width:100%;box-sizing:border-box;margin:8px 0;border:1px solid #4a6fb3;border-radius:10px;background:#101013;color:#eaeaea;
font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;padding:8px 10px;resize:vertical}
html[data-theme="light"] .b17aCvRich{background:#fafafc!important;border-color:#dcdce3!important;color:#16161a!important}
html[data-theme="light"] .b17aCvBlk:focus{background:rgba(0,0,0,.025)!important}
html[data-theme="light"] .b17aCvAtomEd{background:#fff!important;color:#16161a!important}
html[data-theme="light"] .b17aCvModes{border-color:#dcdce2!important}
html[data-theme="light"] .b17aCvMode{color:#555a63!important}
html[data-theme="light"] .b17aCvMode[aria-pressed="true"]{background:#ececf0!important;color:#16161a!important}
@media (max-width:760px){.b17aCvRich{font-size:16px;min-height:120px}.b17aCvMode{min-height:40px;padding:8px 14px}.b17aCvAtomEd{font-size:16px}}
.pwEyeWrap{position:relative;display:block;width:100%;min-width:0}
.pwEyeWrap > input{width:100%!important;padding-right:42px!important}
.pwEyeBtn{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:32px;height:32px;min-width:32px;min-height:32px;
display:grid;place-items:center;padding:0!important;margin:0!important;border:0!important;border-radius:8px;background:transparent!important;
color:#8e8f97;cursor:pointer;box-shadow:none!important}
.pwEyeBtn:hover,.pwEyeBtn:focus-visible{color:#e6e6ea;background:rgba(255,255,255,.08)!important}
html[data-theme="light"] .pwEyeBtn{color:#6b6b72}
html[data-theme="light"] .pwEyeBtn:hover,html[data-theme="light"] .pwEyeBtn:focus-visible{color:#111;background:#f1f1f4!important}
.pwEyeBtn svg{pointer-events:none}
input[type="password"]:not(:placeholder-shown){font-size:11px!important;letter-spacing:.18em!important;line-height:1!important}
.composerArea{container-type:inline-size;container-name:v613comp}
@container v613comp (max-width:720px){
.composer .composerInner{flex-wrap:wrap!important;row-gap:2px}
.composer .composerInner #chatInput{order:-1!important;flex:1 1 100%!important;width:100%!important;min-width:0!important}
.composerControls #sendBtn{margin-left:auto!important}
}
:root #settingsModal .settingsShell .v613Past{margin:14px 0 4px;border-top:1px solid var(--st-line);padding-top:10px}
:root #settingsModal .settingsShell .v613Past > summary{cursor:pointer;font-size:14px;color:var(--st-text);padding:4px 0;list-style-position:inside}
:root .tempChatWrap .chatActionsWrap{position:relative!important;inset:auto!important;top:auto!important;right:auto!important;
bottom:auto!important;left:auto!important;z-index:auto!important}
:root .tempChatWrap .chatActionsWrap .chatMenuBtn{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;
display:grid!important;place-items:center!important;border:1px solid transparent!important;border-radius:10px!important;
background:transparent!important;color:#c9c9c9!important;box-shadow:none!important}
:root .tempChatWrap .chatActionsWrap .chatMenuBtn:hover,:root .tempChatWrap .chatActionsWrap .chatMenuBtn:focus-visible{background:rgba(255,255,255,.08)!important;color:#fff!important}
html[data-theme="light"] .tempChatWrap .chatActionsWrap .chatMenuBtn{color:#55555c!important}
html[data-theme="light"] .tempChatWrap .chatActionsWrap .chatMenuBtn:hover{background:#f1f1f4!important;color:#111!important}
:root .tempChatWrap .chatActionsWrap .chatMenuDropdown{top:calc(100% + 6px)!important;bottom:auto!important;right:0!important;left:auto!important}
:root .tempChatWrap .chatActionsWrap .chatMenuBtn svg{pointer-events:none}
:root .entityCoreLogo,:root .sideBrand .entityCoreLogo{background:none!important;border:0!important;box-shadow:none!important;
border-radius:0!important;overflow:visible!important}
.entityCoreLogo .eaLogo{width:100%;height:100%;display:block}
.eaLogoTile{fill:#0b0b0c;stroke:rgba(255,255,255,.16);stroke-width:1.5}
.eaLogoStar{fill:#fff}
html[data-theme="light"] .eaLogoTile{fill:#fff;stroke:#e2e2e6}
html[data-theme="light"] .eaLogoStar{fill:#0b0b0c}
.sideSvg .eaSideStar{fill:none}
@media (max-width:760px){
:root body .sidebar.mobileOpen,:root body.entityMobileMenuOpen .sidebar{padding-top:calc(env(safe-area-inset-top,0px) + 12px)!important}
html.entityMobileMenuOpen #mobileMenuBtn,body.entityMobileMenuOpen #mobileMenuBtn{opacity:0!important;pointer-events:none!important}
}
.appleSignInBtn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0 0 8px;border:0;border-radius:10px;
background:#fff;color:#0b0b0c;font:600 15px -apple-system,system-ui,sans-serif;cursor:pointer}
html[data-theme="light"] .appleSignInBtn{background:#0b0b0c;color:#fff}
.appleSignInBtn:disabled{opacity:.6}
html.eaNoBuy #accountMenuUpgradeBtn,html.eaNoBuy #allowanceUpgradeBtn,html.eaNoBuy #allowancePackBtn,html.eaNoBuy #billingUpgradeBtn,
html.eaNoBuy #billingPackBtn,html.eaNoBuy #billingPortalBtn,html.eaNoBuy #entityUpgradeBtn,html.eaNoBuy #packSettingsRow,html.eaNoBuy #packSettingsBtn,
html.eaNoBuy #planManageBillingBtn,html.eaNoBuy #planPackRow,html.eaNoBuy .startProNowBtn,html.eaNoBuy .packUltimateHint,
html.eaNoBuy .upgradeCta,html.eaNoBuy .packOfferBtn,html.eaNoBuy .b16cUpBuy,html.eaNoBuy .v636Card{display:none!important}
.v618Note{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translate(-50%,8px);opacity:0;pointer-events:none;
z-index:3000;padding:10px 14px;border-radius:12px;background:#1f1f22;color:#f2f2f4;font-size:14px;transition:opacity .2s,transform .2s}
.v618Note.show{opacity:1;transform:translate(-50%,0)}
.v618Invite{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:2500;display:flex;align-items:center;gap:10px;
padding:12px 12px 12px 14px;border-radius:16px;background:#1b1b1e;border:1px solid #2e2e33;box-shadow:0 10px 30px rgba(0,0,0,.35);color:#f2f2f4}
.v618InviteText{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:13px;color:#b8b8c0}
.v618InviteText b{font-size:15px;color:#f2f2f4;font-weight:600}
.v618InviteGo{padding:9px 14px;border-radius:999px;background:#fff;color:#0b0b0c;font-weight:600;font-size:14px;text-decoration:none;white-space:nowrap}
.v618InviteNo{background:none;border:0;color:#9a9aa2;font-size:13px;padding:6px;cursor:pointer}
html[data-theme="light"] .v618Invite{background:#fff;border-color:#e2e2e6;color:#111}
html[data-theme="light"] .v618InviteText b{color:#111}
html[data-theme="light"] .v618InviteGo{background:#111;color:#fff}
@media (max-width:760px){
.b18Panel,.v592SavedPanel{padding-top:env(safe-area-inset-top,0px)!important;padding-bottom:env(safe-area-inset-bottom,0px)!important;box-sizing:border-box}
}
@media (hover:none){
:root .tempChatWrap #chatMenuBtn:hover:not(.menuOpen):not([aria-expanded="true"]),
:root .tempChatWrap #chatMenuBtn:not(.menuOpen):not([aria-expanded="true"]){background:transparent!important}
}
@media (hover:none) and (pointer:coarse){ .b17dRow:has(#b17dShortcutsBtn){display:none!important} }
#planModalShade .modalTop{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
#planModalShade .modalTop > div{flex:1 1 auto;min-width:0}
#closePlanModalBtn{flex:none}
@media (min-width:761px){
:root .sidebar{padding-top:calc(12px + env(safe-area-inset-top,0px))!important}
:root .tempChatWrap{top:calc(10px + env(safe-area-inset-top,0px))!important}
}
.v626StallRetry{margin-left:8px;background:#2f5fd8;color:#fff;border:0;border-radius:6px;padding:3px 11px;font-size:10px;font-weight:700;cursor:pointer}
.v629ToolsBox{max-width:640px;width:calc(100vw - 32px);max-height:min(80vh,720px);display:flex;flex-direction:column;gap:12px;padding:18px}
.v629ToolsHead{display:flex;align-items:center;justify-content:space-between}
.v629ToolsHead h2{margin:0;font-size:18px}
.v629ToolsX{width:40px;height:40px;border-radius:10px;border:0;background:transparent;color:inherit;font-size:22px;cursor:pointer}
.v629ToolsSearch{width:100%;min-height:42px;border-radius:12px;padding:0 12px;font-size:16px}
.v629ToolsGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;overflow:auto;padding-bottom:4px}
.v629ToolTile{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:inherit;text-align:left;cursor:pointer;font-size:14px}
.v629ToolTile:hover,.v629ToolTile:focus-visible{background:rgba(255,255,255,.07)}
html[data-theme="light"] .v629ToolTile{border-color:#e4e4e7;background:#fafafa}
html[data-theme="light"] .v629ToolTile:hover{background:#f1f1f4}
.v629ToolIcon{font-size:16px;width:20px;text-align:center;flex:0 0 auto}
.v629ToolName{flex:1 1 auto;min-width:0}
.v629ToolGate{font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px;background:rgba(124,92,255,.18);flex:0 0 auto}
.v629ToolsEmpty{grid-column:1/-1;opacity:.7;padding:12px 2px}
.v629PlanChip{margin-left:auto;font-size:10px;font-weight:700;padding:2px 6px;border-radius:6px;background:rgba(124,92,255,.18);color:#c9bcff}
html[data-theme="light"] .v629PlanChip{color:#5b3fd6!important;background:#efeaff}
.v629PlanChip[hidden]{display:none}
#v568MoreMenu .modelPickerOption[data-speed="smart"],#v568MoreMenu .modelPickerOption[data-speed="fast"]{display:none!important}
.v629OlderHead{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.55;padding:10px 12px 4px}
#billingCreditsBlock{display:none!important}
.effortPickerMenu .effHelpBtn{position:relative}
.effortPickerMenu .effHelpBtn::after{content:"";position:absolute;inset:-11px}
@media (pointer:coarse){
.catMenuBtn,.catMoreBtn,[data-cat-menu]{min-width:40px!important;min-height:40px!important}
.rmReportBtn,.rmMsgReport,.rmReport{min-width:40px!important;min-height:40px!important}
}
@media(max-width:760px){
.schoolNav{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent);padding-right:28px!important}
}
#planModalShade.v631Top{z-index:2147483220!important}
.entitySuccessToast{z-index:2147483250!important}
.batchACard,.bwCard,.b17cSheet,.b17aModalBox{max-height:calc(100dvh - 32px)}
#testPrepModal .tpModal{max-height:calc(100dvh - 16px)}
@media (max-width:760px){.bwCard{max-height:calc(100dvh - 24px)}}
html[data-theme="light"] .sideEditToggle{background:#e4e5ea;border-color:#c9cbd2}
html[data-theme="light"] .sideEditToggle::after{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25)}
html[data-theme="light"] .sideEditChoice.on .sideEditToggle{background:#111;border-color:#111}
html[data-theme="light"] .sideEditChoice.on .sideEditToggle::after{background:#fff}
html[data-theme="light"] .firstRunOption{background:#fff;border-color:#e2e2e6;color:#111}
html[data-theme="light"] .firstRunOption:hover{background:#f5f5f7;border-color:#cfd0d6}
html[data-theme="light"] .firstRunOption .fruDesc{color:#666}
.modalShade{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.sidebar{-webkit-backdrop-filter:none;backdrop-filter:none}
@media (max-width:760px){
body:not(.roomMode):not(.schoolFull):not(.entityFull) .main > .topbar{position:absolute!important;top:0;left:0;right:0;z-index:40;
background:transparent!important;border-bottom:0!important;box-shadow:none!important;pointer-events:none}
body:not(.roomMode):not(.schoolFull):not(.entityFull) .main > .topbar > *{pointer-events:auto}
body:not(.roomMode):not(.schoolFull):not(.entityFull) #chatLog{padding-top:calc(72px + env(safe-area-inset-top,0px))!important}
body:not(.roomMode):not(.schoolFull):not(.entityFull) #b8MemBar{top:calc(58px + env(safe-area-inset-top,0px));margin-top:0}
body:not(.roomMode):not(.schoolFull):not(.entityFull) .main > .topbar::before{content:"";position:absolute;left:0;right:0;top:0;
height:calc(76px + env(safe-area-inset-top,0px));z-index:-1;pointer-events:none;
background:linear-gradient(to bottom,var(--v632-page,#151515) 0,var(--v632-page,#151515) calc(env(safe-area-inset-top,0px) + 44px),transparent 100%)}
}
:root{--v632-page:#151515}
html[data-theme="light"]{--v632-page:#ffffff}
.main > .b19aJump{z-index:85}
html.v630HomeOn .b19aJump{display:none!important}
.fileChip.v632ThumbChip{position:relative;padding:0!important;width:64px;height:64px;min-width:64px;border-radius:12px;overflow:hidden;background:transparent!important}
.v632Thumb{width:100%;height:100%;object-fit:cover;display:block}
.v632ThumbChip .removeFile{position:absolute;top:4px;right:4px;width:22px;height:22px;min-height:0!important;border-radius:50%;background:rgba(0,0,0,.65)!important;color:#fff!important;font-size:14px;line-height:22px;padding:0;display:flex;align-items:center;justify-content:center;border:0}
.attachmentLine .chatAttachThumb{display:block;max-width:min(240px,70vw);max-height:260px;border-radius:14px;object-fit:cover;cursor:zoom-in;margin:0 0 6px auto}
.v636Card{position:relative;margin-top:12px;padding:14px 16px;border-radius:14px;border:1px solid #2e3140;background:#17181e;color:#ececf1;max-width:440px;box-sizing:border-box;font-family:Inter,ui-sans-serif,-apple-system,system-ui,sans-serif}
.v636Title{font-weight:700;font-size:15px;margin:0 28px 8px 0;line-height:1.3}
.v636Card ul{margin:0 0 12px;padding-left:18px;font-size:13.5px;line-height:1.5;color:#c9cad3}
.v636Card li{margin:2px 0}
.v636Row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.v636Row .primaryAction,.v636Row .secondaryAction{min-height:40px}
.v636Note{margin-top:8px;font-size:12px;color:#9a9ba6}
.v636X{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;border:0;background:transparent;color:#9a9ba6;font-size:20px;line-height:30px;cursor:pointer}
.v636X:hover{background:rgba(255,255,255,.08);color:#fff}
.v636Shade{align-items:center;justify-content:center;padding:16px;z-index:2147483100}
.v636Shade .v636Card{width:min(440px,100%);margin:0;box-shadow:0 24px 80px rgba(0,0,0,.55)}
.v636Nudge{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--composerH,190px) + 16px + env(safe-area-inset-bottom,0px));z-index:80;width:min(440px,calc(100vw - 32px))}
.v636Nudge .v636Card{margin:0;box-shadow:0 14px 40px rgba(0,0,0,.4)}
html[data-theme="light"] .v636Card{background:#fff;border-color:#e2e2e6;color:#15161a}
html[data-theme="light"] .v636Card ul{color:#3b3d44}
html[data-theme="light"] .v636Note,html[data-theme="light"] .v636X{color:#6b6e77}
html[data-theme="light"] .v636X:hover{background:#f1f1f4;color:#111}
.mobileSidebarShade,#mobileSidebarShade,#settingsModal .settingsFooter,.entityWake,.ePanel,.eTab,.entityExit,.entityLocked{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
@media (max-width:760px){#mobileSidebarShade{background:rgba(0,0,0,.66)!important}}
html:not([data-theme="light"]) #settingsModal .settingsFooter{background:linear-gradient(180deg,rgba(10,10,10,.94),#0d0d0d 28%)!important}
.entityWake{background:rgba(40,22,4,.86)}
.entityExit{background:rgba(34,18,3,.86)}
.ePanel{background:rgba(26,14,2,.88)}
.eTab{background:rgba(34,18,3,.88)}
.entityLocked{background:rgba(2,8,16,.9)}
.r9JobsDot{position:relative;box-shadow:none;animation:none}
.r9JobsDot::after{content:'';position:absolute;inset:0;border-radius:50%;background:rgba(59,130,246,.55);pointer-events:none;will-change:transform,opacity;animation:b4JobsRing 1.6s ease-out infinite}
@keyframes b4JobsRing{0%{transform:scale(1);opacity:1}70%{transform:scale(2.75);opacity:0}100%{transform:scale(2.75);opacity:0}}
@media (prefers-reduced-motion:reduce){.r9JobsDot::after{animation:none;opacity:0}}
.b5RecentsBar{display:flex;flex-wrap:wrap;gap:5px;padding:6px 8px 4px}
.b5TagChip{border:1px solid rgba(255,255,255,.12);background:transparent;color:inherit;border-radius:999px;padding:3px 9px;font-size:12px;line-height:1.3;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b5TagChip:hover,.b5TagChip:focus-visible{background:rgba(255,255,255,.07)}
.b5TagChip.on{background:rgba(124,92,255,.22);border-color:rgba(124,92,255,.55)}
.b5TagChip.b5ArchLink{opacity:.75}
.b5QueueChip{display:flex;align-items:center;gap:8px;margin:0 0 6px;padding:6px 8px 6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.04);font-size:13px;min-width:0}
.b5QueueLabel{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;opacity:.8;flex:0 0 auto}
.b5QueueText{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.9}
.b5QueueBtn{flex:0 0 auto;border:1px solid rgba(255,255,255,.14);background:transparent;color:inherit;border-radius:8px;padding:4px 9px;font-size:12px;cursor:pointer;min-height:30px}
.b5QueueBtn.b5QueueX{border-color:transparent;font-size:16px;padding:2px 8px}
.b5Unsure{display:inline-flex;align-items:center;margin:8px 0 2px;padding:2px 9px;border-radius:999px;border:1px solid rgba(240,180,60,.45);background:rgba(240,180,60,.10);color:#f0c46a;font-size:11px;font-weight:700;cursor:pointer}
.b5UnsureWhy{margin:4px 0 2px;font-size:12px;line-height:1.45;opacity:.85}
.b5SheetBox{max-width:520px;width:calc(100vw - 32px);max-height:min(82vh,760px);display:flex;flex-direction:column;gap:10px;padding:18px}
.b5SheetBox.b5SheetWide{max-width:1040px}
.b5SheetHead{display:flex;align-items:center;justify-content:space-between;gap:8px}
.b5SheetHead h2{margin:0;font-size:18px}
.b5SheetX,.b5CiteX{width:40px;height:40px;border-radius:10px;border:0;background:transparent;color:inherit;font-size:22px;cursor:pointer;flex:0 0 auto}
.b5SheetBody{overflow:auto;display:flex;flex-direction:column;gap:10px;min-height:0}
.b5SheetLead{margin:0;font-size:13px;opacity:.8;line-height:1.45}
.b5SheetFoot{display:flex;justify-content:flex-end}
.b5ArchList,.b5ModelList{display:flex;flex-direction:column;gap:6px}
.b5ArchRow{display:flex;align-items:center;gap:8px}
.b5ArchTitle,.b5ModelRow{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:inherit;border-radius:10px;padding:10px 12px;min-height:44px;cursor:pointer;font-size:14px;overflow:hidden;text-overflow:ellipsis}
.b5ArchTitle:hover,.b5ModelRow:hover{background:rgba(255,255,255,.07)}
.b5ModelRow.locked{opacity:.6}
.b5ArchTags{font-size:12px;opacity:.7}
.b5ArchUn{flex:0 0 auto}
.b5TagEdit{display:flex;flex-wrap:wrap;gap:6px}
.b5TagPill{display:inline-flex;align-items:center;gap:2px;padding:3px 4px 3px 10px;border-radius:999px;background:rgba(124,92,255,.2);font-size:13px}
.b5TagPillX{border:0;background:transparent;color:inherit;font-size:15px;cursor:pointer;padding:0 6px;min-height:26px}
.b5TagNone{font-size:13px;opacity:.7}
.b5TagInput{width:100%;min-height:42px;border-radius:10px;padding:0 12px;font-size:16px}
.b5TagSugg{display:flex;flex-wrap:wrap;gap:5px;align-items:center}
.b5TagSuggHead{font-size:12px;opacity:.7;margin-right:2px}
.b5CmpGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:0}
.b5CmpCol{display:flex;flex-direction:column;gap:8px;min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px}
.b5CmpSel{min-height:38px;border-radius:8px;font-size:14px;max-width:100%}
.b5CmpQ{font-size:12px;opacity:.75}
.b5CmpBody{font-size:14px;line-height:1.55;overflow-wrap:anywhere;flex:1 1 auto}
.b5CmpUse{align-self:flex-start}
.b5CitePop{position:fixed;z-index:4000;padding:12px 12px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#141416;color:#eceef2;box-shadow:0 10px 30px rgba(0,0,0,.45);font-size:13px}
.b5CitePop .b5CiteX{position:absolute;top:2px;right:2px;width:34px;height:34px;font-size:18px}
.b5CiteHead{font-weight:700;padding-right:30px;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b5CiteQuote{margin:0 0 6px;padding:0 0 0 10px;border-left:3px solid rgba(124,92,255,.6);line-height:1.5}
.b5CiteQuote mark{background:rgba(240,200,80,.28);color:inherit;border-radius:3px;padding:0 2px}
.b5CiteNote{font-size:11px;opacity:.65;margin-bottom:6px}
.b5CiteOpen{font-size:13px;font-weight:600}
@media (max-width:700px){.b5CmpGrid{grid-template-columns:1fr}.b5QueueChip{flex-wrap:wrap}.b5QueueText{flex-basis:100%;order:3;white-space:normal}}
html[data-theme="light"] .b5TagChip{border-color:#dcdce2}
html[data-theme="light"] .b5TagChip:hover{background:#f1f1f4}
html[data-theme="light"] .b5TagChip.on{background:#ece6ff;border-color:#b9a6ff;color:#3d2a9c}
html[data-theme="light"] .b5QueueChip{background:#f7f7f9;border-color:#e2e2e6}
html[data-theme="light"] .b5QueueBtn{border-color:#dcdce2}
html[data-theme="light"] .b5Unsure{color:#8a5a00;background:#fff4dc;border-color:#f0cf87}
html[data-theme="light"] .b5ArchTitle,html[data-theme="light"] .b5ModelRow{background:#fafafa;border-color:#e4e4e7}
html[data-theme="light"] .b5ArchTitle:hover,html[data-theme="light"] .b5ModelRow:hover{background:#f1f1f4}
html[data-theme="light"] .b5TagPill{background:#ece6ff;color:#3d2a9c}
html[data-theme="light"] .b5CmpCol{border-color:#e4e4e7}
html[data-theme="light"] .b5CitePop{background:#fff;color:#16161a;border-color:#e2e2e6;box-shadow:0 10px 30px rgba(0,0,0,.12)}
html[data-theme="light"] .b5CiteQuote mark{background:#fff0b8}
.richAnswer .hwCard.hwHintOnly:not(.hwHintTwo) .hwHint2{display:none}
.spBox{max-width:640px;width:calc(100vw - 32px);max-height:min(84vh,760px);display:flex;flex-direction:column;gap:10px;padding:18px;box-sizing:border-box;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-line);border-radius:var(--ui-r-xl);box-shadow:var(--ui-sh-3)}
.spBox [hidden]{display:none!important}
.spHead{display:flex;align-items:center;justify-content:space-between;gap:8px}
.spTitle{margin:0;font-size:18px}
.spX{width:40px;height:40px;border-radius:10px;border:0;background:transparent;color:inherit;font-size:22px;cursor:pointer;flex:0 0 auto}
.spSub{font-size:13px;color:var(--muted);line-height:1.45}
.spBody{display:flex;flex-direction:column;gap:10px;overflow:auto;min-height:0}
.spNote{font-size:13px;color:var(--muted);min-height:1em}
.spNote:empty{display:none}
.spLabel{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.spRow{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.spInput{width:100%;box-sizing:border-box;min-height:40px;border-radius:10px;border:1px solid var(--border);background:var(--panel2);color:var(--text);padding:8px 10px;font:inherit;font-size:15px}
.spEmpty{padding:14px 2px;color:var(--muted);font-size:14px;line-height:1.45}
.spNbPane{display:flex;flex-direction:column;gap:14px}
.spNbGroup{display:flex;flex-direction:column;gap:8px}
.spNbHead{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.spNbName{margin:0;font-size:15px;flex:1 1 auto;min-width:0}
.spNbCount{font-size:12px;color:var(--muted)}
.spNbItem{border:1px solid var(--border);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;background:rgba(255,255,255,.02)}
.spNbItem.isFixed{opacity:.75}
.spNbQ{font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.spNbMeta{font-size:12px;color:var(--muted)}
.spNbActs{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.spNbSort{width:auto;min-height:34px;font-size:13px;padding:4px 8px;max-width:100%}
.spNbRetry{display:flex;flex-direction:column;gap:6px}
.spNbKey{font-size:14px;padding:8px 10px;border-radius:10px;background:rgba(80,200,120,.1);white-space:pre-wrap}
.spNbSum{cursor:pointer;font-size:13px;color:var(--muted);padding:4px 0}
.spNbDone .spNbItem{margin-top:6px}
.spSwitchRow{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}
.spCheck{width:18px;height:18px}
.spWordDef{white-space:pre-wrap;line-height:1.4}
.spSliders{display:flex;flex-direction:column;gap:6px;margin:6px 0 12px;padding:10px 12px;border:1px solid var(--border);border-radius:12px}
.spSlider{display:flex;align-items:center;gap:10px}
.spSliderName{font-family:ui-monospace,Menlo,monospace;font-size:13px;min-width:74px}
.spRange{flex:1 1 auto;min-width:0}
.spSliderReset{align-self:flex-end;min-height:32px;font-size:12px}
.spVocabLine{margin-top:8px;font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
.spLinkBtn{border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;font-size:12px;padding:2px 0}
.spGmOn{position:relative}
.spGmOn .spGmTa.spGmTa{background:transparent!important;position:relative;z-index:1}
.spGmBack{position:absolute;z-index:0;box-sizing:border-box;overflow:hidden;white-space:pre-wrap;overflow-wrap:break-word;word-wrap:break-word;color:transparent;pointer-events:none;background:#141417;border-radius:10px}
.spGm{background:none;color:transparent;text-decoration:underline wavy #e5484d;text-decoration-skip-ink:none;text-underline-offset:3px}
.spGmSpelling{text-decoration-color:#e5484d}
.spGmPunct{text-decoration-color:#e0a030}
.spGmGrammar{text-decoration-color:#4a8df0}
.spGmList{margin-top:6px}
.spGmSum{cursor:pointer;font-size:13px;color:var(--muted);padding:2px 0}
.spGmRow{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13px;padding:4px 0;border-top:1px solid var(--border)}
.spGmWords{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.spGmWhy{color:var(--muted);font-size:12px}
.spLangChip{display:flex;align-items:center;gap:8px;margin:0 auto 6px;max-width:760px;padding:6px 10px;border-radius:12px;border:1px solid var(--border);font-size:12px;box-sizing:border-box;width:calc(100% - 16px)}
.spLangText{flex:1 1 auto;min-width:0}
.spLangX{border:0;background:transparent;color:inherit;font-size:18px;cursor:pointer;width:32px;height:32px;flex:0 0 auto}
.richAnswer .spTbLevel{display:inline-block;padding:4px 10px;border-radius:999px;font-weight:600}
.richAnswer .spTb-strong{background:rgba(80,200,120,.16)}
.richAnswer .spTb-mid{background:rgba(224,160,48,.16)}
.richAnswer .spTb-low{background:rgba(229,72,77,.14)}
.richAnswer .spLangFix{border-left:3px solid #4a8df0;padding:6px 10px 6px 26px;border-radius:0 10px 10px 0;background:rgba(74,141,240,.08)}
.richAnswer .spProofStep{line-height:1.55}
html[data-theme="light"] .spNbItem{background:#fafafa;border-color:#e4e4e7}
html[data-theme="light"] .spInput{background:#fff;border-color:#d9d9de;color:#15161a}
html[data-theme="light"] .spGmBack{background:#fafafc}
html[data-theme="light"] .spSliders,html[data-theme="light"] .spLangChip{border-color:#e4e4e7}
.b7Box{max-width:680px;width:calc(100vw - 32px);max-height:min(88vh,860px);display:flex;flex-direction:column;gap:10px;padding:18px;overflow:hidden;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-line);border-radius:var(--ui-r-xl);box-shadow:var(--ui-sh-3)}
.b7Head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.b7Head h2{margin:0;font-size:18px}
.b7Sub{margin:4px 0 0;font-size:13px;opacity:.75}
.b7X{width:40px;height:40px;flex:0 0 auto;border-radius:10px;border:0;background:transparent;color:inherit;font-size:22px;cursor:pointer}
.b7Body{overflow:auto;display:flex;flex-direction:column;gap:10px;min-height:0;padding-bottom:4px}
.b7Row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.b7Between{justify-content:space-between}
.b7Acts{margin-top:2px}
.b7Btn{min-height:40px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:inherit;font:inherit;font-size:14px;cursor:pointer}
.b7Btn:hover,.b7Btn:focus-visible{background:rgba(255,255,255,.09)}
.b7Btn:disabled{opacity:.55;cursor:default}
.b7Pri{background:#7c5cff;border-color:#7c5cff;color:#fff}
.b7Pri:hover,.b7Pri:focus-visible{background:#6a4ae8}
.b7Small{min-height:34px;padding:0 12px;font-size:13px;flex:0 0 auto}
.b7Chips{display:flex;flex-wrap:wrap;gap:6px}
.b7Chip{min-height:34px;padding:0 12px;border-radius:17px;border:1px solid rgba(255,255,255,.14);background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer}
.b7Chip.isOn{background:rgba(124,92,255,.22);border-color:rgba(124,92,255,.6)}
.b7CharChip{font-size:18px;min-width:40px}
.b7Input{flex:1 1 180px;min-height:42px;border-radius:12px;padding:0 12px;font-size:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:inherit}
.b7CharIn{flex:0 0 72px;text-align:center;font-size:24px}
.b7Note{font-size:14px;min-height:1.2em}
.b7Note .b7Btn{margin-left:8px}
.b7Muted{margin:0;font-size:13px;opacity:.72}
.b7Strong{margin:0 0 4px;font-weight:600}
.b7Tips{margin:4px 0;padding-left:20px}
.b7Empty{opacity:.7;padding:10px 2px;font-size:14px}
.b7Credit{margin:0;font-size:12px;opacity:.65}
.b7Credit a{color:inherit}
.b7H3{margin:6px 0 0;font-size:14px;font-weight:600;opacity:.85}
.b7FormPane{display:flex;flex-direction:column;gap:8px}
.b7FormPane[hidden]{display:none}
.b7FormSearch{width:100%;min-height:40px;border-radius:10px;padding:0 10px;font-size:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:inherit}
.b7FormList{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow:auto}
.b7FormGroup{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.65;margin-top:4px}
.b7FormRow{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07)}
.b7FormMain{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.b7FormName{font-size:13px;font-weight:600}
.b7FormTex{font-size:15px;overflow-x:auto;overflow-y:hidden;max-width:100%}
.b7FormVal{font-variant-numeric:tabular-nums}
.b7FormVars{font-size:12px;opacity:.7}
.b7FormSym{margin-right:4px}
.b7HwWrap{width:100%;border-radius:12px;overflow:hidden;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.b7HwCanvas{display:block;touch-action:none;cursor:crosshair}
.b7HwGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.b7HwSquare{aspect-ratio:1/1}
.b7HwDemoWrap{aspect-ratio:1/1;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}
.b7HwDemo{width:100%;height:100%}
.b7HwStroke{fill:none;stroke:#b9a8ff;stroke-linecap:round;stroke-linejoin:round}
.b7HwNum{fill:#E69F00;font-weight:700}
.b7BatList{display:flex;flex-direction:column;gap:6px}
.b7BatRow{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:inherit;font:inherit;text-align:left;cursor:pointer}
.b7BatRow:hover,.b7BatRow:focus-visible{background:rgba(255,255,255,.07)}
.b7BatText{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.b7BatName{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b7BatLine{font-size:12px;opacity:.7}
.b7BatBest{flex:0 0 auto;font-size:12px;font-weight:600;padding:3px 8px;border-radius:8px;background:rgba(124,92,255,.18);font-variant-numeric:tabular-nums}
.b7Ghost{display:flex;flex-direction:column;gap:4px;font-size:13px}
.b7GhostRace.isAhead{color:#2fbf71}
.b7GhostRace.isBehind{color:#f5a524}
.b7GhostBars{display:flex;flex-direction:column;gap:3px}
.b7GhostBar{height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}
.b7GhostFill{height:100%;border-radius:3px;background:#7c5cff;transition:width .3s ease}
.b7GhostBar.isBest .b7GhostFill{background:#8a8f98}
@media (max-width:560px){.b7HwGrid{grid-template-columns:1fr}.b7HwDemoWrap{max-width:200px;width:100%;justify-self:center}.b7Box{padding:14px;width:calc(100vw - 16px)}}
html[data-theme="light"] .b7Btn,html[data-theme="light"] .b7Chip,html[data-theme="light"] .b7Input,html[data-theme="light"] .b7FormSearch{border-color:#dcdce2;background:#fff}
html[data-theme="light"] .b7Btn:hover,html[data-theme="light"] .b7Chip:hover{background:#f1f1f4}
html[data-theme="light"] .b7Pri{background:#6a4ae8;border-color:#6a4ae8;color:#fff}
html[data-theme="light"] .b7Chip.isOn{background:#e7e0ff;border-color:#b9a8ff}
html[data-theme="light"] .b7FormRow,html[data-theme="light"] .b7BatRow,html[data-theme="light"] .b7HwWrap,html[data-theme="light"] .b7HwDemoWrap{background:#fafafa;border-color:#e4e4e7}
html[data-theme="light"] .b7BatRow:hover{background:#f1f1f4}
html[data-theme="light"] .b7HwStroke{stroke:#5b3fd6}
html[data-theme="light"] .b7GhostBar{background:#e4e4e7}
html[data-theme="light"] .b7GhostRace.isAhead{color:#1a8f52}
html[data-theme="light"] .b7GhostRace.isBehind{color:#b86e00}
.b9fShade{position:fixed;inset:0;z-index:9300;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;background:var(--ui-shade)}
.b9fCard{width:min(560px,100%);max-height:min(88vh,860px);display:flex;flex-direction:column;box-sizing:border-box;border-radius:var(--ui-r-lg);background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-line);box-shadow:var(--ui-sh-3)}
.b9fCard.b9fWide{width:min(760px,100%)}
.b9fHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 16px 10px;border-bottom:1px solid var(--ui-line)}
.b9fTitle{margin:0;font-size:var(--ui-fs-lg);font-weight:var(--ui-fw-semi)}
.b9fSub{margin-top:4px;font-size:var(--ui-fs-sm);color:var(--ui-text-2);line-height:1.45}
.b9fX{flex:none;width:36px;height:36px;border:0;border-radius:var(--ui-r-sm);background:transparent;color:var(--ui-text-2);font-size:20px;cursor:pointer}
.b9fX:hover{background:var(--ui-hover);color:var(--ui-text)}
.b9fBody{padding:14px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;overflow-wrap:anywhere}
.b9fStatus{padding:0 16px 14px;font-size:var(--ui-fs-sm);color:var(--ui-text-2);min-height:1em}
.b9fStatus.b9fBad{color:var(--ui-danger)}
.b9fRow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.b9fB{width:auto;align-self:flex-start;min-height:40px;padding:0 14px;border-radius:var(--ui-r-sm);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.b9fB:disabled{opacity:.55;cursor:default}
.b9fHint{font-size:var(--ui-fs-sm);color:var(--ui-text-2);line-height:1.45}
.b9fSeg{display:flex;flex-wrap:wrap;gap:4px;padding:3px;border:1px solid var(--ui-line);border-radius:var(--ui-r-pill);align-self:flex-start;max-width:100%;box-sizing:border-box}
.b9fSegBtn{border:0;background:transparent;color:var(--ui-text-2);padding:7px 12px;border-radius:var(--ui-r-pill);font-size:var(--ui-fs-sm);cursor:pointer;min-height:34px}
.b9fSegBtn.on{background:var(--ui-pri-bg);color:var(--ui-pri-fg)}
.b9fFiles{display:flex;flex-direction:column;gap:6px}
.b9fFileRow{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--ui-line);border-radius:var(--ui-r-sm);background:var(--ui-surface-2)}
.b9fFileName{flex:1;min-width:0;font-size:var(--ui-fs-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b9fFileSize{font-size:var(--ui-fs-xs);color:var(--ui-text-3);flex:none}
.b9fMini{flex:none;min-width:32px;height:32px;border:1px solid var(--ui-line);border-radius:var(--ui-r-sm);background:transparent;color:var(--ui-text-2);cursor:pointer}
.b9fMini:hover{background:var(--ui-hover);color:var(--ui-text)}
.b9fMini:disabled{opacity:.4;cursor:default}
.b9fWordBtn{padding:0 10px;font-size:var(--ui-fs-xs)}
.b9fSkipped{font-size:var(--ui-fs-sm);color:var(--ui-text-2)}
.b9fSkipped summary{cursor:pointer;padding:4px 0}
.b9fSkipRow{padding:2px 0 2px 12px;font-size:var(--ui-fs-xs)}
.b9fDone{font-size:var(--ui-fs-md);font-weight:var(--ui-fw-semi)}
.b9fField{display:flex;flex-direction:column;gap:6px}
.b9fFieldLabel{font-size:var(--ui-fs-sm);color:var(--ui-text-2)}
.b9fFieldInput{width:100%;box-sizing:border-box;min-height:40px;padding:8px 10px;border:1px solid var(--ui-line);border-radius:var(--ui-r-sm);background:var(--ui-surface-2);color:var(--ui-text);font:inherit;font-size:15px}
textarea.b9fFieldInput{resize:vertical}
input[type="checkbox"].b9fFieldInput{width:22px;min-height:22px;height:22px;align-self:flex-start}
.b9fFields{display:flex;flex-direction:column;gap:12px}
.b9fPages{display:flex;flex-direction:column;gap:14px;align-items:stretch}
.b9fPage{position:relative;width:100%;background:#fff;color:#111;border:1px solid var(--ui-line);border-radius:4px;overflow:hidden;box-shadow:var(--ui-sh-1);user-select:none;-webkit-user-select:none}
.b9fPageImg{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.b9fRuns{position:absolute;inset:0;pointer-events:none}
.b9fRun{position:absolute;white-space:pre;overflow:visible;line-height:1;color:#1b1b1b;font-family:Helvetica,Arial,sans-serif;transform-origin:0 0}
.b9fPageNote{position:absolute;left:8%;right:8%;top:45%;text-align:center;font-size:13px;color:#6b6b6b}
.b9fFieldBox{position:absolute;box-sizing:border-box;border:1.5px solid #2563eb;background:rgba(37,99,235,.10);border-radius:2px;color:#1d4ed8;font-size:10px;font-weight:700;padding:0 2px;text-align:left;line-height:1;cursor:pointer;min-width:14px;min-height:12px}
.b9fResult{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.b9fResultImg{max-width:100%;max-height:420px;border:1px solid var(--ui-line);border-radius:4px;background:#fff}
.b9fTableWrap{overflow:auto;max-height:50vh;border:1px solid var(--ui-line);border-radius:var(--ui-r-sm)}
.b9fTable{border-collapse:collapse;font-size:var(--ui-fs-sm);min-width:100%}
.b9fTable th,.b9fTable td{border:1px solid var(--ui-line);padding:6px 8px;text-align:left;vertical-align:top;min-width:48px}
.b9fTable th{background:var(--ui-table-head);font-weight:var(--ui-fw-semi)}
.b9fScanEditor{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.b9fScanEditor:empty{display:none}
.b9fCropWrap{position:relative;max-width:100%;touch-action:none}
.b9fCropCanvas{display:block;border-radius:4px}
.b9fHandle{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:2px solid #fff;background:#5b8cff;box-shadow:0 1px 4px rgba(0,0,0,.5);cursor:grab;touch-action:none;padding:0}
.b9fHandle:focus-visible{outline:3px solid var(--ui-focus);outline-offset:2px}
.b9fScanPages{display:flex;flex-wrap:wrap;gap:10px}
.b9fScanPages:empty{display:none}
.b9fScanThumb{position:relative;width:96px;display:flex;flex-direction:column;gap:4px;align-items:center}
.b9fScanThumb img{width:96px;height:124px;object-fit:cover;border:1px solid var(--ui-line);border-radius:4px;background:#fff}
.b9fScanThumb .b9fMini{position:absolute;top:4px;right:4px;background:var(--ui-surface);min-width:26px;height:26px}
.b9fScanNo{font-size:var(--ui-fs-xs);color:var(--ui-text-2)}
.b9fAnnCard{width:min(900px,100%)}
.b9fAnnBar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;position:sticky;top:-14px;z-index:3;background:var(--ui-surface);padding:6px 0}
.b9fColors{display:flex;gap:6px}
.b9fColor{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}
.b9fColor.on{border-color:var(--ui-text)}
.b9fC-yellow{background:rgba(255,230,51,.45)}
.b9fC-green{background:rgba(140,230,115,.45)}
.b9fC-blue{background:rgba(140,205,255,.5)}
.b9fC-pink{background:rgba(255,158,209,.5)}
.b9fColor.b9fC-yellow{background:#ffe633}.b9fColor.b9fC-green{background:#8ce673}.b9fColor.b9fC-blue{background:#8ccdff}.b9fColor.b9fC-pink{background:#ff9ed1}
.b9fDrawing .b9fPage{touch-action:none;cursor:crosshair}
.b9fMarks{position:absolute;inset:0;pointer-events:none}
.b9fMark{position:absolute;border:0;padding:0;margin:0;pointer-events:auto;cursor:pointer;mix-blend-mode:multiply;border-radius:1px}
.b9fGhost{pointer-events:none}
.b9fNotePin{width:20px;height:20px;border-radius:50% 50% 50% 2px;font-size:11px;font-weight:700;color:#111;mix-blend-mode:normal;box-shadow:0 1px 3px rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center}
.b9fNotePin.b9fC-yellow{background:#ffe633}.b9fNotePin.b9fC-green{background:#8ce673}.b9fNotePin.b9fC-blue{background:#8ccdff}.b9fNotePin.b9fC-pink{background:#ff9ed1}
.b9fNoteEdit{position:absolute;z-index:4;width:min(260px,70%);display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:var(--ui-r-sm);background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-line);box-shadow:var(--ui-sh-2);pointer-events:auto;user-select:text;-webkit-user-select:text}
.b9fRecent{display:flex;flex-direction:column;gap:6px}
@media (max-width:760px){
.b9fShade{align-items:flex-end;padding:0}
.b9fCard,.b9fCard.b9fWide,.b9fAnnCard{width:100%;max-height:94vh;border-radius:var(--ui-r-lg) var(--ui-r-lg) 0 0;border-bottom:0;padding-bottom:var(--ui-safe-b)}
.b9fB,.b9fX,.b9fSegBtn,.b9fMini{min-height:44px}
.b9fMini{min-width:44px}
.b9fAnnBar{top:-14px}
}
html[data-theme="light"] .b9fPage{border-color:#d4d4d8}
html[data-theme="light"] .b9fFileRow{background:#f7f7f8}
html[data-theme="light"] .b9fFieldInput{background:#f7f7f8!important;color:#0d0d0d!important;border-color:#e5e5e5!important}
.b10Card{margin:4px 0 14px}
.b10CardHead{display:flex;align-items:center;gap:8px;margin:6px 0 4px}
.b10CardName{font-weight:600;font-size:14.5px}
.b10Lead{margin:0 0 8px}
.b10Acts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.b10Form{display:flex;flex-direction:column;gap:8px;margin-top:8px;max-width:460px}
.b10Form .primaryAction{align-self:flex-start}
.b10Steps{margin:0;padding-left:20px;font-size:13px;line-height:1.5;color:#b9bac4}
.b10Steps li{margin:2px 0}
.b10Input,.b10Select,.b10Text{width:100%;box-sizing:border-box;min-height:40px}
.b10Text{min-height:110px;resize:vertical;font:inherit;padding:8px 10px}
.b10Items{margin-top:8px}
.b10List{margin:0;padding-left:18px;font-size:13px;line-height:1.5;max-height:320px;overflow:auto}
.b10List li{margin:3px 0}
.b10Mail{list-style:none;margin:0 0 10px -18px;padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.04)}
.b10MailTop{font-size:12px;color:#9a9ba6}
.b10MailSub{font-weight:600;margin:2px 0}
.b10Link{color:#8ab4f8;font-size:13px}
.b10Practice{margin-top:8px}
.b10Msg:empty{display:none}
.b10Return{margin:0 0 10px}
.b10Shade{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px;z-index:2147483000}
.b10Sheet{position:relative;width:min(420px,100%);max-height:calc(100vh - 32px);overflow:auto;box-sizing:border-box;padding:18px 16px 14px;border-radius:16px;background:#1c1c1f;color:#ececf1;border:1px solid #2e3140;box-shadow:0 24px 80px rgba(0,0,0,.5)}
.b10SheetTitle{font-weight:700;font-size:16px;margin:0 30px 2px 0}
.b10SheetSub{font-size:12.5px;color:#9a9ba6;margin:0 30px 12px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b10X{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;border:0;background:transparent;color:#9a9ba6;font-size:20px;cursor:pointer}
.b10X:hover{background:rgba(255,255,255,.08);color:#fff}
.b10Opts{display:flex;flex-direction:column;gap:8px}
.b10Opt{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;padding:10px 12px;min-height:48px;border-radius:12px;border:1px solid #2e3140;background:#232327;color:inherit;cursor:pointer}
.b10Opt:hover{background:#2a2a30}
.b10Opt:disabled{opacity:.6}
.b10OptName{font-weight:600;font-size:14px}
.b10OptSub{font-size:12px;color:#9a9ba6}
html[data-theme="light"] .b10Steps{color:#4a4c55}
html[data-theme="light"] .b10Mail{background:#f4f4f6}
html[data-theme="light"] .b10MailTop,html[data-theme="light"] .b10SheetSub,html[data-theme="light"] .b10OptSub,html[data-theme="light"] .b10X{color:#6b6e77}
html[data-theme="light"] .b10Link{color:#1a5fb4}
html[data-theme="light"] .b10Sheet{background:#fff;color:#15161a;border-color:#e2e2e6}
html[data-theme="light"] .b10Opt{background:#f6f6f7;border-color:#e2e2e6}
html[data-theme="light"] .b10Opt:hover{background:#ececef}
html[data-theme="light"] .b10X:hover{background:#f1f1f4;color:#111}
.b10Sheet{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-line);box-shadow:var(--ui-sh-3)}
html[data-theme="light"] .b10Sheet{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-line)}
.spSeg{display:flex;flex-wrap:wrap;gap:4px;padding:3px;border-radius:12px;background:var(--ui-surface-2);border:1px solid var(--ui-line);align-self:flex-start}
.spSegBtn{min-height:36px;padding:0 14px;border-radius:9px;border:0;background:transparent;color:var(--ui-text-2);font:inherit;font-size:14px;cursor:pointer}
.spSegBtn.isOn{background:var(--ui-raised);color:var(--ui-text);box-shadow:var(--ui-sh-1)}
.b7Seg{display:flex;flex-wrap:wrap;gap:4px;padding:3px;border-radius:12px;background:var(--ui-surface-2);border:1px solid var(--ui-line);align-self:flex-start}
.b7SegBtn{min-height:36px;padding:0 14px;border-radius:9px;border:0;background:transparent;color:var(--ui-text-2);font:inherit;font-size:14px;cursor:pointer}
.b7SegBtn.isOn{background:var(--ui-raised);color:var(--ui-text);box-shadow:var(--ui-sh-1)}
.b10OptGroup{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ui-text-3);margin:10px 2px 2px}
.bbChapterBar{padding:4px 8px!important;gap:4px 6px!important;margin:0 0 2px!important}
.bbChapterToggle{min-height:24px!important;padding:2px 8px!important;font-size:12px!important}
.bbChapterChip{min-height:24px!important;padding:2px 9px!important;font-size:12px!important;max-width:200px!important}
.v640ScrHidden{display:none!important}
.v640ScrHint{border:1px solid var(--ui-line,rgba(255,255,255,.14));border-radius:12px;padding:8px 12px 10px;margin:2px 0 8px}
.v640ScrHint p{margin:4px 0 8px}
.v640ScrCheck{align-self:center;font-size:12px;color:var(--ui-text-2,#aaa)}
.v640ShotPick{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap}
html[data-theme="light"] .v640ScrHint{border-color:rgba(0,0,0,.14)}
html[data-theme="light"] .v640ScrCheck{color:#555}
.v641CamGuide[hidden],.v641CamPaused[hidden],.v641CamBtn[hidden],.v641CamZoom[hidden],.v641CamHint[hidden],.v641Live[hidden],
.v641LiveNote[hidden],.v641LivePaused[hidden],.v641LiveStyles[hidden],.v641LiveBtn[hidden],.v641LiveBox[hidden]{display:none!important}
.v641CamStage{position:relative;flex:0 0 auto;line-height:0}
#cameraPreview.v641Mirror,.v641LiveVid.v641Mirror{transform:scaleX(-1)}
.v641CamCrop{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.v641CamStage.v641Cropping .v641CamCrop{pointer-events:auto;cursor:crosshair;touch-action:none}
.v641CamGuide{position:absolute;inset:9% 7%;border:2px dashed rgba(255,255,255,.75);border-radius:10px;pointer-events:none;display:flex;align-items:flex-start;justify-content:center}
.v641CamGuideTx{margin-top:-11px;padding:3px 8px;border-radius:6px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;line-height:1.3}
.v641CamPaused{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(5,8,22,.85);border-radius:8px}
.v641CamResume{border:0;background:transparent;color:#dce8ff;font-size:9px;font-weight:700;line-height:1.25;padding:4px;cursor:pointer}
.v641CamTools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px}
.v641CamBtn{min-height:30px;border:0;background:#172647;color:#dce8ff;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:650;cursor:pointer}
.v641CamBtn[aria-pressed="true"]{background:#3d6bff;color:#fff}
.v641CamZoom{flex:1 1 120px;min-width:100px;accent-color:#7c9fff}
.v641CamHint{margin-top:6px;font-size:12px;line-height:1.4;color:#9fb2d4}
#cameraPreviewCard.v641Big{flex-direction:column;align-items:stretch}
#cameraPreviewCard.v641Big .v641CamStage{width:100%;max-width:560px;margin:0 auto;aspect-ratio:4/3;background:#050816;border-radius:10px;overflow:hidden}
#cameraPreviewCard.v641Big #cameraPreview.v641CamVid{width:100%;height:100%;object-fit:contain;border:0;border-radius:0}
#cameraPreviewCard.v641Big .v641CamResume{font-size:15px;padding:12px 18px;border-radius:999px;background:#fff;color:#111}
@media (max-width:600px){#cameraPreviewCard.v641Big .v641CamStage{aspect-ratio:3/4;max-width:none;max-height:68vh}}
html[data-theme="light"] .v641CamBtn{background:#eef0f3;color:#16161a}
html[data-theme="light"] .v641CamBtn[aria-pressed="true"]{background:#16161a;color:#fff}
html[data-theme="light"] .v641CamHint{color:#555}
html.v641LiveOn{overflow:hidden}
html.v641LiveOn .b17cBoxCard{z-index:2147482500;top:calc(64px + env(safe-area-inset-top,0px));bottom:auto}
.v641Live{position:fixed;inset:0;z-index:2147482000;background:#050506;color:#fff;overflow:hidden;font-size:14px}
.v641Live:focus{outline:none}
.v641LiveVid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#050506}
.v641LiveTop{position:absolute;left:0;right:0;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:10px;
padding:calc(12px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) 14px calc(16px + env(safe-area-inset-left,0px));background:linear-gradient(rgba(0,0,0,.6),transparent)}
.v641LiveState{display:flex;align-items:center;gap:8px;min-width:0;font-size:15px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.8)}
.v641LiveState::before{content:"";flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:#7c9fff}
.v641Live[data-state="speaking"] .v641LiveState::before{background:#4ade80;animation:batchAPulse 1s ease-in-out infinite}
.v641Live[data-state="thinking"] .v641LiveState::before{background:#ffd24a;animation:batchAPulse 1.2s ease-in-out infinite}
.v641Live[data-state="paused"] .v641LiveState::before{background:#9d9d9d}
.v641LiveType{flex:0 0 auto;min-height:40px;padding:8px 14px;border:1px solid rgba(255,255,255,.4);border-radius:999px;background:rgba(0,0,0,.4);color:#fff;font-size:14px;cursor:pointer}
.v641LiveNote{position:absolute;left:16px;right:16px;top:calc(70px + env(safe-area-inset-top,0px));z-index:2;padding:10px 12px;border-radius:12px;background:rgba(20,20,24,.88);font-size:14px;line-height:1.4}
.v641LiveNote.v641Err{border:1px solid #f87171}
.v641LivePaused{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.72)}
.v641LiveResume{min-height:52px;padding:12px 22px;border:0;border-radius:999px;background:#fff;color:#111;font-size:16px;font-weight:600;cursor:pointer}
.v641LiveCap{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(168px + env(safe-area-inset-bottom,0px));z-index:2;width:max-content;
max-width:min(720px,calc(100% - 32px));box-sizing:border-box;padding:10px 14px;border-radius:14px;background:rgba(10,10,12,.66);text-align:center;
font-size:17px;line-height:1.4;opacity:0;transition:opacity .4s ease;pointer-events:none}
.v641LiveCap.v641Show{opacity:1}
.v641LiveStyles{position:absolute;left:0;right:0;bottom:calc(116px + env(safe-area-inset-bottom,0px));z-index:2;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:0 12px}
.v641LiveStyle{min-height:38px;padding:6px 14px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font-size:14px;cursor:pointer}
.v641LiveStyle.v641On{background:#fff;color:#111}
.v641LiveBar{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;justify-content:center;gap:clamp(8px,3vw,24px);
padding:16px 12px calc(18px + env(safe-area-inset-bottom,0px));background:linear-gradient(transparent,rgba(0,0,0,.65))}
.v641LiveBtn{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:56px;padding:0;border:0;background:transparent;color:#fff;font-size:12px;cursor:pointer}
.v641LiveIc{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.18)}
.v641LiveBtn.v641On .v641LiveIc{background:#fff;color:#111}
.v641LiveBtn.v641Locked .v641LiveIc{opacity:.55}
.v641LiveBtn.v641LiveEnd .v641LiveIc{background:#e5484d;color:#fff}
.v641LiveBtn:focus-visible .v641LiveIc,.v641LiveType:focus-visible,.v641LiveStyle:focus-visible{outline:2px solid #7c9fff;outline-offset:2px}
.v641LiveBox{position:absolute;z-index:2;border:3px solid #ffd24a;border-radius:6px;pointer-events:none}
.v641LiveBoxLbl{position:absolute;left:-3px;top:-28px;padding:3px 8px;border-radius:6px;background:#ffd24a;color:#16161a;font-size:13px;font-weight:600;white-space:nowrap}
@media (max-width:380px){.v641LiveIc{width:50px;height:50px}.v641LiveBtn{min-width:48px}}
html.in-entity-app .v642AppHide,:root.in-entity-app #settingsModal .settingsShell .v642AppHide{display:none!important}
.v642Skip{position:fixed;left:12px;top:-80px;z-index:99999;padding:10px 16px;border-radius:10px;background:#fff;color:#0b0b0c;font-weight:600;text-decoration:none}
.v642Skip:focus{top:12px}#mainContent:focus{outline:0}
.composer #chatInput::placeholder,#settingsModal input::placeholder,#settingsModal textarea::placeholder,.modalShade input::placeholder,.modalShade textarea::placeholder{color:#949494!important;opacity:1}
html[data-theme="light"] .composer #chatInput::placeholder,html[data-theme="light"] #settingsModal input::placeholder,html[data-theme="light"] #settingsModal textarea::placeholder,html[data-theme="light"] .modalShade input::placeholder,html[data-theme="light"] .modalShade textarea::placeholder{color:#686870!important;-webkit-text-fill-color:#686870!important}
:root #settingsModal .settingsShell .settingsMain input::placeholder,:root #settingsModal .settingsShell .settingsMain textarea::placeholder{opacity:1}
.v642AskShade{position:fixed;inset:0;z-index:2147482000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.6)}
.v642AskCard{width:min(420px,100%);background:#1b1b1d;color:#f3f3f3;border:1px solid #333;border-radius:16px;padding:20px;box-shadow:0 24px 64px rgba(0,0,0,.5)}
.v642AskH{margin:0 0 8px;font-size:17px}.v642AskP{margin:0 0 12px;color:#c7c7cc;font-size:14px;line-height:1.5}
.v642AskIn{display:block;width:100%;box-sizing:border-box;margin:0 0 10px;padding:11px 12px;border-radius:10px;border:1px solid #3a3a3e;background:#111;color:#fff;font-size:16px}
.v642AskMsg{min-height:1em;margin:0 0 8px;color:#ff8a80;font-size:13px}
.v642AskRow{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.v642AskBtn{min-height:44px;padding:0 16px;border-radius:999px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;border:1px solid #444;background:transparent;color:inherit}
.v642AskBtn.v642AskYes{background:#fff;color:#0b0b0c;border-color:#fff}.v642AskBtn.v642Danger{background:#e5484d;border-color:#e5484d;color:#fff}
html[data-theme="light"] .v642AskCard{background:#fff;color:#111;border-color:#dcdce0}
html[data-theme="light"] .v642AskP{color:#4a4a52}
html[data-theme="light"] .v642AskIn{background:#fff;color:#111;border-color:#c9c9cf}
html[data-theme="light"] .v642AskBtn{border-color:#c9c9cf}
html[data-theme="light"] .v642AskBtn.v642AskYes{background:#111;color:#fff;border-color:#111}
html[data-theme="light"] .v642AskBtn.v642Danger{background:#d93036;border-color:#d93036;color:#fff}
.c9QrToggle{margin-top:8px}
.c9Help .c9HelpLead{margin:0 0 12px;font-size:13px;line-height:1.45;color:var(--rm-sub)}
.c9HelpSeg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;margin:0 0 8px;border:1px solid var(--rm-line);border-radius:999px}
.c9HelpSegBtn{min-height:34px;padding:5px 14px;border:0;border-radius:999px;background:transparent;color:var(--rm-sub);font:inherit;font-size:13px;cursor:pointer}
.c9HelpSegBtn[aria-pressed="true"]{background:var(--rm-pri);color:var(--rm-pri-fg);font-weight:600}
.c9HelpForm{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.c9HelpIn{flex:1 1 220px;min-width:0;margin:0!important}
.c9HelpNote{margin-top:6px}
.c9HelpSec{margin:18px 0 2px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--rm-sub)}
.c9HelpRow{padding:11px 0;border-top:1px solid var(--rm-line)}
.c9HelpLine{font-size:14px;line-height:1.4;color:var(--rm-text);overflow-wrap:anywhere}
.c9HelpTopic{font-weight:500}
.c9HelpSub{margin-top:2px;font-size:12px;color:var(--rm-sub)}
.c9HelpMatch{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:8px;padding:8px 10px;border-radius:10px;background:var(--rm-soft);font-size:13px;color:var(--rm-text)}
.c9HelpMatchTag{font-size:10.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--rm-sub)}
.c9HelpMatchText{flex:1 1 160px;min-width:0;overflow-wrap:anywhere}
.c9HelpActs{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.c9HelpBtn{min-height:34px}
.c9VoiceNoteBtn.c9On{color:#e5484d!important}
.c9VoiceBar{display:flex;align-items:center;gap:8px;max-width:760px;box-sizing:border-box;margin:0 auto 6px;padding:6px 8px 6px 12px;border:1px solid var(--rm-line);border-radius:12px;background:var(--rm-card);color:var(--rm-text);font-size:13px}
.c9VoiceBar.c9Warn{border-color:var(--rm-warn)}
.c9RecDot{flex:none;width:9px;height:9px;border-radius:50%;background:#e5484d}
.c9VoiceText{flex:1;min-width:0;overflow-wrap:anywhere}
.c9VoiceActs{display:flex;flex:none;gap:6px}
.c9VoiceBtn{min-height:34px;padding:6px 13px;border:1px solid var(--rm-line);border-radius:999px;background:transparent;color:var(--rm-text);font:inherit;font-size:13px;cursor:pointer}
.c9VoiceBtn.c9Pri{border-color:transparent;background:var(--rm-pri);color:var(--rm-pri-fg);font-weight:600}
.c9Voice{display:flex;flex-direction:column;gap:6px;width:min(260px,62vw)}
.c9VoiceAudio{display:block;width:100%;max-width:320px;height:40px}
.c9VoiceWarn{font-size:12px;color:var(--rm-warn)}
.c9VoiceSum{cursor:pointer;font-size:12.5px;color:var(--rm-sub)}
.c9VoiceSaid{margin-top:4px;white-space:pre-wrap;overflow-wrap:anywhere}
@media (max-width:760px){.c9HelpSegBtn,.c9HelpBtn,.c9VoiceBtn{min-height:44px}.c9HelpIn{min-height:44px;font-size:16px!important}.c9VoiceBar{flex-wrap:wrap}.c9VoiceActs{margin-left:auto}}
@media (max-width:760px){.essayActions [data-wp]{min-height:44px}}
.wpShade{z-index:140}
.wpCard{width:min(680px,100%)}
.wpArea{min-height:110px;resize:vertical;line-height:1.5;margin:0 0 10px}
.wpFile{margin:0 0 10px}
.wpLab{font-size:12.5px;font-weight:600;color:var(--bw-sub);margin:10px 0 6px}
.wpOut{margin-top:6px}
.wpSrc{margin:4px 0 0 2em;font-size:12px;line-height:1.45;color:var(--bw-sub);overflow-wrap:anywhere}
.wpPick{margin:0 0 10px}
.wpListHead{font-size:13px;font-weight:600;color:var(--bw-sub);margin:6px 0 4px;text-align:center}
.wpItem{padding:9px 0;border-bottom:1px solid var(--bw-line)}
.wpItemText{font-size:14px;line-height:1.55;padding-left:2em;text-indent:-2em;overflow-wrap:anywhere;color:var(--bw-text)}
.wpMiss{margin:4px 0 0 2em;font-size:12.5px;line-height:1.45;color:var(--bw-warn)}
.wpEmpty{font-size:13.5px;color:var(--bw-sub);padding:10px 0;line-height:1.5}
.wpLink{min-height:32px;border:0;background:none;padding:2px 0;color:var(--bw-sub);font:inherit;font-size:12.5px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.wpLink:hover{color:var(--bw-text)}
.wpSum{font-size:14px;margin:4px 0 10px;color:var(--bw-text)}
.wpDoc,.wpDiff{font-size:14.5px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--bw-line);border-radius:10px;padding:10px 12px;margin:0 0 12px;background:var(--bw-soft);color:var(--bw-text)}
.wpDiff{max-height:52vh;overflow:auto}
.wpHl{border-radius:3px;padding:1px 0;cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.wpL3{background:rgba(248,113,113,.26);border-bottom:2px solid #f87171}
.wpL2{background:rgba(251,191,36,.22);border-bottom:2px solid #fbbf24}
.wpL1{background:rgba(148,163,184,.18);border-bottom:2px dotted #94a3b8}
.wpLq{border-bottom:2px dotted #60a5fa}
.wpFlag{border:1px solid var(--bw-line);border-radius:12px;padding:10px 12px;margin:0 0 10px}
.wpLevel{display:inline-block;font-size:12px;font-weight:600;border-radius:999px;padding:2px 10px;border:1px solid var(--bw-line)}
.wpV3{color:#fca5a5;border-color:#f87171}
.wpV2{color:#fcd34d;border-color:#fbbf24}
.wpV1{color:var(--bw-sub)}
.wpVq{color:#93c5fd;border-color:#60a5fa}
.wpQuote{font-size:14px;line-height:1.55;margin:8px 0 0;overflow-wrap:anywhere;color:var(--bw-text)}
.wpSrcQ{border-left:3px solid var(--bw-line);padding-left:10px;color:var(--bw-sub)}
.wpMark{background:var(--bw-mark);color:inherit;border-radius:2px;padding:0 1px}
.wpGuide{font-size:13.5px;line-height:1.5;margin:8px 0 0;color:var(--bw-text)}
.wpActs{display:flex;flex-wrap:wrap;gap:4px 16px;margin:6px 0 0}
.wpTips,.wpRes{margin:8px 0 0;font-size:13.5px;line-height:1.5}
.wpSteps,.wpList{margin:4px 0 8px;padding-left:1.3em}
.wpStep{margin:0 0 4px}
.wpSide{border:1px solid var(--bw-line);border-radius:12px;padding:4px 12px 2px;margin:0 0 10px}
.wpStats{font-size:14px;font-weight:500;margin:4px 0 10px;color:var(--bw-text)}
.wpDiffBox{margin:0 0 4px}
.wpIns{background:rgba(74,222,128,.2);color:#bbf7d0;text-decoration:none;border-bottom:1px solid #4ade80}
.wpDel{background:rgba(248,113,113,.18);color:#fecaca;text-decoration:line-through}
.wpCols{display:flex;flex-direction:column;gap:10px}
.wpColHead{font-size:12px;font-weight:600;color:var(--bw-sub);margin:0 0 6px;white-space:normal}
.wpImp{border-top:1px solid var(--bw-line);margin:14px 0 0;padding:4px 0 0}
.wpRub{margin:8px 0;font-size:13.5px}
.wpRubSum{cursor:pointer;color:var(--bw-text);margin:0 0 8px}
.wpRubRow{font-size:13.5px;margin:4px 0;color:var(--bw-text)}
.wpDecks{margin:0 0 4px}
.wpDeck{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--bw-line)}
.wpDeckName{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere;font-size:14px;color:var(--bw-text)}
.wpDeckN{font-size:12px;color:var(--bw-sub)}
.wpDeckBtns{display:flex;gap:6px;flex:none}
.wpDl{min-width:64px}
@media (min-width:768px){.wpCols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:760px){.wpShade{padding:8px}.wpDl,.wpLink{min-height:44px}}
html[data-theme="light"] .wpL3{background:rgba(220,38,38,.12);border-bottom-color:#dc2626}
html[data-theme="light"] .wpL2{background:rgba(217,119,6,.14);border-bottom-color:#d97706}
html[data-theme="light"] .wpL1{background:rgba(100,116,139,.12);border-bottom-color:#64748b}
html[data-theme="light"] .wpLq{border-bottom-color:#2563eb}
html[data-theme="light"] .wpV3{color:#b91c1c;border-color:#dc2626}
html[data-theme="light"] .wpV2{color:#b45309;border-color:#d97706}
html[data-theme="light"] .wpVq{color:#1d4ed8;border-color:#2563eb}
html[data-theme="light"] .wpIns{background:rgba(22,163,74,.12);color:#166534;border-bottom-color:#16a34a}
html[data-theme="light"] .wpDel{background:rgba(220,38,38,.1);color:#991b1b}
.c2Box{max-width:760px;width:calc(100vw - 32px);max-height:min(90vh,900px);display:flex;flex-direction:column;gap:10px;padding:18px;overflow:hidden;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-line);border-radius:var(--ui-r-xl);box-shadow:var(--ui-sh-3)}
.c2Tabs{flex-shrink:0}
.c2Head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.c2Title{margin:0;font-size:18px}
.c2Sub{margin:4px 0 0;font-size:13px;opacity:.75}
.c2X{width:40px;height:40px;flex:0 0 auto;border-radius:10px;border:0;background:transparent;color:inherit;font-size:22px;cursor:pointer}
.c2Body{overflow:auto;display:flex;flex-direction:column;gap:10px;min-height:0;padding:0 3px 4px 0;-webkit-overflow-scrolling:touch}
.c2Pane{display:flex;flex-direction:column;gap:10px;flex-shrink:0}
.c2Row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.c2Between{justify-content:space-between}
.c2Seg{display:flex;gap:2px;padding:3px;border-radius:12px;background:rgba(255,255,255,.05)}
.c2SegBtn{flex:1 1 auto;min-width:0;min-height:38px;padding:0 8px;white-space:nowrap;border-radius:9px;border:0;background:transparent;color:inherit;font:inherit;font-size:14px;cursor:pointer;opacity:.8}
.c2SegBtn.c2On{background:rgba(124,92,255,.25);opacity:1;font-weight:600}
.c2Btn{min-height:40px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:inherit;font:inherit;font-size:14px;cursor:pointer}
.c2Btn:hover,.c2Btn:focus-visible{background:rgba(255,255,255,.09)}
.c2Btn:disabled{opacity:.55;cursor:default}
.c2Pri{background:#7c5cff;border-color:#7c5cff;color:#fff}
.c2Pri:hover,.c2Pri:focus-visible{background:#6a4ae8}
.c2Small{min-height:34px;padding:0 12px;font-size:13px;flex:0 0 auto}
.c2Danger{color:#ff8a80}
.c2Field{display:flex;flex-direction:column;gap:4px;flex:1 1 160px;min-width:0}
.c2FieldSm{flex:1 1 90px}
.c2Pane>.c2Field,.c2Card>.c2Field{flex:0 0 auto}
.c2Label{font-size:12px;font-weight:600;opacity:.75}
.c2Input{width:100%;box-sizing:border-box;min-height:42px;border-radius:12px;padding:8px 12px;font:inherit;font-size:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:inherit}
.c2Select{padding-right:28px}
.c2Row>.c2Input{width:auto;flex:1 1 130px;min-width:0}
.c2Area{min-height:84px;resize:vertical;line-height:1.5}
.c2Draft{min-height:220px}
.c2Num{max-width:110px}
.c2Count{align-self:flex-end;font-size:12px;opacity:.7;font-variant-numeric:tabular-nums}
.c2Count.c2Over,.c2Words.c2Over{color:#f5a524;opacity:1}
.c2Check{display:flex;align-items:center;gap:8px;font-size:14px}
.c2Note{font-size:14px;min-height:1.2em;flex-shrink:0}
.c2Note .c2Btn{margin-left:8px}
.c2Muted{margin:0;font-size:13px;opacity:.75;line-height:1.45}
.c2Fine{margin:0;font-size:12px;opacity:.65;line-height:1.4}
.c2Warn{margin:0;padding:8px 10px;border-radius:10px;font-size:13px;background:rgba(245,165,36,.12);border:1px solid rgba(245,165,36,.35)}
.c2Empty{opacity:.7;padding:8px 2px;font-size:14px;margin:0}
.c2H3{margin:6px 0 0;font-size:14px;font-weight:600;opacity:.9}
.c2Para{margin:0;font-size:14px;line-height:1.5}
.c2List{margin:2px 0;padding-left:20px;font-size:14px;line-height:1.5}
.c2Tips{font-size:12px;opacity:.75;margin:0}
.c2Cards{display:flex;flex-direction:column;gap:8px}
.c2Card{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:inherit;font:inherit;text-align:left}
.c2CardBtn{cursor:pointer}
.c2CardBtn:hover,.c2CardBtn:focus-visible{background:rgba(255,255,255,.07)}
.c2CardTitle{font-size:14px;font-weight:600;overflow-wrap:anywhere}
.c2CardLine{font-size:12px;opacity:.7}
.c2PromptText{margin:0;font-size:14px;line-height:1.5;opacity:.9}
.c2Questions:empty{display:none}
.c2Questions{padding:8px 10px;border-radius:10px;background:rgba(124,92,255,.08)}
.c2Tag{font-size:11px;padding:2px 8px;border-radius:8px;background:rgba(124,92,255,.18)}
.c2Suggest{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:10px;background:rgba(124,92,255,.08)}
.c2SuggestLabel{font-weight:600;font-size:14px}
.c2Deadline{flex-direction:row;align-items:center}
.c2Deadline.c2Done .c2CardTitle{text-decoration:line-through;opacity:.6}
.c2Tick{width:20px;height:20px;flex:0 0 auto}
.c2DlMain{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.c2Result{display:flex;flex-direction:column;gap:6px}
.c2Result:empty{display:none}
.c2Quote{font-style:italic}
.c2Link{font-size:13px;color:#b9a8ff}
.c2Clock{font-variant-numeric:tabular-nums;font-weight:700;font-size:16px;padding:4px 10px;border-radius:10px;background:rgba(255,255,255,.06)}
.c2Clock.c2Low{color:#f5a524}
.c2Rich{font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.c2Stim{padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.04);white-space:pre-wrap}
.c2Doc{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:10px;border-left:3px solid rgba(124,92,255,.6);background:rgba(255,255,255,.03)}
.c2DocLabel{font-weight:700;font-size:13px}
.c2DocSrc{font-size:12px;opacity:.7;font-style:italic}
.c2Task{font-weight:500}
.c2Sum{cursor:pointer;font-size:13px;opacity:.85}
.c2Score{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 12px;border-radius:12px;background:rgba(124,92,255,.1)}
.c2ScoreCol{display:flex;flex-direction:column;gap:2px;min-width:110px}
.c2ScoreBig{font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}
.c2ScoreLine{font-size:12px;opacity:.75}
.c2Rows{display:flex;flex-direction:column;gap:6px}
.c2RowCard{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.08);border-left:3px solid #f5a524}
.c2RowCard.c2Got{border-left-color:#2fbf71}
.c2Pts{font-weight:700;font-variant-numeric:tabular-nums}
@media (max-width:480px){.c2Box{padding:14px;width:calc(100vw - 16px);max-height:94vh}.c2SegBtn{font-size:13px;padding:0 4px}.c2Num{max-width:none}.c2Deadline{flex-wrap:wrap}}
html[data-theme="light"] .c2Btn,html[data-theme="light"] .c2Input{border-color:#dcdce2;background:#fff}
html[data-theme="light"] .c2Btn:hover{background:#f1f1f4}
html[data-theme="light"] .c2Pri{background:#6a4ae8;border-color:#6a4ae8;color:#fff}
html[data-theme="light"] .c2Seg{background:#f1f1f4}
html[data-theme="light"] .c2SegBtn.c2On{background:#e7e0ff}
html[data-theme="light"] .c2Card,html[data-theme="light"] .c2RowCard,html[data-theme="light"] .c2Doc,html[data-theme="light"] .c2Stim{background:#fafafa;border-color:#e4e4e7}
html[data-theme="light"] .c2Questions,html[data-theme="light"] .c2Suggest,html[data-theme="light"] .c2Score{background:#f3efff}
html[data-theme="light"] .c2Danger{color:#c62828}
html[data-theme="light"] .c2Link{color:#5b3fd6}
html[data-theme="light"] .c2Count.c2Over,html[data-theme="light"] .c2Words.c2Over,html[data-theme="light"] .c2Clock.c2Low{color:#b26a00}
.ssShade{position:fixed;inset:0;z-index:2147481000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.6)}
.ssCard{width:min(520px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;background:#1b1b1d;color:#f3f3f3;border:1px solid #333;border-radius:16px;padding:18px 18px 14px;box-shadow:0 24px 64px rgba(0,0,0,.5)}
.ssHead{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}
.ssTitle{flex:1;margin:0;font-size:17px;line-height:1.35}
.ssX{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:inherit;font-size:22px;line-height:1;cursor:pointer}
.ssX:hover{background:rgba(255,255,255,.08)}
.ssP{margin:0 0 12px;color:#c7c7cc;font-size:14px;line-height:1.5}
.ssMsg{min-height:1em;margin-top:6px;color:#c7c7cc;font-size:13px}
.ssRow{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px}
.ssBtn{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #444;background:transparent;color:inherit;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.ssBtn:disabled{opacity:.6;cursor:default}
.ssBtn.ssPrimary{background:#fff;color:#0b0b0c;border-color:#fff}
.ssBtn.ssQuiet{border-color:transparent;color:#a1a1a6}
.ssBtn.ssLink{min-height:32px;padding:0 4px;border:0;background:transparent;color:#9db4ff;font-weight:500;text-decoration:underline;text-underline-offset:2px}
.ssQuiz{display:flex;flex-direction:column;gap:12px}
.ssQ{margin:0;padding:12px;border:1px solid #333;border-radius:12px;min-width:0}
.ssQText{padding:0 4px;font-size:14px;font-weight:600;line-height:1.45}
.ssChoice{display:block;width:100%;margin-top:8px;padding:10px 12px;text-align:left;border-radius:10px;font-weight:500;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
.ssChoice.ssPicked{border-color:#9db4ff;background:rgba(157,180,255,.14)}
.ssChoice.ssRight{border-color:#3fb67a;background:rgba(63,182,122,.16)}
.ssChoice.ssWrong{border-color:#e5484d;background:rgba(229,72,77,.14)}
.ssWhy{margin-top:8px;color:#c7c7cc;font-size:13px;line-height:1.45}
.ssScore{flex:1 1 100%;font-size:14px;color:#e5e5ea}
.ssAnswerRow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:6px 0 2px}
.ssRule{display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:100%}
.ssChip{max-width:100%;min-height:32px;padding:5px 12px;border:1px solid #3a3a3e;border-radius:999px;background:rgba(255,255,255,.05);color:#e5e5ea;font:inherit;font-size:13px;line-height:1.35;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.ssChip.ssChipNone{color:#a1a1a6}
.ssRuleMore{max-width:560px;padding:8px 12px;border-left:3px solid #3a3a3e}
.ssQuote{margin:0 0 2px;font-size:13px;line-height:1.45;color:#e5e5ea;overflow-wrap:anywhere}
.ssSrc{margin-bottom:8px;font-size:12px;color:#a1a1a6}
.ssAdvisory{font-size:12px;color:#a1a1a6;line-height:1.45}
.ssQuietLine{flex:1 1 100%;font-size:12px;color:#a1a1a6;line-height:1.45}
.ssWorkBox{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:8px 0 4px}
.ssWorkLbl{font-size:12px;font-weight:600;color:#a1a1a6}
.ssReceipt{display:block;width:100%;box-sizing:border-box;min-height:240px;padding:12px;border:1px solid #3a3a3e;border-radius:12px;background:#111;color:#f3f3f3;font:inherit;font-size:14px;line-height:1.5;resize:vertical}
@media (max-width:420px){.ssCard{padding:14px 14px 12px}.ssRow .ssBtn{flex:1 1 auto}}
html[data-theme="light"] .ssCard{background:#fff;color:#111;border-color:#dcdce0}
html[data-theme="light"] .ssX:hover{background:rgba(0,0,0,.06)}
html[data-theme="light"] .ssP,html[data-theme="light"] .ssMsg,html[data-theme="light"] .ssWhy{color:#4a4a52}
html[data-theme="light"] .ssBtn{border-color:#c9c9cf}
html[data-theme="light"] .ssBtn.ssPrimary{background:#111;color:#fff;border-color:#111}
html[data-theme="light"] .ssBtn.ssQuiet,html[data-theme="light"] .ssSrc,html[data-theme="light"] .ssAdvisory,html[data-theme="light"] .ssQuietLine,html[data-theme="light"] .ssWorkLbl,html[data-theme="light"] .ssChip.ssChipNone{color:#5f5f66}
html[data-theme="light"] .ssBtn.ssLink{color:#2f5bd3}
html[data-theme="light"] .ssQ{border-color:#dcdce0}
html[data-theme="light"] .ssScore,html[data-theme="light"] .ssQuote{color:#1c1c1e}
html[data-theme="light"] .ssChip{background:#f4f4f6;border-color:#dcdce0;color:#1c1c1e}
html[data-theme="light"] .ssRuleMore{border-left-color:#dcdce0}
html[data-theme="light"] .ssReceipt{background:#fff;color:#111;border-color:#c9c9cf}
html[data-theme="light"] .ssChoice.ssPicked{border-color:#2f5bd3;background:rgba(47,91,211,.08)}
.giClassWay{margin-top:8px;font-size:12px;color:#8e8f97;display:inline-block;padding:3px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.12)}
.giClassWay.giMatch{color:#9fd8b5;border-color:rgba(84,190,130,.4)}
.giBox{max-width:640px;width:calc(100vw - 32px);max-height:min(88vh,860px);display:flex;flex-direction:column;gap:10px;padding:18px;overflow:hidden;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-line);border-radius:var(--ui-r-xl);box-shadow:var(--ui-sh-3)}
.giHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.giH2{margin:0;font-size:18px}
.giSub{margin:4px 0 0;font-size:13px;opacity:.75}
.giX{width:40px;height:40px;flex:0 0 auto;border-radius:10px;border:0;background:transparent;color:inherit;font-size:22px;cursor:pointer}
.giBody{overflow:auto;display:flex;flex-direction:column;gap:8px;min-height:0;padding-bottom:4px}
.giH3{margin:10px 0 2px;font-size:15px}
.giLead{font-size:14px;line-height:1.45}
.giFine{font-size:12px;opacity:.7;line-height:1.4}
.giMsg{font-size:13px;opacity:.85}
.giErr{color:#ff8a8a}
.giWorkedList{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:1.45}
.giWorkedSec{margin-top:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:14px}
.cdStudy{margin:16px 0}
.cdStudyH{margin:0 0 4px;font-size:16px;font-weight:700}
.cdStudy:not(:has(.c6MapSec,.tcStats,.giWorkedSec)){display:none}
.giH3.giSecH{margin:0 0 8px;font-size:15px}
.giMiss{margin:6px 0 10px;display:flex;flex-direction:column;gap:8px}
.giKinds,.giMemActs{display:flex;flex-wrap:wrap;gap:6px}
.giKind{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer}
.giKind.on{background:rgba(124,92,255,.22);border-color:rgba(124,92,255,.7)}
.giTwin{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04);display:flex;flex-direction:column;gap:6px}
.giTwin[hidden]{display:none}
.giTwinH{font-size:12px;opacity:.7}
.giTwinQ{font-size:14px;line-height:1.45}
.giSum{cursor:pointer;font-size:13px;opacity:.85}
.giLink{align-self:flex-start;min-height:34px;padding:0 4px;border:0;background:transparent;color:#a996ff;font:inherit;font-size:13px;cursor:pointer;text-decoration:underline}
.giCorrForm{display:flex;flex-direction:column;gap:6px}
.giCorrForm[hidden]{display:none}
.giCorrText{width:100%;box-sizing:border-box;min-height:72px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03);color:inherit;font:inherit;font-size:14px;resize:vertical}
.giCorrOut{display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.45}
.giVerdict{font-weight:600;font-size:13px}
.giVReady{color:#7fd6a0}
.giAsk{font-style:italic}
.giBtn{min-height:40px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:inherit;font:inherit;font-size:14px;cursor:pointer;align-self:flex-start}
.giBtn:disabled{opacity:.55;cursor:default}
.giPrimary{background:#6a4ae8;border-color:#6a4ae8;color:#fff}
.giRow{display:flex;align-items:flex-start;gap:10px;padding:8px 2px;cursor:pointer;min-height:40px}
.giCb{margin-top:3px;width:18px;height:18px;flex:0 0 auto}
.giRowText,.giNew .giRowText{display:flex;flex-direction:column;gap:2px;min-width:0}
.giRowName{font-size:14px;overflow-wrap:anywhere}
.giRowMeta{font-size:12px;opacity:.65}
.giSubH{font-size:12px;opacity:.7;margin-top:6px}
.giMem{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.08)}
.giMemText{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.giNew{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 2px}
.giActs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.giConfirm{flex:1 1 100%;font-size:14px;line-height:1.45}
@media (max-width:560px){.giBox{padding:14px;width:calc(100vw - 16px)}}
html[data-theme="light"] .giClassWay{color:#6b6e77;border-color:#dcdce2}
html[data-theme="light"] .giClassWay.giMatch{color:#1a7f47;border-color:#a9dcbd}
html[data-theme="light"] .giKind,html[data-theme="light"] .giBtn,html[data-theme="light"] .giCorrText{border-color:#dcdce2;background:#fff}
html[data-theme="light"] .giKind.on{background:#e7e0ff;border-color:#b9a8ff}
html[data-theme="light"] .giPrimary{background:#6a4ae8;border-color:#6a4ae8;color:#fff}
html[data-theme="light"] .giTwin{background:#f5f5f7}
html[data-theme="light"] .giWorkedSec,html[data-theme="light"] .giMem{border-color:#e4e4e7}
html[data-theme="light"] .giLink{color:#5b3fd6}
html[data-theme="light"] .giErr{color:#c62828}
html[data-theme="light"] .giVReady{color:#1a7f47}
.d3Conf{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 6px;font-size:13px}
.d3ConfQ{font-weight:600;margin-right:2px}
.d3ConfBtn{min-width:38px;min-height:38px;padding:0 10px;border-radius:999px;border:1px solid rgba(140,140,150,.45);background:transparent;color:inherit;font:inherit;font-weight:600;cursor:pointer}
.d3ConfBtn[aria-pressed="true"]{background:#f3f3f3;color:#111;border-color:#f3f3f3}
.d3ConfBtn:focus-visible,.d3FcTool:focus-visible,.d3SayBtn:focus-visible,.d3ConfOff:focus-visible{outline:2px solid #8ab4ff;outline-offset:2px}
.d3ConfLegend{opacity:.65;font-size:12px}
.d3ConfOff{margin-left:auto;background:none;border:0;color:inherit;opacity:.65;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer;min-height:32px}
.d3FcBox{margin-top:8px}
.d3FcBox .d3Conf{justify-content:center}
.d3FcNote{font-size:13px;opacity:.8;text-align:center;margin:6px 0}
.d3FcTools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:8px;font-size:13px}
.d3FcTool{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(140,140,150,.45);background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer}
.d3FcClass{opacity:.75}
.d3FcSelect{min-height:36px;max-width:100%;border-radius:10px;border:1px solid rgba(140,140,150,.45);background:#151515;color:#f3f3f3;padding:0 8px;font:inherit;font-size:13px}
.d3ConfLine{font-size:13px;opacity:.85;margin:8px 0 2px;text-align:center}
.d3SayShade{position:fixed;inset:0;z-index:2147481000;display:none;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.6)}
.d3SayShade.show{display:flex}
.d3SayCard{width:min(460px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:#1b1b1d;color:#f3f3f3;border:1px solid #333;border-radius:16px;padding:18px 18px calc(18px + env(safe-area-inset-bottom));box-shadow:0 24px 64px rgba(0,0,0,.5)}
.d3SayHead{display:flex;align-items:center;justify-content:space-between;gap:8px}
.d3SayH{margin:0;font-size:18px}
.d3SayX{min-width:44px;min-height:44px;border:0;background:none;color:inherit;font-size:26px;line-height:1;cursor:pointer}
.d3SayProg{font-size:12px;opacity:.65;margin-top:4px}
.d3SayFront{font-size:20px;line-height:1.35;margin:14px 0 10px;overflow-wrap:anywhere}
.d3SayMsg{font-size:14px;font-weight:600;min-height:20px}
.d3SayHeard,.d3SayBack{font-size:14px;opacity:.85;margin-top:6px;overflow-wrap:anywhere}
.d3SayHeard:empty,.d3SayBack:empty{display:none}
.d3SayActs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}
.d3SayBtn{min-height:44px;padding:0 12px;border-radius:999px;border:1px solid #444;background:transparent;color:inherit;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.d3SayBtn.isPrimary{background:#f3f3f3;color:#111;border-color:#f3f3f3}
.d3SayFine{font-size:12px;opacity:.6;margin-top:12px}
html[data-theme="light"] .d3ConfBtn[aria-pressed="true"],html[data-theme="light"] .d3SayBtn.isPrimary{background:#111;color:#fff;border-color:#111}
html[data-theme="light"] .d3FcSelect{background:#fff;color:#111;border-color:#c9c9cf}
html[data-theme="light"] .d3SayCard{background:#fff;color:#111;border-color:#e2e2e6;box-shadow:0 24px 64px rgba(0,0,0,.18)}
html[data-theme="light"] .d3SayBtn{border-color:#c9c9cf}
.ppShade{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.6)}
.ppBox{width:min(640px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:#1b1b1d;color:#f3f3f3;border:1px solid #333;border-radius:16px;box-shadow:0 24px 64px rgba(0,0,0,.5);overflow:hidden}
.ppHead{display:flex;align-items:flex-start;gap:12px;padding:16px 16px 8px}
.ppHeadText{flex:1;min-width:0}.ppTitle{margin:0;font-size:17px;line-height:1.3;overflow-wrap:anywhere}
.ppSub{margin:4px 0 0;color:#a9a9b0;font-size:13px;line-height:1.45}
.ppX{flex:none;width:36px;height:36px;border-radius:999px;border:1px solid #3a3a3e;background:transparent;color:inherit;font-size:20px;line-height:1;cursor:pointer}
.ppBody{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 16px 12px;display:flex;flex-direction:column;gap:10px}
.ppNote{min-height:1em;padding:0 16px 14px;color:#c7c7cc;font-size:13px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ppInput{display:block;width:100%;box-sizing:border-box;padding:11px 12px;border-radius:10px;border:1px solid #3a3a3e;background:#111;color:#fff;font:inherit;font-size:16px}
.ppArea{min-height:96px;resize:vertical}
.ppRow{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}
.ppRow .ppMuted{margin-right:auto}
.ppBtn{min-height:44px;padding:0 16px;border-radius:999px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;border:1px solid #444;background:transparent;color:inherit}
.ppBtn:disabled{opacity:.55;cursor:default}
.ppPrimary{background:#fff;color:#0b0b0c;border-color:#fff}
.ppSmall{min-height:32px;padding:0 12px;font-size:13px}
.ppMuted{margin:0;color:#a9a9b0;font-size:13px;line-height:1.45}
.ppCalm{margin:0;padding:10px 12px;border-radius:10px;background:#232327;color:#dcdce0;font-size:14px;line-height:1.45}
.ppBig{margin:4px 0 0;font-size:18px;font-weight:650}
.ppLabel{font-size:12px;font-weight:650;letter-spacing:.02em;text-transform:uppercase;color:#a9a9b0;margin-top:4px}
.ppChoices,.ppChips{display:flex;flex-wrap:wrap;gap:8px}
.ppChoice{min-height:40px;padding:8px 14px;border-radius:12px;border:1px solid #3a3a3e;background:#141416;color:inherit;font:inherit;font-size:14px;text-align:left;cursor:pointer}
.ppChoice.ppOn,.ppOpt.ppOn,.ppLine.ppOn{border-color:#fff;box-shadow:inset 0 0 0 1px #fff}
.ppQ{padding:12px;border:1px solid #2e2e32;border-radius:12px;background:#151517;display:flex;flex-direction:column;gap:8px}
.ppQText{font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.ppOpts{display:grid;grid-template-columns:1fr;gap:6px}
.ppOpt{min-height:44px;padding:8px 12px;border-radius:10px;border:1px solid #3a3a3e;background:transparent;color:inherit;font:inherit;font-size:14px;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.ppNotYet{color:#a9a9b0;border-style:dashed}
.ppChip{padding:5px 10px;border-radius:999px;font-size:13px;border:1px solid #3a3a3e}
.ppChipKnown{background:rgba(52,199,89,.14);border-color:rgba(52,199,89,.45)}
.ppChipLearn{background:rgba(10,132,255,.12);border-color:rgba(10,132,255,.4)}
.ppSum{cursor:pointer;font-size:14px;padding:6px 0}
.ppRevItem{padding:10px 0;border-top:1px solid #2e2e32;display:flex;flex-direction:column;gap:4px}
.ppRight{color:#7ee2a0;font-size:14px}
.ppWhy{color:#a9a9b0;font-size:13px;line-height:1.45}
.ppTrack{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ppStage{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid #3a3a3e;color:#a9a9b0}
.ppStage.ppNow{border-color:#fff;color:#fff}.ppStage.ppDone{color:#7ee2a0;border-color:rgba(52,199,89,.45)}
.ppProblem{padding:10px 12px;border-radius:10px;background:#232327;font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.ppSteps{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.ppStep{line-height:1.45}.ppWork{font-size:15px;overflow-wrap:anywhere}
.ppBlank{display:flex;flex-direction:column;gap:4px}
.ppMark{font-size:13px;display:flex;flex-direction:column;gap:2px}
.ppMark-right .ppTick{color:#7ee2a0}.ppMark-wrong .ppTick{color:#ff9f8a}.ppMark-unclear .ppTick{color:#c7c7cc}
.ppHint{color:#c7c7cc}
.ppReveal{padding:12px;border-radius:12px;border:1px solid #2e2e32;background:#151517;display:flex;flex-direction:column;gap:6px}
.ppBanner{padding:12px 14px;border-radius:12px;border:2px dashed #ffb340;background:rgba(255,179,64,.10);color:#ffd9a0;font-weight:650;font-size:14px;line-height:1.45}
.ppLines{margin:0;padding-left:26px;display:flex;flex-direction:column;gap:6px}
.ppLine{width:100%;min-height:44px;padding:8px 12px;border-radius:10px;border:1px solid #3a3a3e;background:#151517;color:inherit;font:inherit;font-size:14px;font-weight:400;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.ppLine:disabled{opacity:1;cursor:default}
.ppLine.ppWrongLine{border-color:#ff6b57;background:rgba(255,107,87,.12)}
.ppDel{color:#ff9f8a;text-decoration:line-through}.ppIns{color:#7ee2a0;text-decoration:none}
@media (max-width:480px){.ppShade{padding:0;align-items:flex-end}.ppBox{width:100%;max-height:calc(100dvh - 24px);border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom)}}
html[data-theme="light"] .ppBox{background:#fff;color:#111;border-color:#dcdce0}
html[data-theme="light"] .ppSub,html[data-theme="light"] .ppMuted,html[data-theme="light"] .ppLabel,html[data-theme="light"] .ppWhy,html[data-theme="light"] .ppNote,html[data-theme="light"] .ppHint,html[data-theme="light"] .ppNotYet{color:#5a5a62}
html[data-theme="light"] .ppX,html[data-theme="light"] .ppBtn,html[data-theme="light"] .ppChoice,html[data-theme="light"] .ppOpt,html[data-theme="light"] .ppChip,html[data-theme="light"] .ppStage,html[data-theme="light"] .ppLine{border-color:#c9c9cf}
html[data-theme="light"] .ppInput{background:#fff;color:#111;border-color:#c9c9cf}
html[data-theme="light"] .ppPrimary{background:#111;color:#fff;border-color:#111}
html[data-theme="light"] .ppChoice,html[data-theme="light"] .ppQ,html[data-theme="light"] .ppLine,html[data-theme="light"] .ppReveal{background:#f6f6f8}
html[data-theme="light"] .ppQ,html[data-theme="light"] .ppReveal,html[data-theme="light"] .ppRevItem{border-color:#e2e2e6}
html[data-theme="light"] .ppCalm,html[data-theme="light"] .ppProblem{background:#f0f0f3;color:#222}
html[data-theme="light"] .ppChoice.ppOn,html[data-theme="light"] .ppOpt.ppOn,html[data-theme="light"] .ppLine.ppOn{border-color:#111;box-shadow:inset 0 0 0 1px #111}
html[data-theme="light"] .ppStage.ppNow{border-color:#111;color:#111}
html[data-theme="light"] .ppRight,html[data-theme="light"] .ppIns,html[data-theme="light"] .ppMark-right .ppTick,html[data-theme="light"] .ppStage.ppDone{color:#1e7f3c}
html[data-theme="light"] .ppDel,html[data-theme="light"] .ppMark-wrong .ppTick{color:#c0392b}
html[data-theme="light"] .ppBanner{background:#fff4e0;color:#7a4a00;border-color:#e08e00}
.pcFlagWrap{margin-top:6px;font-size:13px}
.pcFlag,.pcFlagPick,.pcDefLink{font:inherit;font-size:13px;min-height:32px;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#a4a7b0;cursor:pointer}
.pcFlag{border-color:transparent;padding-left:0;text-decoration:underline;text-underline-offset:3px}
.pcFlag:hover,.pcFlagPick:hover,.pcDefLink:hover{color:#ececf1;background:rgba(255,255,255,.06)}
.pcFlagBox{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0}
.pcFlagQ{width:100%;color:#ececf1;font-weight:600}
.pcFlagCancel{border-color:transparent}
.pcFlagSay,.pcFlagDone{color:#a4a7b0;font-size:13px}
.pcNote{margin:6px 0 10px;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.05);color:#c9cbd2;font-size:13.5px;line-height:1.45}
.pcGone{opacity:.55}
.pcSegLabel{font-size:13.5px;color:#a4a7b0;margin:4px 0 6px}
.pcSeg{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.pcSegBtn{font:inherit;font-size:14px;min-height:40px;padding:6px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:transparent;color:inherit;cursor:pointer}
.pcSegBtn[aria-pressed="true"]{background:#ececf1;color:#16171b;border-color:#ececf1}
.pcDefLink{margin-top:10px}
.pcDefSum{display:flex;flex-direction:column;gap:12px;margin:12px 0}
.pcDefAll{font-size:16px;font-weight:600}
.pcDefRow{display:flex;flex-direction:column;gap:6px}
.pcDefTop{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:14px}
.pcDefPct{color:#a4a7b0}
.pcBar{height:8px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.pcBarFill{display:block;height:100%;border-radius:999px;background:#4ade80}
.pcDefTip{font-size:13.5px;color:#a4a7b0;line-height:1.45}
@media (max-width:420px){.pcFlagPick{flex:1 1 100%;text-align:left}}
html[data-theme="light"] .pcFlag,html[data-theme="light"] .pcFlagPick,html[data-theme="light"] .pcDefLink,html[data-theme="light"] .pcFlagSay,html[data-theme="light"] .pcFlagDone,html[data-theme="light"] .pcSegLabel,html[data-theme="light"] .pcDefPct,html[data-theme="light"] .pcDefTip{color:#5d6170}
html[data-theme="light"] .pcFlagPick,html[data-theme="light"] .pcDefLink,html[data-theme="light"] .pcSegBtn{border-color:rgba(0,0,0,.14)}
html[data-theme="light"] .pcFlag:hover,html[data-theme="light"] .pcFlagPick:hover,html[data-theme="light"] .pcDefLink:hover{color:#16171b;background:rgba(0,0,0,.05)}
html[data-theme="light"] .pcFlagQ{color:#16171b}
html[data-theme="light"] .pcNote{background:rgba(0,0,0,.04);color:#3f4350}
html[data-theme="light"] .pcSegBtn[aria-pressed="true"]{background:#16171b;color:#fff;border-color:#16171b}
html[data-theme="light"] .pcBar{background:rgba(0,0,0,.08)}
html[data-theme="light"] .pcBarFill{background:#15803d}
.d6Board{position:fixed;right:16px;bottom:calc(150px + env(safe-area-inset-bottom,0px));z-index:900;width:min(360px,calc(100vw - 32px));
max-height:42vh;display:flex;flex-direction:column;border:1px solid #2e2e35;border-radius:14px;background:#141418;color:#ececf1;
box-shadow:0 10px 30px rgba(0,0,0,.35);font-size:14px;overflow:hidden}
.d6Board[hidden],.d6BoardPill[hidden]{display:none!important}
.d6Board.d6InLive{z-index:2147482001;top:calc(64px + env(safe-area-inset-top,0px));bottom:auto;right:12px;max-height:38vh;background:rgba(18,18,22,.9)}
.d6BoardHead{display:flex;align-items:center;gap:6px;padding:8px 8px 6px 12px;border-bottom:1px solid #26262c}
.d6BoardTitle{flex:1 1 auto;min-width:0;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.d6BoardBtn{flex:0 0 auto;min-height:32px;padding:4px 10px;border:1px solid #34343c;border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:12.5px;cursor:pointer}
.d6BoardBtn:hover{background:#23232a}
.d6Steps{flex:1 1 auto;margin:0;padding:6px 8px 4px 30px;overflow-y:auto;overscroll-behavior:contain}
.d6Step{margin:0 0 6px;padding:0}
.d6StepBtn{display:block;padding:6px 8px;border-radius:10px;cursor:pointer;line-height:1.4;overflow-wrap:anywhere}
.d6StepBtn:hover{background:#1f1f25}
.d6StepBtn:focus-visible,.d6BoardBtn:focus-visible,.d6BoardPill:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
.d6StepTx{display:block}
.d6StepMath{display:block;margin-top:2px;overflow-x:auto}
.d6StepGraph{margin:4px 0 0;max-width:100%}
.d6BoardTip{padding:0 12px 4px;font-size:12px;color:#9a9aa6}
.d6BoardNote{padding:0 12px 8px;font-size:12.5px;color:#b8b8c2}
.d6BoardNote:empty{display:none}
.d6BoardPill{position:fixed;right:16px;bottom:calc(150px + env(safe-area-inset-bottom,0px));z-index:900;min-height:36px;padding:6px 14px;
border:1px solid #34343c;border-radius:999px;background:#141418;color:#ececf1;font:inherit;font-size:13px;cursor:pointer}
.d6BoardPill.d6InLive{z-index:2147482001;top:calc(64px + env(safe-area-inset-top,0px));bottom:auto;right:12px;background:rgba(18,18,22,.9)}
.d6BoardTip[hidden]{display:none}
.v641LiveTop .d6LivePatient{margin-left:auto}
.d6LivePatient.d6On{border-color:#60a5fa;color:#bfdbfe}
@media (max-width:760px){
.d6Board{right:8px;left:8px;width:auto;bottom:calc(140px + env(safe-area-inset-bottom,0px));max-height:36vh}
.d6Board.d6InLive{left:8px;right:8px;max-height:34vh}
.d6BoardPill{right:8px;bottom:calc(140px + env(safe-area-inset-bottom,0px))}
}
html[data-theme="light"] .d6Board,html[data-theme="light"] .d6BoardPill{background:#ffffff;color:#16161a;border-color:#d9d9df;box-shadow:0 10px 30px rgba(0,0,0,.12)}
html[data-theme="light"] .d6Board.d6InLive,html[data-theme="light"] .d6BoardPill.d6InLive{background:rgba(255,255,255,.94)}
html[data-theme="light"] .d6BoardHead{border-bottom-color:#e6e6ea}
html[data-theme="light"] .d6BoardBtn{border-color:#c9c9cf;color:#16161a;background:transparent}
html[data-theme="light"] .d6BoardBtn:hover,html[data-theme="light"] .d6StepBtn:hover{background:#f1f1f4}
html[data-theme="light"] .d6BoardTip{color:#5c5c66}
html[data-theme="light"] .d6BoardNote{color:#4a4a52}
.d6AskForm[hidden],.d6AskAns[hidden]{display:none!important}
.d6AskHold:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
.d6Ask{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:6px 0 2px}
.d6AskHold{min-height:40px;padding:6px 16px;border:1px solid #34343c;border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:14px;
cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.d6AskHold.d6AskOn{border-color:#ef4444;color:#ef4444}
.d6AskHold:disabled{opacity:.6;cursor:default}
.d6AskStatus{font-size:13px;color:#9a9aa6;overflow-wrap:anywhere}
.d6AskForm{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0}
.d6AskIn{flex:1 1 200px;min-width:0}
.d6AskAns{margin:4px 0;padding:8px 10px;border-radius:10px;background:#1b1b20;font-size:14px;line-height:1.45}
.d6AskQ{color:#9a9aa6;font-size:13px;margin-bottom:4px}
.d6AskLine{margin:2px 0}
@media (max-width:760px){
.d6AskHold{min-height:44px;font-size:16px}
}
html[data-theme="light"] .d6AskHold{border-color:#c9c9cf;color:#16161a;background:transparent}
html[data-theme="light"] .d6AskStatus,html[data-theme="light"] .d6AskQ{color:#5c5c66}
html[data-theme="light"] .d6AskHold.d6AskOn{border-color:#d93036;color:#d93036}
html[data-theme="light"] .d6AskAns{background:#f1f1f4;color:#16161a}
.d7Shade{z-index:140}
.d7Card{width:min(860px,100%);max-height:calc(100dvh - 24px);overflow:auto}
.d7Stage{display:flex;flex-direction:column;gap:10px}
.d7Bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.d7Seg{margin:0}
.d7Find{flex:1 1 180px;min-width:0}
.d7Grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.d7Tile{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;border:1px solid var(--bw-line);border-radius:12px;
background:var(--bw-card);color:var(--bw-text);font:inherit;padding:10px 12px;cursor:pointer;min-height:44px}
.d7Tile:hover{background:var(--bw-hover)}
.d7TileT{font-size:14px;font-weight:600}
.d7TileSubj{font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--bw-sub)}
.d7TileLine{font-size:13px;line-height:1.4;color:var(--bw-sub)}
.d7Muted{font-size:13px;line-height:1.45;color:var(--bw-sub)}
.d7Top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.d7Link{border:0;background:none;color:var(--bw-text);font:inherit;font-size:13.5px;text-decoration:underline;text-underline-offset:2px;padding:6px 0;cursor:pointer;min-height:32px}
.d7H{margin:0;font-size:17px;font-weight:600;color:var(--bw-text)}
.d7H5{font-size:14px;font-weight:600;color:var(--bw-text)}
.d7SimBox .simWrap{display:flex;flex-direction:column;gap:8px}
.d7SimBox .simCanvas{display:block;max-width:100%;border:1px solid var(--bw-line);border-radius:10px}
.d7SimBox .simReadout{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--bw-text)}
.d7SimBox .simReadK{color:var(--bw-sub)}
.d7SimBox .simControls{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px 14px}
.d7SimBox .simField{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--bw-sub)}
.d7SimBox .simFieldTop{display:flex;justify-content:space-between;gap:8px}
.d7SimBox .simVal{color:var(--bw-text);font-weight:600}
.d7SimBox .simRange{width:100%;accent-color:var(--bw-text);min-height:28px}
.d7SimBox .simSeg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:3px;border:1px solid var(--bw-line);border-radius:10px}
.d7SimBox .simSegBtn{border:0;border-radius:7px;background:none;color:var(--bw-sub);font:inherit;font-size:13px;padding:6px 10px;cursor:pointer}
.d7SimBox .simSegBtn[aria-checked="true"]{background:var(--bw-hover);color:var(--bw-text);font-weight:500}
.d7SimBox .simBar{display:flex;gap:8px;flex-wrap:wrap}
.d7SimBox .simNote{font-size:12.5px;line-height:1.45;color:var(--bw-sub)}
.d7Try{display:flex;flex-direction:column;gap:3px;font-size:14px;line-height:1.5;color:var(--bw-text);padding:10px 12px;border:1px solid var(--bw-line);border-radius:12px;background:var(--bw-soft)}
.d7Checks{display:flex;flex-direction:column;gap:10px}
.d7Q{display:flex;flex-direction:column;gap:6px}
.d7QText{font-size:14px;line-height:1.45;color:var(--bw-text)}
.d7Opts{display:flex;flex-wrap:wrap;gap:6px}
.d7Opt{border:1px solid var(--bw-line);border-radius:10px;background:var(--bw-card);color:var(--bw-text);font:inherit;font-size:13.5px;padding:7px 12px;cursor:pointer;min-height:36px;text-align:left}
.d7Opt:hover{background:var(--bw-hover)}
.d7Opt.d7Right{border-color:#4ade80;color:#4ade80}
.d7Opt.d7Wrong{border-color:#f87171;color:#f87171}
.d7Fb{font-size:13px;line-height:1.45;color:var(--bw-sub);min-height:1em}
.d7Coach{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--bw-line);padding-top:10px}
.d7Coach:empty{display:none}
.d7CoachRow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.d7Toggle{border:1px solid var(--bw-line);border-radius:999px;background:none;color:var(--bw-text);font:inherit;font-size:13.5px;font-weight:500;padding:7px 14px;cursor:pointer;min-height:36px}
.d7Toggle[aria-pressed="true"]{background:var(--bw-text);color:var(--bw-card);border-color:var(--bw-text)}
.d7Toggle:disabled{opacity:.5;cursor:default}
.d7Nudges{display:flex;flex-direction:column;gap:6px}
.d7Nudge{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.5;color:var(--bw-text);padding:8px 12px;border-radius:12px;background:var(--bw-hover)}
.d7NudgeWho{font-size:12px;color:var(--bw-sub);font-weight:600}
.d7Offer{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}
.d7OfferBtn{border:1px solid var(--bw-line,#2c2c2c);border-radius:999px;background:none;color:inherit;font:inherit;font-size:13.5px;padding:6px 12px;cursor:pointer;min-height:34px;text-align:left}
.d7OfferBtn:hover{background:var(--bw-hover,#232323)}
.d7ClassList{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
@media (max-width:760px){
.d7Shade{padding:8px}
.d7Card{width:100%}
.d7Find{font-size:16px!important}
.d7Grid,.d7ClassList{grid-template-columns:minmax(0,1fr)}
.d7Opt,.d7Toggle,.d7OfferBtn,.d7Link{min-height:44px}
}
@media (max-width:760px){
.d7SimBox .simBtn,.d7SimBox .simSegBtn{min-height:44px}
.d7SimBox .simControls{grid-template-columns:minmax(0,1fr)}
}
html[data-theme="light"] .d7Opt.d7Right{border-color:#15803d;color:#15803d}
html[data-theme="light"] .d7Opt.d7Wrong{border-color:#b91c1c;color:#b91c1c}
.d8Box{max-width:640px;width:calc(100vw - 32px);max-height:min(90vh,900px);display:flex;flex-direction:column;gap:10px;padding:18px;overflow:hidden;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-line);border-radius:var(--ui-r-xl);box-shadow:var(--ui-sh-3);box-sizing:border-box}
.d8Box.d8Wide{max-width:820px}
.d8Head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.d8Title{margin:0;font-size:18px}
.d8Sub{margin:4px 0 0;font-size:13px;color:var(--ui-text-2)}
.d8X{width:44px;height:44px;flex:0 0 auto;border-radius:10px;border:0;background:transparent;color:inherit;font-size:22px;cursor:pointer}
.d8Body{overflow:auto;display:flex;flex-direction:column;gap:10px;min-height:0;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.d8Status{font-size:13px;color:var(--ui-text-2);min-height:1em;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.d8Btn{min-height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--ui-line-strong);background:var(--ui-surface-2);color:inherit;font:inherit;font-size:14px;cursor:pointer}
.d8Btn:hover,.d8Btn:focus-visible{background:var(--ui-hover)}
.d8Btn:disabled{opacity:.5;cursor:default}
.d8Btn.d8Pri{background:var(--ui-pri-bg);color:var(--ui-pri-fg);border-color:var(--ui-pri-bg)}
.d8Btn.d8Pri:hover{background:var(--ui-pri-hover)}
.d8Btn.d8Small{min-height:36px;padding:0 12px;font-size:13px}
.d8Link{background:none;border:0;padding:6px 4px;color:var(--ui-link);font:inherit;font-size:13px;cursor:pointer;text-decoration:none}
.d8Link:hover{text-decoration:underline}
.d8Seg{display:flex;gap:6px;flex-wrap:wrap}
.d8Chip{min-height:36px;padding:0 12px;border-radius:var(--ui-r-pill);border:1px solid var(--ui-line-strong);background:transparent;color:inherit;font:inherit;font-size:13px;cursor:pointer}
.d8Chip.isOn{background:var(--ui-pri-bg);color:var(--ui-pri-fg);border-color:var(--ui-pri-bg)}
.d8Input{width:100%;box-sizing:border-box;min-height:44px;padding:10px 12px;border-radius:12px;border:1px solid var(--ui-line-strong);background:var(--ui-surface-2);color:inherit;font:inherit;font-size:15px}
.d8Input.d8Narrow{width:auto;min-width:0;flex:0 1 auto}
.d8Area{min-height:120px;resize:vertical}
.d8Row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.d8Row .d8Input:not(.d8Narrow){flex:1 1 220px}
.d8Muted{font-size:13px;color:var(--ui-text-2)}
.d8Empty{font-size:13px;color:var(--ui-text-2);padding:8px 0}
.d8ListHead{font-weight:600;margin-top:6px}
.d8List{display:flex;flex-direction:column;gap:8px}
.d8Card{border:1px solid var(--ui-line);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;background:var(--ui-surface-2)}
.d8CardTop{display:flex;flex-direction:column;gap:2px}
.d8Acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.d8Stage{position:relative;width:100%;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:1px solid var(--ui-line);flex:0 0 auto}
.d8StageBar{position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--d8-accent,#1F5FA9)}
.d8StageInner{position:absolute;inset:0;padding:6% 7% 6% 9%;display:flex;flex-direction:column;justify-content:center;gap:4%;overflow:hidden}
.d8StageInner.isTitle{align-items:center;text-align:center}
.d8SlideTitle{font-size:clamp(17px,4.2vw,34px);font-weight:700;line-height:1.2}
.d8StageInner.isTitle .d8SlideTitle{font-size:clamp(20px,5.2vw,42px)}
.d8Bullets{margin:0;padding-left:1.2em;font-size:clamp(13px,2.6vw,21px);line-height:1.45;display:flex;flex-direction:column;gap:.3em}
.d8StageInner.isTitle .d8Bullets{list-style:none;padding:0;opacity:.85}
.d8Cap{min-height:2.8em;padding:8px 12px;border-radius:10px;background:rgba(0,0,0,.72);color:#fff;font-size:15px;line-height:1.4;text-align:center}
.d8Ctl{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.d8Count{min-width:44px;text-align:center}
.d8Dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.d8Dot{width:10px;height:10px;min-height:0;padding:0;border-radius:50%;border:0;background:var(--ui-line-strong);cursor:pointer;display:inline-block}
.d8Dot.isOn{background:var(--ui-text)}
.d8Dot.isDone{background:var(--ui-text-2)}
button.d8Dot{width:14px;height:14px;position:relative}
button.d8Dot::after{content:"";position:absolute;inset:-15px}
.d8Script{font-size:14px;line-height:1.5}
.d8Sum{cursor:pointer;color:var(--ui-link)}
.d8CircleWrap{position:relative;display:block;width:max-content;max-width:100%;margin:0 0 6px auto;line-height:0}
.d8Ring{position:absolute;box-sizing:border-box;border:3px solid #ff5a4f;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.55);pointer-events:none}
.d8RingTag{position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);white-space:nowrap;padding:3px 8px;border-radius:8px;background:#ff5a4f;color:#fff;font-size:12px;font-weight:600;line-height:1.3}
.d8RingTag.isLeft{left:auto;right:calc(100% + 6px)}
.d8CircleNote{flex:1 0 100%;display:flex;gap:6px;align-items:center;justify-content:flex-end;font-size:12px;color:var(--ui-text-2);margin:0 0 6px}
.d8CircleBig{margin:0 auto}
.d8CircleImg{display:block;max-width:100%;max-height:70vh;border-radius:12px}
.d8Moments{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.d8Moment{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:12px;border-radius:14px;border:1px solid var(--ui-line);background:var(--ui-surface-2);color:inherit;font:inherit;cursor:pointer;min-height:44px}
.d8Moment:hover,.d8Moment:focus-visible{background:var(--ui-hover)}
.d8Moment:disabled{opacity:.6}
.d8MomentRole{font-size:13px;line-height:1.35}
.d8Label{font-size:12px;color:var(--ui-text-2);border:1px dashed var(--ui-line-strong);border-radius:10px;padding:6px 10px}
.d8H{margin:4px 0 0;font-size:17px;line-height:1.3}
.d8Role{font-weight:600;margin:0}
.d8Choices{display:flex;flex-direction:column;gap:8px}
.d8Choice{text-align:left;min-height:44px;padding:10px 14px;border-radius:12px;border:1px solid var(--ui-line-strong);background:var(--ui-surface-2);color:inherit;font:inherit;font-size:15px;line-height:1.4;cursor:pointer}
.d8Choice:hover:not(:disabled),.d8Choice:focus-visible{background:var(--ui-hover)}
.d8Choice.isRight{border-color:var(--ui-ok);box-shadow:inset 0 0 0 1px var(--ui-ok)}
.d8Choice.isWrong{border-color:var(--ui-danger);box-shadow:inset 0 0 0 1px var(--ui-danger)}
.d8Choice:disabled{cursor:default}
.d8Picked{font-weight:600}
.d8Why{margin:0;font-size:14px;color:var(--ui-text-2)}
.d8Compare{display:flex;flex-direction:column;gap:8px}
.d8CompareRow{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;background:var(--ui-surface-2);border:1px solid var(--ui-line);font-size:14px}
@media (max-width:600px){.d8Box{padding:14px;max-height:92vh}.d8Moments{grid-template-columns:1fr}.d8Cap{font-size:14px}}
html[data-theme="light"] .d8Cap{background:rgba(20,20,24,.82)}
html[data-theme="light"] .d8Ring{box-shadow:0 0 0 2px rgba(255,255,255,.8)}
.d9Chk{display:inline-flex;align-items:center;align-self:center;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:750;border:1px solid #3a3a3a;color:#cfcfd4;background:#151515}
.d9ChkOk{color:#8fd19e;border-color:#2f5a3a}
.d9ChkMiss{color:#ffb86b;border-color:#6a4a22}
.d9ChkErr{color:#a9a9b0}
.d9ChkSum{width:100%;margin-top:4px;font-size:11px;line-height:1.5;color:#b9b9c0}
.d9ChkHead{font-weight:650}
.d9ChkLine{color:#a9a9b0}
.d9StepHr,.d9StepHidden{display:none!important}
.d9StepNav{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}
.d9StepCount{font-size:12px;color:#a9a9b0;outline:0}
.d9StepNext,.d9StepAll{min-height:40px;padding:0 16px;border-radius:999px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;border:1px solid #444;background:transparent;color:inherit}
.d9StepNext{background:#fff;color:#0b0b0c;border-color:#fff}
.d9StepNext:focus-visible,.d9StepAll:focus-visible,.d9NewsArgue:focus-visible,.d9NewsShow:focus-visible{outline:2px solid #7c9fff;outline-offset:2px}
.d9NewsHead{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.d9NewsH{margin:0}
.d9NewsItem{border-top:1px solid #242424;padding:10px 2px}
.d9NewsTitle{display:block;font-weight:650;font-size:14px;line-height:1.4;color:inherit;text-decoration:none}
a.d9NewsTitle:hover{text-decoration:underline}
.d9NewsMeta{font-size:11px;color:#8e8e96;margin-top:2px}
.d9NewsText,.d9NewsWhy,.d9NewsQ{margin:6px 0 0;font-size:13px;line-height:1.55}
.d9NewsWhy{color:#b9b9c0}
.d9NewsQ{font-style:italic}
.d9NewsArgue{margin-top:8px}
.d9NewsFoot{font-size:11px;color:#8e8e96;padding-top:8px}
html[data-d9-layout=simple]:not([data-b17d-size]) #chatLog>:is(.message,#welcome){zoom:1.12}
html[data-d9-layout=simple] :is(.richAnswer,#chatLog .bubble){line-height:1.85!important}
html[data-d9-layout=simple] .richAnswer :is(p,li){margin-bottom:.75em}
html[data-d9-layout=simple] .richAnswer :is(h1,h2,h3,h4){margin-top:1.1em}
html[data-d9-layout=simple] #chatLog .bubble{max-width:68ch}
html[data-theme="light"] .d9Chk{background:#fff;border-color:#d9d9e0;color:#4a4a52}
html[data-theme="light"] .d9ChkOk{color:#1d7a36;border-color:#b9dfc3}
html[data-theme="light"] .d9ChkMiss{color:#9a5a00;border-color:#efd3a8}
html[data-theme="light"] .d9ChkSum,html[data-theme="light"] .d9ChkLine,html[data-theme="light"] .d9NewsWhy{color:#4a4a52}
html[data-theme="light"] .d9StepCount,html[data-theme="light"] .d9NewsMeta,html[data-theme="light"] .d9NewsFoot{color:#686870}
html[data-theme="light"] .d9StepAll{border-color:#c9c9cf}
html[data-theme="light"] .d9StepNext{background:#111;color:#fff;border-color:#111}
html[data-theme="light"] .d9NewsItem{border-top-color:#eeeef1}
.c1Parts{margin:2px 0 10px;padding:8px 10px;border:1px solid #2c2c30;border-radius:12px;background:#141416;font-size:13px}
.c1PartsHead{color:#9a9aa2;font-size:12px;margin:0 0 4px}
.c1PartsList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.c1PartsList.c1Compact{flex-direction:row;flex-wrap:wrap;gap:4px 10px}
.c1Part{display:flex;align-items:baseline;gap:6px;min-width:0;color:#c7c7cc}
.c1PartBox{flex:none;width:13px;height:13px;border:1.5px solid #5a5a62;border-radius:4px;transform:translateY(2px);box-sizing:border-box}
.c1PartLabel{flex:none;font-weight:600;color:#e5e5ea}
.c1PartText{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c1Part.c1Now .c1PartBox{border-color:#8ab4ff;animation:c1Pulse 1.2s ease-in-out infinite}
.c1Part.c1Done .c1PartBox{background:#34c759;border-color:#34c759;box-shadow:inset 0 0 0 2px #141416}
.c1Part.c1Done .c1PartText{color:#8e8e93}
@keyframes c1Pulse{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.c1Part.c1Now .c1PartBox{animation:none}}
.c1Skill{margin:0 0 8px;font-size:12.5px;color:#9a9aa2;display:flex;flex-wrap:wrap;align-items:center}
.c1SkillUndo{border:0;background:none;color:#8ab4ff;font:inherit;font-size:12.5px;padding:6px 2px;min-height:32px;cursor:pointer;text-decoration:underline}
.c1PlanCard{margin:10px 0 14px;padding:14px;border:1px solid #2f2f34;border-radius:16px;background:#161618;max-width:680px}
.c1PlanKicker{font-size:12px;color:#9a9aa2;text-transform:uppercase;letter-spacing:.04em}
.c1PlanTitle{font-size:16px;font-weight:600;margin:2px 0 4px;color:#f3f3f3}
.c1PlanSub{font-size:13px;color:#a1a1aa;margin:0 0 10px}
.c1PlanSteps{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}
.c1PlanStep{display:flex;gap:4px;align-items:flex-start}
.c1PlanNum{flex:none;min-width:18px;padding-top:11px;color:#9a9aa2;font-size:13px}
.c1PlanInput{flex:1;min-width:0;box-sizing:border-box;min-height:40px;padding:9px 10px;border-radius:10px;border:1px solid #3a3a3e;background:#0f0f10;color:#f3f3f3;font:inherit;font-size:16px;line-height:1.35;resize:none;overflow:hidden}
.c1PlanMove,.c1PlanDel{flex:none;width:36px;height:40px;border-radius:10px;border:1px solid #333;background:transparent;color:#d1d1d6;font-size:16px;cursor:pointer}
.c1PlanMove:disabled{opacity:.35;cursor:default}
.c1PlanAdd{border:0;background:none;color:#8ab4ff;font:inherit;font-size:13px;padding:8px 2px;min-height:40px;cursor:pointer}
.c1PlanAdd:disabled{opacity:.4}
.c1PlanMsg{min-height:1em;font-size:13px;color:#ff8a80;margin:2px 0 6px}
.c1PlanRow,.c1KitActions{display:flex;gap:8px;flex-wrap:wrap}
.c1PlanGo,.c1PlanCancel,.c1KitGo,.c1KitCancel{min-height:44px}
.c1Shade{position:fixed;inset:0;z-index:12500;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.6)}
.c1SheetBox{width:min(460px,100%);max-height:calc(100vh - 32px);overflow:auto;box-sizing:border-box;background:#1b1b1d;color:#f3f3f3;border:1px solid #333;border-radius:16px;padding:18px;box-shadow:0 24px 64px rgba(0,0,0,.5)}
.c1SheetHead{display:flex;align-items:center;justify-content:space-between;gap:8px}
.c1SheetTitle{margin:0;font-size:17px}
.c1X{width:40px;height:40px;border:0;border-radius:10px;background:none;color:#c7c7cc;font-size:22px;cursor:pointer}
.c1SheetSub{margin:4px 0 12px;font-size:13.5px;line-height:1.45;color:#c7c7cc}
.c1KitList,.c1SnipList{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}
.c1KitRow{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid #2f2f34;border-radius:12px;cursor:pointer}
.c1KitRow.c1KitOff{opacity:.6;cursor:default}
.c1KitCheck{width:18px;height:18px;margin:2px 0 0;flex:none}
.c1KitCopy{display:flex;flex-direction:column;gap:2px;min-width:0}
.c1KitName{font-weight:600;font-size:14px}
.c1KitCost{font-size:12.5px;color:#a1a1aa}
.c1KitDate{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;font-size:13.5px}
.c1KitDateInput{padding:8px 10px;border-radius:10px;border:1px solid #3a3a3e;background:#111;color:#f3f3f3;font:inherit;font-size:16px}
.c1KitMsg{min-height:1em;font-size:13.5px;line-height:1.45;color:#d1d1d6;margin:0 0 12px}
.c1SnipQuote{margin:0 0 12px;padding:8px 12px;border-left:3px solid #48484e;color:#d1d1d6;font-size:13.5px;white-space:pre-wrap;max-height:120px;overflow:auto}
.c1SnipPick{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;padding:10px 12px;min-height:48px;border:1px solid #2f2f34;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.c1SnipName{font-weight:600;font-size:14px}
.c1SnipSub{font-size:12.5px;color:#a1a1aa}
.c1AutoRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px;font-size:12.5px;color:#a1a1aa}
.c1AutoSel{max-width:220px}
@media (max-width:420px){.c1PlanCard{padding:12px}.c1PlanMove,.c1PlanDel{width:32px}.c1PlanStep{gap:3px}}
@media (max-width:420px){.r10SelBar{flex-wrap:wrap;justify-content:center}}
html[data-theme="light"] .c1Parts{background:#f6f6f8;border-color:#e2e2e6}
html[data-theme="light"] .c1PartsHead,html[data-theme="light"] .c1Skill,html[data-theme="light"] .c1PlanKicker,html[data-theme="light"] .c1KitCost,html[data-theme="light"] .c1SnipSub,html[data-theme="light"] .c1AutoRow{color:#6b6b73}
html[data-theme="light"] .c1Part{color:#3a3a40}
html[data-theme="light"] .c1PartLabel,html[data-theme="light"] .c1PlanTitle{color:#111}
html[data-theme="light"] .c1Part.c1Done .c1PartBox{box-shadow:inset 0 0 0 2px #f6f6f8}
html[data-theme="light"] .c1SkillUndo,html[data-theme="light"] .c1PlanAdd{color:#1f5fd1}
html[data-theme="light"] .c1PlanCard{background:#fff;border-color:#dcdce0}
html[data-theme="light"] .c1PlanSub,html[data-theme="light"] .c1SheetSub,html[data-theme="light"] .c1KitMsg{color:#4a4a52}
html[data-theme="light"] .c1PlanInput,html[data-theme="light"] .c1KitDateInput{background:#fff!important;color:#111!important;border-color:#c9c9cf!important}
html[data-theme="light"] .c1PlanMove,html[data-theme="light"] .c1PlanDel{border-color:#d4d4da;color:#333}
html[data-theme="light"] .c1SheetBox{background:#fff;color:#111;border-color:#dcdce0}
html[data-theme="light"] .c1X{color:#555}
html[data-theme="light"] .c1KitRow,html[data-theme="light"] .c1SnipPick{border-color:#dcdce0}
html[data-theme="light"] .c1SnipQuote{border-left-color:#c9c9cf;color:#3a3a40}
.c3Bar{display:flex;flex-direction:column;gap:6px;margin:0 auto 6px;max-width:760px;width:calc(100% - 16px);box-sizing:border-box;padding:6px 8px 6px 10px;border-radius:12px;border:1px solid var(--ui-line);background:var(--ui-surface-2);color:var(--ui-text);font-size:13px}
.c3BarTop{display:flex;align-items:center;gap:8px;min-width:0}
.c3Tag{flex:0 0 auto;font-size:11px;font-weight:600;letter-spacing:.02em;padding:2px 8px;border-radius:999px;background:var(--ui-raised);border:1px solid var(--ui-line-strong);color:var(--ui-text)}
.c3BarText{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ui-text-2)}
.c3BarBtn{flex:0 0 auto;min-height:32px;padding:0 12px;border-radius:9px;border:1px solid var(--ui-line-strong);background:transparent;color:var(--ui-text);font:inherit;font-size:13px;cursor:pointer}
.c3BarRow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.c3Chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.c3Chips::-webkit-scrollbar{display:none}
.c3Chip{flex:0 0 auto;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--ui-line-strong);background:var(--ui-raised);color:var(--ui-text);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.c3Chip:hover,.c3BarBtn:hover,.c3Step:hover{background:var(--ui-hover)}
.c3Step{width:36px;height:32px;border-radius:9px;border:1px solid var(--ui-line-strong);background:var(--ui-raised);color:var(--ui-text);font-size:17px;line-height:1;cursor:pointer}
.c3Step:disabled{opacity:.45;cursor:default}
.c3ChapterText{min-width:58px;text-align:center;font-weight:600;white-space:nowrap}
.c3BarRow .c3Chips{flex:1 1 auto;min-width:0;flex-wrap:nowrap}
.c3BookRow{flex-wrap:nowrap}
.c3Clock{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--ui-text-2)}
.c3Clock.c3ClockDone{color:var(--ui-text)}
.c3Card{margin-top:10px;padding:14px;border:1px solid var(--ui-line);border-radius:14px;background:var(--ui-surface-2);display:flex;flex-direction:column;gap:8px;max-width:560px;box-sizing:border-box}
.c3Pick[hidden],.c3Sub[hidden]{display:none!important}
.c3CardTitle{margin:0;font-size:16px}
.c3Label{font-size:13px;color:var(--ui-text-2);margin-top:2px}
.c3Field{width:100%;box-sizing:border-box;min-height:40px;padding:8px 10px;border-radius:10px;border:1px solid var(--ui-line-strong);background:var(--ui-surface);color:var(--ui-text);font:inherit;font-size:16px}
.c3Field.c3Num{max-width:120px}
.c3Seg{display:flex;flex-wrap:wrap;gap:4px;padding:3px;border-radius:12px;background:var(--ui-surface);border:1px solid var(--ui-line);align-self:flex-start}
.c3SegBtn{min-height:36px;padding:0 14px;border-radius:9px;border:0;background:transparent;color:var(--ui-text-2);font:inherit;font-size:14px;cursor:pointer}
.c3SegBtn.isOn{background:var(--ui-raised);color:var(--ui-text);box-shadow:var(--ui-sh-1)}
.c3Sub{margin:0;font-size:13px;color:var(--ui-text-2);line-height:1.45}
.c3Note{font-size:13px;color:var(--ui-text-2);min-height:1em}
.c3Note:empty{display:none}
.c3Go{align-self:flex-start;min-height:40px}
.c3Row{display:flex;gap:6px;align-items:center}
.c3Row .c3Field{flex:1 1 auto;min-width:0}
.c3Row .secondaryAction{flex:0 0 auto;white-space:nowrap}
.c3Results,.c3Books{display:flex;flex-direction:column;gap:6px}
.c3Result{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;border:1px solid var(--ui-line);background:var(--ui-surface)}
.c3ResultText{flex:1 1 auto;min-width:0;font-size:14px;overflow-wrap:anywhere}
.c3Link{align-self:flex-start;border:0;background:transparent;color:var(--ui-link);font:inherit;font-size:13px;padding:4px 0;cursor:pointer;text-decoration:underline}
.c3Pick{display:flex;flex-direction:column;gap:6px;padding-top:4px;border-top:1px solid var(--ui-line)}
.c3Sec{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid var(--ui-line)}
.c3SecTitle{margin:0;font-size:14px}
.c3P{margin:0;font-size:14px;line-height:1.5}
.c3List{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.45}
.c3Checks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}
.c3Check{display:flex;align-items:center;gap:10px;min-height:36px;font-size:14px;cursor:pointer}
.c3Check input{width:18px;height:18px;flex:0 0 auto}
.c3Acts{display:flex;gap:6px;flex-wrap:wrap}
.c3OrbWrap{display:flex;align-items:center;gap:14px;min-height:96px}
.c3Orb{flex:0 0 auto;width:84px;height:84px;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(143,163,200,.55),rgba(91,140,255,.18));border:1px solid var(--ui-line-strong);transform:scale(.62);transition:transform 4s ease-in-out}
.c3Orb.c3In{transform:scale(1);transition-duration:4s}
.c3Orb.c3Out{transform:scale(.62);transition-duration:6s}
.c3Cue{flex:1 1 auto;font-size:14px;line-height:1.45}
.c3BreatheBtn{align-self:flex-start;min-height:36px}
.c3Counselor{padding-top:8px;border-top:1px solid var(--ui-line)}
.c3Box{max-width:560px;width:calc(100vw - 32px);max-height:min(86vh,780px);display:flex;flex-direction:column;gap:8px;padding:18px;box-sizing:border-box;background:var(--ui-surface);color:var(--ui-text);border:1px solid var(--ui-line);border-radius:var(--ui-r-xl);box-shadow:var(--ui-sh-3)}
.c3Head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.c3Title{margin:0;font-size:18px}
.c3X{width:40px;height:40px;border-radius:10px;border:0;background:transparent;color:inherit;font-size:22px;cursor:pointer;flex:0 0 auto}
.c3Body{display:flex;flex-direction:column;gap:8px;overflow:auto;min-height:0;padding-bottom:calc(4px + var(--ui-safe-b, 0px))}
@media (max-width:480px){.c3Bar{width:calc(100% - 8px);padding:6px}.c3BarText{white-space:normal}.c3Card{padding:12px}.c3Orb{width:72px;height:72px}}
@media (prefers-reduced-motion:reduce){.c3Orb,.c3Orb.c3In,.c3Orb.c3Out{transition:none!important;transform:scale(.8)!important}}
html[data-theme="light"] .c3Orb{background:radial-gradient(circle at 40% 35%,rgba(37,99,235,.28),rgba(37,99,235,.08))}
html[data-theme="light"] .c3Tag{background:#fff}
html[data-theme="light"] .c3Field{background:#fff!important;color:#111!important;border-color:#d5d5db!important}
html[data-theme="light"] .c3Field::placeholder{color:#9a9aa2!important}
.c6Small{min-height:34px;padding:0 13px;border-radius:var(--ui-r-pill);border:1px solid var(--ui-line-strong);background:transparent;color:var(--ui-text);font:inherit;font-size:var(--ui-fs-sm);cursor:pointer}
.c6Small.c6Quiet{border-color:transparent;color:var(--ui-text-2)}
.c6Small:hover{background:var(--ui-hover)}
.c6Small:disabled{opacity:.5;cursor:default}
.c6X{width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--ui-text-2);font-size:18px;line-height:1;cursor:pointer;flex:0 0 auto}
.c6X:hover{background:var(--ui-hover);color:var(--ui-text)}
.c6Shade{position:fixed;inset:0;z-index:2147483100;background:var(--ui-shade);display:flex;align-items:center;justify-content:center;padding:16px}
.c6SheetBox{width:100%;max-width:560px;max-height:88vh;overflow:auto;background:var(--ui-raised);color:var(--ui-text);border:1px solid var(--ui-line);border-radius:var(--ui-r-lg);box-shadow:var(--ui-sh-3);padding:18px 18px 14px}
.c6SheetHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}
.c6SheetH{margin:0;font-size:var(--ui-fs-lg);font-weight:var(--ui-fw-semi)}
.c6SheetSub{margin:4px 0 0;color:var(--ui-text-2);font-size:var(--ui-fs-sm);line-height:var(--ui-lh-snug)}
.c6Big{display:block;width:100%;min-height:44px;margin:0 0 8px;padding:0 14px;border-radius:var(--ui-r-md);border:1px solid var(--ui-line-strong);background:var(--ui-pri-bg);color:var(--ui-pri-fg);font:inherit;font-size:var(--ui-fs-md);font-weight:var(--ui-fw-med);text-align:left;cursor:pointer}
.c6Big.c6Quiet{background:transparent;color:var(--ui-text)}
.c6Big:disabled{opacity:.55}
.c6Int{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.c6IntChips,.c6IntOwn{display:flex;flex-wrap:wrap;gap:6px}
.c6IntChip{min-height:34px;padding:0 12px;border-radius:var(--ui-r-pill);border:1px solid var(--ui-line);background:transparent;color:var(--ui-text);font:inherit;font-size:var(--ui-fs-sm);cursor:pointer}
.c6IntChip.isOn{background:var(--ui-pri-bg);color:var(--ui-pri-fg);border-color:var(--ui-pri-bg)}
.c6IntMine{display:inline-flex;align-items:center;gap:2px;padding:2px 2px 2px 10px;border:1px solid var(--ui-line);border-radius:var(--ui-r-pill);background:var(--ui-surface-2);color:var(--ui-text);font-size:var(--ui-fs-sm);max-width:100%}
.c6IntX{width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--ui-text-2);font-size:16px;line-height:1;cursor:pointer}
.c6IntAdd{display:flex;gap:8px;align-items:center}
.c6IntInput{flex:1 1 auto;min-width:0;min-height:36px;padding:0 12px;border-radius:var(--ui-r-sm);border:1px solid var(--ui-line-strong);background:var(--ui-surface-2);color:var(--ui-text);font:inherit;font-size:16px}
.c6IntLine{display:block}
.c6IntTop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.c6IntHint{color:var(--ui-text-2);font-size:var(--ui-fs-sm);margin:-2px 0 4px}
.c6IntQ{margin:0 0 16px}
.c6IntQT{font-weight:var(--ui-fw-semi);font-size:var(--ui-fs-sm);margin:0 0 8px}
.c6Mlt{margin-top:12px;padding:12px;border:1px solid var(--ui-line);border-radius:var(--ui-r-md);background:var(--ui-surface-2);color:var(--ui-text)}
.c6MltHead{display:flex;align-items:center;justify-content:space-between;gap:8px}
.c6MltTitle{font-size:var(--ui-fs-md)}
.c6MltStatus{margin-top:6px;color:var(--ui-text-2);font-size:var(--ui-fs-sm);display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.c6MltSkill{margin:2px 0 8px;color:var(--ui-text-2);font-size:var(--ui-fs-sm)}
.c6MltQ{padding:10px 0;border-top:1px solid var(--ui-line)}
.c6MltN{font-size:var(--ui-fs-xs);color:var(--ui-text-3);text-transform:uppercase;letter-spacing:.04em}
.c6MltText{margin:4px 0 8px;line-height:var(--ui-lh)}
.c6MltAct{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.c6MltIn{flex:1 1 160px;min-width:0;min-height:36px;padding:0 12px;border-radius:var(--ui-r-sm);border:1px solid var(--ui-line-strong);background:var(--ui-raised);color:var(--ui-text);font:inherit;font-size:16px}
.c6MltChoices{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.c6MltChoice{min-height:40px;padding:6px 12px;border-radius:var(--ui-r-sm);border:1px solid var(--ui-line);background:var(--ui-raised);color:var(--ui-text);font:inherit;font-size:var(--ui-fs-sm);text-align:left;cursor:pointer}
.c6MltChoice.isPicked{border-color:var(--ui-focus)}
.c6MltRes{min-height:1em;margin-top:6px;font-size:var(--ui-fs-sm)}
.c6MltQ.c6Right .c6MltRes{color:var(--ui-ok)}
.c6MltQ.c6Wrong .c6MltRes{color:var(--ui-danger)}
.c6MltSol{margin-top:8px;padding:10px 12px;border-radius:var(--ui-r-sm);background:var(--ui-raised);border:1px solid var(--ui-line);font-size:var(--ui-fs-sm);line-height:var(--ui-lh)}
.c6MltSolH{font-weight:var(--ui-fw-semi);margin-bottom:4px}
.c6MltFoot{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;border-top:1px solid var(--ui-line)}
.c6MltNote{color:var(--ui-text-3);font-size:var(--ui-fs-xs)}
.c6Map{display:flex;flex-direction:column;gap:10px}
.c6MapLoading,.c6MapEmpty,.c6MapFine{color:var(--ui-text-2);font-size:var(--ui-fs-sm);line-height:var(--ui-lh-snug)}
.c6MapFine{font-size:var(--ui-fs-xs);color:var(--ui-text-3)}
.c6MapSum{display:flex;flex-wrap:wrap;gap:6px}
.c6MapPill{padding:3px 10px;border-radius:var(--ui-r-pill);border:1px solid var(--ui-line);font-size:var(--ui-fs-xs);color:var(--ui-text-2)}
.c6MapGroup{display:flex;flex-direction:column;gap:4px}
.c6MapGroupH{font-size:var(--ui-fs-xs);font-weight:var(--ui-fw-semi);color:var(--ui-text-2);text-transform:uppercase;letter-spacing:.04em;margin:4px 0 2px}
.c6MapRow{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;padding:8px 10px;border:1px solid var(--ui-line);border-radius:var(--ui-r-sm);background:transparent;color:var(--ui-text);font:inherit;text-align:left;cursor:pointer}
.c6MapRow:hover{background:var(--ui-hover)}
.c6MapName{display:flex;flex-direction:column;min-width:0}
.c6MapT{font-weight:var(--ui-fw-med);font-size:var(--ui-fs-sm);overflow-wrap:anywhere}
.c6MapWhy{color:var(--ui-text-3);font-size:var(--ui-fs-xs)}
.c6MapLvl{flex:0 0 auto;padding:3px 9px;border-radius:var(--ui-r-pill);font-size:var(--ui-fs-xs);font-weight:var(--ui-fw-med);border:1px solid var(--ui-line);color:var(--ui-text-2)}
.c6MapLvl.c6L-mastered,.c6MapPill.c6L-mastered{color:var(--ui-ok);border-color:var(--ui-ok)}
.c6MapLvl.c6L-almost,.c6MapPill.c6L-almost{color:var(--ui-link);border-color:var(--ui-link)}
.c6MapLvl.c6L-learning,.c6MapPill.c6L-learning{color:var(--ui-warn);border-color:var(--ui-warn)}
.c6MapLvl.c6L-not_started,.c6MapPill.c6L-not_started{color:var(--ui-text-3)}
.c6MapSec{margin:14px 0 6px;padding:12px;border:1px solid var(--ui-line);border-radius:var(--ui-r-md)}
.c6MapSecH{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 10px;margin-bottom:8px}
.c6MapSecT{margin:0;font-size:var(--ui-fs-md)}
.c6MapSecSub{color:var(--ui-text-3);font-size:var(--ui-fs-xs)}
.c6TopicActs{display:flex;flex-direction:column}
.c6Lvl{min-height:30px;padding:0 10px;border-radius:var(--ui-r-pill);border:1px solid var(--ui-line);background:transparent;color:var(--ui-text-2);font:inherit;font-size:var(--ui-fs-xs);cursor:pointer;white-space:nowrap}
.c6Lvl:hover{color:var(--ui-text);background:var(--ui-hover)}
.c6LvlMenu{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0;padding:8px;border:1px solid var(--ui-line);border-radius:var(--ui-r-md);background:var(--ui-raised)}
.c6LvlMenuH{flex-basis:100%;font-size:var(--ui-fs-xs);color:var(--ui-text-3)}
.c6LvlItem{min-height:34px;padding:0 12px;border-radius:var(--ui-r-pill);border:1px solid var(--ui-line);background:transparent;color:var(--ui-text);font:inherit;font-size:var(--ui-fs-sm);cursor:pointer}
.c6LvlItem.isOn{background:var(--ui-pri-bg);color:var(--ui-pri-fg);border-color:var(--ui-pri-bg)}
.c6PtLevel{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:8px 0}
.c6PtHint{color:var(--ui-text-3);font-size:var(--ui-fs-xs)}
.c6Small:focus-visible,.c6Big:focus-visible,.c6IntChip:focus-visible,.c6MapRow:focus-visible,.c6Lvl:focus-visible,.c6LvlItem:focus-visible,.c6MltChoice:focus-visible,.c6X:focus-visible{outline:2px solid var(--ui-focus);outline-offset:2px}
@media (max-width:760px){.c6Shade{align-items:flex-end;padding:0}.c6SheetBox{max-width:none;border-radius:16px 16px 0 0;border-bottom:0;padding-bottom:calc(14px + var(--ui-safe-b))}.c6X{width:40px;height:40px}.c6IntX{width:36px;height:36px}}
html[data-theme="light"] .c6Big{border-color:var(--ui-pri-bg)}
html[data-theme="light"] .c6Big.c6Quiet{border-color:var(--ui-line-strong)}
html[data-theme="light"] .bubble .c6MltQ.c6Right .c6MltRes{color:var(--ui-ok)!important}
html[data-theme="light"] .bubble .c6MltQ.c6Wrong .c6MltRes{color:var(--ui-danger)!important}
html[data-theme="light"] .bubble .c6MltN,html[data-theme="light"] .bubble .c6MltSkill,html[data-theme="light"] .bubble .c6MltNote{color:var(--ui-text-2)!important}
:root #homeDash .tcLead,:root #homeDash .tcLeft,:root #homeDash .tcNoteLine{margin:0 0 10px;color:var(--hd-sub)!important;font-size:13px!important;line-height:1.45}
:root #homeDash .tcLeft{margin:10px 0 0}
:root #homeDash .tcRows{display:flex;flex-direction:column}
:root #homeDash .tcRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--hd-row)}
:root #homeDash .tcRowMain{display:flex;flex:1 1 auto;flex-direction:column;gap:2px;min-width:0}
:root #homeDash .tcRowName{color:var(--hd-text);font-size:14px;font-weight:600}
:root #homeDash .tcRowWhy{color:var(--hd-sub);font-size:12.5px;overflow-wrap:anywhere}
:root #homeDash .tcOpen,:root #homeDash .tcFeel{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:34px;padding:6px 14px;margin:0;border:1px solid var(--hd-btn-line)!important;border-radius:999px!important;background:transparent!important;color:var(--hd-text)!important;font:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}
:root #homeDash .tcOpen:hover,:root #homeDash .tcFeel:hover{background:var(--hd-hover)!important}
:root #homeDash .tcOpenMain{border-color:transparent!important;background:var(--hd-pri-bg)!important;color:var(--hd-pri-fg)!important;font-weight:600}
:root #homeDash .tcOpenMain:hover{background:var(--hd-pri-hover)!important}
:root #homeDash .tcOpen:disabled,:root #homeDash .tcFeel:disabled,:root #homeDash .tcChoice:disabled{opacity:.6;cursor:default}
:root #homeDash .tcPrimer{padding:4px 0 12px}
:root #homeDash .tcTopic{margin:4px 0 6px;font-size:15px;font-weight:600;color:var(--hd-text)}
:root #homeDash .tcOverview{margin:0 0 12px;font-size:14px;line-height:1.55;color:var(--hd-text)!important}
:root #homeDash .tcSub{margin:0 0 2px;font-size:13px;font-weight:600;color:var(--hd-text)}
:root #homeDash .tcQ{margin:10px 0 0;padding:10px 12px;border:1px solid var(--hd-line);border-radius:12px}
:root #homeDash .tcQText{margin:0 0 8px;font-size:14px;line-height:1.45;color:var(--hd-text)!important}
:root #homeDash .tcChoices{display:grid;grid-template-columns:1fr 1fr;gap:6px}
:root #homeDash .tcChoice{min-height:40px;padding:8px 10px;border:1px solid var(--hd-btn-line)!important;border-radius:10px!important;background:transparent!important;color:var(--hd-text)!important;font:inherit;font-size:13px;text-align:left;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
:root #homeDash .tcChoice:hover:not(:disabled){background:var(--hd-hover)!important}
:root #homeDash .tcChoice.tcRight{border-color:var(--hd-green)!important;opacity:1}
:root #homeDash .tcChoice.tcWrong{border-color:var(--hd-orange)!important;opacity:1}
:root #homeDash .tcWhy{margin:8px 0 0;font-size:13px;line-height:1.45;color:var(--hd-sub)!important}
:root #homeDash .tcWhy:empty{display:none}
:root #homeDash .tcFeelRow{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}
:root #homeDash .tcLink{background:none!important;border:0!important;padding:4px 2px;min-height:32px;color:var(--hd-sub)!important;font:inherit;font-size:13px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
:root #homeDash .tcNoteBox{display:block;width:100%;box-sizing:border-box;margin:4px 0 8px;padding:8px 10px;border:1px solid var(--hd-line);border-radius:10px;background:transparent;color:var(--hd-text);font:inherit;font-size:16px;resize:vertical}
:root #homeDash .tcResRows{display:flex;flex-direction:column;gap:4px;margin:0 0 8px}
:root #homeDash .tcResRow{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--hd-sub)}
:root #homeDash .tcResVal{color:var(--hd-text);font-weight:600;font-variant-numeric:tabular-nums}
:root #homeDash .tcCal{margin:0 0 6px;font-size:14px;color:var(--hd-text)!important}
:root #homeDash .tcActs{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
:root #homeDash .tcFocusFor{display:inline-flex;align-items:center;gap:6px}
:root #homeDash .tcFocusSel{max-width:200px;padding:4px 8px;border:1px solid var(--hd-line);border-radius:8px;background:transparent;color:var(--hd-text);font:inherit;font-size:13px}
:root #homeDash .tcNoteBox[hidden],:root #homeDash .tcFocusFor[hidden],:root #homeDash .tcLink[hidden]{display:none!important}
.tcRemLine .tcLink{padding:0 2px;border:0;background:none;color:var(--ui-link,#8ab4ff);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.tcStats{margin:14px 0}
.tcStatCols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tcStatCol{padding:10px 12px;border:1px solid var(--ui-line,#2c2c2c);border-radius:12px}
.tcStatLabel{margin:0 0 6px;font-size:12.5px;font-weight:600;color:var(--ui-text-2,#9d9d9d)}
.tcStatLine{font-size:14px;line-height:1.5;color:var(--ui-text,#ececec)}
.tcStatNone{color:var(--ui-text-2,#9d9d9d)}
.tcStatLast,.tcStatHow{margin-top:8px;font-size:12.5px;line-height:1.45;color:var(--ui-text-2,#9d9d9d)}
html[data-theme="light"] .tcStatCol{border-color:var(--ui-line,#e5e5e5)}
@media (max-width:520px){:root #homeDash .tcChoices,.tcStatCols{grid-template-columns:1fr}:root #homeDash .tcOpen,:root #homeDash .tcFeel{min-height:44px}}
.rcCall,.rcMini{--rc-bg:#0e0e10;--rc-bar:#161618;--rc-tile:#1c1c1f;--rc-text:#f2f2f3;--rc-sub:#a1a1aa;--rc-line:#2c2c30;--rc-btn:#26262a;--rc-btn-hover:#303035;--rc-red:#e5484d;--rc-ok:#22c55e;--rc-gold:#ffc54a}
html[data-theme="light"] .rcCall,html[data-theme="light"] .rcMini{--rc-bg:#f4f4f5;--rc-bar:#ffffff;--rc-tile:#18181b;--rc-text:#111113;--rc-sub:#5b5b63;--rc-line:#dcdce0;--rc-btn:#ececef;--rc-btn-hover:#e2e2e6;--rc-red:#d93036;--rc-ok:#16a34a;--rc-gold:#e0a526}
.rcCall{position:fixed;inset:0;z-index:2147481000;display:flex;flex-direction:column;background:var(--rc-bg);color:var(--rc-text);padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px);font-size:14px}
.rcCall[hidden],.rcMini[hidden],.rcCtl[hidden],.rcVideo[hidden],.rcAvatar[hidden],.rcCard[hidden],.rcOrbCss[hidden],.rcMicOff[hidden],.rcTopBtn[hidden],.rcEntryRow[hidden],.rcEntryBtn[hidden],.rcAudioBox{display:none!important}
body.rcCallOpen{overflow:hidden}
.rcTop{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--rc-line);background:var(--rc-bar)}
.rcTopText{flex:1;min-width:0}
.rcTitle{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rcSub{display:flex;flex-wrap:wrap;gap:2px 12px;color:var(--rc-sub);font-size:12.5px;margin-top:2px}
.rcTimer{font-variant-numeric:tabular-nums}
.rcRec::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--rc-sub);margin-right:6px;vertical-align:middle}
.rcIconBtn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:0;border-radius:12px;background:transparent;color:inherit;cursor:pointer}
.rcIconBtn:hover{background:var(--rc-btn-hover)}
.rcIc{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rcGrid{flex:1;min-height:0;overflow-y:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;gap:10px;padding:14px 16px;align-content:start;width:100%;max-width:1100px;margin:0 auto;box-sizing:border-box}
.rcGrid[data-n="1"],.rcGrid[data-n="2"],.rcGrid[data-n="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.rcTile{position:relative;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--rc-tile);color:#f2f2f3;min-width:0}
.rcTile.rcWait{opacity:.85}
.rcVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#070708}
.rcVideo.rcMirror{transform:scaleX(-1)}
.rcAvatar{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:600;color:#111}
.rcName{position:absolute;left:8px;right:8px;bottom:8px;display:flex;align-items:center;gap:6px;min-width:0;font-size:13px;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.rcNameText{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;min-width:0}
.rcTag{flex:none;font-size:11.5px;color:#e4e4e7;background:rgba(0,0,0,.5);border-radius:999px;padding:1px 8px;white-space:nowrap;text-shadow:none}
.rcTag:empty{display:none}
.rcMicOff{flex:none;display:inline-flex;color:#ff8a80}
.rcMicOff .rcIc{width:16px;height:16px}
.rcTileMenu{position:absolute;top:6px;right:6px;width:36px;height:36px;border:0;border-radius:10px;background:rgba(0,0,0,.45);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.rcTileMenu .rcIc{stroke-width:3}
.rcMenu{position:absolute;top:46px;right:6px;z-index:4;min-width:180px;max-width:calc(100% - 16px);display:flex;flex-direction:column;background:var(--rc-bar);color:var(--rc-text);border:1px solid var(--rc-line);border-radius:12px;padding:4px;box-shadow:0 12px 32px rgba(0,0,0,.4)}
.rcMenuItem{min-height:44px;border:0;background:none;color:inherit;text-align:left;padding:0 12px;border-radius:8px;font:inherit;cursor:pointer}
.rcMenuItem:hover{background:var(--rc-btn-hover)}
.rcMenuItem.rcDanger{color:var(--rc-red)}
.rcEntityTile{background:radial-gradient(circle at 50% 45%,#2a1a08 0%,#0b0b0c 70%)}
.rcOrb{position:absolute;inset:0;width:100%;height:100%;display:block}
.rcOrbCss{position:absolute;left:50%;top:46%;width:38%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% 45%,#fffbe8 0%,#ffd27a 28%,#f08a2c 62%,rgba(209,92,23,0) 72%);box-shadow:0 0 36px rgba(255,180,76,.45)}
.rcCard{position:absolute;left:8px;right:8px;bottom:36px;max-height:56%;overflow:auto;background:rgba(10,10,12,.8);border:1px solid rgba(255,197,74,.35);border-radius:10px;padding:8px 10px;font-size:12.5px;line-height:1.4;cursor:pointer}
.rcCardTitle{font-weight:600;color:#ffd27a;margin-bottom:2px}
.rcCardLine{color:#f2f2f3;overflow-wrap:anywhere}
.rcNote{min-height:20px;padding:4px 16px;text-align:center;color:var(--rc-sub);font-size:13px}
.rcNote.rcWarn{color:#fbbf24}
html[data-theme="light"] .rcNote.rcWarn{color:#b45309}
.rcTapHear{display:block;margin:0 auto 6px;min-height:44px;padding:0 18px;border-radius:999px;border:0;background:var(--rc-gold);color:#111;font:inherit;font-weight:600;cursor:pointer}
.rcBar{display:flex;justify-content:center;gap:8px;padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--rc-line);background:var(--rc-bar)}
.rcCtl{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:64px;min-height:56px;padding:6px 8px;border:0;border-radius:14px;background:var(--rc-btn);color:var(--rc-text);font:inherit;font-size:11.5px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}
.rcCtl:hover{background:var(--rc-btn-hover)}
.rcCtl.rcOff{color:var(--rc-red)}
.rcCtlLabel{white-space:nowrap}
.rcAsk{background:linear-gradient(180deg,#3a2608,#26190a);color:#ffd27a;min-width:88px;touch-action:none}
.rcAsk:hover{background:linear-gradient(180deg,#46300c,#2e1f0c)}
.rcAsk.rcRecOn{background:#ffc54a;color:#111}
.rcAsk.rcBusyOn{opacity:.7}
.rcLeave,.rcLeave:hover{background:var(--rc-red);color:#fff}
.rcCall .rcCtl:focus-visible,.rcCall .rcIconBtn:focus-visible,.rcCall .rcTileMenu:focus-visible,.rcCall .rcMenuItem:focus-visible,.rcCall .rcPickBtn:focus-visible,.rcCall .rcSheetSend:focus-visible,.rcCall .rcTapHear:focus-visible,.rcMini .rcIconBtn:focus-visible,.rcMini .rcMiniOpen:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
.rcSheet{position:absolute;inset:0;z-index:5;background:rgba(0,0,0,.55);display:flex;align-items:flex-end;justify-content:center;padding:16px}
.rcSheetCard{width:min(440px,100%);max-height:90%;overflow:auto;box-sizing:border-box;background:var(--rc-bar);color:var(--rc-text);border:1px solid var(--rc-line);border-radius:16px;padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px))}
.rcSheetHead{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rcSheetTitle{margin:0;font-size:16px}
.rcSheetP{margin:6px 0 10px;color:var(--rc-sub);line-height:1.45}
.rcPick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.rcPickBtn{min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--rc-line);background:var(--rc-btn);color:inherit;font:inherit;cursor:pointer}
.rcPickBtn[aria-pressed="true"]{background:var(--rc-text);color:var(--rc-bar);border-color:var(--rc-text)}
.rcSheetNote{display:block;width:100%;box-sizing:border-box;min-height:72px;border-radius:10px;border:1px solid var(--rc-line);background:var(--rc-bg);color:inherit;font:inherit;font-size:16px;padding:10px 12px;resize:vertical}
.rcSheetMsg{min-height:18px;margin:6px 0;color:#ff8a80;font-size:13px}
html[data-theme="light"] .rcSheetMsg{color:#c62828}
.rcSheetSend{width:100%;min-height:46px;border-radius:999px;border:0;background:var(--rc-text);color:var(--rc-bar);font:inherit;font-weight:600;cursor:pointer}
.rcSheetSend:disabled{opacity:.45;cursor:default}
.rcMini{position:fixed;left:50%;top:calc(8px + env(safe-area-inset-top,0px));transform:translateX(-50%);z-index:2147481000;display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:var(--rc-bar);color:var(--rc-text);border:1px solid var(--rc-line);box-shadow:0 10px 28px rgba(0,0,0,.35);max-width:calc(100vw - 110px);box-sizing:border-box}
.rcMiniOpen{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:0;background:none;color:inherit;font:inherit;font-size:13px;cursor:pointer;min-width:0}
.rcMiniText{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.rcLiveDot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--rc-ok)}
.rcMini .rcIconBtn{min-width:40px;min-height:40px;border-radius:999px}
.rcMini .rcIconBtn.rcOff,.rcMini .rcMiniLeave{color:var(--rc-red)}
.rcEntryRow{margin-top:8px}
.rcEntryBtn{display:flex;align-items:center;gap:8px;width:100%;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--rm-line,#2e2e2e);background:none;color:var(--rm-text,#ececec);font:inherit;font-size:13px;cursor:pointer}
.rcEntryBtn:hover{background:var(--rm-hover,#1f1f1f)}
.rcEntryBtn .rcIc,.rcTopBtn .rcIc{width:17px;height:17px}
.rcEntryBtn.rcLiveOn,.rcTopBtn.rcLiveOn{border-color:var(--rm-ok,#22c55e);color:var(--rm-ok,#22c55e)}
.rcEntryBtn:focus-visible,.rcTopBtn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
.rcTopBtn,body.rcCallMini .rcTopBtn{display:none}
@media(max-width:760px){
body.roomMode:not(.rcCallMini) .rcTopBtn{display:inline-flex;align-items:center;gap:6px;margin-left:auto;margin-right:44px;min-height:40px;padding:0 12px;border-radius:999px;border:1px solid var(--rm-line,#2e2e2e);background:none;color:var(--rm-text,#ececec);font:inherit;font-size:13px;cursor:pointer}
.rcTop{padding:8px 12px}
.rcGrid,.rcGrid[data-n="4"]{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 12px;gap:8px}
.rcGrid[data-n="1"],.rcGrid[data-n="2"]{grid-template-columns:minmax(0,1fr)}
.rcCtl{min-width:0;flex:1 1 0;max-width:84px;padding:6px 4px}
.rcCtlLabel{white-space:normal;text-align:center;line-height:1.15;overflow-wrap:anywhere}
.rcAvatar{width:52px;height:52px;font-size:22px}
}
html[data-theme="light"] .ppInput,html[data-theme="light"] .ppArea{background:#fff!important;color:#111!important;border-color:#c9c9cf!important}
html[data-theme="light"] .ppInput::placeholder,html[data-theme="light"] .ppArea::placeholder{color:#8a8a92!important}
html[data-theme="light"] .ssReceipt{background:#fff!important;color:#111!important;border-color:#c9c9cf!important}
html[data-theme="light"] .ssReceipt::placeholder{color:#8a8a92!important}
html[data-theme="light"] .c6IntInput,html[data-theme="light"] .c6MltIn{background:#fff!important;color:#111!important;border-color:#c9c9cf!important}
html[data-theme="light"] .c6IntInput::placeholder,html[data-theme="light"] .c6MltIn::placeholder{color:#8a8a92!important}
html[data-theme="light"] #homeDash .tcNoteBox{background:#fff!important;color:#111!important;border-color:#c9c9cf!important}
html[data-theme="light"] #homeDash .tcNoteBox::placeholder{color:#8a8a92!important}
html[data-theme="light"] .rcSheetNote{background:#fff!important;color:#111!important;border-color:#c9c9cf!important}
html[data-theme="light"] .rcSheetNote::placeholder{color:#8a8a92!important}
.rfBox{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:8px 0 2px;max-width:100%}
.rfLines{display:flex;flex-direction:column;gap:4px;max-width:100%}
.rfLine{font-size:13px;line-height:1.45;color:#a1a1a6;overflow-wrap:anywhere}
.rfRun{display:flex;align-items:center;gap:8px}
.rfDot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:#a1a1a6;animation:rfPulse 1.4s ease-in-out infinite}
@keyframes rfPulse{0%,100%{opacity:.35}50%{opacity:1}}
.rfDone{color:#e5e5ea}
.rfFail{color:#f0b3a8}
.rfAsk{min-height:36px;max-width:100%;padding:7px 14px;border:1px solid #3a3a3e;border-radius:999px;background:rgba(255,255,255,.08);color:#f5f5f5;font:inherit;font-size:14px;line-height:1.3;text-align:left;cursor:pointer;overflow-wrap:anywhere}
.rfAsk:hover{background:rgba(255,255,255,.14)}
.rfAsk:disabled{opacity:.5;cursor:default}
@media (prefers-reduced-motion:reduce){.rfDot{animation:none;opacity:.8}}
@media (max-width:420px){.rfAsk{width:100%}}
html[data-theme="light"] .rfLine{color:#5f5f66}
html[data-theme="light"] .rfDone{color:#111}
html[data-theme="light"] .rfFail{color:#a23b2a}
html[data-theme="light"] .rfDot{background:#5f5f66}
html[data-theme="light"] .rfAsk{background:#fff;color:#111;border-color:#dcdce0}
html[data-theme="light"] .rfAsk:hover{background:#f2f2f4}
.rcEntMute{position:absolute;top:6px;right:6px;width:36px;height:36px;border:0;border-radius:10px;background:rgba(0,0,0,.45);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2}
.rcEntMute .rcIc{width:18px;height:18px}
.rcEntMute.rcOff{background:rgba(255,138,128,.22);color:#ff8a80}
.rcEntMute:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}
@media (min-width: 761px){ .b18Srcs:has(> .b18Src:nth-child(5)){grid-template-columns:repeat(5,minmax(0,1fr))} .b18Srcs:has(> .b18Src:nth-child(5)) .b18Src{padding:10px}}
@media (max-width: 760px){ .b18Srcs > .b18Src:nth-child(5):last-child{grid-column:1 / -1} }
.b18TopicHint{margin:6px 0 0;font-size:13px;line-height:1.4}
textarea.b18TopicInput{min-height:0}
.b18TopicInput{display:block;width:100%;margin-top:6px}