:root{color-scheme:light;--bg: #f6f4ef;--bg-elev: #fbfaf7;--surface: #ffffff;--surface-2: #f2efe8;--surface-3: #e9e5dc;--overlay: rgba(24, 22, 18, .42);--border: #e6e1d6;--border-strong:#d6cfc1;--text: #1b1a17;--text-2: #5d5950;--text-3: #8f897d;--text-invert: #ffffff;--accent: #e5542a;--accent-hover: #cf4620;--accent-ink: #ffffff;--accent-soft: #fcebe3;--accent-line: #f6cbb8;--success: #2f8a5b;--success-soft: #e3f3ea;--warning: #b7791f;--warning-soft: #fbf0dc;--danger: #cc3b2b;--danger-soft: #fbe5e1;--info: #3566d6;--info-soft: #e5ecfb;--teal: #1f8a87;--violet: #7457d6;--font-display: "Instrument Serif", "Times New Roman", serif;--font-ui: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--r-xs: 6px;--r-sm: 8px;--r: 12px;--r-lg: 16px;--r-xl: 24px;--r-full: 999px;--shadow-xs: 0 1px 2px rgba(27, 26, 23, .05);--shadow-sm: 0 1px 2px rgba(27, 26, 23, .04), 0 2px 8px rgba(27, 26, 23, .04);--shadow: 0 2px 4px rgba(27, 26, 23, .04), 0 8px 24px rgba(27, 26, 23, .07);--shadow-lg: 0 8px 16px rgba(27, 26, 23, .06), 0 24px 60px rgba(27, 26, 23, .14);--ring: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);--ease: cubic-bezier(.2, .7, .2, 1);--t-fast: .15s var(--ease);--t: .25s var(--ease);--sidebar-w: 248px;--tabbar-h: 64px}[data-theme=dark]{color-scheme:dark;--bg: #111110;--bg-elev: #161614;--surface: #1a1a18;--surface-2: #22221f;--surface-3: #2c2c28;--overlay: rgba(0, 0, 0, .6);--border: #2b2a26;--border-strong:#3a3934;--text: #f3f1ec;--text-2: #b0aca2;--text-3: #78746b;--text-invert: #111110;--accent: #ff6a3d;--accent-hover: #ff8259;--accent-ink: #1a0d07;--accent-soft: rgba(255, 106, 61, .12);--accent-line: rgba(255, 106, 61, .32);--success: #4cc38a;--success-soft: rgba(76, 195, 138, .12);--warning: #e5a640;--warning-soft: rgba(229, 166, 64, .12);--danger: #f0705f;--danger-soft: rgba(240, 112, 95, .12);--info: #7aa2ff;--info-soft: rgba(122, 162, 255, .12);--teal: #4cc7c3;--violet: #a48bff;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 8px rgba(0, 0, 0, .2);--shadow: 0 2px 4px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .35), 0 24px 60px rgba(0, 0, 0, .5)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{overflow-x:hidden;width:100%}body{font-family:var(--font-ui);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);min-height:100vh;font-feature-settings:"ss01","cv11";transition:background-color var(--t),color var(--t)}#root{min-height:100vh;width:100%}img,svg{display:block}a{color:inherit}button{font:inherit;color:inherit}input,select,textarea{font:inherit}::selection{background:var(--accent-soft);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}h1,h2,h3,h4{font-family:var(--font-ui);font-weight:600;letter-spacing:-.02em;line-height:1.2;color:var(--text)}p{line-height:1.65}.serif{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em}.serif-italic{font-family:var(--font-display);font-style:italic;font-weight:400}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.muted{color:var(--text-2)}.dim{color:var(--text-3)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.center{justify-content:center}.grow{flex:1;min-width:0}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media (max-width: 860px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.btn{--btn-h: 40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--btn-h);padding:0 16px;border-radius:var(--r-sm);font-family:var(--font-ui);font-size:14px;font-weight:500;letter-spacing:-.005em;cursor:pointer;border:1px solid transparent;text-decoration:none;white-space:nowrap;line-height:1;-webkit-user-select:none;user-select:none;transition:background-color var(--t-fast),border-color var(--t-fast),color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{flex-shrink:0}.btn-sm{--btn-h: 32px;padding:0 12px;font-size:13px;border-radius:var(--r-xs)}.btn-lg{--btn-h: 48px;padding:0 22px;font-size:15px;border-radius:var(--r)}.btn-xl{--btn-h: 56px;padding:0 28px;font-size:16px;border-radius:var(--r)}.btn-block{width:100%}.btn-primary{background:var(--accent);color:var(--accent-ink);box-shadow:0 1px #ffffff2e inset,0 1px 2px #0000001f}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 1px #ffffff2e inset,0 6px 18px color-mix(in srgb,var(--accent) 35%,transparent)}.btn-dark{background:var(--text);color:var(--text-invert)}.btn-dark:hover:not(:disabled){background:color-mix(in srgb,var(--text) 85%,var(--accent))}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-danger{background:transparent;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.btn-danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:color-mix(in srgb,var(--success) 88%,#000)}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--text-2);cursor:pointer;transition:background-color var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.icon-btn.bordered{border-color:var(--border);background:var(--surface)}.icon-btn.sm{width:30px;height:30px;border-radius:var(--r-xs)}.icon-btn.danger:hover{background:var(--danger-soft);color:var(--danger)}.link{color:var(--accent);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.link:hover{text-decoration:underline;text-underline-offset:3px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-sm)}.card-flat{box-shadow:none}.card-sm{padding:16px;border-radius:var(--r)}.card-lg{padding:32px}.card-interactive{transition:border-color var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast)}.card-interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.card-title{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--text)}.inset{background:var(--surface-2);border-radius:var(--r);padding:14px 16px}.input,.textarea,.select{width:100%;height:42px;padding:0 14px;border:1px solid var(--border);border-radius:var(--r-sm);font-size:14px;font-family:var(--font-ui);background:var(--bg-elev);color:var(--text);transition:border-color var(--t-fast),box-shadow var(--t-fast),background-color var(--t-fast)}.textarea{height:auto;min-height:96px;padding:12px 14px;resize:vertical;line-height:1.55}.input:hover,.textarea:hover,.select:hover{border-color:var(--border-strong)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring);background:var(--surface)}.input::placeholder,.textarea::placeholder{color:var(--text-3)}select.input,.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238f897d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}select option{background:var(--surface);color:var(--text)}.input-sm{height:34px;font-size:13px;padding:0 10px}label,.label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--text-2)}.field{margin-bottom:16px}.field-hint{font-size:12px;color:var(--text-3);margin-top:6px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;flex-shrink:0;border-radius:6px;border:1.5px solid var(--border-strong);background:var(--surface);cursor:pointer;display:inline-grid;place-items:center;transition:background-color var(--t-fast),border-color var(--t-fast),transform var(--t-fast)}.check:hover{border-color:var(--accent)}.check:checked{background:var(--accent);border-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.check:active{transform:scale(.92)}.check.round{border-radius:50%}.badge{--c: var(--text-2);display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:var(--r-full);font-size:11.5px;font-weight:500;white-space:nowrap;text-transform:capitalize;color:var(--c);background:color-mix(in srgb,var(--c) 11%,transparent);border:1px solid color-mix(in srgb,var(--c) 20%,transparent)}.badge-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-accent{--c: var(--accent)}.badge-success{--c: var(--success)}.badge-warning{--c: var(--warning)}.badge-danger{--c: var(--danger)}.badge-info{--c: var(--info)}.badge-solid{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:600;font-size:10px;letter-spacing:.06em;text-transform:uppercase;height:18px;padding:0 6px}.cat-personal{--c: var(--accent)}.cat-career{--c: var(--info)}.cat-health{--c: var(--success)}.cat-learning{--c: var(--warning)}.cat-finance{--c: var(--teal)}.cat-productivity{--c: var(--violet)}.prio-high{--c: var(--danger)}.prio-medium{--c: var(--warning)}.prio-low{--c: var(--success)}.segmented{display:inline-flex;padding:3px;gap:2px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm)}.segmented button{height:32px;padding:0 14px;border:none;background:transparent;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-2);cursor:pointer;white-space:nowrap;text-transform:capitalize;transition:background-color var(--t-fast),color var(--t-fast),box-shadow var(--t-fast)}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}[data-theme=dark] .segmented button.active{background:var(--surface-3)}.spinner{width:28px;height:28px;border-radius:50%;border:2.5px solid var(--border);border-top-color:var(--accent);animation:spin .7s linear infinite;margin:24px auto}.spinner-inline{display:inline-block;width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}.page-loader{display:grid;place-items:center;min-height:60vh}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .18s ease}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:28px;max-width:520px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalIn .24s var(--ease)}.modal-wide{max-width:720px}.modal-title{font-family:var(--font-display);font-size:30px;font-weight:400;letter-spacing:-.01em;line-height:1.1;margin-bottom:6px}.modal-sub{font-size:14px;color:var(--text-2);margin-bottom:22px}.modal-actions{display:flex;gap:10px;margin-top:24px}.modal-actions .btn-primary{flex:1}@keyframes modalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:92vh;padding:24px 20px calc(24px + env(safe-area-inset-bottom));animation:sheetIn .28s var(--ease)}}@keyframes sheetIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.option{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;transition:border-color var(--t-fast),background-color var(--t-fast),transform var(--t-fast)}.option:hover{border-color:var(--accent-line);background:var(--accent-soft)}.option-title{font-size:14px;font-weight:500;color:var(--text)}.option-sub{font-size:12.5px;color:var(--text-3);margin-top:2px}.toast{position:fixed;right:24px;bottom:24px;z-index:9999;width:min(380px,calc(100vw - 32px));display:flex;align-items:flex-start;gap:12px;padding:14px 14px 14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-lg);animation:toastIn .3s var(--ease)}.toast-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent)}.toast-title{font-size:14px;font-weight:600;color:var(--text);line-height:1.35}.toast-body{font-size:13px;color:var(--text-2);line-height:1.45;margin-top:2px}@media (max-width: 1023px){.toast{right:16px;bottom:calc(var(--tabbar-h) + 16px + env(safe-area-inset-bottom))}}@media (max-width: 1023px){.public .toast{bottom:16px}}@keyframes toastIn{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.progress{width:100%;height:6px;background:var(--surface-3);border-radius:var(--r-full);overflow:hidden}.progress>span{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .5s var(--ease)}.alert{--c: var(--info);display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r);background:color-mix(in srgb,var(--c) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--c) 24%,transparent);color:var(--text);font-size:14px}.alert-success{--c: var(--success)}.alert-danger{--c: var(--danger)}.alert-warning{--c: var(--warning)}.alert-accent{--c: var(--accent)}.alert-icon{color:var(--c);flex-shrink:0}.alert-title{font-weight:600}.alert-body{font-size:13px;color:var(--text-2)}.empty{text-align:center;padding:56px 24px;border:1.5px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--bg-elev)}.empty-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;margin:0 auto 18px;background:var(--accent-soft);color:var(--accent)}.empty h3{font-family:var(--font-display);font-weight:400;font-size:28px;letter-spacing:-.01em;margin-bottom:6px}.empty p{color:var(--text-2);font-size:14px;max-width:380px;margin:0 auto 22px}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);display:flex;flex-direction:column;padding:20px 14px;background:var(--bg-elev);border-right:1px solid var(--border);z-index:50}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--text)}.brand-mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);flex-shrink:0;box-shadow:0 1px #ffffff40 inset,0 4px 12px color-mix(in srgb,var(--accent) 30%,transparent)}.brand-name{font-family:var(--font-display);font-size:22px;line-height:1;letter-spacing:-.01em;white-space:nowrap}.brand-name em{font-style:italic;color:var(--accent)}.sidebar .brand{padding:4px 8px 22px}.nav-section-label{padding:14px 10px 6px;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.nav-item{display:flex;align-items:center;gap:11px;height:38px;padding:0 10px;margin-bottom:2px;border-radius:var(--r-sm);color:var(--text-2);text-decoration:none;font-size:14px;font-weight:500;transition:background-color var(--t-fast),color var(--t-fast)}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.nav-item.active svg{color:var(--accent)}.nav-item .badge-solid{margin-left:auto}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:10px}.user-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--r);background:var(--surface);border:1px solid var(--border)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:13px;font-weight:600;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);text-transform:uppercase}.user-name{font-size:13.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta{font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main{margin-left:var(--sidebar-w);min-height:100vh}.page{max-width:1080px;margin:0 auto;padding:40px 40px 72px;animation:pageIn .35s var(--ease)}.page-narrow{max-width:820px}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}.page-title{font-family:var(--font-display);font-size:clamp(36px,5vw,48px);font-weight:400;letter-spacing:-.02em;line-height:1}.page-title em{font-style:italic;color:var(--accent)}.page-sub{margin-top:8px;color:var(--text-2);font-size:15px}.section-title{font-size:16px;font-weight:600;letter-spacing:-.01em}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.topbar{display:none;position:sticky;top:0;z-index:60;height:58px;padding:0 16px;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--border)}.tabbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding:6px 6px env(safe-area-inset-bottom);background:color-mix(in srgb,var(--bg-elev) 92%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid var(--border);grid-template-columns:repeat(6,1fr)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:var(--r-sm);text-decoration:none;color:var(--text-3);font-size:10.5px;font-weight:500;transition:color var(--t-fast)}.tab.active{color:var(--accent)}.tab>svg{padding:4px 0;box-sizing:content-box}.tab-focus .tab-pill{display:grid;place-items:center;width:44px;height:28px;border-radius:var(--r-full);background:var(--accent);color:var(--accent-ink)}.menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-lg);animation:slideDown .18s var(--ease);z-index:100}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:none;background:none;border-radius:var(--r-xs);font-size:14px;color:var(--text);text-decoration:none;cursor:pointer;text-align:left}.menu-item:hover{background:var(--surface-2)}.menu-item.danger{color:var(--danger)}.menu-sep{height:1px;background:var(--border);margin:6px 4px}@media (max-width: 1023px){.sidebar{display:none}.main{margin-left:0;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.topbar{display:flex}.tabbar{display:grid}.page{padding:24px 16px 40px}.page-header{margin-bottom:22px}}.stat{position:relative;padding:18px 18px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.stat-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.stat-label{font-size:13px;color:var(--text-2);font-weight:500}.stat-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:var(--c, var(--accent));background:color-mix(in srgb,var(--c, var(--accent)) 12%,transparent)}.stat-value{font-family:var(--font-display);font-size:44px;line-height:.95;letter-spacing:-.02em;color:var(--text)}.stat-sub{font-size:12.5px;color:var(--text-3);margin-top:6px}.list{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.list-item{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border-bottom:1px solid var(--border);transition:background-color var(--t-fast)}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--bg-elev)}.list-item .check{margin-top:1px}.list-item.done .item-title{color:var(--text-3);text-decoration:line-through;text-decoration-color:var(--text-3)}.item-title{font-size:14.5px;font-weight:500;color:var(--text);line-height:1.4}.item-desc{font-size:13px;color:var(--text-2);margin-top:3px;line-height:1.5}.item-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:8px;font-size:12.5px;color:var(--text-3)}.item-meta span{display:inline-flex;align-items:center;gap:5px}.item-actions{display:flex;gap:2px;flex-shrink:0;opacity:.55;transition:opacity var(--t-fast)}.list-item:hover .item-actions{opacity:1}@media (hover: none){.item-actions{opacity:1}}.mini-todo{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-sm);transition:background-color var(--t-fast)}.mini-todo:hover{background:var(--surface-2)}.mini-todo.done span.t{color:var(--text-3);text-decoration:line-through}.mini-todo .t{flex:1;min-width:0;font-size:13.5px}.goal-card{--c: var(--text-3);position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px;box-shadow:var(--shadow-sm);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.goal-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.goal-card .goal-title{font-size:17px;font-weight:600;letter-spacing:-.015em;line-height:1.35}.goal-card.achieved .goal-title{color:var(--text-3);text-decoration:line-through}.goal-stripe{position:absolute;left:0;top:22px;width:3px;height:22px;border-radius:0 3px 3px 0;background:var(--c)}.goal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:16px 0;background:var(--border);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.goal-stats>div{background:var(--bg-elev);padding:12px;text-align:center}.goal-stats .v{font-family:var(--font-display);font-size:26px;line-height:1;color:var(--text)}.goal-stats .l{font-size:11.5px;color:var(--text-3);margin-top:4px}.focus-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:start}@media (max-width: 900px){.focus-grid{grid-template-columns:1fr}}.timer-card{position:relative;overflow:hidden;text-align:center;padding:28px 24px 26px}.timer-card:before{content:"";position:absolute;inset:-40% -20% auto;height:80%;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 14%,transparent),transparent);opacity:0;transition:opacity .8s ease;pointer-events:none}.timer-card.running:before{opacity:1}.timer-card.break-mode{--accent: var(--success);--accent-soft: var(--success-soft)}.ring-wrap{position:relative;width:min(320px,78vw);aspect-ratio:1;margin:8px auto 24px}.ring-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-track{stroke:var(--surface-3)}.ring-progress{stroke:var(--accent);transition:stroke-dashoffset 1s linear,stroke .4s ease;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 35%,transparent))}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.timer-digits{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:500;font-size:clamp(56px,15vw,76px);line-height:1;letter-spacing:-.04em;color:var(--text)}.timer-label{font-size:13px;color:var(--text-3)}.timer-controls{display:flex;justify-content:center;align-items:center;gap:12px}.play-btn{width:72px;height:72px;border-radius:50%;border:none;display:grid;place-items:center;cursor:pointer;background:var(--accent);color:var(--accent-ink);box-shadow:0 10px 28px color-mix(in srgb,var(--accent) 40%,transparent);transition:transform var(--t-fast),box-shadow var(--t-fast),background-color var(--t-fast)}.play-btn:hover{transform:scale(1.04)}.play-btn:active{transform:scale(.97)}.round-btn{width:48px;height:48px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-2);display:grid;place-items:center;cursor:pointer;transition:background-color var(--t-fast),color var(--t-fast),border-color var(--t-fast)}.round-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.session-dots{display:flex;justify-content:center;gap:6px}.session-dots span{width:8px;height:8px;border-radius:50%;background:var(--surface-3);transition:background-color var(--t)}.session-dots span.on{background:var(--accent)}.working-on{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;margin-bottom:8px;border-radius:var(--r);background:var(--accent-soft);border:1px solid var(--accent-line)}.music-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.music-tile{--c: var(--accent);display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:12px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg-elev);cursor:pointer;text-align:left;font-size:12.5px;font-weight:500;color:var(--text);transition:border-color var(--t-fast),background-color var(--t-fast),transform var(--t-fast)}.music-tile:hover{border-color:color-mix(in srgb,var(--c) 45%,transparent);background:color-mix(in srgb,var(--c) 7%,var(--surface));transform:translateY(-1px)}.music-tile .mi{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--c);background:color-mix(in srgb,var(--c) 13%,transparent)}.embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--r);border:1px solid var(--border);background:#000}.embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.eq i{width:3px;background:currentColor;border-radius:1px;animation:eq 1s ease-in-out infinite}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%,to{height:30%}50%{height:100%}}.stepper{display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap}.step-chip{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-3)}.step-chip .n{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-3)}.step-chip.active{color:var(--text)}.step-chip.active .n{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.step-chip.done{color:var(--text-2)}.step-chip.done .n{background:var(--success);border-color:var(--success);color:#fff}.step-line{width:28px;height:1px;background:var(--border-strong)}.dropzone{display:block;border:1.5px dashed var(--border-strong);border-radius:var(--r);padding:22px;text-align:center;background:var(--bg-elev);cursor:pointer;transition:border-color var(--t-fast),background-color var(--t-fast);margin:0}.dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}.timeline{position:relative;display:flex;flex-direction:column;gap:10px}.milestone{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:14px 16px;border-radius:var(--r);background:var(--bg-elev);border:1px solid var(--border)}.wk{font-family:var(--font-mono);font-size:11px;font-weight:500;text-align:center;padding:6px 0;border-radius:var(--r-xs);color:var(--accent);background:var(--accent-soft);height:fit-content}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.video-card{display:block;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--t),box-shadow var(--t),border-color var(--t)}.video-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--border-strong)}.video-thumb{position:relative;aspect-ratio:16 / 9;background:var(--surface-2);overflow:hidden}.video-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.video-card:hover .video-thumb img{transform:scale(1.04)}.video-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;opacity:0;background:#00000040;transition:opacity var(--t)}.video-play span{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fffffff2;color:#111}.video-card:hover .video-play{opacity:1}.video-body{padding:14px 16px 16px}.video-title{font-size:14.5px;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px}.video-channel{font-size:12.5px;color:var(--text-3);margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-row{display:flex;gap:14px;padding:10px;border-radius:var(--r);border:1px solid var(--border);text-decoration:none;color:inherit;background:var(--bg-elev);transition:border-color var(--t-fast),background-color var(--t-fast)}.video-row:hover{border-color:var(--accent-line);background:var(--accent-soft)}.video-row img{width:132px;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--r-sm);flex-shrink:0}.search{position:relative;flex:1}.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}.search .input{padding-left:42px;height:48px;font-size:15px;border-radius:var(--r)}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:40px;background:#1b1a17;color:#f3f1ec}.auth-panel .brand{color:#f3f1ec}.auth-panel-quote{position:relative;z-index:1;font-family:var(--font-display);font-size:clamp(36px,3.6vw,52px);line-height:1.05;letter-spacing:-.02em;max-width:460px}.auth-panel-quote em{color:#ff7a4f}.auth-glow{position:absolute;width:520px;height:520px;right:-160px;bottom:-160px;border-radius:50%;background:radial-gradient(closest-side,rgba(229,84,42,.55),transparent);filter:blur(10px);animation:breathe 8s ease-in-out infinite}.auth-rings{position:absolute;right:-120px;bottom:-120px;width:440px;height:440px;opacity:.35}@keyframes breathe{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.08);opacity:1}}.auth-form-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;background:var(--bg)}.auth-form{width:100%;max-width:380px}.auth-title{font-family:var(--font-display);font-size:44px;line-height:1;letter-spacing:-.02em;margin-bottom:8px}.auth-sub{color:var(--text-2);margin-bottom:28px}.auth-mobile-brand{display:none;margin-bottom:36px}@media (max-width: 900px){.auth{grid-template-columns:1fr}.auth-panel{display:none}.auth-mobile-brand{display:inline-flex}.auth-form-wrap{justify-content:flex-start;padding-top:48px}}.public-nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background-color var(--t),border-color var(--t),backdrop-filter var(--t);border-bottom:1px solid transparent}.public-nav.scrolled{background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom-color:var(--border)}.public-nav-inner{max-width:1200px;margin:0 auto;height:68px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.public-links{display:flex;gap:4px}.public-links a{padding:8px 12px;border-radius:var(--r-sm);color:var(--text-2);text-decoration:none;font-size:14px;font-weight:500}.public-links a:hover{color:var(--text);background:var(--surface-2)}@media (max-width: 820px){.public-links{display:none}}@media (max-width: 480px){.hide-xs{display:none!important}}.lp-hero{position:relative;padding:148px 24px 80px;overflow:hidden}.lp-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%),radial-gradient(40% 40% at 90% 30%,color-mix(in srgb,var(--warning) 10%,transparent),transparent 70%)}.lp-grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(70% 60% at 50% 20%,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(70% 60% at 50% 20%,#000 20%,transparent 75%);opacity:.6}.lp-hero-inner{position:relative;max-width:1000px;margin:0 auto;text-align:center}.pill{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 6px;border-radius:var(--r-full);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);font-size:13px;color:var(--text-2);text-decoration:none}.pill b{height:22px;padding:0 8px;display:inline-grid;place-items:center;border-radius:var(--r-full);background:var(--accent-soft);color:var(--accent);font-size:11.5px;font-weight:600}.lp-title{font-family:var(--font-display);font-weight:400;font-size:clamp(54px,9vw,112px);line-height:.95;letter-spacing:-.035em;margin:26px 0 24px}.lp-title em{font-style:italic;color:var(--accent)}.lp-title .soft{color:var(--text-3)}.lp-lead{font-size:clamp(16px,2vw,19px);color:var(--text-2);max-width:600px;margin:0 auto 36px;line-height:1.6}.lp-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.lp-note{margin-top:16px;font-size:13px;color:var(--text-3)}.preview{position:relative;max-width:1040px;margin:72px auto 0;padding:14px;border-radius:28px;background:color-mix(in srgb,var(--surface) 60%,transparent);border:1px solid var(--border);box-shadow:var(--shadow-lg);text-align:left}.preview-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px}.preview .card{box-shadow:var(--shadow-xs)}@media (max-width: 820px){.preview{padding:8px;border-radius:22px;margin-top:56px}.preview-inner{grid-template-columns:minmax(0,1fr)}.preview-timer{padding:18px!important;gap:16px!important}.preview-timer .ring-box{width:104px!important;height:104px!important}.preview-hide-sm{display:none}}.lp-section{padding:clamp(80px,12vw,128px) 24px}.lp-section-alt{background:var(--bg-elev);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.lp-wrap{max-width:1120px;margin:0 auto}.lp-h2{font-family:var(--font-display);font-weight:400;font-size:clamp(40px,6vw,68px);line-height:1;letter-spacing:-.03em}.lp-h2 em{font-style:italic;color:var(--accent)}.lp-h2 .soft{color:var(--text-3)}.lp-kicker{margin-bottom:18px}.lp-intro{color:var(--text-2);font-size:17px;max-width:520px;margin-top:18px}.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:56px}.bento-item{position:relative;overflow:hidden;padding:28px;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);min-height:240px;display:flex;flex-direction:column;transition:transform var(--t),box-shadow var(--t)}.bento-item:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.bento-item h3{font-size:19px;font-weight:600;letter-spacing:-.02em;margin:18px 0 8px}.bento-item p{color:var(--text-2);font-size:14.5px;max-width:420px}.bento-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--c, var(--accent));background:color-mix(in srgb,var(--c, var(--accent)) 12%,transparent)}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:1 / -1}.bento-dark{background:#1b1a17;border-color:#2b2a26;color:#f3f1ec}.bento-dark p{color:#b0aca2}.bento-dark h3{color:#f3f1ec}@media (max-width: 900px){.bento{grid-template-columns:1fr 1fr}.span-2,.span-3,.span-4{grid-column:span 2}}@media (max-width: 560px){.bento{grid-template-columns:1fr}.span-2,.span-3,.span-4{grid-column:span 1}}.steps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:56px;counter-reset:step}.step-card{padding:22px;border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface)}.step-card .num{font-family:var(--font-display);font-style:italic;font-size:44px;line-height:1;color:var(--accent);margin-bottom:18px}.step-card h4{font-size:15.5px;font-weight:600;margin-bottom:6px}.step-card p{font-size:13.5px;color:var(--text-2)}@media (max-width: 1000px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.steps-grid{grid-template-columns:1fr}}.pricing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:860px;margin:56px auto 0}.price-card{position:relative;padding:32px;border-radius:var(--r-xl);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.price-card.featured{border-color:var(--accent-line);box-shadow:0 0 0 4px var(--accent-soft),var(--shadow)}.price{font-family:var(--font-display);font-size:64px;line-height:1;letter-spacing:-.03em;margin:14px 0 4px}.price small{font-family:var(--font-ui);font-size:14px;color:var(--text-3);letter-spacing:0}.feature-list{list-style:none;display:grid;gap:12px;margin:24px 0 28px}.feature-list li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;color:var(--text-2)}.feature-list svg{color:var(--success);flex-shrink:0;margin-top:2px}@media (max-width: 700px){.pricing{grid-template-columns:1fr}}.cta-band{position:relative;overflow:hidden;max-width:1120px;margin:0 auto;padding:clamp(48px,8vw,88px) 24px;text-align:center;border-radius:32px;background:#1b1a17;color:#f3f1ec}.cta-band .lp-h2{color:#f3f1ec}.cta-band .lp-h2 em{color:#ff7a4f}.cta-band p{color:#b0aca2;margin:18px auto 32px;max-width:460px}.cta-band .auth-glow{left:50%;right:auto;bottom:-340px;transform:translate(-50%);width:720px;height:520px;animation:none}.site-footer{border-top:1px solid var(--border);padding:36px 24px}.site-footer-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer-links{display:flex;gap:22px;flex-wrap:wrap}.footer-links a{color:var(--text-2);font-size:13.5px;text-decoration:none}.footer-links a:hover{color:var(--text)}.copyright{color:var(--text-3);font-size:13px}.legal{max-width:760px;margin:0 auto;padding:120px 24px 80px}.legal-title{font-family:var(--font-display);font-weight:400;font-size:clamp(44px,7vw,64px);line-height:1;letter-spacing:-.03em;margin:18px 0 10px}.legal-updated{color:var(--text-3);font-size:14px;margin-bottom:40px}.legal h2{font-size:19px;font-weight:600;margin:40px 0 12px;letter-spacing:-.015em}.legal h3{font-size:15.5px;font-weight:600;margin:22px 0 8px;color:var(--text)}.legal p,.legal li{font-size:15px;line-height:1.75;color:var(--text-2)}.legal p{margin-bottom:14px}.legal ul{padding-left:22px;margin-bottom:16px}.legal li{margin-bottom:6px}.legal strong{color:var(--text);font-weight:600}.legal a{color:var(--accent);text-underline-offset:3px}.legal .card,.legal .card ul{margin-bottom:0}.contact-row{display:flex;align-items:flex-start;gap:14px}.contact-row .ci{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;color:var(--accent);background:var(--accent-soft)}.contact-row .k{font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.contact-row .v{font-size:15px;color:var(--text)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.rise{animation:rise .7s var(--ease) both}.d1{animation-delay:.06s}.d2{animation-delay:.12s}.d3{animation-delay:.18s}.d4{animation-delay:.26s}.d5{animation-delay:.34s}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 color-mix(in srgb,var(--accent) 60%,transparent);animation:ping 1.8s ease-out infinite}@keyframes ping{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 50%,transparent)}to{box-shadow:0 0 0 8px transparent}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}