:root{--bg-primary: #ffffff;--bg-surface: #f5f7fb;--bg-card: #ffffff;--bg-hover: #eef2f9;--panel-bg: #ffffff;--panel-card: #f4f6fb;--panel-hover: #e9edf6;--panel-border: #dde3ee;--text-primary: #1a2333;--text-secondary: #45526b;--text-muted: #5f6c86;--accent-gold: #2563eb;--accent-deep: #1d4ed8;--accent-gold-dim: rgba(37, 99, 235, .1);--accent-gold-glow: rgba(37, 99, 235, .18);--accent-violet: #60a5fa;--accent-violet-dim: rgba(96, 165, 250, .15);--navy-deep: #16305c;--navy-mid: #1d4272;--header-bg: linear-gradient(90deg, #16305c 0%, #2f5f9e 100%);--hero-bg: linear-gradient(180deg, #142e57 0%, #2c5a9e 60%, #7fa4d6 100%);--lp-gradient: linear-gradient(180deg, #142e57 0%, #1f4478 40%, #4d7ab5 80%, #8fb1dc 100%);--header-fg: #ffffff;--header-fg-dim: rgba(255, 255, 255, .75);--header-active-bg: rgba(255, 255, 255, .16);--border-color: #dde3ee;--border-subtle: #e8edf5;--positive: #15803d;--positive-bg: rgba(21, 128, 61, .1);--caution: #b45309;--caution-bg: rgba(180, 83, 9, .1);--negative: #b91c1c;--negative-bg: rgba(185, 28, 28, .08);--error: var(--negative);--success: var(--positive);--overlay-scrim: rgba(16, 35, 68, .45);--text-on-accent: #ffffff;--font-display: "Cormorant Garamond", "Times New Roman", serif;--font-body: "Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--header-h: 56px;--sidebar-w: 240px;--chat-max-w: 768px;--ease-out: cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s var(--ease-out);--transition-normal: .25s var(--ease-out);--transition-slow: .4s var(--ease-out);--shadow-sm: 0 1px 2px rgba(16, 42, 84, .06), 0 1px 4px rgba(16, 42, 84, .08);--shadow-md: 0 4px 16px rgba(16, 42, 84, .12);--shadow-gold: 0 4px 14px rgba(37, 99, 235, .25)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);height:100svh;height:100dvh;overflow:hidden}.app{display:flex;flex-direction:column;height:100svh;height:100dvh}.body-wrap{display:flex;flex:1;min-height:0}.header{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem;background:var(--header-bg);border-bottom:none;z-index:20;flex-shrink:0}.header-left,.header-right{display:flex;align-items:center;gap:.75rem}.lang-toggle{min-width:42px;height:30px;padding:0 .55rem;border-radius:7px;border:1px solid rgba(255,255,255,.35);background:transparent;color:var(--header-fg-dim);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.lang-toggle:hover{border-color:var(--header-fg);color:var(--header-fg)}.header-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:8px;color:var(--header-fg-dim);cursor:pointer;transition:all var(--transition-fast)}.header-btn:hover{color:var(--header-fg);background:var(--header-active-bg);border-color:transparent}.app-title{font-family:var(--font-display);font-size:1.375rem;font-weight:600;color:var(--header-fg);letter-spacing:.02em;white-space:nowrap;cursor:pointer;padding:2px 8px;margin-left:-8px;border-radius:6px;transition:background var(--transition-fast)}.app-title:hover{background:var(--header-active-bg)}.header .title-accent{color:#a8c6ee}.welcome-title .title-accent{color:var(--accent-gold)}.mode-switcher{display:flex;gap:2px;background:var(--panel-card);border:1px solid var(--panel-border);border-radius:8px;padding:2px}.mode-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background:none;border:none;border-radius:6px;color:var(--text-muted);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.mode-btn:hover{color:var(--text-secondary);background:var(--panel-hover)}.mode-btn.active{color:var(--text-on-accent);background:var(--accent-gold)}.mode-btn[data-mode=coach]{display:none}.mode-icon{font-size:.875rem}.mode-label{display:inline}.engine-nav{display:flex;gap:2px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:2px}.engine-btn[hidden]{display:none}.engine-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background:none;border:none;border-radius:6px;color:var(--header-fg-dim);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.engine-btn:hover{color:var(--header-fg);background:var(--header-active-bg)}.engine-btn.active{color:var(--navy-deep);background:var(--header-fg)}.engine-icon{font-size:.875rem}.engine-label{display:inline}.portfolio-dashboard{max-width:760px;margin:0 auto;padding:2.5rem 1.25rem 1.5rem}.portfolio-intro{text-align:center;margin-bottom:2rem}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem}.portfolio-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.45rem;text-align:left;padding:1.25rem 1.25rem 1.35rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;cursor:pointer;font-family:inherit;transition:border-color var(--transition-fast),transform var(--transition-fast),background var(--transition-fast)}.portfolio-card:hover{border-color:var(--accent-deep);background:var(--bg-hover);transform:translateY(-2px)}.portfolio-card-step{position:absolute;top:.9rem;right:1.1rem;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.05em}.portfolio-card-icon{font-size:1.5rem;color:var(--accent-deep)}.portfolio-card-title{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.portfolio-card-desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.portfolio-card-state{margin-top:.3rem;font-size:var(--font-size-xs);color:var(--text-muted)}.portfolio-card-state.done{color:var(--accent-gold)}@media(max-width:640px){.portfolio-grid{grid-template-columns:1fr}}.portfolio-module{max-width:760px;margin:0 auto;padding:1.5rem 1.25rem 2rem}.portfolio-back{background:none;border:none;color:var(--text-secondary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;padding:.3rem 0;margin-bottom:.8rem}.portfolio-back:hover{color:var(--accent-gold)}.portfolio-module-head{display:flex;align-items:center;gap:.6rem;margin-bottom:1.2rem}.portfolio-module-title{font-size:var(--font-size-lg);color:var(--text-primary);margin:0}.portfolio-module-form{display:flex;flex-direction:column;gap:.9rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:1.3rem;margin-bottom:1.5rem}.portfolio-result{display:flex;flex-direction:column}.pf-summary{font-size:var(--font-size-md);color:var(--text-primary);line-height:1.7;margin:0 0 1.2rem;padding-left:.7rem;border-left:2px solid var(--accent-violet)}.pf-section{margin-bottom:1.4rem}.pf-section-title{font-size:var(--font-size-sm);color:var(--accent-gold);margin:0 0 .6rem}.pf-list{margin:0;padding-left:1.2rem;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.8}.pf-strengths{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.pf-strengths li{font-size:var(--font-size-sm);color:var(--text-primary);padding:.5rem .8rem;background:var(--bg-card);border-left:2px solid var(--accent-gold);border-radius:6px}.pf-reflection{font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic;line-height:1.7;margin:.5rem 0 0}.pf-map{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.pf-map-col{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:.7rem}.pf-map-col[data-timing=now]{border-top:3px solid var(--positive)}.pf-map-col[data-timing="3m"]{border-top:3px solid var(--caution)}.pf-map-col[data-timing="1y"]{border-top:3px solid var(--accent-gold)}.pf-map-col-title{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:.5rem;text-align:center}.pf-map-item{padding:.5rem 0;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.15rem}.pf-map-item:first-of-type{border-top:none}.pf-map-item-name{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.pf-map-item-why{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5}.pf-map-empty{text-align:center;color:var(--text-muted);padding:.5rem 0}.pf-twocol{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.pf-scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.pf-scenario{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:.8rem;text-align:center}.pf-scenario-name{font-size:var(--font-size-xs);color:var(--text-muted)}.pf-scenario-monthly{font-size:var(--font-size-md);color:var(--accent-gold);font-weight:600;margin:.3rem 0}.pf-scenario-life{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.6}.pf-firstyen{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:.8rem 1rem;margin-bottom:.6rem}.pf-firstyen-channel{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600;margin-bottom:.4rem}.pf-firstyen-steps{margin:0;padding-left:1.2rem;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.7}.pf-statement{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:.8rem 1rem;margin-bottom:.6rem}.pf-statement-label{font-size:var(--font-size-xs);color:var(--accent-gold);font-family:var(--font-mono);margin-bottom:.3rem}.pf-statement-text{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.7;margin:0}.pf-funnel{display:flex;align-items:stretch;flex-wrap:wrap;gap:.4rem}.pf-funnel-stage{flex:1;min-width:120px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:.6rem;display:flex;flex-direction:column;gap:.25rem}.pf-funnel-name{font-size:var(--font-size-xs);color:var(--accent-deep);font-weight:600}.pf-funnel-action{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5}.pf-funnel-arrow{align-self:center;color:var(--text-muted)}.pf-net{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:.8rem 1rem;margin-bottom:.6rem}.pf-net-who{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.pf-net-why{font-size:var(--font-size-xs);color:var(--text-secondary);margin:.2rem 0}.pf-net-template{font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic;border-left:2px solid var(--border-color);padding-left:.6rem;margin-top:.4rem}.pf-week{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.pf-week-item{display:flex;flex-direction:column;gap:.2rem;padding:.6rem .9rem;background:var(--bg-card);border:1px solid var(--border-color);border-left:2px solid var(--accent-gold);border-radius:8px}.pf-week-task{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.pf-week-meaning{font-size:var(--font-size-xs);color:var(--text-secondary)}.pf-weekgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem}.pf-day{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:.5rem}.pf-day-name{font-size:var(--font-size-xs);color:var(--accent-gold);text-align:center;margin-bottom:.4rem}.pf-day-blocks{display:flex;flex-direction:column;gap:.3rem}.pf-day-blocks span{font-size:.6875rem;color:var(--text-secondary);line-height:1.4}.pf-roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.pf-road{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:.8rem}.pf-road-h{font-size:var(--font-size-sm);color:var(--accent-gold);font-weight:600;margin-bottom:.3rem}.pf-road-f{font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.6}@media(max-width:640px){.pf-map,.pf-scenarios,.pf-roadmap,.pf-twocol{grid-template-columns:1fr}.pf-weekgrid{grid-template-columns:repeat(2,1fr)}}.rights-workspace{max-width:720px;margin:0 auto;padding:2rem 1.25rem}.rights-intro{text-align:center;margin-bottom:1.75rem}.rights-form{display:flex;flex-direction:column;gap:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:1.4rem}.rights-field{display:flex;flex-direction:column;gap:.4rem}.rights-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.rights-input,.rights-textarea{width:100%;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:var(--font-size-sm);padding:.6rem .7rem;resize:vertical;box-sizing:border-box}.rights-input:focus,.rights-textarea:focus{outline:none;border-color:var(--accent-gold)}.rights-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.8rem}.rights-mode-toggle{display:flex;gap:2px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:2px;width:fit-content}.rights-mode-btn{padding:.4rem .9rem;background:none;border:none;border-radius:6px;color:var(--text-muted);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.rights-mode-btn.active{color:var(--text-on-accent);background:var(--accent-gold)}.rights-submit{align-self:flex-start;padding:.65rem 1.6rem;background:var(--accent-gold);color:var(--text-on-accent);border:none;border-radius:999px;font-family:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:opacity var(--transition-fast)}.rights-submit:hover{opacity:.9}.rights-submit:disabled{opacity:.5;cursor:default}.rights-result{margin-top:1.5rem}.rights-loading,.rights-hint{text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm);padding:1.5rem}.rights-verdict{display:flex;align-items:center;gap:.7rem;padding:1.1rem 1.3rem;border-radius:12px;border:1px solid;margin-bottom:1rem}.rights-verdict[data-verdict=ok]{background:var(--positive-bg);border-color:var(--positive)}.rights-verdict[data-verdict=conditional]{background:var(--caution-bg);border-color:var(--caution)}.rights-verdict[data-verdict=difficult]{background:var(--negative-bg);border-color:var(--negative)}.rights-verdict-icon{font-size:1.4rem}.rights-verdict-label{font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.rights-basis{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-bottom:1.25rem;padding:0 .2rem}.rights-status-badge{font-size:var(--font-size-xs);font-weight:600;color:var(--accent-gold);border:1px solid var(--accent-gold);border-radius:999px;padding:.15rem .7rem;white-space:nowrap}.rights-basis-note{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.rights-section{margin-bottom:1.25rem}.rights-section-title{font-size:var(--font-size-sm);color:var(--accent-gold);margin:0 0 .6rem;letter-spacing:.02em}.rights-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.rights-check-item{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .9rem;background:var(--bg-card);border:1px solid var(--border-color);border-left:2px solid var(--accent-gold);border-radius:8px}.rights-check-step{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.rights-check-effect{font-size:var(--font-size-xs);color:var(--text-secondary)}.rights-caution{display:flex;flex-direction:column;gap:.3rem;padding:.85rem 1rem;background:var(--accent-violet-dim);border-radius:10px;margin-bottom:1.25rem}.rights-caution-flag{font-size:var(--font-size-xs);font-weight:600;color:var(--accent-deep)}.rights-caution-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.rights-contract-summary{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.7;margin:0}.rights-disclaimer{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.6;margin:1.25rem 0 1rem}.rights-reset{padding:.5rem 1.1rem;background:transparent;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.rights-reset:hover{border-color:var(--accent-gold);color:var(--accent-gold)}@media(max-width:640px){.rights-row{grid-template-columns:1fr}}.perf-intro{text-align:center;margin-bottom:1.5rem}.perf-form{display:flex;flex-direction:column;gap:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:1.4rem}.perf-concerns{display:flex;flex-wrap:wrap;gap:.45rem}.perf-concern{padding:.4rem .85rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.perf-concern.selected{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--text-on-accent)}.dialogue-summary-entry{margin-top:.9rem}.dialogue-summary-card{border:1px solid var(--border-subtle);border-left:2px solid var(--accent-gold);border-radius:12px;background:var(--bg-card);padding:1.1rem 1.25rem}.dialogue-summary-title{font-size:var(--font-size-md);color:var(--accent-gold);font-weight:600;margin-bottom:.8rem}.ds-section{margin-bottom:.9rem}.ds-section h4{font-size:var(--font-size-sm);color:var(--text-primary);margin:0 0 .4rem}.ds-section ul{margin:0;padding-left:1.2rem;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.8}.ds-meaning{font-size:var(--font-size-md);color:var(--text-primary);line-height:1.8;margin:0;font-style:italic}.foundation-home,.foundation-exercise,.ear-trainer{max-width:720px;margin:0 auto;padding:2rem 1.25rem 1.5rem}.fd-header{display:flex;align-items:center;justify-content:flex-end;gap:1.1rem;padding:.5rem 0 1rem}.fd-stat{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary)}.fd-stat-icon{font-size:1.05rem;line-height:1}.fd-stat-val{font-weight:600;color:var(--text-primary)}.fd-stat-streak .fd-stat-val{color:var(--accent-gold)}.fd-stat-xp .fd-stat-val{color:var(--accent-deep)}.fd-goal-ring{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:radial-gradient(closest-side,var(--bg-primary) 70%,transparent 71%),conic-gradient(var(--accent-gold) var(--fd-goal-pct, 0%),var(--border-color) 0)}.fd-goal-text{font-family:var(--font-mono);font-size:.62rem;color:var(--text-secondary);white-space:nowrap}.fd-intro{margin-bottom:1.2rem}.fd-cta{display:flex;flex-direction:column;align-items:center;gap:.15rem;width:100%;padding:.9rem 1.2rem;margin-bottom:1.6rem;background:var(--accent-gold);color:var(--text-on-accent);border:none;border-radius:14px;font-family:inherit;font-size:var(--font-size-base);font-weight:700;cursor:pointer;box-shadow:var(--shadow-gold)}.fd-cta:hover{filter:brightness(1.08)}.fd-cta-sub{font-size:var(--font-size-xs);font-weight:500;opacity:.85}.fd-alldone{text-align:center;font-size:var(--font-size-sm);color:var(--accent-gold);background:var(--accent-gold-dim);border-radius:12px;padding:.9rem 1.1rem;margin-bottom:1.6rem}.fd-level{margin-bottom:2rem}.fd-level-title{font-family:var(--font-display, var(--font-mono));font-size:var(--font-size-lg);color:var(--accent-gold);margin:0 0 .9rem;padding-bottom:.35rem;border-bottom:1px solid var(--border-subtle)}.fd-track{margin-bottom:1.25rem}.fd-track-locked{opacity:.55}.fd-track-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}.fd-track-icon{font-size:1.1rem}.fd-track-name{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.fd-track-gate{font-size:var(--font-size-xs);color:var(--text-muted);margin-left:auto}.fd-track-nodes{display:flex;flex-wrap:wrap;gap:.6rem}.fd-node{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;width:104px;min-height:96px;padding:.7rem .5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;color:var(--text-secondary);font-family:inherit;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.fd-node:not(:disabled):hover{transform:translateY(-2px);border-color:var(--accent-gold)}.fd-node-icon{font-size:1.5rem;line-height:1}.fd-node-title{font-size:var(--font-size-xs);text-align:center;line-height:1.35;color:var(--text-primary)}.fd-node-crowns{font-size:.7rem;letter-spacing:-2px}.fd-node-badge{font-size:.6rem;color:var(--text-muted)}.fd-node-next{border-color:var(--accent-gold);box-shadow:var(--shadow-gold)}.fd-node-next .fd-node-icon{color:var(--accent-gold)}.fd-node-mastered{border-color:var(--accent-deep)}.fd-node-locked,.fd-node-stub{cursor:default;opacity:.5}.fd-node-locked:hover,.fd-node-stub:hover{transform:none;border-color:var(--border-color)}.fd-lesson-stub{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:2rem 1.5rem;margin-top:1rem;text-align:center;color:var(--text-secondary)}.fd-lesson-stub h3{color:var(--text-primary);margin:0 0 .6rem}.fd-progress{height:8px;background:var(--border-color);border-radius:999px;overflow:hidden;margin:.5rem 0 .3rem}.fd-progress-bar{display:block;height:100%;background:var(--accent-gold);border-radius:999px;transition:width .3s ease}.fd-progress-label{font-size:var(--font-size-xs);color:var(--text-muted);margin:0 0 1rem;text-align:right}.fd-prompt{font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 .3rem}.fd-prompt-sub{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 1.2rem}.fd-concept{background:var(--accent-gold-dim);border:1px solid var(--accent-gold);border-radius:12px;padding:.8rem 1rem;color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.7;margin:0 0 1.2rem}.fd-body{margin-bottom:1rem}.fd-play-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem 1.6rem;background:var(--accent-gold);color:var(--text-on-accent);border:none;border-radius:999px;font-family:inherit;font-size:var(--font-size-base);font-weight:600;cursor:pointer;margin-bottom:1.1rem}.fd-play-btn:hover{filter:brightness(1.08)}.fd-choices{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.fd-choice{padding:.9rem .8rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:border-color .12s ease,background .12s ease}.fd-choice:not(:disabled):hover{border-color:var(--accent-gold)}.fd-choice.correct{border-color:var(--positive);background:var(--positive-bg);color:var(--text-primary)}.fd-choice.wrong{border-color:var(--negative);background:var(--negative-bg)}.fd-check-btn,.fd-next-btn{padding:.8rem 1.8rem;background:var(--accent-gold);color:var(--text-on-accent);border:none;border-radius:999px;font-family:inherit;font-size:var(--font-size-base);font-weight:600;cursor:pointer;margin-top:1rem}.fd-check-btn:disabled{opacity:.5;cursor:default}.fd-next-btn:hover,.fd-check-btn:not(:disabled):hover{filter:brightness(1.08)}.fd-feedback{min-height:1px;margin-top:.6rem}.fd-feedback.shown{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:.9rem 1.1rem}.fd-fb-head{margin:0 0 .4rem;font-weight:600}.fd-fb-head.ok{color:var(--positive)}.fd-fb-head.ng{color:var(--accent-gold)}.fd-fb-chose{margin:0 0 .3rem;font-size:var(--font-size-sm);color:var(--negative)}.fd-fb-why{margin:0 0 .3rem;font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.6}.fd-fb-appear{margin:0;font-size:var(--font-size-sm);color:var(--accent-deep);line-height:1.6}.fd-piano-mount{margin:1rem 0}.fd-piano{position:relative;height:150px;-webkit-user-select:none;user-select:none;touch-action:manipulation}.fd-piano-whites{display:flex;height:100%;gap:2px}.fd-key{font-family:inherit;cursor:pointer;padding:0}.fd-key-white{flex:1;background:#f4f1ea;border:1px solid #cfc8b8;border-radius:0 0 6px 6px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:.4rem;color:#8a8273;font-size:.62rem}.fd-key-white.selected{background:var(--accent-gold);color:var(--text-on-accent)}.fd-key-white.correct{background:#9ed2b3}.fd-key-white.wrong{background:#e3a3a3}.fd-key-black.wrong{background:#b5544f}.fd-key-black{position:absolute;top:0;height:62%;background:#2a2a30;border:1px solid #000;border-radius:0 0 5px 5px;z-index:2}.fd-key-black.selected{background:var(--accent-gold)}.fd-key-black.correct{background:#4f9e74}.fd-key-label{pointer-events:none}.fd-key.tapped{filter:brightness(1.25);box-shadow:0 0 10px var(--accent-gold-glow)}.fd-seq-display{display:flex;flex-wrap:wrap;gap:.4rem;min-height:2rem;margin:.6rem 0;align-items:center}.fd-seq-chip{font-family:var(--font-mono);font-size:var(--font-size-sm);padding:.25rem .6rem;background:var(--accent-gold-dim);border:1px solid var(--accent-gold);border-radius:999px;color:var(--text-primary)}.fd-seq-empty{color:var(--text-muted);font-size:var(--font-size-sm)}.fd-seq-clear{margin-left:auto;padding:.3rem .8rem;background:transparent;border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-family:inherit;font-size:var(--font-size-xs);cursor:pointer}.fd-summary .fd-sum-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.6rem 1.4rem;text-align:center}.fd-sum-title{font-size:var(--font-size-base);color:var(--text-muted);margin:0 0 .8rem}.fd-sum-cando{font-size:var(--font-size-lg);color:var(--text-primary);margin:0 0 1.2rem;line-height:1.6}.fd-sum-stats{display:flex;justify-content:center;gap:1.5rem;font-family:var(--font-mono);font-size:var(--font-size-sm)}.fd-sum-acc{color:var(--text-secondary)}.fd-sum-xp{color:var(--accent-deep)}.fd-sum-crown{font-size:var(--font-size-lg);margin:.8rem 0 0}.fd-sum-crown.muted{opacity:.6;font-size:var(--font-size-base)}.fd-sum-note{font-size:var(--font-size-sm);color:var(--text-secondary);margin:.8rem 0 0}.fd-sum-btns{display:flex;justify-content:center;gap:.8rem;margin-top:1.4rem}.fd-deepen-btn{display:inline-flex;align-items:center;gap:.35rem;margin-top:.9rem;padding:.45rem 1rem;background:transparent;border:1px dashed var(--accent-violet);border-radius:999px;color:var(--accent-deep);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer}.fd-deepen-btn:hover{background:var(--accent-violet-dim)}.fd-deepen-btn:disabled{opacity:.55;cursor:default}.fd-ai-panel{margin-top:.8rem;text-align:left}.fd-ai-loading{color:var(--text-muted);font-size:var(--font-size-sm)}.fd-ai-err{color:var(--negative);font-size:var(--font-size-sm)}.fd-ai-text{background:var(--accent-violet-dim);border:1px solid var(--accent-violet);border-radius:12px;padding:.9rem 1.1rem}.fd-ai-text p{margin:0 0 .6rem;font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.75}.fd-ai-text p:last-child{margin-bottom:0}.foundation-result{margin-top:1.5rem}.foundation-quick{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.foundation-quick-label{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.fd-menu{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.fd-menu-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.4rem}.fd-menu-head{display:flex;justify-content:space-between;align-items:center}.fd-menu-domain{font-size:var(--font-size-sm);font-weight:600;color:var(--accent-gold)}.fd-menu-min{font-size:var(--font-size-xs);color:var(--text-muted)}.fd-menu-task{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;flex:1}.fd-menu-start{align-self:flex-start;background:none;border:none;color:var(--accent-deep);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;padding:.2rem 0}.fd-menu-start:hover{text-decoration:underline}.fd-ex-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:1.3rem;margin-top:1rem}.fd-ex-domain{font-size:var(--font-size-xs);color:var(--accent-gold);font-family:var(--font-mono)}.fd-ex-title{font-size:var(--font-size-lg);color:var(--text-primary);margin:.3rem 0 .8rem}.fd-ex-instruction{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.8;margin:0 0 .8rem}.fd-ex-steps{margin:0 0 .8rem;padding-left:1.2rem;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.9}.fd-ex-check{font-size:var(--font-size-sm);color:var(--text-primary);margin:0 0 .5rem}.fd-ex-connection{font-size:var(--font-size-sm);color:var(--accent-deep);margin:0 0 1rem;line-height:1.6}.fd-ex-assess{border-top:1px solid var(--border-subtle);padding-top:.9rem;font-size:var(--font-size-sm);color:var(--text-secondary)}.fd-ex-assess-btns{display:flex;gap:.5rem;margin:.6rem 0}.fd-assess{padding:.4rem .9rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;color:var(--text-secondary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer}.fd-assess.selected{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--text-on-accent)}.fd-ex-feedback{color:var(--text-primary);margin:.4rem 0 0;min-height:1em;line-height:1.6}.ear-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem;flex-wrap:wrap;gap:.4rem}.ear-title{font-size:var(--font-size-lg);color:var(--text-primary);margin:0}.ear-stats{font-size:var(--font-size-sm);color:var(--text-muted)}.ear-guide{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 1rem}.ear-play{display:block;margin:0 auto 1.2rem;padding:.8rem 2rem;background:var(--accent-gold);color:var(--text-on-accent);border:none;border-radius:999px;font-family:inherit;font-size:var(--font-size-md);font-weight:600;cursor:pointer}.ear-play:hover{opacity:.9}.ear-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.ear-choice{padding:.75rem .5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.ear-choice:hover:not(:disabled){border-color:var(--accent-gold)}.ear-choice:disabled{cursor:default;opacity:.7}.ear-choice.correct{background:var(--positive-bg);border-color:var(--positive);color:var(--text-primary);opacity:1}.ear-choice.wrong{background:var(--negative-bg);border-color:var(--negative);color:var(--text-primary);opacity:1}.ear-feedback{margin:1rem 0;line-height:1.7;font-size:var(--font-size-sm);min-height:1em}.ear-feedback.ok,.ear-feedback.ng{color:var(--text-primary)}.ear-levelup{color:var(--positive);font-weight:600}.ear-leveldown{color:var(--accent-deep)}.ear-next{display:block;margin:0 auto}@media(max-width:640px){.fd-menu{grid-template-columns:1fr}.ear-choices{grid-template-columns:repeat(2,1fr)}.fd-choices{grid-template-columns:1fr}.fd-node{width:calc(50% - .3rem)}.fd-piano{height:130px}}.fd-ai-text{max-height:40vh;overflow-y:auto}.provider-toggle-compact{display:flex;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:2px;gap:1px}.prov-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:4px;color:var(--header-fg-dim);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.prov-btn:hover:not(.active){color:var(--header-fg);background:var(--header-active-bg)}.prov-btn.active{color:var(--navy-deep);background:var(--header-fg)}.sidebar{width:var(--sidebar-w);background:var(--panel-bg);border-right:1px solid var(--panel-border);display:flex;flex-direction:column;flex-shrink:0;padding:1rem .75rem;gap:1rem;overflow:hidden;transition:transform .3s var(--ease-out)}.btn-new-chat{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;background:transparent;color:var(--accent-gold);border:1px solid var(--accent-gold);border-radius:10px;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.btn-new-chat:hover{background:var(--accent-gold-dim);box-shadow:var(--shadow-gold);transform:translateY(-1px)}.btn-new-chat:active{transform:translateY(0)}.conversation-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.conversation-list::-webkit-scrollbar{width:3px}.conversation-list::-webkit-scrollbar-thumb{background:var(--panel-hover);border-radius:2px}.conv-item{width:100%;border:none;background:transparent;font-family:var(--font-body);padding:.625rem .75rem;border-radius:8px;cursor:pointer;border-left:2px solid transparent;transition:all var(--transition-fast)}.conv-empty{font-size:var(--font-size-xs);color:var(--text-muted);padding:.75rem}.conv-item:hover{background:var(--panel-card)}.conv-item.active{background:var(--panel-card);border-left-color:var(--accent-gold)}.conv-item-title{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.conv-item-date{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:2px}.sidebar-filters{padding-top:.75rem;border-top:1px solid var(--panel-border)}.filter-label{display:block;font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.08em}.filter-pills{display:flex;flex-wrap:wrap;gap:4px}.pill{padding:4px 10px;background:transparent;border:1px solid var(--panel-border);border-radius:20px;color:var(--text-secondary);font-family:var(--font-body);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.pill:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.pill.active{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--text-on-accent)}.sidebar-debug{padding-top:.75rem;border-top:1px solid var(--panel-border);display:flex;align-items:center;gap:.5rem}.sidebar-practice{padding-top:.75rem;border-top:1px solid var(--panel-border)}.saved-practice-list{display:flex;flex-direction:column;gap:.45rem;max-height:190px;overflow-y:auto;padding-right:2px}.saved-practice-empty{margin:0;font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.4}.saved-practice-item{background:var(--panel-card);border:1px solid var(--panel-border);border-radius:8px;padding:.5rem}.saved-practice-title{margin:0 0 .2rem;font-size:var(--font-size-xs);color:var(--text-primary)}.saved-practice-summary{margin:0;font-size:.6875rem;color:var(--text-secondary);line-height:1.35}.saved-practice-title strong,.saved-practice-summary strong,.practice-title strong,.practice-summary strong,.practice-detail strong{color:var(--text-primary);font-weight:700}.saved-practice-actions{margin-top:.4rem;display:flex;gap:.35rem}.saved-practice-btn{border:1px solid var(--panel-border);border-radius:6px;background:var(--panel-bg);color:var(--text-secondary);font-size:.6875rem;padding:.18rem .42rem;cursor:pointer}.saved-practice-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.saved-practice-btn.danger:hover{border-color:var(--error);color:var(--error)}.practice-detail-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1.5rem}.practice-detail-modal[hidden]{display:none}.practice-detail-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-scrim)}.practice-detail-modal-panel{position:relative;width:min(760px,calc(100vw - 3rem));max-height:calc(100vh - 3rem);background:var(--panel-card);border:1px solid var(--panel-border);border-radius:12px;display:flex;flex-direction:column}.practice-detail-modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem .95rem;border-bottom:1px solid var(--panel-border)}.practice-detail-modal-title{margin:0;font-size:var(--font-size-sm);color:var(--text-primary)}.practice-detail-modal-close{border:1px solid var(--panel-border);border-radius:6px;background:var(--panel-bg);color:var(--text-secondary);padding:.18rem .4rem;cursor:pointer}.practice-detail-modal-close:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.practice-detail-modal-body{padding:.95rem 1.1rem 1.05rem;overflow:auto;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.55}.practice-detail-modal-body p{margin:0 0 .65rem}.practice-detail-modal-body ul,.practice-detail-modal-body ol{margin:.2rem 0 .75rem;padding-left:1.25rem;list-style-position:outside}.practice-detail-modal-body li{margin-bottom:.25rem}.practice-detail-modal-body li::marker{color:var(--accent-gold)}.assistant-followup{margin:.85rem 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.dialogue-entry{margin:1.1rem 0 .2rem;padding:1rem 1.1rem;border:1px solid var(--border-subtle);border-left:2px solid var(--accent-violet);border-radius:12px;background:var(--accent-violet-dim)}.dialogue-entry-lead{margin:0 0 .75rem;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.7}.dialogue-entry-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.15rem;font-size:var(--font-size-sm);font-family:inherit;color:var(--accent-deep);background:transparent;border:1px solid var(--accent-violet);border-radius:999px;cursor:pointer;transition:background .18s ease,color .18s ease}.dialogue-entry-btn:hover{background:var(--accent-violet);color:var(--text-on-accent)}.dialogue-entry-btn:disabled{opacity:.5;cursor:default}.debug-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}.debug-value{font-size:var(--font-size-xs);color:var(--accent-gold);font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-scrim);z-index:29}.sidebar-overlay.active{display:block}.main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg-primary);position:relative}.messages{flex:1;min-height:0;overflow-y:auto;padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem;scroll-behavior:smooth}.messages::-webkit-scrollbar{width:4px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:2px}.messages::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;padding:2rem;animation:fadeInUp .6s var(--ease-out)}.welcome-brand{margin-bottom:1.5rem}.welcome-note{display:block;font-size:2rem;color:var(--accent-gold);opacity:.6;margin-bottom:.5rem;animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.welcome-title{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary);letter-spacing:.02em}.welcome-subtitle{font-family:var(--font-display);font-size:1.375rem;color:var(--text-secondary);margin-bottom:2.5rem;font-style:italic}.suggestions{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;max-width:560px;width:100%}.suggestion{display:flex;align-items:center;gap:.75rem;padding:1rem 1.125rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-sm);text-align:left;line-height:1.5;cursor:pointer;transition:all var(--transition-normal)}.suggestion:hover{border-color:var(--accent-gold);box-shadow:var(--shadow-md);transform:translateY(-2px)}.suggestion:active{transform:translateY(0)}.suggestion-icon{font-size:1rem;flex-shrink:0;line-height:1.5}.suggestion-text{flex:1}.message{display:flex;gap:.75rem;max-width:var(--chat-max-w);width:100%;margin:0 auto;animation:fadeInUp .4s var(--ease-out)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.message.assistant{flex-direction:row}.message-avatar{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0;margin-top:2px}.message.assistant .message-avatar{color:var(--accent-gold);background:var(--accent-gold-dim);border:1px solid var(--border-subtle)}.message.assistant .message-content{background:var(--bg-card);border-radius:20px 20px 20px 4px;padding:1rem 1.25rem;border-left:2px solid rgba(37,99,235,.3);line-height:1.6;font-size:var(--font-size-base)}.message.user{flex-direction:row-reverse}.message.user .message-avatar{background:var(--accent-gold-dim);color:var(--accent-gold)}.message.user .message-content{background:var(--accent-gold-dim);border-radius:20px 20px 4px;padding:1rem 1.25rem;line-height:1.6;font-size:var(--font-size-base)}.message-content h1,.message-content h2,.message-content h3{margin-top:.75rem;margin-bottom:.25rem;font-weight:700;color:var(--text-primary)}.message-content h1{font-size:1.25rem}.message-content h2{font-size:1.125rem}.message-content h3{font-size:1.05rem}.message-content p{margin-bottom:.25rem}.message-content p:last-child{margin-bottom:0}.assistant-text{position:relative}.assistant-text.assistant-text-collapsed{max-height:16.8em;overflow:hidden}.response-fade{height:2.2rem;margin-top:-2.2rem;background:linear-gradient(180deg,rgba(255,255,255,0),var(--bg-card));pointer-events:none}.response-toggle-btn{margin-top:.4rem;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-secondary);border-radius:999px;font-size:var(--font-size-xs);padding:.2rem .55rem;cursor:pointer}.response-toggle-btn:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.message-content ul,.message-content ol{margin:.25rem 0;padding-left:1.5rem}.message-content li{margin-bottom:.125rem}.message-content li::marker{color:var(--accent-gold)}.message-content code{background:var(--accent-violet-dim);padding:.15rem .4rem;border-radius:4px;font-size:.875em;font-family:var(--font-mono);color:var(--accent-deep)}.message-content pre{background:var(--bg-primary);padding:1rem;border-radius:8px;border-left:2px solid var(--accent-gold);overflow-x:auto;margin:.75rem 0}.message-content pre code{background:none;padding:0;color:var(--text-primary)}.message-content strong{color:var(--accent-gold);font-weight:600}.message.user .message-content strong{color:var(--accent-gold);opacity:1}.loading-wrap{display:flex;align-items:center;gap:.75rem}.loading-dots{display:flex;gap:5px;padding:.5rem 0}.loading-dots span{width:7px;height:7px;background:var(--accent-gold);border-radius:50%;animation:bounce 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.16s}.loading-dots span:nth-child(3){animation-delay:.32s}@keyframes bounce{0%,80%,to{transform:scale(.5);opacity:.3}40%{transform:scale(1);opacity:1}}.loading-text{font-size:var(--font-size-xs);color:var(--text-muted)}.error-content{background:var(--negative-bg)!important;border-color:#b91c1c40!important;border-left-color:var(--error)!important;color:var(--error)!important}.mode-toast{position:absolute;top:1rem;left:50%;transform:translate(-50%) translateY(-20px);opacity:0;display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ffffffeb;border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--accent-gold);border-radius:12px;box-shadow:var(--shadow-md);z-index:10;transition:opacity .3s var(--ease-out),transform .3s var(--ease-out);pointer-events:none}.mode-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.mode-toast-icon{font-size:1.125rem}.mode-toast-label{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:600;color:var(--accent-gold);white-space:nowrap}.input-area{padding:.75rem 1.5rem calc(1.25rem + env(safe-area-inset-bottom));background:var(--bg-surface);border-top:1px solid var(--border-color);z-index:1;flex-shrink:0}.input-form{max-width:var(--chat-max-w);margin:0 auto}.input-wrapper{display:flex;align-items:flex-end;gap:.375rem;padding:.375rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}.input-wrapper:focus-within{border-color:var(--accent-gold);box-shadow:0 0 0 3px var(--accent-gold-glow)}.input-attach{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.input-attach:hover{color:var(--text-secondary);background:var(--bg-hover)}.input-attach.input-attach-active,.input-attach.input-attach-active:hover{color:var(--text-on-accent);background:var(--accent-gold)}textarea{flex:1;background:none;border:none;color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-base);resize:none;line-height:1.5;max-height:120px;outline:none;padding:.5rem .25rem}textarea::placeholder{color:var(--text-muted);font-style:italic}.btn-send{width:40px;height:40px;border-radius:50%;border:none;background:transparent;color:var(--accent-gold);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-normal)}.btn-send:not(:disabled){background:var(--accent-gold);color:var(--text-on-accent)}.btn-send:not(:disabled):hover{box-shadow:var(--shadow-gold);transform:scale(1.05)}.btn-send:disabled{cursor:not-allowed;opacity:.3}.input-hint{text-align:center;font-size:var(--font-size-xs);color:var(--text-muted);margin-top:.5rem}.audio-badge{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;margin-bottom:.5rem;max-width:var(--chat-max-w);margin-left:auto;margin-right:auto;background:var(--accent-gold-dim);border:1.5px solid var(--accent-gold);border-radius:10px;animation:fadeInUp .2s var(--ease-out)}.audio-badge-icon{font-size:1rem;flex-shrink:0}.audio-badge-name{flex:1;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-badge-remove{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;font-size:.75rem;flex-shrink:0;transition:all var(--transition-fast)}.audio-badge-remove:hover{color:var(--error);background:var(--negative-bg)}.song-selector{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.song-selector-title{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:.1rem}.song-selector-sub{font-size:var(--font-size-xs);color:var(--text-muted)}.song-radio{flex-shrink:0;width:16px;height:16px;border:2px solid var(--border-color);border-radius:50%;transition:all var(--transition-fast)}.song-candidate:hover .song-radio,.song-candidate.active .song-radio{border-color:var(--accent-gold);box-shadow:inset 0 0 0 3.5px var(--bg-card),inset 0 0 0 10px var(--accent-gold)}.reference-strengths{margin-top:.6rem;margin-bottom:.6rem;padding:.65rem .75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary)}.reference-strengths-title{margin:0 0 .35rem;font-size:var(--font-size-xs);color:var(--text-secondary);letter-spacing:.04em}.reference-strengths-list{margin:0;padding-left:1rem;display:flex;flex-direction:column;gap:.2rem;color:var(--text-primary);font-size:var(--font-size-xs);line-height:1.4}.song-candidate{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:all var(--transition-normal);width:100%}.song-candidate:hover{border-color:var(--accent-gold);background:var(--accent-gold-dim);box-shadow:var(--shadow-md);transform:translateY(-1px)}.song-candidate.active{border-color:var(--accent-gold);background:var(--accent-gold-dim)}.song-candidate:active{transform:translateY(0)}.song-candidate-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.song-candidate-title{font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-candidate-composer{font-size:var(--font-size-xs);color:var(--text-secondary)}.reference-reason{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.4;overflow-wrap:anywhere}.reference-detail-panel{margin-top:.35rem;padding:.75rem;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-primary);display:flex;flex-direction:column;gap:.55rem}.reference-detail-empty{margin:0;color:var(--text-secondary);font-size:var(--font-size-xs)}.reference-detail-head h4{margin:0;font-size:var(--font-size-sm);color:var(--text-primary)}.reference-detail-head p{margin:.15rem 0 0;font-size:var(--font-size-xs);color:var(--text-muted)}.reference-detail-text{margin:0;font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.45}.song-candidate-confidence{flex-shrink:0;font-size:var(--font-size-xs);color:var(--text-muted);display:flex;align-items:center;gap:4px;white-space:nowrap}.viz-pending{margin-top:.85rem;display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border:1px dashed var(--border-color);border-radius:8px;color:var(--text-secondary);background:var(--bg-primary)}.viz-pending-icon{display:inline-flex;align-items:center;justify-content:center;animation:pulseSoft 1.2s ease-in-out infinite}.viz-pending-text{font-size:var(--font-size-xs);line-height:1.35}.viz-unavailable{margin-top:.85rem;padding:.6rem .75rem;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);background:var(--bg-primary);font-size:var(--font-size-xs);line-height:1.35}.song-other-input{display:flex;gap:.5rem;padding:.5rem 0;animation:fadeInUp .2s var(--ease-out)}.reference-other{display:flex;flex-direction:column;gap:.25rem}.reference-other-input{width:100%}.song-input-title,.song-input-composer{flex:1;padding:.5rem .75rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-sm);outline:none;transition:border-color var(--transition-fast)}.song-input-title:focus,.song-input-composer:focus{border-color:var(--accent-gold)}.song-input-title::placeholder,.song-input-composer::placeholder{color:var(--text-muted)}.song-confirm-btn{padding:.5rem 1rem;background:var(--accent-gold);color:var(--text-on-accent);border:none;border-radius:8px;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.song-confirm-btn:hover{box-shadow:var(--shadow-gold);transform:scale(1.02)}.auth-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:var(--overlay-scrim);display:flex;align-items:center;justify-content:center;padding:1rem}.auth-gate.hidden{display:none}.auth-card{width:min(420px,100%);border:1px solid var(--border-color);border-radius:12px;background:var(--bg-surface);padding:1rem;display:flex;flex-direction:column;gap:.65rem}.auth-card h2{margin:0;font-size:var(--font-size-lg)}.auth-card p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.auth-form{display:flex;flex-direction:column;gap:.5rem}.auth-form input{flex:1;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);padding:.55rem .7rem}.auth-form button{border:none;border-radius:8px;background:var(--accent-gold);color:var(--text-on-accent);font-weight:600;padding:.55rem .9rem;cursor:pointer}.auth-error{min-height:1em;color:var(--error);font-size:var(--font-size-xs)}.auth-google{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;padding:.55rem .9rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-card);color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.auth-google:hover{background:var(--bg-hover);border-color:var(--accent-gold)}.auth-google[hidden]{display:none}.auth-divider{text-align:center;font-size:var(--font-size-xs);color:var(--text-muted)}.settings-menu{position:fixed;top:calc(var(--header-h) + 6px);right:12px;z-index:40;min-width:160px;background:var(--bg-card);border:1px solid var(--panel-border);border-radius:10px;box-shadow:var(--shadow-md);padding:.3rem}.settings-menu.hidden{display:none}.settings-menu-item{display:block;width:100%;text-align:left;padding:.55rem .8rem;border:none;border-radius:7px;background:transparent;color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast)}.settings-menu-item:hover{background:var(--bg-hover)}.demo-banner{display:flex;align-items:center;justify-content:center;gap:.9rem;padding:.4rem 1rem;background:var(--accent-gold-dim);border-bottom:1px solid var(--panel-border);font-size:var(--font-size-xs);color:var(--text-secondary);flex-shrink:0}.demo-banner.hidden{display:none}.demo-banner-cta{border:none;border-radius:999px;padding:.25rem .9rem;background:var(--accent-gold);color:var(--text-on-accent);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.demo-banner-cta:hover{background:var(--accent-deep)}.demo-banner-exit{border:none;background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:var(--font-size-xs);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.demo-banner-exit:hover{color:var(--text-primary)}.sidebar-pieces{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:.3rem;padding:.9rem .75rem .5rem}.sidebar-piece{display:flex;flex-direction:column;gap:2px;text-align:left;background:transparent;border:1px solid transparent;border-radius:8px;padding:.5rem .6rem;cursor:pointer;font-family:var(--font-body);transition:background var(--transition-fast),border-color var(--transition-fast)}.sidebar-piece:hover{background:var(--bg-hover)}.sidebar-piece.active{background:var(--accent-gold-dim);border-color:var(--accent-gold)}.sidebar-piece-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.sidebar-piece-composer{font-size:var(--font-size-xs);color:var(--text-muted)}.sidebar-piece-empty{font-size:var(--font-size-xs);color:var(--text-muted);padding:.2rem .6rem;line-height:1.7}.sidebar-piece-wrap{display:flex;align-items:center;gap:2px}.sidebar-piece-wrap .sidebar-piece{flex:1;min-width:0}.piece-del{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:6px;color:var(--text-muted);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.piece-del:hover{background:var(--negative-bg);color:var(--negative)}.upload-screen{max-width:560px;margin:0 auto;padding:3rem 1.25rem 2rem;display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center}.upload-context{font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.08em}.upload-title{font-family:var(--font-display);font-size:1.7rem;font-weight:600;color:var(--text-primary)}.upload-sub{font-size:var(--font-size-sm);color:var(--text-secondary)}.upload-drop{width:100%;margin-top:.6rem;padding:2.2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.55rem;background:var(--accent-gold-dim);border:1.5px dashed var(--accent-gold);border-radius:14px;cursor:pointer;transition:all var(--transition-fast)}.upload-drop:hover,.upload-drop.dragover{background:var(--accent-violet-dim);box-shadow:var(--shadow-md)}.upload-drop-main{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.upload-drop-formats{font-family:var(--font-mono);font-size:.62rem;color:var(--text-muted);letter-spacing:.06em}.upload-drop-btn{margin-top:.4rem;padding:.5rem 1.4rem;background:var(--accent-gold);color:var(--text-on-accent);border-radius:8px;font-size:var(--font-size-sm);font-weight:600}.upload-demo-sample{padding:.6rem 1.6rem;border:1.5px solid var(--accent-gold);border-radius:8px;background:var(--bg-card);color:var(--accent-deep);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.upload-demo-sample:hover{background:var(--accent-gold-dim);box-shadow:var(--shadow-sm)}.upload-consents{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:.7rem .85rem;border:1px solid var(--panel-border);border-radius:10px}.upload-consents-title{font-size:var(--font-size-xs);font-weight:600;color:var(--text-primary)}.upload-consents.warn{border-color:var(--negative)}.upload-consents-error{font-size:var(--font-size-xs);font-weight:600;color:var(--negative)}.upload-consent{display:flex;align-items:center;gap:.45rem;font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer}.upload-consent input{accent-color:var(--accent-gold)}.upload-consents.warn .upload-consent{color:var(--negative)}.upload-note{font-size:var(--font-size-xs);color:var(--text-muted)}.pr-onboarding{max-width:460px;margin:0 auto;padding-top:2.5rem;text-align:center}.pr-onboarding .pr-add-form{display:flex;flex-direction:column;gap:.55rem;text-align:left;margin-top:1.4rem}.pr-ob-label{font-size:.66rem;font-weight:600;letter-spacing:.1em;color:var(--text-muted)}.pr-ob-start{margin-top:.6rem;width:100%}.pr-ob-or{margin:1.2rem 0 .8rem;font-size:var(--font-size-xs);color:var(--text-muted)}.pr-ob-upload{width:100%;padding:1rem 1.2rem;background:var(--accent-gold-dim);border:1.5px dashed var(--accent-gold);border-radius:12px;color:var(--text-primary);font-family:var(--font-body);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.pr-ob-upload:hover{background:var(--accent-violet-dim);box-shadow:var(--shadow-sm)}.landing{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:var(--lp-gradient);display:flex;flex-direction:column;overflow-y:auto}.landing.hidden{display:none}.lp-header{height:var(--header-h);flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;background:transparent;border-bottom:none}.lp-logo{font-family:var(--font-display);font-size:1.375rem;font-weight:600;letter-spacing:.06em;color:#fff}.lp-header-actions{display:flex;align-items:center;gap:1rem}.lp-lang{height:30px;padding:0 .55rem;border-radius:7px;border:none;background:transparent;color:#ffffffd9;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:color var(--transition-fast)}.lp-lang:hover{color:#fff}.lp-login{height:30px;padding:0 .9rem;border-left:1px solid rgba(255,255,255,.35);border-top:none;border-right:none;border-bottom:none;background:transparent;color:#ffffffd9;font-size:var(--font-size-sm);font-weight:600;cursor:pointer}.lp-login:hover{color:#fff;text-decoration:underline}.lp-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem;text-align:center;padding:3.5rem 1.5rem 2.5rem;background:transparent;color:#fff}.lp-title{font-family:var(--font-display);font-size:clamp(1.7rem,4.5vw,2.6rem);font-weight:600;line-height:1.4;letter-spacing:.02em}.lp-title-num{font-family:Times New Roman,serif}.lp-subtitle{max-width:34em;font-size:var(--font-size-md);line-height:1.9;color:#ffffffd9}.lp-cta{margin-top:.4rem;display:flex;align-items:center;gap:.6rem;padding:.8rem 2.2rem;border:none;border-radius:8px;background:#fff;color:var(--navy-deep);font-family:var(--font-body);font-size:var(--font-size-md);font-weight:700;cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.lp-cta-google{display:flex;align-items:center}.lp-cta-google[hidden]{display:none}.lp-demo{margin-top:-.4rem;border:none;background:transparent;color:#ffffffd9;font-family:var(--font-body);font-size:var(--font-size-sm);text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color var(--transition-fast)}.lp-demo:hover{color:#fff}.lp-cta:hover{transform:translateY(-1px);box-shadow:var(--shadow-gold)}.lp-steps{display:flex;gap:2.5rem;margin-top:1.6rem;flex-wrap:wrap;justify-content:center}.lp-step{display:flex;flex-direction:column;align-items:center;gap:.55rem}.lp-step-circle{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.6);border-radius:50%;color:#fff}.lp-step-label{font-size:var(--font-size-sm);font-weight:600;color:#ffffffe6}.lp-preview{display:flex;flex-direction:column;align-items:center;gap:.9rem;padding:1.5rem 1.25rem 2.5rem}.lp-preview-stage{position:relative;width:min(560px,100%)}.lp-preview-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.lp-preview-carousel::-webkit-scrollbar{display:none}.lp-preview-slide{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;display:flex}.lp-preview-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:32px;height:32px;border:none;border-radius:50%;background:#ffffff38;color:#fff;font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.lp-preview-arrow:hover{background:#fff6}.lp-preview-arrow.prev{left:-8px}.lp-preview-arrow.next{right:-8px}.lp-preview-dots{display:flex;gap:.45rem}.lp-preview-dot{width:8px;height:8px;padding:0;border:none;border-radius:50%;background:#ffffff59;cursor:pointer;transition:background var(--transition-fast)}.lp-preview-dot.active{background:#fff}.lp-preview-frame{width:100%;display:flex;flex-direction:column;background:var(--bg-card);border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #0a193759;pointer-events:none;-webkit-user-select:none;user-select:none}.lp-preview-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:var(--header-bg);color:#fff}.lp-preview-logo{font-family:var(--font-display);font-size:var(--font-size-md);font-weight:600;letter-spacing:.06em}.lp-preview-nav{font-size:.62rem;font-weight:600;color:#ffffffe6}.lp-preview-body{flex:1;padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.7rem;text-align:left}.lp-preview-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary)}.lp-preview-composer{margin-top:-.55rem;font-size:var(--font-size-xs);color:var(--text-muted)}.lp-preview-phase{border:1px solid var(--panel-border);border-radius:10px;padding:.7rem .85rem;display:flex;flex-direction:column;gap:.15rem}.lp-preview-phase-label{display:flex;justify-content:space-between;align-items:baseline;font-size:.6rem;font-weight:600;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.3rem}.lp-preview-note{font-style:normal;letter-spacing:.03em;font-weight:500}.lp-preview-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.4rem .1rem;border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.lp-preview-phase .lp-preview-row:last-child{border-bottom:none}.lp-preview-tag{flex-shrink:0;padding:.1rem .5rem;border-radius:999px;font-size:.58rem;font-weight:500;color:var(--accent-deep);background:var(--accent-gold-dim);white-space:nowrap}.lp-preview-tag.world{color:var(--text-muted);background:var(--bg-hover)}.lp-preview-feat{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;border:1.5px solid var(--accent-gold);border-radius:10px;padding:.55rem .75rem;margin:.25rem 0}.lp-preview-feat-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.lp-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem;margin-top:.4rem}.lp-preview-card{border:1px solid var(--panel-border);border-radius:8px;padding:.5rem .6rem;font-size:var(--font-size-xs);font-weight:600;color:var(--text-primary)}.lp-preview-more{margin-top:auto;text-align:center;font-size:var(--font-size-xs);color:var(--text-muted);padding-top:.2rem}.lp-preview-caption{font-size:var(--font-size-xs);color:#ffffffd9}.lp-preview-filechip{align-self:flex-start;padding:.3rem .7rem;border:1px solid var(--accent-gold);border-radius:999px;font-size:.62rem;font-weight:600;color:var(--accent-deep);background:var(--accent-gold-dim)}.lp-preview-bars{display:flex;flex-direction:column;gap:.45rem;padding:.3rem .1rem}.lp-preview-bar{display:flex;align-items:center;gap:.6rem}.lp-preview-bar-label{flex-shrink:0;width:5.5em;white-space:nowrap;text-align:right;font-size:.62rem;font-weight:600;color:var(--text-secondary)}.lp-preview-bar-track{flex:1;height:8px;border-radius:999px;background:var(--bg-hover);overflow:hidden}.lp-preview-bar-fill{display:block;height:100%;border-radius:999px;background:var(--accent-gold)}.lp-preview-bar-value{flex-shrink:0;width:1.6em;font-size:.62rem;font-weight:600;color:var(--text-primary)}.lp-preview-line{font-size:var(--font-size-xs);font-weight:500;color:var(--text-secondary);padding:.15rem .1rem;line-height:1.55}.lp-preview-line strong{color:var(--text-primary)}.lp-preview-pcard{display:flex;flex-direction:column;gap:.2rem;border:1px solid var(--panel-border);border-radius:8px;padding:.5rem .65rem;margin-top:.3rem}.lp-preview-pcard-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:var(--font-size-xs);font-weight:600;color:var(--text-primary)}.lp-preview-pcard-summary{font-size:.62rem;color:var(--text-secondary);line-height:1.5}.lp-preview-chat{display:flex;flex-direction:column;gap:.6rem;padding:.2rem 0}.lp-preview-bubble{max-width:85%;padding:.5rem .7rem;border-radius:12px;font-size:var(--font-size-xs);line-height:1.6}.lp-preview-bubble.user{align-self:flex-end;background:var(--accent-gold);color:var(--text-on-accent);border-bottom-right-radius:4px}.lp-preview-bubble.ai{align-self:flex-start;background:var(--bg-hover);color:var(--text-primary);border-bottom-left-radius:4px}.lp-preview-inputbar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:auto;padding:.45rem .5rem .45rem .85rem;border:1px solid var(--border-color);border-radius:999px;font-size:.62rem;font-style:italic;color:var(--text-muted)}.lp-preview-send{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-gold);color:var(--text-on-accent);font-style:normal;font-size:.7rem}.lp-footer{flex-shrink:0;padding:1rem 1.5rem;text-align:center;font-size:var(--font-size-xs);color:#ffffffb3;background:transparent}.score-visualization{margin-top:.9rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.score-visualization-title{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:.5rem;letter-spacing:.04em}.score-row{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.45rem}.score-row:last-child{margin-bottom:0}.score-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.score-label{font-size:var(--font-size-xs);color:var(--text-secondary)}.score-value{font-size:var(--font-size-xs);color:var(--accent-deep);font-family:var(--font-mono)}.score-track{width:100%;height:7px;border-radius:99px;background:var(--bg-primary);border:1px solid var(--border-color);overflow:hidden}.score-fill{display:block;height:100%;background:linear-gradient(90deg,var(--accent-gold),var(--accent-violet));box-shadow:0 1px 6px #2563eb40}.advanced-visualization{margin-top:1rem;display:flex;flex-direction:column;gap:.9rem}.viz-block{background:var(--panel-card);border:1px solid var(--border-color);border-radius:10px;padding:.75rem}.viz-title{margin:0 0 .5rem;font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.radar-block{display:flex;flex-direction:column;gap:.5rem}.radar-svg{width:100%;max-width:260px;margin:0 auto;display:block}.radar-grid,.radar-grid-sub{fill:none;stroke:var(--border-color);stroke-width:1}.radar-grid-sub{opacity:.6}.radar-axis-line,.radar-axis{stroke:var(--border-subtle);stroke-width:1}.radar-area{fill:var(--accent-gold-dim);stroke:var(--accent-gold);stroke-width:2;stroke-linejoin:round}.radar-label{font-size:9px;fill:var(--text-secondary);dominant-baseline:middle}.radar-data{fill:var(--accent-gold-dim);stroke:var(--accent-gold);stroke-width:2}.radar-axis-label{font-size:7px;fill:var(--text-secondary);text-anchor:middle;dominant-baseline:middle}.radar-score-row{display:flex;flex-wrap:wrap;gap:.35rem}.radar-score-chip{font-size:var(--font-size-xs);color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:999px;padding:.2rem .45rem}.heatmap-track{display:flex;gap:4px;align-items:stretch;margin-bottom:.5rem}.heatmap-segment{min-height:38px;border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:var(--font-size-xs);text-align:left;padding:.3rem .35rem;cursor:default;overflow:hidden}.heatmap-segment span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.severity-low{background:var(--positive-bg)}.severity-mid{background:var(--caution-bg)}.severity-high{background:var(--negative-bg)}.heatmap-legend{display:flex;flex-wrap:wrap;gap:.75rem;font-size:var(--font-size-xs);color:var(--text-secondary)}.heatmap-legend span{display:inline-flex;align-items:center;gap:.3rem}.severity-dot{width:8px;height:8px;border-radius:999px;display:inline-block}.practice-card-list{display:flex;flex-direction:column;gap:.55rem}.practice-card{border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);padding:.6rem}.practice-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.35rem}.practice-priority,.practice-range{font-size:var(--font-size-xs);color:var(--text-muted)}.practice-title{margin:0 0 .2rem;font-size:var(--font-size-sm);color:var(--text-primary);white-space:normal;overflow-wrap:anywhere}.practice-summary{margin:0;font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.4}.practice-actions{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.4rem}.practice-toggle-btn,.practice-save-btn{border:1px solid var(--border-color);border-radius:6px;background:var(--bg-card);color:var(--text-primary);font-size:var(--font-size-xs);padding:.28rem .55rem;cursor:pointer}.practice-save-btn:not(:disabled){border-color:var(--accent-gold);color:var(--accent-gold)}.practice-save-btn:disabled{opacity:.65;cursor:not-allowed}.practice-detail{margin-top:.55rem;padding-top:.5rem;border-top:1px dashed var(--border-color);font-size:var(--font-size-xs);color:var(--text-secondary);line-height:1.5;white-space:pre-wrap}html[lang=en] .practice-detail{font-size:.6875rem;line-height:1.45}@media(max-width:1023px){.header{padding:0 .75rem;gap:.5rem}.header-left{flex:0 1 auto;gap:.5rem;min-width:auto}#btnMenu{flex-shrink:0}.app-title{font-size:1rem;letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0;padding:2px 4px;margin-left:-4px}.header-right{gap:.35rem;margin-left:auto;flex-shrink:1;min-width:0;overflow-x:auto;scrollbar-width:none}.header-right::-webkit-scrollbar{display:none}.mode-switcher,.engine-nav{display:flex;gap:2px}.mode-btn,.engine-btn{padding:4px 6px}.mode-label,.engine-label{display:inline;font-size:.6875rem}.engine-label{display:none}.provider-toggle-compact{display:flex}.sidebar{position:fixed;left:0;top:var(--header-h);bottom:0;z-index:30;transform:translate(-100%);box-shadow:var(--shadow-md)}.sidebar.open{transform:translate(0)}.sidebar-overlay.active{display:block}}@media(max-width:767px){.app-title{font-size:.95rem;letter-spacing:.01em}.prov-btn{width:24px;height:24px;font-size:.6875rem}.messages{padding:1rem .75rem;gap:1rem}.suggestions{grid-template-columns:1fr}.input-area{padding:.5rem .75rem calc(.75rem + env(safe-area-inset-bottom))}.input-wrapper{padding:.5rem}.input-wrapper textarea{font-size:1rem;padding:.6rem .3rem;min-height:2.6rem}.input-attach{width:42px;height:42px}.btn-send{width:44px;height:44px}.audio-badge{padding:.7rem .85rem}.audio-badge-icon{font-size:1.15rem}.welcome-title{font-size:var(--font-size-xl)}.welcome-subtitle{font-size:var(--font-size-md)}.song-other-input{flex-direction:column}.song-candidate{align-items:flex-start;gap:.4rem;padding:.68rem .75rem}.song-candidate-title{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.35}.song-candidate-confidence{align-self:flex-end}}@media(min-width:1024px){#btnMenu{display:none}}.pr-workspace{width:100%;max-width:680px;min-width:0;margin:0 auto;padding:2rem 1.4rem 3rem}.engine-icon-note{color:inherit;font-weight:600}.pr-home-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.4rem}.pr-head-main{flex:1;min-width:0}.pr-switcher{display:flex;align-items:baseline;gap:.6rem;text-align:left}.pr-switcher-title{font-family:var(--font-display);font-size:2rem;font-weight:600;line-height:1.15;color:var(--text-primary)}.pr-switcher-composer{font-size:var(--font-size-sm);color:var(--text-muted)}.pr-home-back{display:inline-block;margin-bottom:1rem;background:transparent;border:none;border-bottom:1px solid var(--text-muted);padding:.15rem .1rem;color:var(--text-secondary);font-size:var(--font-size-xs);letter-spacing:.05em;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.pr-home-back:hover{color:var(--accent-gold);border-bottom-color:var(--accent-gold)}.pr-streak{flex-shrink:0;text-align:right;line-height:1.1}.pr-streak-count{display:block;font-family:var(--font-display);font-size:1.8rem;font-weight:600;color:var(--text-muted)}.pr-streak.warm .pr-streak-count{color:var(--accent-gold)}.pr-streak-label{font-size:.65rem;color:var(--text-muted);letter-spacing:.1em}.pr-list-title{margin:0;font-family:var(--font-display);font-size:1.7rem;font-weight:600;line-height:1.2;color:var(--text-primary)}.pr-list-sub{margin:.35rem 0 0;font-size:var(--font-size-sm);color:var(--text-muted)}.pr-piece-list{display:flex;flex-direction:column;gap:.4rem;margin:1.2rem 0 .8rem}.pr-piece-row-wrap{display:flex;align-items:center;gap:.35rem}.pr-piece-row-wrap .pr-piece-row{flex:1;min-width:0}.pr-piece-row{position:relative;display:flex;align-items:center;gap:.8rem;width:100%;text-align:left;background:var(--bg-card);border:1px solid var(--panel-border);border-radius:12px;box-shadow:var(--shadow-sm);padding:.9rem 1rem;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.pr-piece-row:hover{border-color:var(--accent-gold);background:var(--bg-hover)}.pr-piece-row:after{content:"›";flex-shrink:0;color:var(--text-muted);transition:color var(--transition-fast),transform var(--transition-fast)}.pr-piece-row:hover:after{color:var(--accent-gold);transform:translate(2px)}.pr-piece-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.pr-piece-row-title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--text-primary)}.pr-piece-row:hover .pr-piece-row-title{color:var(--accent-gold)}.pr-piece-row-composer{font-size:var(--font-size-xs);color:var(--text-muted)}.pr-piece-row-state{flex-shrink:0;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--accent-deep);background:var(--accent-gold-dim);padding:.18rem .6rem;border-radius:999px}.pr-piece-add{background:transparent;border:none;border-bottom:1px solid var(--text-muted);padding:.2rem .1rem;color:var(--text-secondary);font-size:var(--font-size-xs);letter-spacing:.05em;cursor:pointer;text-align:left;transition:color var(--transition-fast),border-color var(--transition-fast)}.pr-piece-add:hover{color:var(--accent-gold);border-bottom-color:var(--accent-gold)}.pr-add-form[hidden]{display:none}.pr-add-form{display:flex;flex-direction:column;gap:.6rem;padding:.8rem .1rem .2rem}.pr-add-input{background:transparent;border:none;border-bottom:1px solid var(--border-color);padding:.45rem .1rem;color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-body)}.pr-add-input:focus{outline:none;border-bottom-color:var(--accent-gold)}.pr-tagline{margin:0 0 1.4rem;font-family:var(--font-display);font-style:italic;font-size:.95rem;color:var(--text-muted)}.pr-one-liner{margin:.4rem 0 .9rem;padding-left:1.2rem;position:relative}.pr-one-liner:before{content:"♪";position:absolute;left:0;top:.1rem;color:var(--accent-deep)}.pr-week{display:flex;align-items:center;gap:.4rem;margin-bottom:2rem}.pr-week-label{font-size:.65rem;color:var(--text-muted);letter-spacing:.15em;margin-right:.3rem}.pr-dot{width:.5rem;height:.5rem;border-radius:50%;border:1px solid var(--border-color);background:transparent}.pr-dot.on{background:var(--accent-gold);border-color:var(--accent-gold)}.pr-dot.today{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 3px var(--text-muted)}.pr-dot.on.today{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 3px var(--accent-gold)}.pr-map{margin-bottom:2.4rem}.pr-section-title{display:flex;align-items:center;gap:.8rem;margin:0 0 1rem;font-size:.68rem;font-weight:500;color:var(--text-muted);letter-spacing:.22em;flex-wrap:wrap}.pr-section-title>span:first-child{white-space:nowrap}.pr-title-line{flex:1;height:1px;background:var(--border-color);min-width:1.5rem}.pr-plan-set,.pr-plan-info{background:transparent;border:none;border-bottom:1px solid var(--text-muted);padding:.15rem .1rem;color:var(--text-secondary);font-size:var(--font-size-xs);letter-spacing:.05em;white-space:nowrap;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.pr-plan-set:hover,.pr-plan-info:hover{color:var(--accent-gold);border-bottom-color:var(--accent-gold)}.pr-plan-info .late{color:var(--error)}.pr-plan-info .ontrack{color:var(--text-muted)}.pr-plan-form{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin:-.3rem 0 1.1rem}.pr-plan-form[hidden]{display:none}.pr-date-input{color-scheme:dark;width:auto}.pr-btn-primary.small{padding:.4rem 1rem;font-size:var(--font-size-xs)}.pr-plan-note{width:100%;margin:0}.pr-stage-due{flex-shrink:0;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted)}.pr-stage-due.late{color:var(--error)}.pr-stage-mile-title .pr-stage-due{margin-left:.6rem}.pr-spine{position:relative}.pr-spine:before{content:"";position:absolute;top:1rem;bottom:1rem;left:.95rem;width:1px;background:var(--border-subtle)}.pr-phases{display:flex;flex-direction:column;gap:.75rem}.pr-phase-card{background:var(--bg-card);border:1px solid var(--panel-border);border-radius:12px;box-shadow:var(--shadow-sm);padding:1rem 1.15rem}.pr-phases .pr-stage-num{background:transparent}.pr-phase-head{display:flex;align-items:baseline;justify-content:space-between;gap:.7rem;flex-wrap:wrap;margin:0 0 .55rem}.pr-phase-label{font-size:.66rem;font-weight:600;color:var(--text-muted);letter-spacing:.14em;white-space:nowrap}.pr-phase-label.current{color:var(--accent-gold)}.pr-phase-note{font-size:.68rem;color:var(--text-muted)}.pr-phase-foot{margin:.6rem 0 0;font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.7}.pr-explainer{margin:.2rem 0 .4rem;font-size:var(--font-size-sm);color:var(--text-secondary)}.pr-step-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--border-subtle);padding:.75rem .2rem;cursor:pointer;font-family:var(--font-body);transition:background var(--transition-fast)}.pr-step-row:last-child{border-bottom:none}.pr-step-row:hover{background:var(--bg-hover)}.pr-step-row.inert{cursor:default}.pr-step-row.inert:hover{background:transparent}.pr-step-row-title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary);min-width:0}.pr-feat-wrap{margin:.5rem 0}.pr-feat{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;width:100%;text-align:left;background:var(--bg-card);border:1.5px solid var(--accent-gold);border-radius:12px;padding:.85rem 1rem;cursor:pointer;font-family:var(--font-body);transition:all var(--transition-fast)}.pr-feat:hover{background:var(--accent-gold-dim);box-shadow:var(--shadow-sm)}.pr-feat .pr-tag{align-self:flex-start}.pr-feat-title{font-size:var(--font-size-base);font-weight:600;color:var(--text-primary)}.pr-feat-desc{font-size:var(--font-size-xs);color:var(--text-muted)}.pr-feat-note{margin:.35rem 0 .7rem;font-size:var(--font-size-xs);color:var(--text-muted)}.pr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.6rem;margin:.7rem 0 .4rem}.pr-grid-card{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;text-align:left;background:var(--bg-card);border:1px solid var(--panel-border);border-radius:10px;padding:.75rem .85rem;cursor:pointer;font-family:var(--font-body);transition:all var(--transition-fast)}.pr-grid-card:hover{border-color:var(--accent-gold);background:var(--accent-gold-dim)}.pr-grid-card-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.pr-step-expand{margin:.2rem 0 .6rem;padding:.5rem .6rem;background:var(--panel-card);border-radius:10px}.pr-step-expand[hidden]{display:none}.pr-legend{display:flex;gap:1.1rem;margin:0 0 1.5rem;font-size:.62rem;color:var(--text-muted);letter-spacing:.1em}.pr-legend-item{display:inline-flex;align-items:center;gap:.35rem}.pr-legend-dot{width:.4rem;height:.4rem;border-radius:50%}.pr-legend-dot.sorami{background:var(--accent-violet)}.pr-legend-dot.world{background:var(--text-muted)}.pr-stage{position:relative;margin:0}.pr-stage>summary{list-style:none;cursor:pointer}.pr-stage>summary::-webkit-details-marker{display:none}.pr-stage-sum{display:flex;align-items:center;gap:.8rem;padding:.5rem .4rem .5rem .2rem;border-radius:6px;transition:background var(--transition-fast)}.pr-stage>summary:hover .pr-stage-sum{background:var(--bg-hover)}.pr-stage>summary:hover .pr-stage-name{color:var(--accent-gold)}.pr-stage-sum:after{content:"▸";flex-shrink:0;font-size:.7rem;color:var(--text-muted);transition:transform var(--transition-fast),color var(--transition-fast)}.pr-stage[open]>summary .pr-stage-sum:after{transform:rotate(90deg)}.pr-stage>summary:hover .pr-stage-sum:after{color:var(--accent-gold)}.pr-stage-num{position:relative;z-index:1;flex-shrink:0;width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-primary);font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted)}.pr-stage-num.done{color:var(--success);border-color:var(--success)}.pr-stage.current .pr-stage-num{color:var(--text-on-accent);border-color:var(--accent-gold);background:var(--accent-gold);font-weight:700}.pr-stage-name{flex:1;min-width:0;font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);transition:color var(--transition-fast)}.pr-stage-meta{flex-shrink:0;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted)}.pr-stage[open]{padding-bottom:.8rem}.pr-stage[open]>.pr-stage-desc,.pr-stage[open]>.pr-map-row,.pr-stage[open]>.pr-stage-set{margin-left:2.5rem}.pr-stage[open]>.pr-map-row{width:calc(100% - 2.5rem)}.pr-stage-desc{margin:.1rem 0 .55rem;font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.7}.pr-stage-set{margin-top:.35rem}.pr-stage-milestone{position:relative;display:flex;align-items:baseline;gap:.8rem;padding:.5rem .4rem .5rem .2rem}.pr-stage-milestone .pr-stage-num{align-self:flex-start;border-color:var(--border-subtle)}.pr-stage-mile-body{display:flex;flex-direction:column;gap:.1rem;min-width:0}.pr-stage-mile-title{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary)}.pr-stage-mile-desc{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.6}.pr-stage-milestone.current .pr-stage-mile-title{color:var(--text-primary)}.pr-tag{flex-shrink:0;align-self:center;padding:.12rem .55rem;border-radius:999px;font-size:.62rem;letter-spacing:.06em;color:var(--accent-deep);background:var(--accent-gold-dim);white-space:nowrap}.pr-tag.world{color:var(--text-muted);background:var(--bg-hover)}.pr-map-row{display:flex;align-items:flex-start;gap:.6rem;width:100%;text-align:left;background:transparent;border:1px solid var(--border-subtle);border-radius:6px;padding:.5rem .7rem;margin-bottom:.3rem;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.pr-map-row:hover{border-color:var(--accent-gold);background:var(--bg-hover)}.pr-map-row.next{border:2px solid var(--accent-gold)}.pr-map-row.next .pr-map-mark{color:var(--accent-gold);font-size:.55rem;padding-top:.3rem}.pr-map-next-label{margin-right:.55rem;font-size:.62rem;font-weight:600;color:var(--accent-gold);letter-spacing:.18em}.pr-map-mark{flex-shrink:0;width:1.1rem;text-align:center;color:var(--text-muted);font-size:var(--font-size-xs);padding-top:.1rem}.pr-map-row.done .pr-map-mark{color:var(--success)}.pr-map-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.pr-map-title{color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.55}.pr-map-row.done .pr-map-title{color:var(--text-secondary)}.pr-map-state{flex-shrink:0;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted);padding-top:.2rem}.pr-map-row.done .pr-map-state{color:var(--success)}.pr-map-row:after{content:"›";flex-shrink:0;color:var(--text-muted);font-size:var(--font-size-sm);padding-top:.1rem;transition:color var(--transition-fast),transform var(--transition-fast)}.pr-map-row:hover:after{color:var(--accent-gold);transform:translate(2px)}.pr-map-row:hover .pr-map-title{color:var(--accent-gold)}.pr-fold{margin:0}.pr-fold summary{cursor:pointer;font-size:var(--font-size-sm);color:var(--text-secondary);list-style:none;border-top:1px solid var(--border-subtle);padding:.85rem .2rem;transition:color var(--transition-fast)}.pr-fold summary::-webkit-details-marker{display:none}.pr-fold summary:before{content:"▸ ";font-size:.7rem;color:var(--text-muted)}.pr-fold[open] summary:before{content:"▾ "}.pr-fold summary:hover{color:var(--accent-gold)}.pr-fold-body{margin:.1rem 0 1.2rem;padding-left:.2rem;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.8}.pr-log{display:flex;flex-direction:column}.pr-log-item{display:flex;align-items:flex-start;gap:.7rem;flex-wrap:wrap;padding:.5rem .2rem;border-bottom:1px solid var(--border-subtle)}.pr-log-item:last-child{border-bottom:none}.pr-log-chip{flex-shrink:0;width:1.6rem;height:1.6rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:50%;color:var(--text-muted);font-size:.7rem}.pr-log-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}.pr-log-summary{color:var(--text-primary);font-size:var(--font-size-sm);overflow-wrap:anywhere}.pr-log-date{color:var(--text-muted);font-size:var(--font-size-xs);overflow-wrap:anywhere}.pr-log-memo-btn,.pr-btn-sub{flex-shrink:0;background:transparent;border:none;border-bottom:1px solid var(--text-muted);padding:.2rem .1rem;color:var(--text-secondary);font-size:var(--font-size-xs);letter-spacing:.05em;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.pr-log-memo-btn:hover,.pr-btn-sub:hover{color:var(--accent-gold);border-bottom-color:var(--accent-gold)}.pr-memo-form{width:100%;display:flex;gap:.7rem;margin-top:.5rem;align-items:flex-end}.pr-memo-input{flex:1;background:transparent;border:none;border-bottom:1px solid var(--border-color);padding:.4rem .1rem;color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-body);resize:vertical}.pr-memo-input:focus{outline:none;border-bottom-color:var(--accent-gold)}.pr-btn-primary{background:var(--accent-gold);border:none;border-radius:6px;padding:.65rem 1.5rem;color:var(--text-on-accent);font-size:var(--font-size-sm);font-weight:700;letter-spacing:.08em;cursor:pointer;transition:opacity var(--transition-fast)}.pr-btn-primary:hover{opacity:.88}.pr-empty{margin:.4rem 0;font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.7}.pr-page-head{display:flex;align-items:baseline;gap:.9rem;margin-bottom:.5rem}.pr-page-title{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-primary)}.pr-page-note{margin:0 0 1.6rem;font-size:var(--font-size-sm);color:var(--text-muted);line-height:1.7}.pr-back{background:transparent;border:none;padding:.2rem .3rem;color:var(--text-muted);font-size:1rem;cursor:pointer;transition:color var(--transition-fast)}.pr-back:hover{color:var(--accent-gold)}.pr-card-detail-purpose{margin:.8rem 0 1rem;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.8}.pr-card-steps{margin:0 0 1rem;padding-left:1.4rem;font-size:var(--font-size-sm);color:var(--text-primary);line-height:2}.pr-card-steps li::marker{color:var(--accent-deep);font-family:var(--font-mono);font-size:var(--font-size-xs)}.pr-card-watch{margin:0 0 1rem;padding:.6rem .9rem;border-left:2px solid var(--accent-violet);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.8}.pr-summary-actions{display:flex;gap:1rem;justify-content:center;align-items:center;margin-top:.8rem}.pr-proc-here{margin-left:.6rem;font-size:.65rem;font-weight:400;color:var(--accent-gold);letter-spacing:.15em}.pr-note-title{margin:1rem 0 .3rem;font-family:var(--font-display);font-weight:600;color:var(--text-primary)}.pr-note-line{margin:0 0 .2rem}.pr-note-point{margin:.5rem 0 0;color:var(--accent-deep)}.pr-spiral{margin:1.2rem 0;font-family:var(--font-display);font-style:italic;font-size:.9rem;color:var(--text-muted);line-height:1.9}.pr-session-banner{margin:0 0 .8rem;font-size:.68rem;color:var(--accent-gold);letter-spacing:.18em}.pr-quiz-head{display:flex;align-items:center;gap:.8rem;margin-bottom:1.4rem}.pr-quiz-progress{flex:1;height:2px;background:var(--border-color);overflow:hidden}.pr-quiz-progress-fill{height:100%;background:var(--accent-gold);transition:width var(--transition-normal)}.pr-quiz-count{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted)}.pr-quiz-path{margin:0 0 .4rem;font-size:.7rem;color:var(--text-muted);letter-spacing:.12em}.pr-quiz-prompt{margin:0 0 1.4rem;font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);line-height:1.7}.pr-quiz-choices{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem}.pr-choice{display:flex;align-items:baseline;gap:.8rem;text-align:left;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:6px;padding:.7rem 1rem;color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.6;cursor:pointer;transition:border-color var(--transition-fast)}.pr-choice:not(:disabled):hover{border-color:var(--accent-gold)}.pr-choice.correct{border-color:var(--success);background:var(--positive-bg)}.pr-choice.wrong{border-color:var(--error);background:var(--negative-bg)}.pr-choice-key{flex-shrink:0;font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--text-muted)}.pr-quiz-feedback{min-height:1px}.pr-quiz-feedback.shown{border-left:2px solid var(--accent-violet);padding:.6rem 1rem;margin-bottom:1rem}.pr-quiz-feedback.ok{border-left-color:var(--success)}.pr-fb-head{margin:0 0 .5rem;font-family:var(--font-display);font-size:1rem;font-weight:600}.pr-quiz-feedback.ok .pr-fb-head{color:var(--success)}.pr-quiz-feedback.ng .pr-fb-head{color:var(--accent-gold)}.pr-fb-why{margin:0 0 .4rem;font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.9}.pr-fb-appear{margin:0 0 .6rem;font-size:var(--font-size-sm);color:var(--accent-deep);line-height:1.9}.pr-deepen-panel{margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--border-subtle);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.9;white-space:pre-wrap}.pr-summary{text-align:center;padding:3rem 0}.pr-summary-title{margin:0 0 .8rem;font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-primary)}.pr-summary-score{margin:0;font-family:var(--font-display);font-size:2.6rem;font-weight:600;color:var(--accent-gold)}.pr-summary-note{margin:.4rem 0 1.4rem;font-size:var(--font-size-sm);color:var(--text-muted)}.pr-summary-suggest{margin:1.4rem 0 .6rem;font-size:var(--font-size-xs);color:var(--text-muted);letter-spacing:.1em}.pr-chips{display:flex;flex-wrap:wrap;gap:.9rem;justify-content:center;margin-bottom:1rem}.pr-chip{background:transparent;border:none;border-bottom:1px solid var(--border-color);padding:.3rem .2rem;color:var(--text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.pr-chip:hover{color:var(--accent-gold);border-bottom-color:var(--accent-gold)}.pr-celebration .pr-cele-flame{margin:0;font-family:var(--font-display);font-size:4rem;font-weight:600;line-height:1;color:var(--accent-gold)}.pr-cele-done{margin:1.2rem 0}.pr-cele-line{margin:0 0 .35rem;font-size:var(--font-size-sm);color:var(--text-primary)}.pr-celebration .pr-one-liner{text-align:left;max-width:30rem;margin-left:auto;margin-right:auto}@media(max-width:767px){.pr-workspace{padding:1.2rem 1rem 2.5rem}.pr-switcher-title{font-size:1.55rem}.pr-page-head{flex-wrap:wrap}.pr-stage[open]>.pr-stage-desc,.pr-stage[open]>.pr-map-row,.pr-stage[open]>.pr-stage-set{margin-left:1.2rem}.pr-stage[open]>.pr-map-row{width:calc(100% - 1.2rem)}}