:root{--bg:#090909;--surface:rgba(19,20,22,.72);--surface-strong:rgba(15,16,18,.9);--line:rgba(255,255,255,.11);--line-soft:rgba(255,255,255,.065);--text:#f1f1f1;--muted:#8d9198;--lime:#f2f2f2;--violet:#b9bdc4;--cyan:#b8c1cc;--orange:#b4b8be;--rose:#df4b4b;--green:#cbd1cc;--sidebar:220px;--radius:16px;--blur:18px;--shadow:0 18px 55px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.055);--fs-xs:10px;--fs-sm:12px;--fs-md:14px;--fs-lg:20px;--fs-xl:32px}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{min-height:100vh;margin:0;background:radial-gradient(circle at 15% 10%,#1a1d37 0,transparent 31%),radial-gradient(circle at 88% 8%,#182f38 0,transparent 29%),linear-gradient(150deg,#090b14,#0e1120 54%,#090b13);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;line-height:1.45;overflow-x:hidden}button,input,textarea,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.hidden{display:none!important}.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.ambient i{position:absolute;border-radius:50%;filter:blur(2px);opacity:.55;animation:drift 18s ease-in-out infinite}.ambient i:nth-child(1){width:42vw;height:42vw;left:-20vw;top:18vh;background:radial-gradient(circle,rgba(91,79,225,.26),transparent 68%)}.ambient i:nth-child(2){width:34vw;height:34vw;right:-12vw;top:-12vw;background:radial-gradient(circle,rgba(58,192,223,.2),transparent 66%);animation-delay:-6s}.ambient i:nth-child(3){width:30vw;height:30vw;left:45%;bottom:-18vw;background:radial-gradient(circle,rgba(193,240,73,.1),transparent 69%);animation-delay:-12s}@keyframes drift{50%{transform:translate3d(3vw,-3vh,0) scale(1.08)}}
.glass,.glass-strong{position:relative;border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(var(--blur)) saturate(145%);-webkit-backdrop-filter:blur(var(--blur)) saturate(145%)}.glass{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),var(--surface)}.glass-strong{background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.025)),var(--surface-strong)}.glass:before,.glass-strong:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.14),transparent 18%,transparent 78%,rgba(255,255,255,.035));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;padding:1px}
.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:30;inset:14px auto 14px 14px;width:var(--sidebar);padding:18px 13px;border-radius:28px;display:flex;flex-direction:column}.brand-lockup{height:44px;display:flex;align-items:center;gap:10px;padding:0 7px;font-weight:850;letter-spacing:.14em}.brand-lockup em{font-style:normal;color:var(--muted);font-size:8px;margin-left:-5px;margin-top:-12px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:linear-gradient(145deg,#f2ff9a,var(--lime));color:#111421;font-weight:950;letter-spacing:0;box-shadow:0 8px 26px rgba(223,255,85,.22),inset 0 1px #fff}.sidebar nav{display:flex;flex-direction:column;gap:6px;margin-top:35px}.nav-item{position:relative;width:100%;border:1px solid transparent;background:transparent;padding:10px 11px;border-radius:13px;display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;text-align:left;color:#929aad;cursor:pointer;transition:.22s}.nav-item>span{font-size:17px;text-align:center}.nav-item>b{font-size:12px;font-weight:650}.nav-item>i{font-style:normal;border-radius:9px;padding:1px 6px;background:rgba(255,255,255,.07);font-size:9px}.nav-item:hover{background:rgba(255,255,255,.055);color:var(--text)}.nav-item.active{color:#111421;background:linear-gradient(135deg,#edff89,var(--lime));border-color:rgba(255,255,255,.38);box-shadow:0 10px 26px rgba(190,230,55,.18),inset 0 1px #fff}.nav-item.active>i{background:rgba(12,15,20,.15)}.sidebar-chapter{margin-top:auto;border-radius:16px;padding:13px}.sidebar-chapter p{margin:0 0 5px;color:var(--muted);font-size:8px;letter-spacing:.14em}.sidebar-chapter strong{font-size:11px}.mini-progress{height:3px;margin-top:9px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}.mini-progress i{display:block;height:100%;background:var(--lime);border-radius:3px}.sidebar-footer{margin-top:10px;padding:12px 5px 2px;display:grid;grid-template-columns:34px 1fr 28px;gap:9px;align-items:center}.mini-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,#b4a6ff,#5e49c7);box-shadow:inset 0 1px rgba(255,255,255,.5);font-weight:850}.sidebar-footer strong,.sidebar-footer span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer strong{font-size:11px}.sidebar-footer span{color:var(--muted);font-size:8px}.sidebar-footer button{border:0;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}
main{margin-left:calc(var(--sidebar) + 28px);padding:14px 20px 70px;max-width:1680px}.topbar{position:sticky;top:14px;z-index:20;min-height:78px;border-radius:23px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}.eyebrow{margin:0 0 5px;color:#8993aa;font-size:9px;font-weight:800;letter-spacing:.16em}.topbar h1,.section-heading h2,.panel-heading h2,.panel-heading h3{margin:0;line-height:1.15}.topbar h1{font-size:clamp(23px,2.6vw,34px);letter-spacing:-.045em}.top-actions{display:flex;align-items:center;gap:12px}.sync-status{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 11px rgba(90,224,170,.6)}.sync-status.saving .status-dot{background:var(--orange)}.sync-status.error .status-dot{background:var(--rose)}
.liquid-button{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:13px;padding:9px 14px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));box-shadow:inset 0 1px rgba(255,255,255,.12),0 8px 22px rgba(0,0,0,.18);font-weight:720;cursor:pointer;transition:transform .18s,filter .18s}.liquid-button:before{content:"";position:absolute;left:8%;right:8%;top:1px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent)}.liquid-button:hover{transform:translateY(-1px);filter:brightness(1.08)}.liquid-button.primary{background:linear-gradient(145deg,#efff91,#c9ee36);border-color:#f5ffbf;color:#111421;box-shadow:inset 0 1px #fff,0 10px 28px rgba(198,232,55,.18)}.liquid-button.full{width:100%;display:flex;justify-content:space-between;margin-top:19px;padding:12px 15px}.text-button{padding:5px;border:0;background:transparent;color:#a5aec1;cursor:pointer;font-size:11px}.text-button:hover{color:var(--text)}
.view{display:none}.view.active{display:block;animation:fade .25s ease}@keyframes fade{from{opacity:.15;transform:translateY(6px)}}.hero-grid{display:grid;grid-template-columns:minmax(420px,1.1fr) minmax(320px,.9fr);gap:14px}.level-card,.focus-card{border-radius:var(--radius);padding:22px;min-height:225px}.level-top{display:flex;gap:17px;align-items:center}.level-ring{position:relative;width:74px;height:74px;flex:0 0 auto;border:1px solid rgba(255,255,255,.22);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 36% 28%,rgba(255,255,255,.16),rgba(223,255,85,.07) 42%,transparent 68%);box-shadow:inset 0 0 30px rgba(255,255,255,.04),0 12px 30px rgba(0,0,0,.22)}.level-ring:after{content:"";position:absolute;inset:-4px;border-top:2px solid var(--lime);border-right:2px solid transparent;border-radius:50%;transform:rotate(28deg);filter:drop-shadow(0 0 7px rgba(223,255,85,.5))}.level-ring b{font-size:28px;line-height:1}.level-ring small{position:absolute;bottom:15px;font-size:6px;letter-spacing:.13em;color:var(--muted)}.level-card h2{margin:0;font-size:23px}.muted{color:var(--muted);margin:5px 0}.xp-row{margin-top:21px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.xp-row b{color:var(--lime)}.progress-track{display:block;height:5px;border-radius:9px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:8px;flex:1}.progress-track>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b8e93a,var(--lime));box-shadow:0 0 13px rgba(223,255,85,.42);transition:width .45s ease}.resource-row{margin-top:19px;padding-top:16px;border-top:1px solid var(--line-soft);display:flex;gap:25px}.resource-row span{display:flex;align-items:baseline;gap:4px;color:#c8cede;font-size:10px}.resource-row b{color:var(--text);font-size:15px}.resource-row small{color:var(--muted)}.focus-card{display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(135deg,rgba(125,105,255,.18),rgba(255,255,255,.025) 45%,rgba(62,188,217,.08)),var(--surface-strong)}.liquid-shine{position:absolute;width:220px;height:220px;border-radius:50%;right:-75px;top:-100px;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.18),rgba(140,116,255,.09) 35%,transparent 68%);border:1px solid rgba(255,255,255,.06)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;position:relative;z-index:1}.panel-heading h2{font-size:17px}.panel-heading h3{font-size:20px;max-width:430px}.tag{border:1px solid rgba(183,170,255,.28);border-radius:20px;padding:4px 8px;font-size:8px;font-weight:850;letter-spacing:.08em;color:#c4baff;background:rgba(89,72,177,.2)}.focus-card>p{max-width:460px;margin-top:13px;position:relative;z-index:1}.focus-bottom{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:25px}.focus-bottom span{font-size:10px;color:var(--muted)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:28px 2px 13px}.section-heading h2{font-size:21px}.section-heading .muted{max-width:570px;font-size:11px}.domain-grid,.world-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.domain-card{position:relative;overflow:hidden;min-height:156px;padding:15px;border-radius:19px;text-align:left;display:grid;grid-template-columns:38px 1fr auto;grid-template-rows:auto 1fr auto auto;gap:10px;border-color:color-mix(in srgb,var(--accent) 18%,var(--line));cursor:pointer;transition:transform .22s,border-color .22s}.domain-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 48%,transparent)}.domain-card:after{content:"";position:absolute;width:115px;height:115px;border-radius:50%;right:-52px;bottom:-60px;background:var(--accent);opacity:.12;filter:blur(10px)}.domain-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);color:var(--accent);font-weight:850;box-shadow:inset 0 1px rgba(255,255,255,.13)}.domain-copy{align-self:center}.domain-copy strong,.domain-copy small{display:block}.domain-copy strong{font-size:12px}.domain-copy small{margin-top:2px;color:var(--muted);font-size:8px;line-height:1.3}.domain-level{color:var(--accent);font-size:8px;font-weight:850;letter-spacing:.06em}.domain-counters{grid-column:1/4;align-self:end;display:flex;gap:7px}.domain-counters i{font-style:normal;padding:3px 7px;border-radius:8px;background:rgba(255,255,255,.055);color:var(--muted);font-size:8px}.domain-card>.progress-track{grid-column:1/4;margin:0;height:3px}.domain-card>.progress-track i{background:var(--accent);box-shadow:none}.domain-arrow{position:absolute;right:13px;bottom:15px;font-size:12px;color:var(--accent)}
.overview-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:14px;margin-top:14px}.quest-panel,.ritual-panel,.milestone-panel{border-radius:var(--radius);padding:19px;min-height:290px}.quest-list,.milestone-list,.habit-preview{margin-top:11px}.quest-item{display:grid;grid-template-columns:25px 1fr auto;gap:10px;align-items:center;padding:11px 2px;border-top:1px solid var(--line-soft)}.quest-check{width:21px;height:21px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.04);cursor:pointer;display:grid;place-items:center}.quest-check:hover{border-color:var(--lime)}.quest-item.done .quest-check{background:linear-gradient(145deg,#f0ff94,var(--lime));color:#10131c;border-color:#efffb0}.quest-item.done .quest-name{text-decoration:line-through;color:#747c8f}.quest-name{font-weight:650;font-size:11px}.quest-sub{color:var(--muted);font-size:8px;margin-top:2px}.xp-badge{color:var(--lime);font-weight:800;font-size:9px;white-space:nowrap}.empty-state{padding:25px 10px;text-align:center;color:var(--muted);font-size:11px}.habit-mini{width:100%;border:0;border-top:1px solid var(--line-soft);background:transparent;padding:10px 0;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.habit-mini:hover strong{color:var(--lime)}.habit-check{width:22px;height:22px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;font-size:10px}.habit-mini.done .habit-check{background:var(--green);color:#10151a;border-color:var(--green)}.habit-mini strong,.habit-mini small{display:block}.habit-mini strong{font-size:10px}.habit-mini small{font-size:8px;margin-top:2px}.milestone-item{padding:12px 0;border-top:1px solid var(--line-soft)}.milestone-line{display:flex;justify-content:space-between;gap:12px;align-items:center}.milestone-line strong{font-size:10px}.milestone-line span{font-size:8px;color:var(--muted)}.milestone-item .progress-track{height:3px}.milestone-item .progress-track i{background:var(--violet);box-shadow:none}
.segmented{display:flex;gap:3px;padding:4px;border-radius:13px}.segmented button{border:0;background:transparent;color:var(--muted);border-radius:9px;padding:6px 11px;font-size:9px;cursor:pointer}.segmented button.active{background:rgba(255,255,255,.13);color:var(--text);box-shadow:inset 0 1px rgba(255,255,255,.08)}.quest-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.quest-glass{border-radius:17px;padding:4px 14px}.quest-glass .quest-item{border:0;min-height:72px}
.browser-toolbar{min-height:88px;border-radius:22px;padding:14px 16px;display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center}.browser-toolbar h2{margin:2px 0 0;font-size:22px}.browser-actions{display:flex;gap:8px}.breadcrumbs{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:8px}.breadcrumbs button{border:0;background:transparent;color:inherit;padding:0;cursor:pointer}.breadcrumbs button:hover{color:var(--text)}.browser-layout{display:grid;gap:24px;margin-top:22px}.subheading{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px}.subheading h3{margin:0;font-size:13px}.subheading span{color:var(--muted);font-size:9px}.folder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.folder-card,.empty-folder{position:relative;min-height:160px;border-radius:20px;padding:20px 16px 15px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;overflow:hidden}.folder-card{border-color:color-mix(in srgb,var(--accent) 20%,var(--line))}.folder-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.folder-tab{position:absolute;width:44%;height:13px;left:14px;top:-1px;border-radius:0 0 9px 9px;background:color-mix(in srgb,var(--accent) 18%,rgba(255,255,255,.05));border:1px solid color-mix(in srgb,var(--accent) 23%,transparent);border-top:0}.folder-symbol{margin-top:12px;color:var(--accent);font-size:25px}.folder-card strong{margin-top:10px;font-size:12px}.folder-card small{color:var(--muted);font-size:8px;margin-top:3px}.folder-meta{margin-top:auto;color:#7e879c;font-size:8px}.folder-card>i{position:absolute;right:14px;bottom:13px;color:var(--accent);font-style:normal}.empty-folder{justify-content:center;align-items:center;text-align:center;border-style:dashed;color:var(--muted)}.empty-folder span{font-size:24px}.empty-folder strong{font-size:11px;color:var(--text)}.empty-folder small{font-size:8px}.folder-quest-list{border-radius:20px;padding:5px 18px;min-height:80px}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.note-card{border-radius:18px;padding:17px;min-height:150px}.note-card>span{color:var(--violet)}.note-card h4{margin:12px 0 5px;font-size:12px}.note-card p{margin:0;color:var(--muted);font-size:9px;white-space:pre-wrap}.note-card small{position:absolute;bottom:13px;color:#71798b;font-size:7px}.note-card .delete-button{position:absolute;right:10px;top:8px}
.habit-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:12px}.habit-stats article{border-radius:18px;padding:17px}.habit-stats span,.habit-stats strong{display:block}.habit-stats span{color:var(--muted);font-size:9px}.habit-stats strong{font-size:20px;margin-top:3px}.habit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.habit-card{position:relative;border-radius:20px;padding:18px;display:grid;grid-template-columns:46px 1fr 20px;gap:13px;align-items:center}.habit-card.done{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,transparent),rgba(255,255,255,.025)),var(--surface)}.habit-orb{width:46px;height:46px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 36%,transparent);background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent);font-weight:900;cursor:pointer}.habit-card.done .habit-orb{background:var(--accent);color:#11141c}.habit-card h3{margin:0;font-size:13px}.habit-card>div>span{color:var(--muted);font-size:8px}.delete-button{border:0;background:transparent;color:#727a8d;cursor:pointer}.delete-button:hover{color:var(--rose)}
.milestone-board{position:relative;margin-left:20px;padding-left:25px;border-left:1px solid var(--line)}.milestone-card{position:relative;margin-bottom:12px;padding:19px;border-radius:19px}.milestone-card:before{content:"";position:absolute;width:11px;height:11px;border-radius:50%;left:-31px;top:25px;background:var(--accent,var(--violet));box-shadow:0 0 0 5px var(--bg),0 0 14px var(--accent)}.milestone-card header{display:flex;justify-content:space-between;gap:10px}.milestone-card h3{margin:0;font-size:14px}.milestone-card .date{color:var(--muted);font-size:9px}.milestone-card footer{display:flex;align-items:center;gap:12px;margin-top:14px}.milestone-card footer .progress-track{margin:0}
dialog{width:min(530px,calc(100% - 24px));padding:0;border:0;border-radius:25px;background:rgba(17,20,35,.92);color:var(--text);box-shadow:0 35px 120px rgba(0,0,0,.65);backdrop-filter:blur(30px) saturate(150%)}dialog:before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.16);border-radius:inherit;pointer-events:none}dialog::backdrop{background:rgba(4,5,12,.7);backdrop-filter:blur(10px)}dialog form{padding:25px}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:19px}.dialog-heading h2{margin:0}.icon-button{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);border-radius:10px;width:32px;height:32px;font-size:18px;cursor:pointer}label{display:block;color:#b1b8c9;font-size:10px;margin-top:13px}input,textarea,select{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(8,10,19,.62);color:var(--text);box-shadow:inset 0 1px rgba(255,255,255,.04)}textarea{min-height:76px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toggle-row{display:flex;align-items:center;gap:10px;margin:16px 0}.toggle-row input{width:auto;margin:0}.form-error{min-height:19px;color:var(--rose);font-size:10px}.toast{position:fixed;z-index:100;left:50%;bottom:25px;transform:translate(-50%,20px);padding:10px 16px;border-radius:14px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
.auth-shell{min-height:100vh;padding:18px;display:grid;grid-template-columns:minmax(390px,560px) 1fr;gap:18px}.auth-card{border-radius:32px;padding:44px clamp(28px,6vw,80px);display:flex;flex-direction:column;justify-content:center}.auth-card .brand-lockup{position:absolute;top:25px;left:24px}.auth-card h1{font-size:clamp(34px,4vw,55px);letter-spacing:-.055em;line-height:1.02;margin:8px 0}.auth-card>p.muted{font-size:14px}.auth-card form{margin-top:18px}.auth-note{margin-top:18px;color:var(--muted);font-size:9px}.auth-visual{position:relative;overflow:hidden;border-radius:32px;background:radial-gradient(circle at 50% 42%,rgba(87,112,126,.32),rgba(26,29,52,.7) 35%,rgba(8,10,18,.9) 72%);display:grid;place-items:center;border:1px solid var(--line)}.glass-orbit{position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:inset 0 0 50px rgba(255,255,255,.03)}.orbit-a{width:440px;height:440px}.orbit-b{width:610px;height:610px;border-style:dashed;opacity:.55}.hero-glyph{width:230px;height:230px;border-radius:50%;display:grid;place-items:center}.hero-glyph span{color:var(--lime);font-size:88px;font-weight:950;letter-spacing:-.08em;text-shadow:0 0 40px rgba(223,255,85,.17)}.hero-glyph small{position:absolute;bottom:52px;color:var(--muted);font-size:8px;letter-spacing:.16em}.hero-caption{position:absolute;left:35px;bottom:30px;padding:14px 17px;border-radius:17px}.hero-caption span,.hero-caption strong{display:block}.hero-caption span{font-size:8px;letter-spacing:.15em;color:var(--muted)}.hero-caption strong{font-size:17px;margin-top:4px}.mobile-nav{display:none}
@media(max-width:1180px){.domain-grid,.world-grid{grid-template-columns:repeat(3,1fr)}.overview-grid{grid-template-columns:1fr 1fr}.quest-panel{grid-column:1/3}.folder-grid{grid-template-columns:repeat(3,1fr)}.notes-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){:root{--sidebar:0}.sidebar{display:none}main{margin:0;padding:10px 12px 98px}.topbar{top:8px;min-height:70px;padding:12px 14px}.topbar h1{font-size:24px}.sync-status{display:none}.top-actions .liquid-button b{display:none}.hero-grid{grid-template-columns:1fr}.level-card,.focus-card{min-height:215px}.domain-grid,.world-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{display:block}.overview-grid>section{margin-top:11px}.quest-panel{min-height:auto}.quest-board,.habit-grid{grid-template-columns:1fr}.folder-grid{grid-template-columns:repeat(2,1fr)}.notes-grid{grid-template-columns:1fr}.browser-toolbar{grid-template-columns:36px 1fr}.browser-actions{grid-column:1/3;justify-content:flex-end}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);inset:auto 8px 8px;z-index:40;border-radius:22px;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:transparent;color:#7f879a;display:grid;place-items:center;gap:2px;cursor:pointer}.mobile-nav button span{font-size:17px}.mobile-nav button small{font-size:8px}.mobile-nav button.active{color:var(--lime)}.mobile-nav .mobile-add{width:45px;height:45px;border-radius:15px;background:linear-gradient(145deg,#efff91,var(--lime));color:#111421;justify-self:center;margin-top:-19px;box-shadow:0 7px 27px rgba(223,255,85,.22)}.auth-shell{display:block;padding:9px}.auth-card{min-height:calc(100vh - 18px);padding:78px 24px 35px}.auth-visual{display:none}.habit-stats{grid-template-columns:1fr 1fr}.habit-stats article:last-child{grid-column:1/3}.form-row{grid-template-columns:1fr}.quest-heading{display:block}.segmented{margin-top:12px;overflow:auto}.milestone-board{margin-left:6px}.resource-row{justify-content:space-between;gap:8px}}
@media(max-width:480px){.domain-grid,.world-grid,.folder-grid{grid-template-columns:1fr}.domain-card{min-height:140px}.folder-card{min-height:145px}.section-heading{align-items:center}.section-heading>.liquid-button{font-size:0}.section-heading>.liquid-button:first-letter{font-size:15px}.topbar .eyebrow{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-actions .liquid-button{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Industrial restraint: a quiet, technical system with one type scale. */
body{background:linear-gradient(145deg,#090909,#101113 55%,#090909);font-size:var(--fs-md);letter-spacing:-.005em}.ambient{display:none}.glass,.glass-strong{background:rgba(18,19,21,.78);border-color:var(--line);box-shadow:var(--shadow);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur))}.glass:before,.glass-strong:before{background:linear-gradient(110deg,rgba(255,255,255,.085),transparent 24%);opacity:.7}.sidebar{background:rgba(11,12,13,.94);border-radius:18px}.topbar{background:rgba(14,15,16,.84);border-radius:14px}.brand-mark{border:1px solid rgba(255,255,255,.42);border-radius:4px;background:#e9e9e9;color:#0b0b0b;box-shadow:none}.brand-lockup{font-size:var(--fs-md);letter-spacing:.18em}.brand-lockup em{font-size:var(--fs-xs);color:#686c72}.nav-item{border-radius:7px}.nav-item>b{font-size:var(--fs-sm)}.nav-item>i,.domain-level,.domain-counters i,.quest-sub,.xp-badge,.milestone-line span,.habit-mini small,.folder-card small,.folder-meta,.note-card small,.habit-card>div>span,.milestone-card .date{font-size:var(--fs-xs)}.nav-item.active{background:#eeeeee;border-color:#fff;color:#090909;box-shadow:none}.sidebar-chapter{border-radius:10px}.mini-avatar{border-radius:6px;background:#d7d7d7;color:#111;box-shadow:none}.eyebrow{font-size:var(--fs-xs);color:#7f8389;letter-spacing:.15em}.muted,.section-heading .muted{font-size:var(--fs-sm)}.topbar h1,.auth-card h1{font-size:var(--fs-xl)}.section-heading h2,.browser-toolbar h2,.dialog-heading h2,.panel-heading h3{font-size:var(--fs-lg)}.panel-heading h2,.level-card h2,.habit-stats strong{font-size:var(--fs-lg)}.quest-name,.domain-copy strong,.folder-card strong,.habit-card h3,.milestone-card h3,.note-card h4,.sidebar-chapter strong,.habit-mini strong,.milestone-line strong{font-size:var(--fs-sm)}.text-button,.liquid-button,label,.sync-status,.xp-row,.focus-bottom span{font-size:var(--fs-xs)}.liquid-button{border-radius:7px;background:#18191b;box-shadow:none}.liquid-button:before{display:none}.liquid-button.primary{background:#ededed;border-color:#fff;color:#0a0a0a;box-shadow:none}.level-card,.focus-card,.quest-panel,.ritual-panel,.milestone-panel,.domain-card,.folder-card,.empty-folder,.note-card,.habit-card,.milestone-card,.quest-glass,.folder-quest-list{border-radius:12px}.level-ring{border-color:rgba(255,255,255,.2);background:#111214;box-shadow:none}.level-ring:after{border-top-color:#eee;filter:none}.level-ring b,.hero-glyph span{color:#f1f1f1;text-shadow:none}.progress-track>i{background:#dcdcdc;box-shadow:none}.focus-card{background:rgba(18,19,21,.84)}.liquid-shine{display:none}.tag{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.045);color:#b7bbc1}.domain-card{border-color:var(--line)}.domain-card:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.26)}.domain-card:after{display:none}.domain-icon{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#d5d7da;box-shadow:none}.domain-arrow{color:#aeb2b7}.folder-card{border-color:var(--line)}.folder-card:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.25)}.folder-tab{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.08)}.folder-symbol{color:#c9ccd0}.habit-card.done{border-color:rgba(255,255,255,.24);background:#191b1d}.habit-orb{border-color:rgba(255,255,255,.16);background:transparent;color:#d5d7da}.habit-card.done .habit-orb,.habit-mini.done .habit-check{background:#e7e7e7;border-color:#fff;color:#111}.milestone-card:before{background:#d8d8d8;box-shadow:0 0 0 5px var(--bg)}.delete-button{width:24px;height:24px;border-radius:6px;color:#73777d;opacity:.62;transition:.15s}.delete-button:hover{background:rgba(223,75,75,.12);color:#ef6666;opacity:1}.quest-actions{display:flex;align-items:center;gap:5px}.folder-delete{position:absolute;right:9px;top:9px;z-index:3}.auth-visual{background:#0d0e10;border-radius:18px}.auth-card{border-radius:18px}.glass-orbit{border-color:rgba(255,255,255,.08)}.hero-caption{border-radius:9px}.hero-glyph{background:rgba(17,18,20,.82)}dialog{border-radius:14px;background:rgba(14,15,16,.96)}input,textarea,select{border-radius:7px;background:#0d0e0f}.toast{border-radius:8px}.mobile-nav{border-radius:14px}.mobile-nav .mobile-add{border-radius:7px;background:#ededed;color:#0a0a0a;box-shadow:none}
@media(max-width:820px){.topbar h1{font-size:24px}.auth-card h1{font-size:30px}.section-heading h2,.browser-toolbar h2{font-size:18px}}