:root{color-scheme:light;--font: "Noto Sans Bengali", "Segoe UI", system-ui, -apple-system, sans-serif;--brand: #00a862;--brand-deep: #008a52;--brand-2: #00c9a7;--grad: linear-gradient(135deg, #13dfa8 0%, #00b89b 55%, #00a862 100%);--gold: #ffc928;--bg: #f2f7f4;--card: #ffffff;--bg-hover: rgba(0, 168, 98, .06);--text: #14231d;--text-muted: #5d7169;--border: #e2ece6;--accent: var(--brand);--accent-hover: var(--brand-deep);--accent-soft: rgba(0, 168, 98, .1);--green: #00a862;--green-soft: rgba(0, 168, 98, .13);--red: #e5484d;--red-soft: rgba(229, 72, 77, .1);--amber: #eab308;--shadow: 0 1px 3px rgba(16, 44, 33, .07), 0 6px 18px -8px rgba(16, 44, 33, .09);--shadow-lift: 0 4px 10px rgba(16, 44, 33, .08), 0 14px 30px -10px rgba(16, 44, 33, .16);--blur-bg: rgba(242, 247, 244, .86)}[data-theme=dark]{color-scheme:dark;--bg: #0d1512;--card: #16211c;--bg-hover: rgba(0, 201, 167, .08);--text: #ecf5f0;--text-muted: #8da79c;--border: #24332c;--accent: #0cc07c;--accent-hover: #0ad489;--accent-soft: rgba(12, 192, 124, .14);--green: #0cc07c;--green-soft: rgba(12, 192, 124, .15);--red: #ff6369;--red-soft: rgba(255, 99, 105, .12);--shadow: 0 1px 2px rgba(0, 0, 0, .35);--shadow-lift: 0 8px 24px rgba(0, 0, 0, .45);--blur-bg: rgba(13, 21, 18, .86)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:15.5px;line-height:1.55;-webkit-font-smoothing:antialiased}#root{min-height:100vh}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{background:var(--accent-soft)}*{scrollbar-width:thin;scrollbar-color:rgba(0,168,98,.45) transparent}::-webkit-scrollbar{width:10px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00a86259;border-radius:99px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}[data-theme=dark] *{scrollbar-color:rgba(12,192,124,.4) transparent}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#0cc07c4d}.shell{display:grid;grid-template-columns:264px minmax(0,1fr) 328px;gap:24px;max-width:1440px;margin:0 auto;padding:0 24px;min-height:100vh;transition:grid-template-columns .22s ease}.shell.nav-collapsed{grid-template-columns:84px minmax(0,1fr) 328px}.shell.no-rail{grid-template-columns:264px minmax(0,1fr)}.shell.no-rail.nav-collapsed{grid-template-columns:84px minmax(0,1fr)}.main-col{min-height:100vh;padding:16px 0 96px;min-width:0}.page-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--blur-bg);padding:14px 4px 12px;display:flex;align-items:center;gap:12px;margin-bottom:6px}.page-header h1{font-size:21px;font-weight:700;letter-spacing:-.2px}.page-header .sub{font-size:13.5px;color:var(--text-muted)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:26px 4px 12px}.section-head h2{font-size:17.5px;font-weight:700;display:flex;align-items:center;gap:8px}.section-head a{color:var(--accent);font-size:14px;font-weight:600}.section-head a:hover{text-decoration:underline}.side-nav{position:sticky;top:16px;height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--card);border-radius:22px;box-shadow:var(--shadow);padding:14px 12px 16px;overflow:hidden}.brand{display:flex;align-items:center;gap:11px;padding:6px 8px 14px;font-size:23px;font-weight:800;color:var(--text);letter-spacing:-.5px;white-space:nowrap}.brand img{width:40px;height:40px;border-radius:12px;flex:none}.collapse-btn{margin-left:auto;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--text-muted);flex:none}.collapse-btn:hover{background:var(--bg-hover);color:var(--accent)}.collapse-btn .icon{width:18px;height:18px;transition:transform .22s}.nav-collapsed .collapse-btn .icon{transform:rotate(180deg)}.nav-item{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:13px;font-size:15.5px;font-weight:500;color:var(--text-muted);transition:background .15s,color .15s;margin-bottom:2px;white-space:nowrap}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{font-weight:700;color:var(--accent);background:var(--accent-soft)}.nav-item .icon{width:22px;height:22px;flex:none}.nav-footer{margin-top:auto;display:flex;flex-direction:column;gap:4px}.user-chip{display:flex;align-items:center;gap:10px;padding:8px;border-radius:13px;transition:background .15s;white-space:nowrap}.user-chip:hover{background:var(--bg-hover)}.user-chip.nav-user{margin-top:14px}.user-chip .who{min-width:0}.user-chip .who .name{font-weight:600;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip .who .mail{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-toggle{display:flex;align-items:center;gap:12px;padding:9px 13px;border-radius:13px;color:var(--text-muted);font-size:14px;white-space:nowrap}.theme-toggle:hover{background:var(--bg-hover);color:var(--text)}.theme-toggle .icon{width:20px;height:20px;flex:none}.nav-collapsed .side-nav{padding:14px 10px 16px;align-items:center}.nav-collapsed .brand span,.nav-collapsed .nav-item>span,.nav-collapsed .user-chip .who,.nav-collapsed .theme-toggle>span{display:none}.nav-collapsed .brand{flex-direction:column;gap:10px;padding:6px 0 14px;width:100%}.nav-collapsed .brand a{justify-content:center;gap:0}.nav-collapsed .collapse-btn{margin-left:0}.nav-collapsed .nav-item,.nav-collapsed .theme-toggle{padding:12px;justify-content:center}.nav-collapsed .nav-footer{align-items:center;width:100%}.nav-collapsed .user-chip{justify-content:center;padding:8px 0;width:100%}.right-rail{position:sticky;top:0;height:100vh;overflow-y:auto;padding:16px 0 24px;scrollbar-width:none}.right-rail::-webkit-scrollbar{display:none}.search-box{display:flex;align-items:center;gap:10px;background:var(--card);border:1.5px solid transparent;border-radius:14px;box-shadow:var(--shadow);padding:11px 16px;margin-bottom:16px}.search-box:focus-within{border-color:var(--accent)}.search-box input{border:none;outline:none;background:transparent;width:100%}.search-box .icon{width:18px;height:18px;color:var(--text-muted);flex:none}.widget{background:var(--card);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px}.widget h3{font-size:16.5px;font-weight:700;padding:14px 16px 6px}.widget .w-row{display:flex;align-items:center;gap:10px;padding:9px 16px;transition:background .15s}.widget .w-row:hover{background:var(--bg-hover)}.widget .w-more{display:block;padding:12px 16px;color:var(--accent);font-size:14px;font-weight:600;border-top:1px solid var(--border)}.widget .w-more:hover{background:var(--bg-hover)}.feed-item{background:var(--card);border-radius:18px;box-shadow:var(--shadow);padding:18px;margin-bottom:14px;transition:box-shadow .18s}a.feed-item:hover{box-shadow:var(--shadow-lift)}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:3px 10px;border-radius:999px}.chip.fire{color:#b45309;background:#ffc92838}[data-theme=dark] .chip.fire{color:var(--gold)}.q-text{font-size:16.5px;font-weight:600;margin:10px 0 12px;white-space:pre-wrap}.opt{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;border:1.5px solid var(--border);background:var(--bg);border-radius:13px;padding:10px 14px;margin-bottom:8px;transition:border-color .15s,background .15s;font-size:15.5px}[data-theme=dark] .opt{background:#ffffff05}.opt:hover{border-color:var(--accent);background:var(--accent-soft)}.opt .key{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--card);border:1px solid var(--border);font-weight:700;font-size:13px}.opt.correct{border-color:var(--green);background:var(--green-soft)}.opt.correct .key{background:var(--green);border-color:var(--green);color:#fff}.opt.wrong{border-color:var(--red);background:var(--red-soft)}.opt.wrong .key{background:var(--red);border-color:var(--red);color:#fff}.opt.selected{border-color:var(--accent);background:var(--accent-soft)}.opt.selected .key{background:var(--accent);border-color:var(--accent);color:#fff}.opt:disabled{cursor:default}.opt:disabled:not(.correct):not(.wrong):hover{border-color:var(--border);background:var(--bg)}.explain-box{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 12px 12px 0;padding:10px 14px;font-size:14.5px;margin-top:8px;white-space:pre-wrap}.explain-box b{color:var(--accent)}.reveal-box{border:1.5px dashed var(--border);border-radius:13px;padding:12px 14px;margin-top:10px;font-size:15px;white-space:pre-wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-weight:700;padding:10px 22px;transition:filter .15s,background .15s,transform .12s}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 5px 14px -6px #00a8628c}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-outline{border:1.5px solid var(--border);background:var(--card);color:var(--text)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{background:var(--red);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px}.cat-card{background:var(--card);border:1.5px solid transparent;border-radius:16px;box-shadow:var(--shadow);padding:16px 15px;font-weight:700;font-size:14.5px;display:flex;flex-direction:column;gap:10px;transition:transform .13s,border-color .15s,box-shadow .18s;cursor:pointer}.cat-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:var(--shadow-lift)}.cat-card .dot{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:#fff;font-size:16px;font-weight:800}.board-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.board-card{background:var(--card);border:1.5px solid transparent;border-radius:16px;box-shadow:var(--shadow);padding:14px 10px;text-align:center;font-weight:700;font-size:13.5px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:transform .13s,border-color .15s;cursor:pointer}.board-card:hover{transform:translateY(-3px);border-color:var(--accent)}.board-card .crest{width:46px;height:46px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:19px;font-weight:800;box-shadow:0 4px 10px -3px #00a86280}.board-card img.crest{object-fit:cover;background:var(--bg)}.year-pill{border:1.5px solid var(--border);background:var(--card);border-radius:999px;padding:8px 18px;font-weight:700;font-size:14px;transition:all .13s}.year-pill:hover,.year-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.subnav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.subnav a{display:flex;align-items:center;gap:8px;padding:11px 17px;background:var(--card);border:1.5px solid var(--border);border-radius:12px;font-weight:600;font-size:14.5px;color:var(--text);transition:border-color .15s,background .15s}.subnav a:hover{border-color:var(--accent);background:var(--accent-soft)}.subnav a .icon{width:18px;height:18px;flex:none;color:var(--accent)}.field{margin-bottom:14px}.field label{display:block;font-size:13.5px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.field input,.field select{width:100%;border:1.5px solid var(--border);background:var(--bg);border-radius:12px;padding:11px 14px;outline:none;transition:border-color .15s}[data-theme=dark] .field input,[data-theme=dark] .field select{background:#ffffff08}.field input:focus,.field select:focus{border-color:var(--accent)}select option{background:var(--card);color:var(--text)}.ref-hint{margin-top:6px;font-size:13px;color:var(--accent);background:var(--accent-soft);border-radius:8px;padding:6px 10px;display:inline-block}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.auth-hero{background:var(--grad);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:64px;gap:20px;position:relative;overflow:hidden}.auth-hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:#ffffff14;bottom:-160px;right:-120px}.auth-hero img.logo{width:74px;height:74px;border-radius:20px}.auth-hero h1{font-size:42px;line-height:1.22;letter-spacing:-.5px}.auth-hero p{font-size:18px;opacity:.94;max-width:430px}.auth-form{display:flex;flex-direction:column;justify-content:center;padding:48px;max-width:460px;width:100%;margin:0 auto;background:var(--bg)}.auth-form h2{font-size:27px;margin-bottom:20px}.divider{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:13px;margin:16px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.error-note{background:var(--red-soft);color:var(--red);border-radius:12px;padding:10px 14px;font-size:14px;margin-bottom:14px}.timer-pill{font-variant-numeric:tabular-nums;font-weight:700;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:6px 16px;font-size:15px}.timer-pill.low{background:var(--red-soft);color:var(--red)}.progress-track{height:6px;background:var(--border);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:var(--grad);transition:width .3s;border-radius:99px}.palette{display:flex;flex-wrap:wrap;gap:8px;padding:16px 2px}.palette button{width:38px;height:38px;border-radius:12px;border:1.5px solid var(--border);background:var(--card);font-weight:700;font-size:13.5px;display:grid;place-items:center}.palette button.answered{background:var(--accent);border-color:var(--accent);color:#fff}.palette button.current{border-color:var(--accent);color:var(--accent)}.palette button.answered.current{color:#fff;outline:2px solid var(--accent-soft)}.score-hero{margin:8px 0 20px;border-radius:22px;padding:32px 22px;text-align:center;background:var(--card);box-shadow:var(--shadow)}.score-hero .big{font-size:46px;font-weight:800;color:var(--accent);line-height:1.1}.score-hero .stats{display:flex;justify-content:center;gap:22px;margin-top:14px;flex-wrap:wrap}.score-hero .stat b{font-size:20px;display:block}.score-hero .stat span{font-size:13px;color:var(--text-muted)}.rank-row{display:flex;align-items:center;gap:12px}.rank-no{width:34px;font-weight:800;font-size:17px;color:var(--text-muted);text-align:center;flex:none}.rank-no.top{color:var(--amber)}.avatar{border-radius:50%;object-fit:cover;background:var(--bg);flex:none}.avatar-fallback{display:inline-grid;place-items:center;background:var(--grad);color:#fff;font-weight:800;-webkit-user-select:none;user-select:none}.setting-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px 4px;border-bottom:1px solid var(--border);font-size:15.5px}.setting-row:last-child{border-bottom:none}.setting-row .icon{width:22px;height:22px;color:var(--accent);flex:none}.setting-row .grow{flex:1;min-width:0}.setting-row .hint{font-size:13px;color:var(--text-muted)}.setting-row:hover{background:var(--bg-hover);border-radius:12px}.news-thumb{width:100%;border-radius:14px;margin-top:12px;max-height:320px;object-fit:cover}.news-meta{font-size:13px;color:var(--text-muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.news-body{padding:4px 2px;white-space:pre-wrap;font-size:16px}.news-hero{display:block;padding:0;overflow:hidden}.news-hero .hero-img{width:100%;height:210px;object-fit:cover;display:block}.news-hero .hero-body{padding:14px 16px 16px}.news-hero .hero-body h2{font-size:19px;line-height:1.4;margin-bottom:8px}.news-hscroll{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x mandatory;scrollbar-width:none}.news-hscroll::-webkit-scrollbar{display:none}.news-card-h{flex:0 0 225px;scroll-snap-align:start;background:var(--card);border-radius:16px;box-shadow:var(--shadow);overflow:hidden;color:inherit;transition:transform .15s,box-shadow .15s}.news-card-h:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.news-card-h .himg{width:100%;height:115px;object-fit:cover;display:block}.news-card-h .t{padding:10px 12px 13px;font-weight:600;font-size:14px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-byline{display:flex;flex-wrap:wrap;gap:8px 16px;padding:11px 14px;margin-bottom:14px;background:var(--bg);border:1px solid var(--border);border-radius:12px;font-size:13.5px;color:var(--text-muted)}.news-byline a{color:var(--accent);font-weight:600}.news-row{display:flex;gap:12px;align-items:center}.news-row .rimg{width:86px;height:64px;object-fit:cover;border-radius:10px;flex:none;background:var(--bg)}.news-row .rtitle{font-weight:600;font-size:15px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.empty-note{text-align:center;color:var(--text-muted);padding:48px 24px}.empty-note .big{font-size:30px;margin-bottom:8px}.spinner{width:26px;height:26px;border:3px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;margin:40px auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.bottom-nav{display:none}.hero-banner{background:var(--grad);border-radius:20px;color:#fff;padding:22px 24px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 26px -12px #00a8628c;position:relative;overflow:hidden}.hero-banner:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:#ffffff1a;top:-90px;right:-50px}.hero-banner h2{font-size:20px;font-weight:800}.hero-banner p{font-size:14px;opacity:.94}.mt-banner{display:block;background:linear-gradient(135deg,#0e2b21,#0c3f2c 55%,#00532f);border-radius:20px;color:#fff;padding:22px 24px;margin-bottom:18px;box-shadow:0 12px 30px -12px #005a3799;position:relative;overflow:hidden;border:1px solid rgba(19,223,168,.35)}.mt-banner:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(19,223,168,.25),transparent 70%);top:-110px;right:-70px}.mt-banner h2{font-size:21px;font-weight:800;margin:8px 0 4px;position:relative}.mt-banner p{font-size:14px;opacity:.9;position:relative}.mt-banner .row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;position:relative}.live-badge{display:inline-flex;align-items:center;gap:7px;background:#f4212e2e;border:1px solid rgba(244,33,46,.5);color:#ff8087;font-weight:800;font-size:12.5px;letter-spacing:.5px;padding:4px 12px;border-radius:999px;position:relative}.live-badge .pulse-dot{width:8px;height:8px;border-radius:50%;background:#ff4d55;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ff4d558c}50%{box-shadow:0 0 0 7px #ff4d5500}}.soon-badge{display:inline-flex;align-items:center;gap:7px;background:#ffc92826;border:1px solid rgba(255,201,40,.5);color:var(--gold);font-weight:800;font-size:12.5px;padding:4px 12px;border-radius:999px}.featured-news{display:flex;gap:14px;align-items:stretch}.featured-news .thumb{width:128px;min-height:96px;border-radius:13px;object-fit:cover;flex:none;background:var(--bg)}.news-strip{display:flex;gap:12px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin}.news-strip .strip-card{flex:0 0 210px;background:var(--card);border-radius:15px;box-shadow:var(--shadow);overflow:hidden;transition:transform .13s}.news-strip .strip-card:hover{transform:translateY(-3px)}.news-strip .strip-card img{width:100%;height:96px;object-fit:cover;background:var(--bg)}.news-strip .strip-card .t{font-size:13.5px;font-weight:600;padding:9px 12px 11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qmenu{position:relative;margin-left:auto}.qmenu-btn{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:var(--text-muted)}.qmenu-btn:hover{background:var(--bg-hover);color:var(--accent)}.qmenu-pop{position:absolute;right:0;top:36px;z-index:40;background:var(--card);border-radius:14px;box-shadow:var(--shadow-lift);border:1px solid var(--border);min-width:190px;overflow:hidden}.qmenu-pop button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:11px 15px;font-size:14.5px;font-weight:600}.qmenu-pop button:hover{background:var(--bg-hover)}.qmenu-pop .icon{width:18px;height:18px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0a14108c;display:grid;place-items:center;padding:20px}.modal{background:var(--card);border-radius:20px;box-shadow:var(--shadow-lift);width:100%;max-width:430px;max-height:85vh;overflow-y:auto;padding:22px}.modal h3{font-size:18px;margin-bottom:14px}.radio-row{display:flex;align-items:center;gap:10px;padding:9px 4px;cursor:pointer;font-size:15px}.radio-row input{width:17px;height:17px;accent-color:var(--accent)}.toast{position:fixed;left:50%;bottom:34px;transform:translate(-50%,20px);z-index:90;background:var(--text);color:var(--bg);padding:11px 22px;border-radius:999px;font-size:14.5px;font-weight:600;box-shadow:var(--shadow-lift);opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%)}.ai-btn{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--accent);color:var(--accent);border-radius:999px;padding:8px 18px;font-size:14px;font-weight:700;margin-top:10px;transition:background .15s}.ai-btn:hover{background:var(--accent-soft)}.ai-btn:disabled{opacity:.6;cursor:wait}.ai-btn .icon{width:18px;height:18px}@media (max-width: 1180px){.shell,.shell.nav-collapsed{grid-template-columns:84px minmax(0,1fr) 300px;gap:18px;padding:0 18px}.shell.no-rail,.shell.no-rail.nav-collapsed{grid-template-columns:84px minmax(0,1fr)}.side-nav{align-items:center;padding:14px 10px 16px}.brand span,.nav-item>span,.user-chip .who,.theme-toggle>span{display:none}.brand{flex-direction:column;gap:8px;padding:6px 0 14px;width:100%}.brand a{justify-content:center;gap:0}.collapse-btn{display:none}.nav-item,.theme-toggle{padding:12px}.user-chip{justify-content:center;padding:8px 0;width:100%}.nav-footer{align-items:center}}@media (max-width: 980px){.shell,.shell.nav-collapsed{grid-template-columns:84px minmax(0,1fr)}.right-rail{display:none}}@media (max-width: 640px){.shell,.shell.nav-collapsed{grid-template-columns:minmax(0,1fr);padding:0 12px}.side-nav{display:none}.main-col{padding-bottom:84px}.auth-wrap{grid-template-columns:1fr}.auth-hero{padding:40px 28px}.auth-hero h1{font-size:30px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--blur-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom))}.bottom-nav a{padding:6px 14px;border-radius:12px;color:var(--text-muted)}.bottom-nav a.active{color:var(--accent)}.bottom-nav .icon{width:24px;height:24px}}