:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--role-career: oklch(55% .14 250);--role-research: oklch(58% .13 160);--role-study: oklch(62% .14 30);--role-personal: oklch(60% .13 80);--role-health: oklch(58% .14 350);--role-side: oklch(55% .12 290)}[data-theme=atelier],:root{--bg: #F7F3EC;--bg-elev: #FBF8F2;--bg-inset: #EFE9DF;--surface: #FFFFFF;--line: #E4DCCC;--line-soft: #EDE6D7;--ink-1: #1C1912;--ink-2: #4A4638;--ink-3: #7A7262;--ink-4: #A89F8A;--accent: #8B5A2B;--accent-weak: #E8D7BA;--accent-ink: #FAF7F2;--success: #4E7A3A;--warning: #B8751B;--danger: #A23F2E;--xp-track: #E8DFC9;--xp-fill: #8B5A2B;--shadow-sm: 0 1px 0 rgba(28, 25, 18, .04), 0 1px 2px rgba(28, 25, 18, .03);--shadow-md: 0 2px 4px rgba(28, 25, 18, .05), 0 4px 12px rgba(28, 25, 18, .04);--shadow-lg: 0 8px 24px rgba(28, 25, 18, .08);--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--display-tracking: -.02em;--body-tracking: -.005em}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);background:var(--bg);color:var(--ink-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:var(--body-tracking);font-feature-settings:"cv11","ss01","ss03"}button{font-family:inherit;cursor:pointer;border:0;background:transparent;color:inherit}input,textarea,select{font-family:inherit;color:inherit}::selection{background:var(--accent);color:var(--accent-ink)}body{background-image:radial-gradient(circle at 20% 30%,rgba(139,90,43,.02) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(139,90,43,.015) 0%,transparent 40%)}.app-shell{display:grid;grid-template-columns:240px 1fr;grid-template-rows:56px 1fr;min-height:100vh}.sidebar{grid-row:1 / 3;border-right:1px solid var(--line);background:var(--bg-elev);padding:var(--space-4) var(--space-3);overflow-y:auto}.topbar{grid-column:2;border-bottom:1px solid var(--line);background:var(--bg-elev);display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-4)}.main{grid-column:2;overflow-y:auto;padding:var(--space-8) var(--space-10)}.brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-6)}.brand-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--ink-1);color:var(--bg);font-weight:700;font-size:13px;letter-spacing:-.03em;font-family:var(--font-display)}.brand-text{font-family:var(--font-display);font-size:17px;font-weight:600;letter-spacing:var(--display-tracking)}.nav-section{margin-bottom:var(--space-6)}.nav-label{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4);padding:0 var(--space-3);margin-bottom:var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:7px var(--space-3);border-radius:var(--radius-sm);font-size:13.5px;color:var(--ink-2);font-weight:500;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;text-decoration:none}.nav-item:hover,.nav-item.active{background:var(--bg-inset);color:var(--ink-1)}.nav-item .n-icon{width:16px;height:16px;flex-shrink:0;color:var(--ink-3)}.nav-item.active .n-icon{color:var(--ink-1)}.nav-item .n-count{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;color:var(--ink-4);font-weight:500}.role-row{display:flex;align-items:center;gap:var(--space-3);padding:6px var(--space-3);border-radius:var(--radius-sm);font-size:13px;color:var(--ink-2);cursor:pointer;position:relative}.role-row:hover{background:var(--bg-inset);color:var(--ink-1)}.role-tile{width:22px;height:22px;border-radius:var(--radius-xs);background:var(--bg-inset);display:grid;place-items:center;font-size:11px;font-weight:600;font-family:var(--font-mono);color:var(--ink-2);border:1px solid var(--line);position:relative;flex-shrink:0}.role-tile.large{width:32px;height:32px;font-size:13px;border-radius:var(--radius-sm)}.role-tile.xl{width:44px;height:44px;font-size:16px;border-radius:var(--radius-sm)}.role-tile .dot{position:absolute;right:-2px;top:-2px;width:7px;height:7px;border-radius:50%;background:var(--role-color, var(--ink-3));border:1.5px solid var(--bg-elev)}.role-tile.large .dot,.role-tile.xl .dot{width:9px;height:9px}.topbar-search{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink-3);font-size:13px;width:320px;max-width:40vw}.topbar-search svg{width:14px;height:14px;flex-shrink:0}.topbar-search .kbd{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-4);padding:1px 5px;border:1px solid var(--line);border-radius:4px;background:var(--bg-elev)}.kbd{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-4);padding:1px 5px;border:1px solid var(--line);border-radius:4px;background:var(--bg-elev)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-5)}.level-display{display:flex;align-items:center;gap:var(--space-3)}.level-badge{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--ink-1);letter-spacing:var(--display-tracking);display:flex;align-items:baseline;gap:4px}.level-badge .lvl-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-4);font-family:var(--font-body)}.xp-bar{width:140px;height:6px;background:var(--xp-track);border-radius:var(--radius-full);overflow:hidden;position:relative}.xp-bar .fill{height:100%;background:var(--xp-fill);border-radius:var(--radius-full);transition:width .6s cubic-bezier(.22,1,.36,1)}.xp-bar-text{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}.streak-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);border:1px solid var(--line);background:var(--bg);font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink-1)}.streak-pill .flame{font-size:13px}.avatar{width:28px;height:28px;border-radius:50%;background:var(--bg-inset);display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--ink-1);border:1px solid var(--line)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:7px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--ink-1);border:1px solid var(--line);background:var(--bg-elev);transition:all .12s ease;white-space:nowrap}.btn:hover{background:var(--bg-inset)}.btn.primary{background:var(--ink-1);color:var(--bg);border-color:var(--ink-1)}.btn.primary:hover{opacity:.9}.btn.accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.accent:hover{opacity:.92}.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn.ghost:hover{background:var(--bg-inset);color:var(--ink-1)}.btn.sm{padding:4px 10px;font-size:12px}.btn.lg{padding:10px 18px;font-size:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.h-display{font-family:var(--font-display);font-weight:400;letter-spacing:var(--display-tracking);line-height:1.05}.page-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin-bottom:var(--space-3)}.page-title{font-family:var(--font-display);font-size:40px;font-weight:400;letter-spacing:var(--display-tracking);color:var(--ink-1);line-height:1.1;margin-bottom:var(--space-2)}.page-subtitle{font-size:14px;color:var(--ink-3);line-height:1.5;max-width:620px}.section-title{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--ink-2);margin-bottom:var(--space-3);display:flex;align-items:baseline;gap:var(--space-2)}.section-title .count,.count{font-family:var(--font-mono);font-size:11px;color:var(--ink-4);font-weight:500}.pbar{width:100%;height:6px;background:var(--xp-track);border-radius:var(--radius-full);overflow:hidden}.pbar .fill{height:100%;background:var(--ink-1);border-radius:var(--radius-full);transition:width .6s cubic-bezier(.22,1,.36,1)}.pbar.accent .fill{background:var(--accent)}.pbar.role .fill{background:var(--role-color, var(--ink-1))}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:500;color:var(--ink-2);background:var(--bg-inset);border:1px solid transparent;white-space:nowrap}.chip .dot{width:6px;height:6px;border-radius:50%;background:var(--role-color, var(--ink-3))}.chip.mono{font-family:var(--font-mono);font-size:10.5px}.chip.boss{background:transparent;border-color:var(--danger);color:var(--danger)}.row{display:flex;align-items:center;gap:var(--space-3)}.col{display:flex;flex-direction:column;gap:var(--space-3)}.spacer{flex:1}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--ink-3)}.subtle{color:var(--ink-4)}.main::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:10px}.main::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:transparent}.main::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-thumb{background:var(--line);border-radius:999px;border:3px solid var(--bg)}.modal-overlay{position:fixed;inset:0;background:#1c191252;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;padding:var(--space-6)}.modal-shell{width:100%;max-height:90vh;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}.auth-page{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:var(--bg);color:var(--ink-1);font-family:var(--font-body);letter-spacing:var(--body-tracking)}.auth-header{padding:24px 40px;display:flex;align-items:center;justify-content:space-between}.auth-header .wordmark{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:500;font-size:17px;letter-spacing:var(--display-tracking);color:var(--ink-1);text-decoration:none}.auth-header .wordmark .sigil{width:24px;height:24px;border-radius:5px;background:var(--ink-1);color:var(--bg);display:grid;place-items:center;font-size:13px;font-weight:600;font-family:var(--font-display)}.auth-header .meta{font-size:12.5px;color:var(--ink-3);display:flex;align-items:center;gap:16px}.auth-header .meta a{color:var(--ink-2);text-decoration:none;font-weight:500}.auth-header .meta a:hover{color:var(--ink-1)}.auth-footer{padding:24px 40px;display:flex;align-items:center;justify-content:space-between;font-size:11.5px;color:var(--ink-4);border-top:1px solid var(--line-soft)}.auth-footer .links{display:flex;gap:20px}.auth-footer a{color:var(--ink-3);text-decoration:none}.auth-footer a:hover{color:var(--ink-1)}.auth-split{display:grid;grid-template-columns:1fr 1.15fr;align-items:stretch}.auth-quote{padding:80px 64px;background:var(--bg-elev);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-quote:before{content:"“";position:absolute;top:60px;left:64px;font-family:var(--font-display);font-size:220px;line-height:.8;color:var(--accent);opacity:.08;font-weight:400}.auth-quote .pull{font-family:var(--font-display);font-weight:400;font-size:38px;line-height:1.15;letter-spacing:var(--display-tracking);color:var(--ink-1);max-width:480px;position:relative;z-index:1;margin-top:80px}.auth-quote .pull em{font-style:italic;color:var(--accent);font-weight:400}.auth-quote .attribution{font-size:12.5px;color:var(--ink-3);margin-top:24px;display:flex;align-items:center;gap:12px}.auth-quote .attribution .avatar{width:32px;height:32px;border-radius:50%;background:var(--ink-1);color:var(--bg);display:grid;place-items:center;font-family:var(--font-display);font-size:14px}.auth-quote .stats{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative;z-index:1}.auth-quote .stats .stat{border-top:1px solid var(--line);padding-top:12px}.auth-quote .stats .num{font-family:var(--font-display);font-size:28px;color:var(--ink-1);letter-spacing:var(--display-tracking)}.auth-quote .stats .lbl{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);font-weight:600;margin-top:4px}.auth-form-pane{padding:80px 64px;display:flex;flex-direction:column;justify-content:center;align-items:stretch}.auth-form{width:100%;max-width:380px;margin:0 auto}.auth-center{display:flex;align-items:center;justify-content:center;padding:60px 40px}.auth-center .auth-form{text-align:left}.auth-eyebrow{font-family:var(--font-mono);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);margin-bottom:12px}.auth-title{font-family:var(--font-display);font-weight:400;font-size:36px;line-height:1.1;letter-spacing:var(--display-tracking);color:var(--ink-1);margin-bottom:10px}.auth-sub{font-size:13.5px;color:var(--ink-2);line-height:1.55;margin-bottom:32px;max-width:440px}.auth-sub a{color:var(--accent);text-decoration:none;font-weight:500}.auth-sub a:hover{text-decoration:underline}.auth-field{margin-bottom:14px}.auth-field label{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:600;color:var(--ink-2);margin-bottom:6px}.auth-field label .helper{font-weight:400;color:var(--ink-3);font-size:11px}.auth-field label .helper a{color:var(--accent);text-decoration:none}.auth-field label .helper a:hover{text-decoration:underline}.auth-input{width:100%;padding:11px 14px;font-size:14px;font-family:var(--font-body);color:var(--ink-1);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);outline:0;transition:border-color .12s,box-shadow .12s}.auth-input::placeholder{color:var(--ink-4)}.auth-input:hover{border-color:var(--ink-4)}.auth-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 18%,transparent)}.auth-input.with-icon{padding-left:38px}.input-wrap{position:relative}.input-wrap .lead{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.input-wrap .trail{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;color:var(--ink-3);font-size:11px;cursor:pointer;padding:4px 8px;border-radius:4px;border:0}.input-wrap .trail:hover{color:var(--ink-1);background:var(--bg-inset)}.auth-field .hint{font-size:11.5px;color:var(--ink-3);margin-top:6px;line-height:1.45}.auth-field .err{font-size:11.5px;color:var(--danger);margin-top:6px;line-height:1.45}.auth-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:12.5px;color:var(--ink-2);line-height:1.5;cursor:pointer}.auth-checkbox input{margin-top:2px;accent-color:var(--accent);width:14px;height:14px}.auth-checkbox a{color:var(--ink-1);text-decoration:underline;text-underline-offset:2px}.btn-primary{width:100%;padding:12px 20px;font-size:14px;font-weight:600;background:var(--ink-1);color:var(--bg);border:0;border-radius:var(--radius-sm);cursor:pointer;transition:opacity .12s,transform .12s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:translateY(1px)}.btn-primary.accent{background:var(--accent);color:var(--accent-ink)}.btn-primary.danger{background:var(--danger);color:#fff}.btn-secondary{width:100%;padding:11px 20px;font-size:13.5px;font-weight:500;color:var(--ink-1);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:background .12s,border-color .12s;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn-secondary:hover{background:var(--bg-inset);border-color:var(--ink-4)}.divider{display:flex;align-items:center;gap:12px;margin:22px 0;font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-4)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.oauth-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.oauth-row .btn-secondary{padding:10px}.oauth-row .btn-secondary svg{width:18px;height:18px}.legal-foot{margin-top:24px;padding-top:20px;border-top:1px solid var(--line-soft);font-size:12px;color:var(--ink-3);text-align:center}.legal-foot a{color:var(--ink-1);font-weight:500;text-decoration:none}.legal-foot a:hover{text-decoration:underline}.code-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:8px 0 24px}.code-cell{width:100%;min-width:0;aspect-ratio:1 / 1.1;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);font-family:var(--font-mono);font-size:22px;font-weight:500;color:var(--ink-1);outline:0;text-align:center;padding:0}.code-cell.filled{border-color:var(--ink-3)}.code-cell:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 18%,transparent)}.callout{padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg-elev);display:flex;gap:12px;align-items:flex-start;font-size:12.5px;color:var(--ink-2);line-height:1.55;margin-bottom:16px}.callout.success{background:color-mix(in oklch,var(--success) 10%,var(--surface));border-color:color-mix(in oklch,var(--success) 30%,var(--line));color:var(--ink-1)}.callout.warning{background:color-mix(in oklch,var(--warning) 10%,var(--surface));border-color:color-mix(in oklch,var(--warning) 30%,var(--line));color:var(--ink-1)}.callout.danger{background:color-mix(in oklch,var(--danger) 10%,var(--surface));border-color:color-mix(in oklch,var(--danger) 30%,var(--line));color:var(--ink-1)}.callout .icon{width:28px;height:28px;border-radius:var(--radius-xs);display:grid;place-items:center;flex-shrink:0;background:var(--bg-inset);color:var(--ink-2);font-family:var(--font-display);font-weight:600}.callout.success .icon{background:var(--success);color:#fff}.callout.warning .icon{background:var(--warning);color:#fff}.callout.danger .icon{background:var(--danger);color:#fff}.callout strong{color:var(--ink-1);font-weight:600}.big-glyph{width:88px;height:88px;margin-bottom:28px;border-radius:var(--radius-md);background:var(--bg-inset);display:grid;place-items:center;position:relative}.big-glyph svg{width:44px;height:44px;color:var(--ink-2)}.big-glyph.accent{background:var(--accent-weak)}.big-glyph.accent svg{color:var(--accent)}.big-glyph.danger{background:color-mix(in oklch,var(--danger) 14%,var(--bg-inset))}.big-glyph.danger svg{color:var(--danger)}.big-glyph .ping{position:absolute;inset:-6px;border:1px solid var(--accent);border-radius:var(--radius-md);opacity:.4;animation:auth-ping 2s ease-out infinite}@keyframes auth-ping{0%{transform:scale(1);opacity:.4}to{transform:scale(1.15);opacity:0}}.err-hero{text-align:center;padding:60px 40px;max-width:540px;margin:0 auto}.err-hero .code{font-family:var(--font-display);font-size:200px;line-height:.9;font-weight:400;color:var(--accent);letter-spacing:-.05em;margin-bottom:24px}.err-hero h1{font-family:var(--font-display);font-weight:400;font-size:36px;letter-spacing:var(--display-tracking);margin-bottom:12px}.err-hero p{font-size:14px;color:var(--ink-2);line-height:1.6;margin-bottom:28px}.err-hero .actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.err-hero .actions .btn-primary,.err-hero .actions .btn-secondary{width:auto;padding-left:22px;padding-right:22px}.err-hero .ref{margin-top:28px;font-family:var(--font-mono);font-size:11px;color:var(--ink-4)}.err-hero .ref code{background:var(--bg-inset);padding:2px 6px;border-radius:3px;color:var(--ink-2)}.strength{display:flex;gap:4px;margin-top:8px}.strength span{flex:1;height:3px;border-radius:2px;background:var(--bg-inset)}.strength.s1 span:nth-child(-n+1){background:var(--danger)}.strength.s2 span:nth-child(-n+2){background:var(--warning)}.strength.s3 span:nth-child(-n+3){background:var(--accent)}.strength.s4 span:nth-child(-n+4){background:var(--success)}.strength-label{font-size:11px;color:var(--ink-3);margin-top:6px;display:flex;justify-content:space-between}.alt-link{text-align:center;font-size:13px;color:var(--ink-3);margin-top:24px}.alt-link a{color:var(--ink-1);font-weight:500;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:1px}.alt-link a:hover{border-bottom-color:var(--ink-1)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);display:inline-block;margin-right:6px;position:relative}.status-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:var(--success);opacity:.3;animation:auth-ping 1.6s ease-out infinite}.status-dot.warn{background:var(--warning)}.status-dot.warn:after{background:var(--warning)}@media(max-width:880px){.auth-split{grid-template-columns:1fr}.auth-quote{display:none}.auth-form-pane{padding:40px 24px}}