:root{--color-bg-card: #ffffff;--color-accent: #6c3df4;--color-accent-hover: #5a2cd6;--color-accent-soft: rgba(108, 61, 244, .08);--color-text-primary: #1a1a2e;--color-text-secondary: #666666;--color-text-muted: #999999;--color-border: #e5e5e5;--color-error: #dc2626;--bnw-200: hsl(240, 6%, 14%);--bnw-500: hsl(240, 6%, 50%);--bnw-900: hsl(240, 6%, 95%);--bnw-1000: hsl(240, 6%, 100%);--gradient-bg: linear-gradient(135deg, hsl(210, 33%, 97%), hsl(240, 33%, 97%));--gradient-block: linear-gradient(135deg, hsl(240, 100%, 97%), hsl(204, 100%, 95%));--shadow-card: 0 6px 18px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--radius-lg: 18px;--radius-full: 9999px;--font-family: "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;--transition-fast: .2s ease;--transition-base: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--gradient-bg);color:var(--color-text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:inherit}.muted{color:var(--color-text-muted)}.boot{padding:48px 16px;text-align:center;color:var(--bnw-500)}.err{color:var(--color-error)}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:15px 24px 0}.logo{text-decoration:none;display:flex;flex-direction:column}.logo-row{position:relative;display:inline-flex;width:fit-content}.logo-text{font-weight:600;font-size:24px;color:var(--bnw-200);line-height:1}.badge{position:absolute;left:calc(100% + 6px);top:-6px;height:18px;padding:0 9px;background:#000;border-radius:99px;display:flex;align-items:center;font-weight:500;font-size:12px;color:var(--bnw-1000);white-space:nowrap}.logo-desc{font-size:12px;color:var(--bnw-500);margin-top:2px}.langs{display:flex;gap:4px;margin-top:3px}.langs button{height:36px;padding:0 14px;border:none;border-radius:99px;background:transparent;font-family:inherit;font-size:15px;color:var(--bnw-500);cursor:pointer;transition:transform var(--transition-fast);white-space:nowrap}.langs button:hover{transform:translateY(-3px)}.langs button[aria-pressed=true]{background:#fff;color:var(--bnw-200)}.main{max-width:880px;margin:0 auto;padding:42px 16px 60px}.card{background:var(--color-bg-card);border-radius:21px;box-shadow:var(--shadow-card);padding:36px;scroll-margin-top:16px}.card+.card,.card+.system-nav,.system-nav+.card{margin-top:24px}h1{font-size:clamp(30px,6vw,42px);font-weight:600;line-height:1.15;margin-bottom:12px}h2{font-size:24px;font-weight:600;margin-bottom:18px}h3{font-size:15px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:24px 0 10px}.lead{font-size:18px;color:var(--color-text-secondary);margin-bottom:24px}.note{margin-top:18px;font-size:14px;color:var(--color-text-secondary)}.notice{margin-top:18px;padding:12px 16px;border-radius:12px;background:var(--color-accent-soft);font-size:15px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;font-family:inherit;font-size:16px;font-weight:600;color:#fff;text-decoration:none;background:var(--color-accent);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.btn:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-ghost{background:var(--bnw-900);color:var(--bnw-200);padding:8px 18px;font-size:15px}.btn-ghost:hover{background:var(--color-accent-soft);color:var(--color-accent)}.start-form{display:grid;gap:18px;max-width:420px}label{display:grid;gap:8px;font-size:14px;font-weight:600;color:var(--color-text-secondary)}label small{font-weight:400}input{width:100%;padding:12px 16px;font-family:inherit;font-size:16px;color:var(--color-text-primary);background:#fff;border:2px solid var(--color-border);border-radius:12px;transition:all var(--transition-fast)}input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #6c3df41a}.status{min-height:1.4em;font-size:15px}.essentials{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.essential{display:grid;gap:2px;padding:16px 18px;border-radius:var(--radius-lg);background:var(--gradient-block);text-decoration:none;transition:transform var(--transition-fast)}.essential:hover{transform:translateY(-2px)}.essential-label{font-size:13px;color:var(--color-text-secondary)}.essential-value{font-size:22px;font-weight:600}.essential-title{font-size:15px;color:var(--color-accent);font-weight:500}.rhythms{display:grid;gap:12px}.rhythm{padding:16px 18px;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.rhythm-period{font-weight:600;margin-bottom:4px}.rhythm-title{font-size:18px;font-weight:600;color:var(--color-accent);margin-bottom:4px}.rhythm p{color:var(--color-text-secondary);font-size:15px}.rhythm-advice{margin-top:6px;color:var(--color-text-primary)!important}.system-nav{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:8px 16px;border-radius:var(--radius-full);background:#fff;text-decoration:none;font-size:15px;color:var(--bnw-200);box-shadow:var(--shadow-card);transition:transform var(--transition-fast)}.pill:hover{transform:translateY(-2px);color:var(--color-accent)}.source{font-size:14px;color:var(--color-text-secondary);margin-top:-10px}.item{border-top:1px solid var(--color-border)}.item:last-child{border-bottom:1px solid var(--color-border)}.item-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;align-items:baseline;padding:12px 4px;list-style:none;cursor:pointer}.item-plain .item-head{cursor:default}.item-head::-webkit-details-marker{display:none}.item-label{font-size:15px}.item-value{font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.item-title{grid-column:1 / -1;font-size:14px;color:var(--color-accent)}details[open]>.item-head{background:var(--color-accent-soft);border-radius:12px}.item-body{padding:8px 4px 16px;display:grid;gap:10px;font-size:15px}.tips{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px}.tips dt{font-weight:600;color:var(--color-text-secondary)}.next p{color:var(--color-text-secondary)}@media (max-width: 600px){.header{padding:15px 16px 0}.card{padding:24px 18px}.langs button{padding:0 10px}.tips{grid-template-columns:1fr}.tips dd{margin-bottom:6px}}.tabs{display:flex;justify-content:center;gap:6px;padding:18px 16px 0;flex-wrap:wrap}.tab{height:40px;padding:0 20px;border:none;border-radius:var(--radius-full);background:transparent;font-family:inherit;font-size:15px;color:var(--bnw-500);cursor:pointer;transition:all var(--transition-fast)}.tab:hover{color:var(--bnw-200)}.tab[aria-current=page]{background:#fff;color:var(--bnw-200);box-shadow:var(--shadow-card);font-weight:600}.tabs+.main{padding-top:24px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.tile{display:grid;gap:4px;align-content:start;text-align:left;padding:16px 18px;border:none;cursor:pointer;border-radius:var(--radius-lg);background:var(--gradient-block);font-family:inherit;color:inherit;transition:transform var(--transition-fast)}.tile:hover{transform:translateY(-2px)}.tile-title{font-size:17px;font-weight:600}.tile-hint{font-size:14px;color:var(--color-text-secondary)}.tile-action{margin-top:6px;font-size:14px;font-weight:600;color:var(--color-accent)}.tile-done{background:#fff;border:2px solid var(--color-accent-soft)}.entry{padding:14px 0;border-top:1px solid var(--color-border);display:grid;gap:8px}.entry-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}.entry-title{font-weight:600;margin-right:auto}.entry-date{font-size:13px}.link{border:none;background:none;font-family:inherit;font-size:14px;color:var(--color-accent);cursor:pointer;padding:0}.link:hover{text-decoration:underline}.link-danger{color:var(--color-text-muted)}.link-danger:hover{color:var(--color-error)}.back{margin-bottom:14px}.ranked{padding-left:22px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:3px 10px;border-radius:var(--radius-full);background:var(--bnw-900);font-size:13px}.chip-test{background:#e0f3ff}.chip-experience{background:#fff1d6}.chip-archetype{background:#ddf4e8}.chip-symbolic{background:var(--color-accent-soft)}.bars{display:grid;gap:6px}.bar-row{display:grid;grid-template-columns:minmax(120px,1.2fr) 2fr minmax(70px,auto);gap:10px;align-items:center;font-size:14px}.bar{height:8px;border-radius:99px;background:var(--bnw-900);overflow:hidden}.bar-fill{display:block;height:100%;border-radius:99px;background:var(--color-accent)}.bar-value{font-size:13px;color:var(--color-text-secondary);text-align:right;font-variant-numeric:tabular-nums}.form-fields{display:grid;gap:18px;margin:8px 0 4px}.form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.field{display:grid;gap:8px}.field-label{font-size:14px;font-weight:600;color:var(--color-text-secondary)}select,textarea{width:100%;padding:12px 16px;font-family:inherit;font-size:16px;color:var(--color-text-primary);background:#fff;border:2px solid var(--color-border);border-radius:12px}select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #6c3df41a}textarea{resize:vertical;min-height:100px}.choice-grid{display:flex;flex-wrap:wrap;gap:8px}.choice{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-full);border:2px solid var(--color-border);background:#fff;font-family:inherit;font-size:15px;color:inherit;cursor:pointer;transition:all var(--transition-fast)}.choice:hover{border-color:var(--color-accent)}.choice[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.choice-rank{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#fff;color:var(--color-accent);font-size:12px;font-weight:700}.ranges{display:grid;gap:14px}.range-row{display:grid;grid-template-columns:minmax(130px,1fr) 2fr 32px;gap:12px;align-items:center;font-weight:400;color:inherit;font-size:15px}input[type=range]{padding:0;border:none;accent-color:var(--color-accent)}input[type=range]:focus{box-shadow:none}.likert-legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--color-text-secondary);margin-bottom:8px}.sticky-progress{position:sticky;top:0;z-index:2;padding:10px 0;background:#fff;font-weight:600;font-size:14px;color:var(--color-accent)}.questions{display:grid}.question{padding:14px 0;border-top:1px solid var(--color-border);display:grid;gap:10px}.likert{display:flex;gap:8px}.likert-btn{width:44px;height:44px;border-radius:50%;border:2px solid var(--color-border);background:#fff;font-family:inherit;font-size:16px;font-weight:600;color:var(--bnw-500);cursor:pointer;transition:all var(--transition-fast)}.likert-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.likert-btn[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:14px;color:var(--color-text-secondary)}.notice .btn{margin-top:12px}.theme-row{padding:14px 0;border-top:1px solid var(--color-border);display:grid;gap:8px}.theme-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.theme-name{font-size:18px;font-weight:600}.theme-kinds{font-size:16px;letter-spacing:2px}.tension{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;border-top:1px solid var(--color-border)}.tension .theme-row{border-top:none}.tension-vs{font-size:22px;color:var(--color-accent)}.singles summary{list-style:none;cursor:pointer}.singles summary::-webkit-details-marker{display:none}.singles summary h2{margin-bottom:0}.singles[open] summary h2{margin-bottom:12px}@media (max-width: 600px){.bar-row{grid-template-columns:1fr 1fr}.bar-row .bar{grid-column:1 / -1;grid-row:2}.range-row{grid-template-columns:1fr 32px}.range-row input{grid-column:1 / -1;grid-row:2}.tension{grid-template-columns:1fr;gap:0}.tension-vs{text-align:center}.likert{gap:6px}.likert-btn{width:40px;height:40px}}.ikigai{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ikigai-circle{padding:16px 18px;border-radius:var(--radius-lg);display:grid;gap:10px;align-content:start}.ikigai-circle h3{margin:0;text-transform:none;letter-spacing:0;font-size:16px;color:var(--color-text-primary)}.ikigai-love{background:#fff0f5}.ikigai-good{background:#e5f5ff}.ikigai-need{background:#e8f7f0}.ikigai-paid{background:#fff5e0}.ikigai-circle input{padding:8px 12px;font-size:15px}.chip-removable{display:inline-flex;align-items:center;gap:4px;background:#fff}.chip-x{border:none;background:none;cursor:pointer;font-size:15px;line-height:1;color:var(--color-text-muted);padding:0 2px}.chip-x:hover{color:var(--color-error)}.suggest{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px}.chip-suggest{border:1px dashed var(--color-accent);background:transparent;color:var(--color-accent);cursor:pointer;font-family:inherit}.chip-suggest:hover{background:var(--color-accent-soft)}.add-form{margin-top:14px}.add-form>summary{list-style:none;font-weight:600;font-size:15px}.add-form>summary::-webkit-details-marker{display:none}.add-form[open]>summary{margin-bottom:12px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.saved-mark{font-size:14px;align-self:center}.goal{padding:16px 0;border-top:1px solid var(--color-border);display:grid;gap:8px}.goal-title{font-size:18px}.goal-paused,.goal-done{opacity:.7}.badge-soft{padding:2px 10px;border-radius:99px;background:var(--bnw-900);font-size:13px}.goal-actions{display:flex;flex-wrap:wrap;gap:16px}.steps{list-style:none;display:grid;gap:4px}.steps li{display:flex;align-items:center;gap:12px;padding:4px 0}.steps li>:first-child{margin-right:auto}.step{display:flex;align-items:center;gap:10px;font-weight:400;font-size:15px;color:var(--color-text-primary);cursor:pointer}.step input{width:18px;height:18px;accent-color:var(--color-accent);padding:0}.step-done .step span,li.step-done{color:var(--color-text-muted);text-decoration:line-through}.link-active{font-weight:600}.streak{color:var(--color-accent);font-weight:600}.step-of-day{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;border-radius:var(--radius-lg);background:var(--gradient-block);margin-bottom:12px}.step-text{font-size:18px;font-weight:600}.card .notice+.notice{margin-top:8px}.card .notice+.btn{margin-top:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.stat{display:grid;padding:14px;border-radius:var(--radius-lg);background:var(--gradient-block);text-align:center}.stat-value{font-size:26px;font-weight:600}.stat-label{font-size:13px;color:var(--color-text-secondary)}.flow-list{padding-left:20px;color:var(--color-text-secondary)}.journal-day{padding:12px 0;border-top:1px solid var(--color-border)}.journal-date{font-weight:600;margin-bottom:4px}.journal-day ul{list-style:none;display:grid;gap:2px}@media (max-width: 600px){.ikigai,.two-cols{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.step-of-day{flex-direction:column;align-items:stretch}.tab{padding:0 12px;font-size:14px}}.main-tight{padding-top:0;padding-bottom:0}.tabs+.main-tight{padding-top:24px}.main-tight+.main{padding-top:24px}.main+.main-tight{padding-bottom:60px;margin-top:-36px}.nudge{border:2px solid var(--color-accent-soft)}.nudge p{color:var(--color-text-secondary)}.btn:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}.langs{align-items:center}.account{display:inline-flex;align-items:center;gap:8px;margin-left:10px}.account-name{display:grid;text-align:right;font-size:14px;font-weight:600;color:var(--bnw-200);line-height:1.2}.account-name small{font-weight:400;font-size:12px;color:var(--bnw-500)}.account-out{height:32px;padding:0 12px;border:none;border-radius:99px;background:#fff;font-family:inherit;font-size:14px;color:var(--bnw-500);cursor:pointer}.account-out:hover{color:var(--color-error)}.btn-small{padding:7px 16px;font-size:14px;margin-left:10px}@media (max-width: 600px){.header{flex-wrap:wrap}.account,.btn-small{margin-left:4px}.account-name small{display:none}}.state-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.state-option{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:#fff;font:inherit;font-size:15px;color:var(--bnw-200);cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.state-option:hover{border-color:var(--color-accent);transform:translateY(-1px)}.state-option[aria-pressed=true]{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.state-icon{font-size:18px;line-height:1}.focus-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.focus-card>p{margin:8px 0 14px}.reflection{display:grid;gap:6px;padding:14px 16px;border-radius:var(--radius-lg);background:var(--color-accent-soft)}.reflection>span{font-weight:600}.reflection textarea{width:100%;resize:vertical;background:#fff}