:root{--bg: #f6f1ea;--bg-tint: #efe7db;--surface: #fffdf9;--surface-2: #f9f4ec;--ink: #34302a;--ink-soft: #5c554c;--muted: #948a7c;--line: #e7ded0;--clay: #c17a54;--clay-deep: #a85f3c;--clay-soft: #f0dccf;--sage: #7f9b86;--sage-soft: #dfe9e0;--sky: #8aa4b0;--danger: #b5654a;--radius-lg: 24px;--radius: 16px;--radius-sm: 10px;--shadow-sm: 0 1px 2px rgba(52, 48, 42, .04), 0 2px 8px rgba(52, 48, 42, .05);--shadow: 0 4px 14px rgba(52, 48, 42, .06), 0 10px 30px rgba(52, 48, 42, .07);--shadow-lg: 0 10px 40px rgba(52, 48, 42, .1);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-serif: "Songti SC", "Georgia", "Times New Roman", serif;--maxw: 720px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);color:var(--ink);background:radial-gradient(120% 80% at 50% -10%,#fbf6ee 0%,var(--bg) 45%,var(--bg-tint) 100%);background-attachment:fixed;-webkit-font-smoothing:antialiased;line-height:1.6;font-size:16px}h1,h2,h3{font-family:var(--font-serif);font-weight:600;letter-spacing:.01em;color:var(--ink);margin:0}a{color:var(--clay-deep);text-decoration:none}button{font-family:inherit;cursor:pointer}.app{min-height:100%;display:flex;flex-direction:column}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}.main{flex:1;padding:28px 0 96px}.topbar{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);background:#f6f1ead1;border-bottom:1px solid var(--line)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-serif);font-size:18px;font-weight:600;color:var(--ink)}.brand .dot{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#e6b48f,var(--clay) 70%);box-shadow:0 0 0 4px var(--clay-soft)}.nav{display:flex;gap:4px}.nav a{padding:7px 12px;border-radius:999px;color:var(--ink-soft);font-size:14px;transition:background .2s,color .2s}.nav a:hover{background:var(--surface-2)}.nav a.active{background:var(--clay-soft);color:var(--clay-deep)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px}.card+.card{margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:500;transition:transform .12s ease,background .2s,box-shadow .2s,border-color .2s;background:var(--surface-2);color:var(--ink);border-color:var(--line)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(180deg,#cc8863,var(--clay));color:#fff;border-color:var(--clay-deep);box-shadow:0 6px 16px #c17a5447}.btn-primary:hover{box-shadow:0 8px 22px #c17a545c}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-soft)}.btn-ghost:hover{background:var(--surface-2)}.btn-lg{padding:15px 30px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:600;color:var(--clay)}.muted{color:var(--muted)}.lead{font-size:17px;color:var(--ink-soft)}.breath{width:132px;height:132px;margin:8px auto 4px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f0d2ba,var(--clay-soft) 60%,#ecd8c8);box-shadow:0 0 0 10px #c17a540f,0 0 0 22px #c17a5409;animation:breathe 8s ease-in-out infinite;display:grid;place-items:center;color:var(--clay-deep);font-size:14px;letter-spacing:.08em}@keyframes breathe{0%,to{transform:scale(.86);opacity:.75}50%{transform:scale(1.05);opacity:1}}@media(prefers-reduced-motion:reduce){.breath{animation:none}}.fade-in{animation:fadeIn .5s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.steps{display:flex;gap:7px;justify-content:center;margin-bottom:22px}.steps i{width:8px;height:8px;border-radius:50%;background:var(--line);transition:all .3s}.steps i.on{background:var(--clay);transform:scale(1.15)}.steps i.done{background:var(--sage)}.slider-wrap{margin:14px 0 6px}.slider-value{font-family:var(--font-serif);font-size:40px;color:var(--clay-deep);text-align:center;line-height:1}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:999px;background:linear-gradient(90deg,var(--sage-soft),var(--clay-soft));outline:none;margin-top:12px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:26px;height:26px;border-radius:50%;background:var(--surface);border:3px solid var(--clay);box-shadow:var(--shadow-sm);cursor:grab}input[type=range]::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--surface);border:3px solid var(--clay);cursor:grab}.scale-legend{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:8px}textarea,input[type=text]{width:100%;font-family:inherit;font-size:16px;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;resize:vertical;transition:border-color .2s,background .2s}textarea:focus,input[type=text]:focus{outline:none;border-color:var(--clay);background:var(--surface)}.choice-grid{display:grid;gap:12px;margin-top:8px}.choice{text-align:left;background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--radius);padding:16px 18px;transition:border-color .2s,background .2s,transform .12s;display:flex;gap:14px;align-items:flex-start}.choice:hover{transform:translateY(-1px);border-color:var(--clay)}.choice.selected{border-color:var(--clay);background:var(--clay-soft)}.choice .emoji{font-size:22px;line-height:1.3}.choice .c-title{font-weight:600;color:var(--ink)}.choice .c-desc{font-size:13.5px;color:var(--ink-soft);margin-top:2px}.grid{display:grid;gap:16px}@media(min-width:640px){.grid.cols-2{grid-template-columns:1fr 1fr}}.method-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm);transition:transform .14s,box-shadow .2s,border-color .2s}.method-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--clay-soft)}.method-card .m-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:24px;background:var(--clay-soft);margin-bottom:14px}.method-card h3{font-size:19px}.method-card p{margin:6px 0 0;color:var(--ink-soft);font-size:14.5px}.wheel{width:100%}.wheel svg{display:block;width:100%;max-width:460px;margin:0 auto;touch-action:manipulation;-webkit-user-select:none;user-select:none}.wheel-sector{outline:none;transition:opacity .2s ease,filter .2s ease}.wheel-sector:focus-visible path{stroke:#34302a;stroke-width:2.5}.wheel-cap{text-align:center;margin-top:12px;min-height:44px}.wheel-cap .n{font-weight:600;color:var(--ink);font-size:15px}.wheel-cap .d{font-size:13.5px;color:var(--ink-soft);margin-top:2px}.wheel-cap .v{font-family:var(--font-serif);font-style:italic;color:var(--muted);font-size:13px;margin-top:2px}@media(prefers-reduced-motion:reduce){.wheel-sector{transition:none}}.scale-ladder{display:flex;flex-direction:column-reverse;gap:8px}.rung{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm)}.rung .lvl{font-family:var(--font-serif);font-size:20px;color:var(--muted);width:26px;text-align:center}.rung .r-emoji{font-size:24px}.rung .r-name{font-weight:600}.rung .r-desc{font-size:13px;color:var(--ink-soft)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;text-align:center;box-shadow:var(--shadow-sm)}.stat .num{font-family:var(--font-serif);font-size:30px;color:var(--clay-deep);line-height:1}.stat .lbl{font-size:12.5px;color:var(--muted);margin-top:6px}.session-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin-bottom:10px}.delta{font-weight:600;font-size:14px;padding:3px 10px;border-radius:999px}.delta.down{background:var(--sage-soft);color:#4c6b55}.delta.flat{background:var(--surface-2);color:var(--muted)}.delta.up{background:#f3ddd4;color:var(--danger)}.center{text-align:center}.stack>*+*{margin-top:14px}.row{display:flex;gap:12px;align-items:center}.spread{justify-content:space-between}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:4px 12px;border-radius:999px;background:var(--sage-soft);color:#4c6b55}.empty{text-align:center;padding:48px 20px;color:var(--muted)}.quote{font-family:var(--font-serif);font-style:italic;color:var(--ink-soft);border-left:3px solid var(--clay-soft);padding-left:16px;margin:0}.footer{text-align:center;font-size:12.5px;color:var(--muted);padding:24px 0 40px}