:root{--bg:#f6f1e7;--bg-deep:#efe7d8;--panel:#fdfbf6;--panel-soft:#f9f5ec;--border:#e5dcc9;--border-soft:#ede6d6;--ink:#3d3529;--ink-soft:#7a6f5d;--ink-faint:#a89c86;--sage:#7d8b6a;--sage-deep:#5f6e4e;--sage-soft:#e4e9dc;--terra:#c4795a;--terra-soft:#f3e2d8;--ochre:#c9a227;--sky:#a8bfc9;--sky-soft:#e3ecf0;--radius:18px;--shadow:0 2px 12px #3d35290f, 0 8px 30px #3d35290d;--serif:Georgia, "Times New Roman", serif;--sans:system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}h1,h2,h3,.serif{font-family:var(--serif);letter-spacing:.01em;font-weight:500}.app{height:100%;display:flex}.sidebar{background:var(--bg-deep);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;width:232px;padding:28px 16px 20px;display:flex}.brand{font-family:var(--serif);color:var(--ink);align-items:center;gap:10px;padding:0 12px 6px;font-size:24px;display:flex}.brand small{font-family:var(--sans);color:var(--ink-soft);letter-spacing:.04em;font-size:11.5px;display:block}.nav-btn{width:100%;font-family:var(--sans);color:var(--ink-soft);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:11px 12px;font-size:14.5px;transition:background .15s,color .15s;display:flex}.nav-btn:hover{color:var(--ink);background:#fdfbf6b3}.nav-btn.active{background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}.nav-btn svg{flex-shrink:0}.sidebar-foot{color:var(--ink-faint);margin-top:auto;padding:12px;font-size:12px;line-height:1.5}.sidebar-foot a{color:var(--sage-deep);cursor:pointer;text-decoration:underline}.main{flex:1;position:relative;overflow-y:auto}.page{max-width:880px;margin:0 auto;padding:44px 36px 80px}.onboard{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:40px 24px;display:flex}.onboard h1{margin:26px 0 10px;font-size:42px}.onboard .tagline{color:var(--ink-soft);max-width:480px;margin-bottom:38px;font-size:17px}.onboard-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:left;width:100%;max-width:520px;padding:34px 38px}.onboard-card h2{margin-bottom:6px;font-size:21px}.onboard-card p.hint{color:var(--ink-soft);margin-bottom:18px;font-size:14px}.field-label{color:var(--ink-soft);letter-spacing:.03em;text-transform:uppercase;margin:18px 0 7px;font-size:13px;display:block}.text-input{border:1px solid var(--border);background:var(--panel-soft);width:100%;color:var(--ink);font-size:15.5px;font-family:var(--sans);border-radius:12px;outline:none;padding:13px 16px;transition:border-color .15s}.text-input:focus{border-color:var(--sage)}.choice-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.choice{border:1.5px solid var(--border);background:var(--panel-soft);cursor:pointer;text-align:left;font-family:var(--sans);border-radius:13px;padding:13px 15px;transition:all .15s}.choice:hover{border-color:var(--sage)}.choice.selected{border-color:var(--sage-deep);background:var(--sage-soft)}.choice b{color:var(--ink);font-size:14.5px;font-weight:600;display:block}.choice span{color:var(--ink-soft);margin-top:2px;font-size:12.5px;line-height:1.4;display:block}.btn-primary{background:var(--sage-deep);color:#fbfaf5;font-size:15.5px;font-family:var(--sans);cursor:pointer;border:none;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.btn-primary:hover{background:#4e5c3f}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.45;cursor:default}.btn-ghost{border:1.5px solid var(--border);color:var(--ink-soft);cursor:pointer;font-size:14.5px;font-family:var(--sans);background:0 0;border-radius:13px;padding:12px 22px;transition:all .15s}.btn-ghost:hover{border-color:var(--sage);color:var(--ink)}.chat-wrap{flex-direction:column;height:100%;display:flex}.chat-head{border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;background:#f6f1e7eb;justify-content:space-between;align-items:center;padding:20px 36px 16px;display:flex;position:sticky;top:0}.chat-head h2{font-size:20px}.chat-head .phase-tag{color:var(--sage-deep);background:var(--sage-soft);letter-spacing:.03em;border-radius:99px;padding:4px 12px;font-size:12px}.chat-scroll{flex:1;padding:28px 36px;overflow-y:auto}.chat-inner{flex-direction:column;gap:16px;max-width:720px;margin:0 auto;display:flex}.msg{gap:12px;max-width:85%;animation:.3s rise;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.msg.user{flex-direction:row-reverse;align-self:flex-end}.msg-avatar{background:var(--sage-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-top:3px;display:flex}.msg-bubble{white-space:pre-wrap;border-radius:16px;padding:13px 17px;font-size:15.2px;line-height:1.65}.msg.bot .msg-bubble{background:var(--panel);border:1px solid var(--border-soft);box-shadow:var(--shadow);border-top-left-radius:5px}.msg.user .msg-bubble{background:var(--sage-deep);color:#fbfaf5;border-top-right-radius:5px}.typing{gap:5px;padding:6px 2px;display:inline-flex}.typing span{background:var(--ink-faint);border-radius:50%;width:7px;height:7px;animation:1.2s infinite blink}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,70%,to{opacity:.25}35%{opacity:1}}.chat-input-bar{border-top:1px solid var(--border-soft);background:var(--bg);padding:16px 36px 22px}.chat-input-row{gap:10px;max-width:720px;margin:0 auto;display:flex}.chat-input{border:1px solid var(--border);background:var(--panel);font-size:15.2px;font-family:var(--sans);color:var(--ink);resize:none;border-radius:15px;outline:none;flex:1;max-height:130px;padding:14px 18px;transition:border-color .15s}.chat-input:focus{border-color:var(--sage)}.send-btn{background:var(--sage-deep);color:#fbfaf5;cursor:pointer;border:none;border-radius:15px;justify-content:center;align-items:center;width:50px;transition:background .15s;display:flex}.send-btn:hover{background:#4e5c3f}.send-btn:disabled{opacity:.4;cursor:default}.suggestions{flex-wrap:wrap;gap:8px;max-width:720px;margin:0 auto 10px;display:flex}.sugg{border:1px solid var(--border);background:var(--panel-soft);color:var(--ink-soft);cursor:pointer;font-size:13px;font-family:var(--sans);border-radius:99px;padding:7px 15px;transition:all .15s}.sugg:hover{border-color:var(--sage);color:var(--sage-deep);background:var(--sage-soft)}.page h1{margin-bottom:8px;font-size:32px}.page .lead{color:var(--ink-soft);max-width:620px;margin-bottom:32px;font-size:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px;padding:26px 28px}.card h3{margin-bottom:4px;font-size:19px}.card .sub{color:var(--ink-soft);margin-bottom:14px;font-size:14px}.grid-2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.pill{letter-spacing:.03em;border-radius:99px;padding:3px 11px;font-size:12px;display:inline-block}.pill.sage{background:var(--sage-soft);color:var(--sage-deep)}.pill.terra{background:var(--terra-soft);color:#9a5a3e}.pill.sky{background:var(--sky-soft);color:#5a7683}.game-tile{cursor:pointer;flex-direction:column;gap:10px;transition:transform .15s,box-shadow .15s;display:flex}.game-tile:hover{transform:translateY(-3px);box-shadow:0 6px 20px #3d35291a}.game-illus{border-radius:12px;justify-content:center;align-items:center;height:110px;display:flex;overflow:hidden}.quiz-option{text-align:left;border:1.5px solid var(--border);background:var(--panel-soft);width:100%;color:var(--ink);cursor:pointer;font-size:14.5px;font-family:var(--sans);border-radius:12px;margin-bottom:9px;padding:13px 17px;transition:all .15s;display:block}.quiz-option:hover{border-color:var(--sage)}.quiz-option.correct{border-color:var(--sage-deep);background:var(--sage-soft)}.quiz-option.wrong{border-color:var(--terra);background:var(--terra-soft)}.quiz-feedback{border-radius:12px;margin-top:12px;padding:14px 17px;font-size:14px;line-height:1.6;animation:.3s rise}.quiz-feedback.good{background:var(--sage-soft);color:var(--sage-deep)}.quiz-feedback.bad{background:var(--terra-soft);color:#8a4e33}.sort-zone{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.zone{border:2px dashed var(--border);background:var(--panel-soft);border-radius:14px;min-height:120px;padding:16px}.zone h4{color:var(--ink-soft);font-size:14px;font-family:var(--sans);margin-bottom:10px}.zone .chip-in{background:var(--panel);border:1px solid var(--border);border-radius:9px;margin-bottom:7px;padding:7px 12px;font-size:13.5px;animation:.25s rise}.sort-item{background:var(--panel);border:1.5px solid var(--border);text-align:center;border-radius:12px;margin:14px 0;padding:13px 17px;font-size:15px}.sort-actions{justify-content:center;gap:10px;display:flex}.schema-svg-wrap{padding:8px 0;overflow-x:auto}.legend{color:var(--ink-soft);flex-wrap:wrap;gap:18px;margin-top:14px;font-size:13px;display:flex}.legend .dot{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.mood-row{flex-wrap:wrap;gap:9px;margin:14px 0 20px;display:flex}.mood{border:1.5px solid var(--border);background:var(--panel-soft);cursor:pointer;font-size:14px;font-family:var(--sans);color:var(--ink-soft);border-radius:99px;align-items:center;gap:8px;padding:9px 18px;transition:all .15s;display:flex}.mood .dot{border-radius:50%;width:10px;height:10px}.mood.selected{border-color:var(--sage-deep);background:var(--sage-soft);color:var(--ink)}.journal-entry{border-left:3px solid var(--sage-soft);margin-bottom:16px;padding:4px 0 4px 16px}.journal-entry .date{color:var(--ink-faint);font-size:12.5px}.journal-entry p{margin-top:3px;font-size:14.5px}.crisis{background:var(--sky-soft);border:1.5px solid var(--sky);border-radius:var(--radius);margin-bottom:18px;padding:24px 28px}.crisis h3{color:#46626f}.crisis .num{font-size:30px;font-family:var(--serif);color:#3d5561;margin:8px 0 2px}.disclaimer{color:var(--ink-soft);background:var(--panel-soft);border:1px solid var(--border-soft);border-radius:12px;margin-top:24px;padding:14px 18px;font-size:13px;line-height:1.6}@media (width<=760px){.sidebar{width:68px;padding:20px 8px}.sidebar .label,.brand small,.sidebar-foot{display:none}.brand{justify-content:center;font-size:0}.brand svg{width:30px;height:30px}.grid-2,.choice-grid,.sort-zone{grid-template-columns:1fr}.page{padding:28px 18px 60px}.chat-scroll,.chat-input-bar,.chat-head{padding-left:16px;padding-right:16px}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#211d17;--bg-deep:#1b1713;--panel:#2b2620;--panel-soft:#26211b;--border:#3c352b;--border-soft:#332d24;--ink:#ede6d8;--ink-soft:#b5a98f;--ink-faint:#80755f;--sage-soft:#384030;--terra-soft:#47342a;--sky-soft:#2c3a41;--shadow:0 2px 12px #00000047, 0 8px 30px #00000038}[data-theme=dark] .chat-head{background:#211d17eb}[data-theme=dark] .quiz-feedback.good{color:#bccd9f}[data-theme=dark] .quiz-feedback.bad{color:#e3ac8f}[data-theme=dark] .crisis h3,[data-theme=dark] .crisis .num{color:#a9c6d4}[data-theme=dark] .crisis p,[data-theme=dark] .crisis p *{color:#8fb1c0!important}[data-theme=dark] .pill.sage{color:#bccd9f}[data-theme=dark] .pill.terra{color:#e3ac8f}[data-theme=dark] .pill.sky{color:#a9c6d4}[data-accent=terra]{--sage:#c4795a;--sage-deep:#a85e42;--sage-soft:#f3e2d8}[data-accent=ocean]{--sage:#6e93a8;--sage-deep:#4e7183;--sage-soft:#e3ecf0}[data-accent=lavande]{--sage:#9a87b8;--sage-deep:#75619a;--sage-soft:#ebe5f2}[data-theme=dark][data-accent=sage]{--sage-soft:#384030}[data-theme=dark][data-accent=terra]{--sage-soft:#47342a;--sage-deep:#b96a4c}[data-theme=dark][data-accent=ocean]{--sage-soft:#2c3a41;--sage-deep:#5c8399}[data-theme=dark][data-accent=lavande]{--sage-soft:#382f45;--sage-deep:#8571ac}[data-bg=lin]{--bg:#f8efe9;--bg-deep:#f1e3da;--panel:#fdfaf7;--panel-soft:#faf3ee;--border:#e9d8cb;--border-soft:#f0e2d7}[data-bg=eau]{--bg:#eff3ec;--bg-deep:#e5ebe0;--panel:#fbfcfa;--panel-soft:#f5f8f2;--border:#d8e0d1;--border-soft:#e2e8dc}[data-theme=dark][data-bg=beige]{--bg:#211d17;--bg-deep:#1b1713;--panel:#2b2620;--panel-soft:#26211b}[data-theme=dark][data-bg=lin]{--bg:#241b18;--bg-deep:#1d1512;--panel:#2e2320;--panel-soft:#291e1b;--border:#41332d;--border-soft:#372b26}[data-theme=dark][data-bg=eau]{--bg:#1b211c;--bg-deep:#151b16;--panel:#242b25;--panel-soft:#1f2620;--border:#33402f;--border-soft:#2b362a}.swatch-row{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.swatch{border:2.5px solid var(--border);cursor:pointer;border-radius:50%;width:42px;height:42px;padding:0;transition:transform .12s,border-color .12s}.swatch:hover{transform:scale(1.08)}.swatch.selected{border-color:var(--ink)}.swatch-label{color:var(--ink-soft);text-align:center;margin-top:4px;font-size:11.5px}.swatch-wrap{flex-direction:column;align-items:center;display:flex}.brand-name{font-family:var(--sans);letter-spacing:.14em;color:var(--ink);font-size:18.5px;font-weight:700}.brand-title{letter-spacing:.18em;padding-left:.18em;font-weight:700;font-family:var(--sans)!important;margin:22px 0 6px!important;font-size:38px!important}.brand-motto{font-family:var(--serif);color:var(--ink-soft);margin-bottom:16px;font-size:17.5px;font-style:italic}