:root{color:#17342f;--ink:#17342f;--green:#1f6f5f;--green2:#2f8875;--mint:#e8f3ee;--gold:#c69a54;--paper:#fff;--line:#dfe9e4;--muted:#73867f;background:#f5f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{-webkit-tap-highlight-color:transparent;background:radial-gradient(circle at 15% 0,#dfeee8 0,#0000 30%),radial-gradient(circle at 90% 20%,#f1eadb 0,#0000 23%),linear-gradient(#f2f7f4,#fbfcfb 55%,#f4f6f2);min-width:320px;margin:0}body:before{content:"";pointer-events:none;opacity:.18;background-image:radial-gradient(circle at 20px 20px,#2f88751c 1.5px,#0000 1.5px);background-size:34px 34px;position:fixed;inset:0}button,input,select,textarea{font:inherit}.app-shell{max-width:1180px;min-height:100vh;margin:0 auto;padding-bottom:118px;position:relative}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:18px 16px 10px;display:flex}.brand-kicker,.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--green);font-size:9.5px;font-weight:900}.topbar h1{margin:3px 0 0;font-size:21px}.account-chip{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border-radius:15px;align-items:center;gap:8px;padding:5px 6px 5px 8px;display:flex}.account-chip>span{background:var(--mint);width:34px;height:34px;color:var(--green);border-radius:10px;place-items:center;font-size:11px;font-weight:900;display:grid}.account-chip b,.account-chip small{white-space:nowrap;text-overflow:ellipsis;max-width:120px;display:block;overflow:hidden}.account-chip b{font-size:11px}.account-chip small{color:var(--muted);font-size:9px}.account-chip button{cursor:pointer;background:#f2f6f4;border:0;border-radius:9px;padding:7px;font-size:9px}.content{gap:13px;padding:8px 14px;display:grid}.hero-card{color:#fff;background:linear-gradient(135deg,#205f52,#2d806d);border-radius:24px;align-items:center;gap:14px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 34px #1f6f5f2b}.hero-card:after{content:"";border:24px solid #ffffff13;border-radius:50%;width:150px;height:150px;position:absolute;top:-78px;right:-48px}.hero-ornament{color:#fff1;font-size:66px;line-height:1;position:absolute;bottom:9px;right:28px;transform:rotate(-12deg)}.avatar{background:#fff2;border-radius:17px;flex:none;place-items:center;width:54px;height:54px;font-size:21px;font-weight:900;display:grid}.avatar.small{background:var(--mint);width:41px;height:41px;color:var(--green);border-radius:13px;font-size:12px}.hero-card .eyebrow{color:#d4eee5}.hero-card h2,.hero-card p{margin:2px 0}.hero-card h2{font-size:20px}.hero-card p{color:#d8f2ed;font-size:13px}.card{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:20px;padding:16px;box-shadow:0 8px 26px #173c3510}.section-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-head h3,.page-title h2,.feed h3{margin:3px 0}.section-head strong{color:var(--green);font-size:28px}.status-pill,.tag{background:var(--mint);color:var(--green);white-space:nowrap;border-radius:999px;padding:7px 9px;font-size:10px;font-weight:800}.tag.inactive{color:#8d5d59;background:#f4eeee}.status-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.status-btn{cursor:pointer;border:0;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:92px;padding:14px 7px;transition:transform .18s,box-shadow .18s;display:flex}.status-btn:active{transform:scale(.98)}.status-btn span{font-size:27px}.status-btn b{font-size:11px}.yes{background:#eaf7f0}.no{background:#fff0ef}.sick{background:#edf3ff}.reason-box,.composer,.edit-box,.achievement-form{background:#f7faf8;border-radius:16px;gap:10px;margin-top:14px;padding:14px;display:grid}.reason-box label,.composer label,.edit-box label,.auth-card label{font-size:12px;font-weight:800}.reason-box select,.reason-box input,.composer select,.composer input,.composer textarea,.edit-box input,.edit-box select,.auth-card input,.auth-card select,.comment-input input,.reply-box input,.chat-input input,.achievement-form input,.achievement-form textarea{background:#fff;border:1px solid #d9e5e1;border-radius:13px;outline:none;width:100%;padding:12px 13px}.primary{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;cursor:pointer;border:0;border-radius:13px;padding:12px 15px;font-weight:800;box-shadow:0 8px 18px #1f6f5f22}.primary:disabled{opacity:.45}.primary.inline{margin-top:12px}.primary.full{width:100%;margin-top:4px}.notice,.error-box{border-radius:13px;margin-top:12px;padding:11px 12px;font-size:13px}.notice{color:#0f665f;background:#eef8f5}.error-box{color:#9b342d;background:#fff0ef}.week-strip{grid-template-columns:repeat(7,1fr);gap:5px;margin-top:14px;display:grid}.week-strip div{text-align:center;background:#f5f8f6;border-radius:12px;padding:8px 2px}.week-strip span{color:#73908a;font-size:10px;display:block}.week-strip strong{font-size:17px}.future-note,.muted,.page-title p,.action-card p{color:var(--muted);font-size:13px;line-height:1.45}.page-title{padding:6px 2px}.page-title h2{font-size:23px}.teacher-title{border:1px solid var(--line);background:linear-gradient(135deg,#f4faf7,#fffaf1);border-radius:22px;justify-content:space-between;align-items:center;padding:16px;display:flex}.dashboard-art{background:#fff;border:1px solid #e8e0cd;border-radius:22px;place-items:center;width:68px;height:68px;font-size:42px;display:grid;box-shadow:0 8px 24px #8a6b3030}.big-score>div:first-child{justify-content:space-between;align-items:end;display:flex}.big-score strong{color:var(--green);font-size:38px}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stats.four{grid-template-columns:repeat(4,1fr)}.stat{border:1px solid var(--line);text-align:center;background:#ffffffeb;border-radius:17px;padding:12px 7px}.stat i{font-size:18px;font-style:normal;display:block}.stat span{color:#728b85;font-size:10px}.stat strong{font-size:22px;display:block}.student-cards,.list{gap:9px;display:grid}.student-performance,.list-item{border:1px solid var(--line);text-align:left;width:100%;color:inherit;cursor:pointer;background:#fffe;border-radius:18px;padding:12px;box-shadow:0 7px 20px #173c350b}.student-card-top,.list-item,.detail-top,.action-card,.account-main{align-items:center;gap:10px;display:flex}.grow{flex:1;min-width:0}.grow b,.grow span,.grow small{display:block}.grow span{color:#738983;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.score-mini{text-align:right}.score-mini strong,.score-mini span{display:block}.score-mini strong{color:var(--green);font-size:18px}.score-mini span{color:#82958f;font-size:9px}.mini-week{border-top:1px solid #edf2f1;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:10px;padding-top:9px;display:grid}.mini-week div{text-align:center}.mini-week span,.mini-week b{display:block}.mini-week span{color:#80938e;font-size:9px}.mini-week b{font-size:14px}.tap-hint{text-align:right;color:var(--green);margin-top:8px;font-size:10px;font-weight:800}.section-label{justify-content:space-between;align-items:end;padding:4px 2px;display:flex}.section-label h3{margin:3px 0}.section-label>span{color:#82958f;font-size:10px}.chev{color:#87a19b;font-size:24px}.detail-top{padding:7px 0}.detail-top h2{margin:2px 0}.back-btn{width:44px;height:44px;color:var(--green);cursor:pointer;background:#fff;border:1px solid #dbe7e3;border-radius:14px;font-size:28px}.detail-score{color:var(--green);margin-left:auto;font-size:26px;font-weight:900}.alert-card{border-left:4px solid #dc6b62}.feed{padding:0;overflow:hidden}.feed-unread{border-color:#9fcdbf;box-shadow:0 10px 28px #1f6f5f15}.feed-click{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:16px;display:block}.feed-head,.feed-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.read-state{color:#7c928c;font-size:10px}.read-state.new{color:#a86b1e;background:#fff5df;border-radius:999px;padding:5px 8px;font-weight:800}.read-state.read{color:#47786b}.feed p{color:#6b817c;font-size:13px;line-height:1.55}.clamp-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.feed-foot{color:#82958f;border-top:1px solid #edf2f1;margin-top:14px;padding-top:10px;font-size:10px}.feed-expanded{border-top:1px solid #edf2f1;padding:0 16px 16px}.text-button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:10px 0 2px;font-size:11px;font-weight:800}.comment-list{gap:10px;margin-top:10px;display:grid}.comment-thread{gap:6px;display:grid}.comment{background:#f5f8f6;border-radius:13px;padding:10px}.comment.reply{border-left:3px solid var(--green);background:#eef6f2;margin-left:22px}.comment-author{justify-content:space-between;gap:8px;display:flex}.comment-author b{font-size:11px}.comment-author small{color:var(--muted);font-size:9px}.comment p{margin:4px 0 0}.comment-input,.reply-box{gap:7px;margin-top:12px;display:flex}.comment-input button,.reply-box button{background:var(--green);color:#fff;border:0;border-radius:12px;padding:0 12px;font-weight:800}.chat-page{padding-bottom:82px}.chat-title{gap:10px;display:flex}.chatbox{flex-direction:column;gap:10px;min-height:360px;padding:4px 2px;display:flex}.message-wrap{align-self:flex-start;max-width:86%}.message-wrap.mine{align-self:flex-end}.message-meta{color:#84958f;margin:0 6px 3px;font-size:9px}.message-wrap.mine .message-meta{text-align:right}.bubble{border-radius:16px;padding:11px 13px;font-size:13px;line-height:1.45}.bubble.other{border:1px solid var(--line);background:#fff}.chat-input{z-index:12;background:#f6faf8;border:1px solid #dce8e4;border-radius:17px;gap:7px;width:min(100% - 24px,700px);padding:7px;display:flex;position:fixed;bottom:78px;left:50%;transform:translate(-50%)}.chat-input button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:12px;width:45px}.unread{background:var(--green);color:#fff;border-radius:999px;place-items:center;min-width:23px;height:23px;font-size:10px;font-weight:800;display:grid}.notification-icon{background:#eef7f4;border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.notification-row.is-unread{background:#f4fbf8;border-color:#cfe6de}.dot{background:var(--green);border-radius:50%;width:8px;height:8px}.bottom-nav{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(100%,1180px);height:72px;padding-bottom:max(4px,env(safe-area-inset-bottom));background:#fffffff2;border-top:1px solid #dfeae7;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav.cols-2{grid-template-columns:repeat(2,1fr)}.bottom-nav button{color:#81938e;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.bottom-nav button>span{font-size:19px}.bottom-nav small{font-size:9px;font-weight:700}.bottom-nav button.active{color:var(--green)}.bottom-nav i{color:#fff;background:#c43d35;border-radius:999px;place-items:center;min-width:17px;height:17px;font-size:8px;font-style:normal;font-weight:900;display:grid;position:absolute;top:7px;right:23%}.auth-shell{place-items:center;min-height:100vh;padding:20px;display:grid;position:relative;overflow:hidden}.auth-shell:before,.auth-shell:after{content:"";border:28px solid #1f6f5f12;border-radius:50%;width:280px;height:280px;position:absolute}.auth-shell:before{top:-120px;left:-120px}.auth-shell:after{border-color:#c69a5414;bottom:-140px;right:-140px}.auth-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1;background:#ffffffeb;border-radius:28px;gap:10px;width:min(100%,440px);padding:24px;display:grid;position:relative;box-shadow:0 24px 65px #173c3522}.school-mark{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;letter-spacing:.08em;border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto;font-weight:900;display:grid;box-shadow:0 10px 24px #1f6f5f33}.auth-brand{text-align:center;padding:4px 0 12px}.auth-brand h1{margin:5px 0}.auth-brand p{color:#6f8580;margin:0;font-size:13px}.segmented{background:#f0f5f3;border-radius:13px;grid-template-columns:1fr 1fr;margin-bottom:8px;padding:4px;display:grid}.segmented button{color:#70857f;background:0 0;border:0;border-radius:10px;padding:10px;font-weight:800}.segmented button.active{color:var(--green);background:#fff;box-shadow:0 4px 15px #173c3510}.demo-box{color:#617773;background:#f7faf9;border-radius:13px;gap:4px;margin-top:7px;padding:11px;font-size:10px;display:grid}.demo-box b{color:var(--ink)}.account-row{gap:10px;display:grid}.account-actions{gap:7px;display:flex}.account-actions button{cursor:pointer;background:#f7faf9;border:1px solid #dbe7e3;border-radius:10px;padding:8px 10px;font-size:10px;font-weight:800}.empty-state{text-align:center}.empty-state p{margin-bottom:0}.account-main .tag{margin-left:auto}.profile-hero{border:1px solid var(--line);background:linear-gradient(135deg,#eff8f4,#fff8ea);border-radius:24px;align-items:center;gap:16px;padding:18px;display:flex}.profile-hero h2,.profile-hero p{margin:3px 0}.profile-hero p{color:var(--muted);font-size:12px}.profile-avatar{background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;border-radius:24px;flex:none;place-items:center;width:82px;height:82px;font-size:24px;font-weight:900;display:grid;position:relative;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.photo-edit{width:26px;height:26px;color:var(--green);cursor:pointer;background:#fff;border-radius:9px;place-items:center;font-weight:900;display:grid;position:absolute;bottom:4px;right:4px;box-shadow:0 3px 9px #0002}.photo-edit input{display:none}.achievement-list{gap:8px;margin-top:12px;display:grid}.achievement{background:#f8faf7;border:1px solid #e7eee9;border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.achievement>span{color:var(--gold);font-size:21px}.achievement b,.achievement small{display:block}.achievement small{color:var(--muted);margin-top:2px;font-size:10px}footer{text-align:center;color:#8b9b95;padding:18px 10px 0;font-size:10px}.name-link{text-align:left;background:0 0;border:0;padding:0}@media (width>=760px){.content{padding:14px 22px}.topbar{padding:20px 24px}.status-grid{max-width:620px}.hero-card,.stats{max-width:760px}.account-chip b,.account-chip small{max-width:220px}.bottom-nav{border-left:1px solid #dfeae7;border-right:1px solid #dfeae7;border-radius:20px 20px 0 0}.student-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-title{max-width:760px}}@media (width>=1050px){.student-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.avatar img,.avatar.small img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.secondary{color:#315c52;cursor:pointer;background:#fff;border:1px solid #dbe7e3;border-radius:13px;padding:11px 14px;font-weight:800}.full{width:100%}.account-main>button{cursor:pointer;background:#f7faf9;border:1px solid #dbe7e3;border-radius:10px;padding:8px 10px;font-size:10px;font-weight:800}:root,[data-theme=dark]{--bg:#12130f;--bg-soft:#191b14;--surface:#1f2119;--surface-2:#292b20;--text:#f5f1df;--muted:#bdb7a2;--line:#3c3c2d;--brand:#f2c94c;--brand-2:#d9a91d;--brand-ink:#17160f;--danger:#e36d5c;--success:#8dbb78;--shadow:0 18px 50px #00000040}[data-theme=light]{--bg:#eee9d9;--bg-soft:#e6dfca;--surface:#f8f3e5;--surface-2:#eee5cd;--text:#242218;--muted:#746d59;--line:#d4c8a9;--brand:#dcae22;--brand-2:#bd8e08;--brand-ink:#18150b;--danger:#a94c3e;--success:#4d7b43;--shadow:0 16px 40px #463a141a}html,body,#root{background:var(--bg)!important;color:var(--text)!important}body{background:radial-gradient(circle at 8% 8%,#f2c94c1a,transparent 27%), radial-gradient(circle at 92% 18%,#f2c94c0f,transparent 24%), var(--bg)!important}.card,.auth-card,.list-item,.student-performance,.bottom-nav,.topbar,.chatbox,.chat-input,.profile-hero,.page-title.teacher-title{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important}.hero-card,.school-mark,.primary,.status-pill,.unread{background:var(--brand)!important;color:var(--brand-ink)!important}.primary:hover{background:var(--brand-2)!important}.brand-kicker,.eyebrow,.section-head strong,.detail-score,.score-mini strong,.text-button{color:var(--brand)!important}input,select,textarea,.secondary,.account-chip,.segmented,.reason-box,.stat,.mini-week>div,.week-strip>div,.demo-box,.notice,.edit-box{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--line)!important}input::placeholder,textarea::placeholder,.muted,.feed-foot,.list-item span,.student-performance span,.page-title p,.hero-card p,small{color:var(--muted)}.theme-toggle{border:1px solid var(--line);background:var(--surface-2);width:38px;height:38px;color:var(--brand);cursor:pointer;border-radius:50%;font-size:18px}.student-performance:hover,.list-button:hover{transform:translateY(-1px);border-color:var(--brand)!important}.bottom-nav button.active,.bottom-nav button.active small{color:var(--brand)!important}.feed-unread{border-left:4px solid var(--brand)!important}.tag{border:1px solid #f2c94c40;color:var(--brand)!important;background:#f2c94c24!important}.avatar,.profile-avatar{background:linear-gradient(145deg,var(--brand),#8f6a00)!important;color:#17150d!important}.bubble.mine{background:var(--brand)!important;color:var(--brand-ink)!important}.bubble.other{background:var(--surface-2)!important;color:var(--text)!important}.chat-page{min-height:calc(100vh - 150px)}.chatbox{min-height:360px;max-height:58vh;overflow-y:auto}.chat-input{border:1px solid var(--line);z-index:5;border-radius:16px;gap:8px;padding:10px;display:flex;position:sticky;bottom:12px}.chat-input input{flex:1;min-width:0}.chat-input button{background:var(--brand);color:var(--brand-ink);cursor:pointer;border:0;border-radius:12px;padding:0 18px;font-weight:800}.empty-chat{min-height:220px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.admin-content-card{margin-bottom:14px}.admin-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.admin-actions button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:10px;padding:9px 12px}.admin-actions.mini{margin-top:6px}.admin-actions.mini button{padding:6px 9px;font-size:12px}.danger-btn{color:var(--danger)!important}.moderation-list{border-top:1px solid var(--line);margin-top:18px;padding-top:12px}.admin-comment{border-bottom:1px solid var(--line);padding:12px 0}.admin-comment small,.admin-reply small{display:block}.admin-reply{background:var(--surface-2);border-radius:12px;margin:10px 0 0 24px;padding:10px 12px}.auth-shell:before{content:"";pointer-events:none;opacity:.18;background-image:radial-gradient(circle at 20px 20px,var(--brand) 2px,transparent 2.5px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}@media (width<=640px){.account-chip>div{display:none}.account-chip{gap:6px}.topbar{padding-left:16px!important;padding-right:16px!important}.chatbox{min-height:320px;max-height:55vh}}[data-theme=dark] .segmented button{color:#ded8c2!important;background:0 0!important}[data-theme=dark] .segmented button.active{box-shadow:0 4px 14px #f2c94c2e;background:var(--brand)!important;color:var(--brand-ink)!important}[data-theme=dark] .bottom-nav button{color:#aaa58f!important}[data-theme=dark] .bottom-nav button.active{color:var(--brand)!important;background:#f2c94c1f!important}[data-theme=dark] .bottom-nav button.active span,[data-theme=dark] .bottom-nav button.active small{color:var(--brand)!important}[data-theme=dark] select option{color:#f4efd9!important;background:#23251c!important}[data-theme=dark] button.primary,[data-theme=dark] .status-pill,[data-theme=dark] .unread{color:#15130b!important}[data-theme=dark] .status-btn{border:1px solid var(--line)!important;background:var(--surface-2)!important;color:var(--text)!important}[data-theme=dark] .status-btn:hover,[data-theme=dark] .status-btn:focus{box-shadow:0 0 0 3px #f2c94c1a;border-color:var(--brand)!important}[data-theme=dark] .read-state.new{background:var(--brand)!important;color:var(--brand-ink)!important}[data-theme=dark] .read-state.read{color:#ded8c2!important;background:#34372a!important}[data-theme=light] .segmented button{color:#6e6652!important}[data-theme=light] .segmented button.active{color:#f5d66c!important;background:#2a281f!important}[data-theme=light] .bottom-nav button.active{color:#7d5b00!important;background:#dcae2226!important}[data-theme=light] .read-state.new{color:#f1c84f!important;background:#2b291f!important}[data-theme=light] .read-state.read{color:#5f5848!important;background:#ded4ba!important}.achievement-photo,.achievement-preview{object-fit:cover;border:1px solid var(--line);border-radius:14px;width:100%;max-height:260px;margin:10px 0;display:block}.achievement-rich{grid-template-columns:minmax(0,180px) 1fr;align-items:start;gap:14px;display:grid}.achievement.teacher-view{border:1px solid var(--line);background:var(--surface-2);border-radius:16px;margin-bottom:12px;padding:14px;display:block}.achievement-comment{border-left:3px solid var(--brand);background:#f2c94c0f;border-radius:8px;margin-top:10px;padding:10px 12px}.achievement-comment b,.achievement-comment span{display:block}.empty-state-inline{text-align:center;color:var(--muted);padding:20px}.assessment-form{gap:10px;margin-top:14px;display:grid}.teacher-note-preview{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;margin:10px 0;padding:14px}.teacher-note-preview>b,.teacher-note-preview>span{display:block}.teacher-note-preview>span{color:var(--muted);margin-top:3px;font-size:12px}.teacher-note-preview p{margin:8px 0 0}@media (width<=640px){.achievement-rich{grid-template-columns:1fr}.achievement-photo{max-height:220px}}.bottom-nav.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.bottom-nav.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.bottom-nav.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.bottom-nav.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}@media (width<=520px){.bottom-nav.cols-6 button>span{font-size:17px}.bottom-nav.cols-6 small{font-size:8px}.bottom-nav.cols-6 i{top:6px;right:15%}}.backend-state{justify-content:center;margin:-2px 0 4px;display:flex}.backend-state span{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.backend-state .online{color:var(--success);background:#5f9b5214}.backend-state .prototype{color:var(--muted);background:var(--surface-2)}.security-note{background:var(--surface-2);border:1px solid var(--line);border-radius:13px;flex-direction:column;gap:3px;padding:11px 12px;font-size:11px;display:flex}.security-note span{color:var(--muted);line-height:1.4}button:disabled,input:disabled,select:disabled{opacity:.55;cursor:not-allowed}.backend-loading{text-align:center;justify-items:center}.loading-bar{background:var(--surface-2);border-radius:999px;width:100%;height:7px;margin-top:10px;overflow:hidden}.loading-bar span{border-radius:inherit;background:var(--brand);width:42%;height:100%;animation:1.2s ease-in-out infinite gm-load;display:block}@keyframes gm-load{0%{transform:translate(-110%)}to{transform:translate(340%)}}.backend-state.left{justify-content:flex-start;margin:0 0 12px}.edit-box .primary{justify-self:start}.page-title.compact{padding-top:8px;padding-bottom:4px}.page-title.compact h3{margin:3px 0}.account-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.account-actions button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:10px;padding:9px 12px}.account-actions button:hover{border-color:var(--brand)}.compact-error{padding-top:8px;padding-bottom:0}.compact-error .error-box{margin:0}.comment-thread{scroll-margin-top:120px;transition:box-shadow .25s,transform .25s,background .25s}.comment-thread.comment-focus{box-shadow:0 0 0 2px var(--brand), 0 10px 30px #0000002e;transform:translateY(-2px)}.parent-account-editor{margin-top:14px}.parent-account-editor select{width:100%}.edit-divider{background:var(--line);height:1px;margin:18px 0}