@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600&family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@600;700&display=swap";.lp{--lp-max:1140px;color:var(--ink);background:var(--bg);overflow-x:clip}.lp-container{max-width:var(--lp-max);margin:0 auto;padding:0 24px}.lp-nav{z-index:50;-webkit-backdrop-filter:saturate(140%)blur(12px);backdrop-filter:saturate(140%)blur(12px);background:#f6f7f9d1;border-bottom:1px solid #0000;transition:border-color .2s,background .2s;position:sticky;top:0}.lp-nav-scrolled{border-bottom-color:var(--border)}.lp-nav-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.lp-brand{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);align-items:center;gap:10px;font-size:21px;font-weight:600;text-decoration:none;display:inline-flex}.lp-brand-mark{background:linear-gradient(140deg, var(--accent), var(--accent-strong));color:#fff;width:30px;height:30px;box-shadow:var(--shadow-sm);border-radius:9px;justify-content:center;align-items:center;display:inline-flex}.lp-nav-actions{align-items:center;gap:8px;display:flex}.lp-langswitch{border-radius:var(--radius-pill);background:var(--surface-alt);border:1px solid var(--border);align-items:center;padding:3px;display:inline-flex}.lp-langswitch button{cursor:pointer;font-family:var(--font-body);color:var(--ink-soft);border-radius:var(--radius-pill);background:0 0;border:none;padding:6px 12px;font-size:13px;font-weight:600;line-height:1;transition:background .15s,color .15s}.lp-langswitch button:hover{color:var(--ink)}.lp-langswitch button.is-active{background:var(--surface);color:var(--accent-text);box-shadow:var(--shadow-sm)}.lp-nav-signin{color:var(--ink-soft);border-radius:var(--radius-sm);padding:9px 14px;font-size:14px;font-weight:500;text-decoration:none}.lp-nav-signin:hover{color:var(--ink);background:var(--surface-alt)}.lp-btn{font-family:var(--font-body);border-radius:var(--radius-pill);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .15s,background .15s,box-shadow .15s,border-color .15s;display:inline-flex}.lp-btn-primary{background:var(--accent);color:#fff;box-shadow:0 6px 18px #d9622b47}.lp-btn-primary:hover{background:var(--accent-strong);transform:translateY(-1px);box-shadow:0 10px 24px #d9622b57}.lp-btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--border-strong)}.lp-btn-ghost:hover{border-color:var(--ink-faint);transform:translateY(-1px)}.lp-btn-lg{padding:15px 28px;font-size:16px}.lp-section{padding:96px 0}.lp-section-tight{padding:72px 0}.lp-eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-soft);border-radius:var(--radius-pill);align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.lp-section-head{text-align:center;max-width:680px;margin:0 auto 56px}.lp-section-head h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:18px 0 16px;font-size:clamp(28px,4vw,40px);line-height:1.12}.lp-section-head p{color:var(--ink-soft);margin:0;font-size:18px;line-height:1.6}.lp-hero{padding:72px 0 96px;position:relative}.lp-hero:before{content:"";pointer-events:none;background:radial-gradient(1100px 520px at 78% -8%,#d9622b24,#0000 60%),radial-gradient(760px 420px at 4% 8%,#2f6f5c14,#0000 62%);position:absolute;inset:0}.lp-hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid;position:relative}.lp-hero-copy h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:20px 0 22px;font-size:clamp(38px,5.4vw,62px);line-height:1.04}.lp-hero-copy h1 em{color:var(--accent);font-style:italic}.lp-hero-sub{color:var(--ink-soft);max-width:520px;margin:0 0 30px;font-size:19px;line-height:1.62}.lp-hero-cta{flex-wrap:wrap;gap:12px;margin-bottom:22px;display:flex}.lp-hero-trust{color:var(--ink-faint);align-items:center;gap:8px;font-size:14px;display:flex}.lp-hero-trust b{color:var(--ink-soft);font-weight:600}.lp-hero-visual{justify-content:center;display:flex;position:relative}.lp-portrait-wrap{width:100%;max-width:380px;position:relative}.lp-portrait{background:var(--surface);border:1px solid var(--border);border-radius:28px;width:100%;position:relative;overflow:hidden;box-shadow:0 30px 60px -24px #1e2a3f59}.lp-portrait img{width:100%;height:auto;display:block}.lp-portrait-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-md);background:#ffffffdb;border:1px solid #fff9;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.lp-portrait-badge .lp-dot{background:var(--success);width:9px;height:9px;box-shadow:0 0 0 4px var(--success-soft);border-radius:50%;flex-shrink:0}.lp-portrait-badge span{color:var(--ink-soft);font-size:13.5px;line-height:1.3}.lp-portrait-badge b{color:var(--ink);font-weight:600}.lp-chip{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);color:var(--ink);white-space:nowrap;align-items:center;gap:8px;padding:9px 14px;font-size:13.5px;font-weight:500;display:inline-flex;position:absolute}.lp-chip svg{color:var(--accent)}.lp-chip-1{animation:6s ease-in-out infinite lp-float;top:22px;left:-14px}.lp-chip-2{animation:6s ease-in-out 1.4s infinite lp-float;top:44%;right:12px}.lp-chip-3{animation:6s ease-in-out 2.8s infinite lp-float;bottom:96px;left:-22px}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.lp-shift{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.lp-shift-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:8px;display:grid}.lp-shift-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg);padding:30px}.lp-shift-card.is-lumiora{background:linear-gradient(160deg, #fff, var(--accent-soft));border-color:var(--accent-soft)}.lp-shift-tag{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 14px;font-size:12.5px;font-weight:600}.lp-shift-card.is-lumiora .lp-shift-tag{color:var(--accent-text)}.lp-shift-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.lp-shift-list li{color:var(--ink-soft);gap:11px;font-size:15.5px;line-height:1.5;display:flex}.lp-shift-list li b{color:var(--ink);font-weight:600}.lp-shift-icon{color:var(--ink-faint);flex-shrink:0;margin-top:2px}.lp-shift-card.is-lumiora .lp-shift-icon{color:var(--accent)}.lp-features{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.lp-feature{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:28px;transition:transform .18s,box-shadow .18s,border-color .18s}.lp-feature:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-3px)}.lp-feature-icon{background:var(--accent-soft);width:46px;height:46px;color:var(--accent-text);border-radius:13px;justify-content:center;align-items:center;margin-bottom:18px;display:inline-flex}.lp-feature h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);margin:0 0 9px;font-size:20px}.lp-feature p{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.58}.lp-how{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.lp-steps{counter-reset:lp-step;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.lp-step{border-radius:var(--radius-lg);background:var(--bg);border:1px solid var(--border);padding:30px 26px;position:relative}.lp-step-num{background:var(--accent);color:#fff;width:38px;height:38px;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;margin-bottom:18px;font-size:17px;font-weight:600;display:inline-flex}.lp-step h3{font-family:var(--font-display);color:var(--ink);margin:0 0 9px;font-size:20px}.lp-step p{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.58}.lp-aud-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.lp-aud{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);padding:36px}.lp-aud-icon{background:var(--surface-alt);width:48px;height:48px;color:var(--ink);border-radius:13px;justify-content:center;align-items:center;margin-bottom:18px;display:inline-flex}.lp-aud h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 8px;font-size:24px}.lp-aud>p{color:var(--ink-soft);margin:0 0 20px;font-size:15.5px;line-height:1.6}.lp-aud-list{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.lp-aud-list li{color:var(--ink-soft);gap:10px;font-size:15px;line-height:1.45;display:flex}.lp-check{color:var(--success);flex-shrink:0;margin-top:1px}.lp-progress{color:#fff;max-width:var(--lp-max);background:linear-gradient(155deg,#23324c,#1e2a3f);border-radius:28px;margin:0 24px;padding:64px;position:relative;overflow:hidden}@media (width>=1188px){.lp-progress{margin:0 auto}}.lp-progress:before{content:"";pointer-events:none;background:radial-gradient(600px 300px at 88% 10%,#d9622b47,#0000 60%);position:absolute;inset:0}.lp-progress-inner{max-width:620px;position:relative}.lp-progress .lp-eyebrow{color:#f4d9c8;background:#ffffff1f}.lp-progress h2{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin:18px 0 16px;font-size:clamp(28px,4vw,40px);line-height:1.14}.lp-progress p{color:#ffffffc7;margin:0;font-size:18px;line-height:1.62}.lp-progress-quote{border-left:3px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0;font-family:var(--font-display);color:#fff;background:#ffffff0f;margin-top:28px;padding:20px 24px;font-size:19px;font-style:italic;line-height:1.5}.lp-cta{text-align:center}.lp-cta h2{font-family:var(--font-display);letter-spacing:-.025em;max-width:620px;color:var(--ink);margin:18px auto;font-size:clamp(30px,4.6vw,46px);line-height:1.08}.lp-cta p{color:var(--ink-soft);max-width:520px;margin:0 auto 32px;font-size:18px;line-height:1.6}.lp-cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.lp-footer{border-top:1px solid var(--border);padding:40px 0}.lp-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.lp-footer-copy{color:var(--ink-faint);font-size:13.5px}.lp-footer-links{gap:20px;display:flex}.lp-footer-links a{color:var(--ink-soft);font-size:13.5px;text-decoration:none}.lp-footer-links a:hover{color:var(--ink)}@media (prefers-reduced-motion:no-preference){.lp-reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.lp-reveal.is-visible{opacity:1;transform:none}}.lp-lang-ja{--font-display:"Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-body:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", -apple-system, BlinkMacSystemFont, sans-serif}.lp-lang-ja :is(h1,h2,h3){letter-spacing:normal;line-height:1.32}.lp-lang-ja .lp-hero-copy h1{line-height:1.22}.lp-lang-ja .lp-hero-copy h1 em{font-style:normal}.lp-lang-ja .lp-eyebrow{letter-spacing:.02em}@media (width<=900px){.lp-hero-grid{grid-template-columns:1fr;gap:48px}.lp-hero-copy{text-align:center}.lp-hero-sub{margin-left:auto;margin-right:auto}.lp-hero-cta,.lp-hero-trust{justify-content:center}.lp-features,.lp-steps{grid-template-columns:1fr 1fr}.lp-shift-grid,.lp-aud-grid{grid-template-columns:1fr}.lp-progress{padding:48px 32px}}@media (width<=620px){.lp-section{padding:68px 0}.lp-features,.lp-steps{grid-template-columns:1fr}.lp-nav-signin,.lp-chip{display:none}.lp-progress{margin:0 16px;padding:40px 24px}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body,p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--bg:#f6f7f9;--surface:#fff;--surface-alt:#eef0f3;--ink:#1e2a3f;--ink-soft:#4b5870;--ink-faint:#8b93a3;--border:#dee2e8;--border-strong:#c2c8d1;--accent:#d9622b;--accent-strong:#b84f1e;--accent-soft:#fbe3d2;--accent-text:#8a3a12;--success:#2f6f5c;--success-soft:#dceee7;--success-text:#1e4a3c;--draft-soft:#e8eaee;--draft-text:#4b5870;--danger-soft:#fbe3e0;--danger-text:#7a2418;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--shadow-sm:0 1px 2px #1e2a3f0d;--shadow-md:0 4px 16px #1e2a3f14;--font-display:"Fraunces", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit}button{font-family:inherit}img{max-width:100%}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:600}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page{max-width:1240px;padding:var(--space-6) var(--space-5) var(--space-7);margin:0 auto}.page-narrow{max-width:640px}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-header h1{font-size:28px}.page-header .eyebrow{color:var(--ink-faint);margin:0 0 4px;font-size:13px}.back-link{color:var(--ink-soft);margin-bottom:var(--space-5);align-items:center;gap:6px;font-size:14px;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--ink)}.stack{gap:var(--space-4);flex-direction:column;display:flex}.grid-cards{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:box-shadow .15s,border-color .15s}a.card{color:inherit;text-decoration:none;display:block}a.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.card h2,.card h3{margin:0 0 var(--space-2);font-size:17px}.card p{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.5}.card-footer{margin-top:var(--space-3);justify-content:space-between;align-items:center;display:flex}.card-actions{gap:var(--space-2);margin-top:var(--space-4);display:flex}.badge{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-published{background:var(--success-soft);color:var(--success-text)}.badge-draft{background:var(--draft-soft);color:var(--draft-text)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-secondary{background:var(--surface);border-color:var(--border-strong);color:var(--ink)}.btn-secondary:hover:not(:disabled){border-color:var(--ink-faint)}.btn-ghost{color:var(--ink-soft);background:0 0;border-color:#0000;padding:8px 12px}.btn-ghost:hover{color:var(--ink);background:var(--surface-alt)}.btn-block{width:100%}.field{margin-bottom:var(--space-4);flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink-soft);font-size:13px;font-weight:500}.input,.textarea{font-family:var(--font-body);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);width:100%;padding:10px 12px;font-size:15px}.input:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.textarea{resize:vertical;min-height:140px;line-height:1.6}.checkbox-row{color:var(--ink-soft);align-items:center;gap:8px;font-size:14px;display:flex}.checkbox-row input{width:16px;height:16px}.empty-state{text-align:center;padding:var(--space-7) var(--space-5);color:var(--ink-soft)}.empty-state h3{color:var(--ink);margin:0 0 var(--space-2);font-size:18px}.empty-state p{margin:0 0 var(--space-4)}.error-text{background:var(--danger-soft);color:var(--danger-text);border-radius:var(--radius-sm);margin-bottom:var(--space-4);padding:10px 14px;font-size:14px}.loading-text{color:var(--ink-faint);padding:var(--space-6) 0;text-align:center;font-size:14px}@media (prefers-reduced-motion:no-preference){.loading-text{animation:1.6s ease-in-out infinite pulse}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.modal-overlay{padding:var(--space-5);z-index:1000;background:#141a2680;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-6);width:100%;max-width:560px;box-shadow:var(--shadow-md);max-height:90vh;overflow-y:auto}.modal-panel.modal-wide{max-width:680px}.modal-header{margin:0 0 var(--space-5)}.modal-header h2{font-size:22px}.modal-actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);display:flex}.nav-pill{color:var(--ink-soft);border-radius:var(--radius-pill);border:1px solid var(--border);align-items:center;gap:6px;padding:6px 14px;font-size:13px;text-decoration:none;display:inline-flex}.nav-pill:hover{border-color:var(--border-strong);color:var(--ink)}.top-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.dashboard-greeting{margin:0 0 4px;font-size:28px}.dashboard-sub{color:var(--ink-soft);margin:0 0 var(--space-6)}.dash-continue{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.dash-continue-cta{color:var(--accent-text);white-space:nowrap;font-weight:600}.quick-tiles{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.quick-tile{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);color:inherit;text-decoration:none;transition:box-shadow .15s,border-color .15s,transform .15s;display:flex}.quick-tile:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.quick-tile-icon{border-radius:var(--radius-sm);background:var(--accent-soft);width:40px;height:40px;color:var(--accent-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.quick-tile-body{flex-direction:column;gap:2px;min-width:0;display:flex}.quick-tile-label{font-size:15px;font-weight:600}.quick-tile-desc{color:var(--ink-faint);font-size:13px;line-height:1.4}.detail-description{color:var(--ink-soft);margin:4px 0 var(--space-3)}.section-title{margin:0 0 var(--space-3);font-size:16px}.section{margin-bottom:var(--space-6)}.highlight{background:var(--accent-soft);color:var(--accent-text);border-radius:4px;padding:0 6px;font-style:normal}.lesson-reader{max-width:100%;margin:0 auto}.lesson-reader .lesson-meta{color:var(--ink-faint);margin:0;font-size:13px}.lesson-reader h1{margin:8px 0 var(--space-5);font-size:32px}.lesson-reader .lesson-body{color:var(--ink);white-space:pre-wrap;max-width:720px;font-size:17px;line-height:1.85}.lesson-footer{margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.auth-shell{background:var(--bg);min-height:100vh;padding:var(--space-5);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-7);width:100%;max-width:400px;box-shadow:var(--shadow-md)}.auth-card h1{margin:0 0 4px;font-size:26px}.auth-card .auth-sub{color:var(--ink-soft);margin:0 0 var(--space-6);font-size:14px}.status-text{margin-top:var(--space-3);color:var(--ink-soft);font-size:14px}:root{--sidebar-w:260px;--sidebar-w-collapsed:72px}.app-shell{min-height:100vh;display:flex}.app-main{flex:1;min-width:0}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);height:100vh;padding:var(--space-4) var(--space-3);flex-direction:column;flex-shrink:0;transition:width .18s;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-collapsed{width:var(--sidebar-w-collapsed)}.sidebar-top{padding:var(--space-2) var(--space-2) var(--space-5)}.sidebar-collapsed .sidebar-top{justify-content:center;padding-left:0;padding-right:0;display:flex}.sidebar-logo{font-family:var(--font-display);color:var(--ink);white-space:nowrap;font-size:18px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.sidebar-link{border-radius:var(--radius-sm);color:var(--ink-soft);white-space:nowrap;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--surface-alt);color:var(--ink)}.sidebar-link-active{background:var(--accent-soft);color:var(--accent-text)}.sidebar-collapsed .sidebar-link{justify-content:center;padding:10px}.sidebar-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-bottom{border-top:1px solid var(--border);padding-top:var(--space-3);margin-top:var(--space-3);flex-direction:column;gap:4px;display:flex}.sidebar-toggle{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--ink-soft);cursor:pointer;margin-top:var(--space-2);justify-content:center;align-self:flex-end;align-items:center;display:flex}.sidebar-collapsed .sidebar-toggle{align-self:center}.sidebar-toggle:hover{background:var(--surface-alt);color:var(--ink)}