:root{--bg:#f4ece3;--bg-2:#efe4d6;--paper:#fffaf4;--paper-2:#f7efe6;--ink:#2c241c;--ink-soft:#5c5146;--muted:#7a6d60;--line:#503a281f;--shadow:0 18px 40px #4830201a;--shadow-soft:0 8px 24px #48302014;--radius:22px;--radius-sm:14px;--serif:"Fraunces", "Iowan Old Style", "Palatino Linotype", serif;--sans:"Nunito", "Segoe UI", sans-serif;--focus:0 0 0 3px var(--paper), 0 0 0 6px var(--accent,#c45c7a);--header-h:72px;--nav-h:68px;--love:#c45c7a;--joy:#c4842a;--surprise:#2a9b8f;--anger:#c45c3e;--sadness:#4a6fa5;--fear:#7b5ea7;--love-soft:#fde8ee;--joy-soft:#fff1d4;--surprise-soft:#e3f6f3;--anger-soft:#fde8e0;--sadness-soft:#e4ecf7;--fear-soft:#eee6f6}[data-theme=love]{--accent:var(--love);--soft:var(--love-soft);--ink-theme:#5a2435}[data-theme=joy]{--accent:var(--joy);--soft:var(--joy-soft);--ink-theme:#5a3d12}[data-theme=surprise]{--accent:var(--surprise);--soft:var(--surprise-soft);--ink-theme:#134740}[data-theme=anger]{--accent:var(--anger);--soft:var(--anger-soft);--ink-theme:#5a2818}[data-theme=sadness]{--accent:var(--sadness);--soft:var(--sadness-soft);--ink-theme:#24344c}[data-theme=fear]{--accent:var(--fear);--soft:var(--fear-soft);--ink-theme:#3a2a52}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow:hidden auto}body{max-width:100%;min-height:100dvh;font-family:var(--sans);color:var(--ink);background:radial-gradient(1100px 520px at 8% -8%, #e8b0a46b, transparent 55%), radial-gradient(900px 480px at 100% 0%, #c4b0dc52, transparent 48%), radial-gradient(800px 420px at 70% 100%, #ffd69647, transparent 50%), var(--bg);letter-spacing:.01em;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;line-height:1.5;overflow-x:hidden}#root{min-height:100dvh}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{opacity:.45;cursor:not-allowed}img{max-width:100%}h1,h2,h3,.serif{font-family:var(--serif);letter-spacing:-.03em;color:var(--ink);font-weight:560;line-height:1.15}p{margin:0}:focus{outline:none}:focus-visible{box-shadow:var(--focus)}.skip-link{z-index:20;background:var(--ink);color:var(--paper);border-radius:999px;padding:8px 12px;position:absolute;top:-40px;left:12px}.skip-link:focus{top:12px}.app-shell{flex-direction:column;max-width:100%;min-height:100dvh;display:flex;overflow-x:hidden}.site-header{z-index:8;min-height:var(--header-h);background:color-mix(in srgb, var(--bg) 82%, white 18%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);align-items:center;gap:12px;max-width:100%;padding:12px 20px;display:flex;position:sticky;top:0}.brand{flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.brand-mark{background:radial-gradient(circle,#fff8f4 0 22%,#e8b4c4 23% 58%,#c45c7a 59%);border-radius:11px;width:34px;height:34px;box-shadow:inset 0 0 0 1px #fff6}.brand-name{font-family:var(--serif);font-size:1.45rem;font-weight:620}.header-search{flex:1;justify-content:center;min-width:0;display:flex}.search-trigger{background:color-mix(in srgb, var(--paper) 80%, transparent);border:1px solid var(--line);width:min(100%,420px);max-width:100%;color:var(--muted);text-align:left;border-radius:999px;align-items:center;gap:10px;min-width:0;padding:10px 14px;display:flex}.search-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.search-trigger kbd{border:1px solid var(--line);color:var(--muted);border-radius:6px;margin-left:auto;padding:2px 6px;font-size:.72rem}.header-nav{flex-shrink:1;gap:4px;min-width:0;display:flex}.nav-link{color:var(--ink-soft);border-radius:999px;padding:8px 12px;font-size:.92rem;font-weight:650}.nav-link[aria-current=page]{background:var(--paper);color:var(--ink);box-shadow:var(--shadow-soft)}.main{flex:1;width:min(1080px,100% - 32px);min-width:0;margin:0 auto;padding:28px 0 120px}.hero{gap:18px;margin-bottom:28px;display:grid}.hero h1{max-width:min(14ch,100%);margin:0;font-size:clamp(2.1rem,5vw,3.5rem)}.lede{max-width:46ch;color:var(--ink-soft);font-size:1.08rem}.hero-actions{flex-wrap:wrap;gap:10px;display:flex}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-weight:700;display:inline-flex}.btn-primary{background:var(--ink);color:var(--paper)}.btn-ghost{background:var(--paper);border-color:var(--line)}.primary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.primary-card{border-radius:var(--radius);background:var(--soft);min-height:180px;color:var(--ink-theme);box-shadow:var(--shadow-soft);border:1px solid color-mix(in srgb, var(--accent) 16%, white);text-align:left;flex-direction:column;align-items:flex-start;gap:10px;padding:22px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.primary-card:hover,.primary-card:focus-visible{box-shadow:var(--shadow);transform:translateY(-3px)}.primary-card .blob{background:color-mix(in srgb, var(--accent) 28%, white);opacity:.7;border-radius:50%;width:140px;height:140px;position:absolute;top:-28px;right:-28px}.primary-card h2{color:var(--ink-theme);margin:0;font-size:2rem}.primary-card .prompt{max-width:18ch;color:color-mix(in srgb, var(--ink-theme) 78%, white)}.meta{opacity:.78;margin-top:auto;font-size:.82rem;font-weight:700}.crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:18px;font-size:.92rem;font-weight:650;display:flex}.crumbs a:hover,.crumbs a:focus-visible{color:var(--ink);text-decoration:underline}.crumb-sep{opacity:.45}.section-head{border-radius:var(--radius);background:color-mix(in srgb, var(--soft,var(--paper)) 80%, white);border:1px solid var(--line);gap:10px;margin-bottom:22px;padding:22px;display:grid}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent,var(--muted));font-size:.78rem;font-weight:800}.section-head h1{margin:0;font-size:clamp(2rem,4vw,2.8rem)}.detail-grid{gap:18px;display:grid}.chip-list,.card-list{flex-wrap:wrap;gap:10px;display:flex}.emotion-chip,.secondary-card{background:var(--paper);border:1px solid var(--line);border-radius:999px;align-items:center;min-height:44px;padding:10px 14px;font-weight:700;transition:border-color .15s,transform .15s;display:inline-flex}.secondary-card{border-radius:var(--radius-sm);text-align:left;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:16px 18px;display:flex}.secondary-card small{color:var(--muted);font-weight:600}.emotion-chip[aria-current=true],.secondary-card[aria-current=true],.emotion-chip.is-active,.secondary-card.is-active{border-color:var(--accent);background:var(--soft);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.emotion-chip:hover,.secondary-card:hover{border-color:color-mix(in srgb, var(--accent,var(--ink)) 40%, var(--line));transform:translateY(-1px)}.detail-card{border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-soft);gap:14px;padding:22px;display:grid}.path-line{color:var(--muted);font-size:.92rem;font-weight:700}.related{flex-wrap:wrap;gap:8px;display:flex}.related a{background:var(--paper-2);border-radius:999px;padding:6px 10px;font-size:.88rem;font-weight:700}.dialog-backdrop{z-index:12;background:#281c1461;place-items:start center;padding:12vh 16px 24px;display:grid;position:fixed;inset:0}.dialog{background:var(--paper);width:min(640px,100%);max-height:min(76vh,720px);box-shadow:var(--shadow);border-radius:24px;padding:18px;overflow:auto}.search-input{border:1px solid var(--line);background:var(--paper-2);border-radius:14px;width:100%;min-height:52px;padding:0 14px}.search-results{gap:6px;margin-top:12px;display:grid}.search-result{text-align:left;border-radius:14px;gap:2px;padding:12px;display:grid}.search-result:hover,.search-result:focus-visible{background:var(--paper-2)}.search-result mark{background:color-mix(in srgb, var(--joy) 35%, white);color:inherit;border-radius:3px;padding:0 1px}.empty,.notice{color:var(--muted);padding:12px 4px}.wizard{gap:18px;display:grid}.progress{gap:6px;display:flex}.progress span{background:color-mix(in srgb, var(--ink) 12%, white);border-radius:999px;flex:1;height:6px}.progress span.is-on{background:var(--ink)}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.choice,.intensity{background:var(--paper);border:1px solid var(--line);text-align:left;border-radius:16px;min-height:72px;padding:14px;font-weight:750}.intensity{text-align:center;justify-items:center;gap:4px;display:grid}.intensity em{color:var(--muted);font-size:.82rem;font-style:normal;font-weight:600}.choice.is-on,.intensity.is-on{border-color:var(--accent,var(--ink));background:var(--soft,var(--paper-2))}.notes{border:1px solid var(--line);background:var(--paper);resize:vertical;border-radius:16px;width:100%;min-height:120px;padding:14px}.wizard-nav{justify-content:space-between;gap:10px;margin-top:8px;display:flex}.journal-list{gap:12px;display:grid}.day-group h2{margin:8px 0;font-size:1.1rem}.checkin-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;gap:8px;padding:16px;display:grid}.checkin-card header{justify-content:space-between;align-items:start;gap:12px;display:flex}.dots{gap:4px;display:flex}.dots i{background:color-mix(in srgb, var(--accent) 30%, white);border-radius:50%;width:9px;height:9px}.dots i.is-on{background:var(--accent)}.icon-btn{min-width:40px;min-height:40px;color:var(--muted);border-radius:10px}.icon-btn:hover{background:var(--paper-2);color:var(--ink)}.streak{border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(135deg,#fff6e8,#f7e4d4);margin-bottom:18px;padding:18px 20px}.about{gap:16px;max-width:62ch;display:grid}.about-card{border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);padding:22px}.mobile-nav{display:none}.level-tag{background:var(--soft,var(--paper-2));width:fit-content;color:var(--ink-theme,var(--ink-soft));letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:.75rem;font-weight:800;display:inline-flex}@media (width>=960px){.primary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid.split{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.choice-grid.intensity-row{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=959px){.header-nav,.search-trigger kbd{display:none}.mobile-nav{z-index:9;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:var(--muted);border-radius:12px;justify-items:center;gap:2px;padding:8px 4px;font-size:.72rem;font-weight:800;display:grid}.mobile-nav a[aria-current=page]{color:var(--ink);background:var(--paper-2)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-card,.emotion-chip,.secondary-card{transition:none}}