:root{color-scheme:light;--bg: #fff7ed;--bg-soft: #ffedd5;--surface: rgba(255, 255, 255, .84);--surface-strong: #fffaf5;--surface-muted: #fff1e2;--text: #431407;--text-soft: #7c2d12;--text-muted: #7c6a5a;--primary: #c2410c;--primary-strong: #9a3412;--primary-soft: #fed7aa;--accent: #2563eb;--accent-soft: #dbeafe;--line: #fdba74;--line-soft: rgba(154, 52, 18, .14);--danger: #b91c1c;--shadow-lg: 0 24px 70px rgba(154, 52, 18, .18);--shadow-md: 0 16px 40px rgba(154, 52, 18, .12);--shadow-sm: 0 8px 20px rgba(154, 52, 18, .08);--radius-2xl: 34px;--radius-xl: 28px;--radius-lg: 24px;--radius-md: 20px;--max-width: 1200px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;font-family:Nunito,sans-serif;line-height:1.6;color:var(--text);background:radial-gradient(circle at top right,rgba(251,146,60,.18),transparent 28%),radial-gradient(circle at 12% 32%,rgba(37,99,235,.1),transparent 24%),linear-gradient(180deg,#fff7ed 0%,#fffaf5 45%,#fff2df 100%)}body:before,body:after{content:"";position:fixed;border-radius:999px;pointer-events:none;z-index:-1}body:before{top:-6rem;right:-9rem;width:24rem;height:24rem;background:radial-gradient(circle,rgba(251,146,60,.26),rgba(251,146,60,0))}body:after{left:-7rem;top:28rem;width:22rem;height:22rem;background:radial-gradient(circle,rgba(37,99,235,.14),rgba(37,99,235,0))}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.button,.site-nav a,.brand{cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:1rem;top:-3rem;z-index:60;padding:.8rem 1rem;border-radius:999px;background:var(--primary-strong);color:#fff7ed;font-weight:800;transition:top .2s var(--ease)}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,247,237,.8);border-bottom:1px solid rgba(154,52,18,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:.75rem clamp(1rem,3vw,2rem);display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.85rem;min-width:0}.brand-mark{display:inline-grid;place-items:center;width:3rem;height:3rem;flex-shrink:0;border-radius:18px;background:linear-gradient(135deg,#fffaf5,#fed7aa);border:1px solid rgba(154,52,18,.14);box-shadow:var(--shadow-sm)}.brand-mark svg{width:1.9rem;height:1.9rem;fill:#fff3e0;stroke:var(--primary-strong);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.brand-copy{display:flex;flex-direction:column;min-width:0}.brand-copy strong,h1,h2,h3,.detail-card strong{font-family:Fredoka,sans-serif}.brand-copy strong{font-size:1.15rem;line-height:1}.brand-copy span{color:var(--text-soft);font-size:.86rem}.site-nav{display:flex;align-items:center;gap:.35rem}.site-nav a{padding:.55rem .85rem;border-radius:999px;color:var(--text-soft);font-weight:800;transition:background-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}.site-nav a:hover,.site-nav a:focus-visible{background:rgba(255,255,255,.7);color:var(--text);transform:translateY(-1px)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.85rem 1.25rem;border:1px solid transparent;border-radius:999px;font-weight:800;letter-spacing:.01em;text-align:center;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0) scale(.98)}.button[disabled]{opacity:.72;cursor:not-allowed;transform:none;box-shadow:none}.button-primary{color:#fff7ed;background:linear-gradient(135deg,#c2410c,#9a3412);border-color:#9a341238;box-shadow:0 16px 30px #9a34123d}.button-primary:hover{box-shadow:0 18px 34px #9a341247}.button-secondary{color:var(--text);background:rgba(255,255,255,.78);border-color:#9a341224;box-shadow:var(--shadow-sm)}.button-ghost{color:var(--text-soft);background:rgba(255,250,245,.82);border-color:#9a341224}main,.site-footer{max-width:var(--max-width);margin:0 auto;padding-inline:clamp(1rem,3vw,2rem)}main{padding-bottom:5rem}.section{margin-top:clamp(4rem,8vw,7rem);scroll-margin-top:6rem}.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(340px,520px);gap:clamp(2rem,4vw,4rem);align-items:center;padding-top:clamp(.35rem,1vw,.75rem)}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .85rem;border-radius:999px;border:1px solid rgba(154,52,18,.16);background:rgba(255,255,255,.66);color:var(--primary);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-copy h1{margin:1rem 0;max-width:11ch;font-size:clamp(3rem,6vw,5.35rem);line-height:.98;letter-spacing:-.04em}.hero-note{margin:.9rem 0 0;max-width:24rem;color:var(--primary);font-weight:800}.hero-stage{position:relative}.cat-panel{position:relative;z-index:1;padding:clamp(1.25rem,3vw,1.75rem);border-radius:var(--radius-2xl);border:1px solid rgba(154,52,18,.16);background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,248,241,.94));box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.panel-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.panel-kicker{margin:0 0 .35rem;color:var(--primary);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.panel-top h2{margin:0;font-size:clamp(1.7rem,3vw,2.25rem);line-height:1.02}.status-pill{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:6rem;padding:.55rem .9rem;border-radius:999px;border:1px solid transparent;font-size:.86rem;font-weight:800}.status-pill[data-tone=loading]{background:#ffedd5;color:var(--primary-strong);border-color:#fb923c61}.status-pill[data-tone=ready]{background:#dcfce7;color:#166534;border-color:#22c55e42}.status-pill[data-tone=error]{background:#fee2e2;color:#991b1b;border-color:#ef444438}.stage-visual{position:relative;min-height:320px;aspect-ratio:4 / 3;overflow:hidden;border-radius:var(--radius-xl);border:1px solid rgba(154,52,18,.14);background:radial-gradient(circle at 18% 18%,rgba(37,99,235,.2),transparent 30%),radial-gradient(circle at 82% 20%,rgba(251,146,60,.24),transparent 28%),linear-gradient(180deg,#fff8f2 0%,#ffe6cf 100%);box-shadow:inset 0 1px #ffffffe0}.stage-visual:before{content:"";position:absolute;top:1rem;right:1rem;bottom:1rem;left:1rem;border-radius:22px;border:1px dashed rgba(154,52,18,.16);pointer-events:none}.stage-chip{display:inline-flex;align-items:center;justify-content:center;padding:.55rem .85rem;border-radius:999px;border:1px solid rgba(154,52,18,.12);background:rgba(255,255,255,.88);color:var(--text-soft);font-size:.86rem;font-weight:800;box-shadow:var(--shadow-sm)}.placeholder-art{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;gap:1rem;padding:2rem;text-align:center;transition:opacity .35s var(--ease),transform .35s var(--ease)}.placeholder-art p{margin:0;max-width:24rem;color:var(--text-soft);font-weight:800}.placeholder-disc{position:absolute;width:12rem;height:12rem;border-radius:999px;background:radial-gradient(circle,rgba(251,146,60,.34),rgba(251,146,60,0))}.placeholder-cat{position:relative;display:grid;place-items:center;width:min(38vw,12rem);aspect-ratio:1;padding:1.2rem;border-radius:32px;border:1px solid rgba(154,52,18,.12);background:rgba(255,255,255,.74);box-shadow:var(--shadow-md)}.placeholder-cat svg{width:100%;height:auto;fill:#fff4e6;stroke:var(--primary-strong);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.stage-visual img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.03);transition:opacity .45s var(--ease),transform .6s var(--ease),filter .35s var(--ease)}.stage-visual[data-has-image=true] img{opacity:1;transform:scale(1)}.stage-visual[data-has-image=true] .placeholder-art{opacity:0;transform:translateY(1rem);pointer-events:none}.stage-visual[data-loading=true][data-has-image=true] img{opacity:.54;filter:saturate(.82) brightness(.78);transform:scale(1.04)}.panel-content{display:flex;flex-direction:column;gap:.85rem;margin-top:1rem}.progress-block{padding:1rem 1.05rem;border-radius:var(--radius-lg);border:1px solid rgba(154,52,18,.1);background:rgba(255,255,255,.72);box-shadow:inset 0 1px #ffffffdb}.cat-panel[data-state=loaded] .progress-block{display:none}.progress-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--text-soft);font-weight:800}.progress-track{position:relative;height:14px;margin-top:.75rem;overflow:hidden;border-radius:999px;background:rgba(154,52,18,.1)}.progress-fill{width:0%;height:100%;border-radius:inherit;background:linear-gradient(135deg,#fb923c,#c2410c);box-shadow:0 10px 20px #c2410c2e;transition:width .24s var(--ease)}.cat-panel[data-state=loaded] .progress-fill{background:linear-gradient(135deg,#34d399,#0f766e)}.cat-panel[data-state=error] .progress-fill{background:linear-gradient(135deg,#fb7185,#b91c1c)}.loading-hint{min-height:1.6em;margin:.8rem 0 0;color:var(--text-soft);font-weight:800}.cat-facts{border-radius:var(--radius-lg);border:1px solid rgba(154,52,18,.1);background:rgba(255,255,255,.78);box-shadow:var(--shadow-sm)}.cat-panel[data-state=loading] .cat-facts{display:none}.cat-facts summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1rem;list-style:none;font-weight:800;color:var(--text-soft);cursor:pointer}.cat-facts summary::-webkit-details-marker{display:none}.cat-facts summary:after{content:"+";display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:999px;background:rgba(251,146,60,.16);color:var(--primary);font-size:1rem;line-height:1}.cat-facts[open] summary:after{content:"-"}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;padding:0 1rem 1rem}.detail-card{padding:.95rem 1rem;border-radius:22px;border:1px solid rgba(154,52,18,.1);background:rgba(255,255,255,.78);box-shadow:var(--shadow-sm)}.detail-label{display:block;margin-bottom:.3rem;color:var(--text-muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.detail-card strong{font-size:1.1rem;line-height:1.2}.error-note,.noscript-card{margin:1rem 0 0;padding:.9rem 1rem;border-radius:var(--radius-md);font-weight:700}.error-note{border:1px solid rgba(239,68,68,.2);background:#fff1f2;color:#9f1239}.noscript-card{border:1px solid rgba(154,52,18,.12);background:rgba(255,250,245,.82);color:var(--text-soft)}.panel-actions{display:flex;flex-wrap:wrap;gap:.85rem}.panel-actions .button-primary{width:min(100%,18rem)}.panel-note{margin:0;color:var(--text-muted);font-weight:700}.mini-section{margin-top:clamp(3rem,7vw,5rem)}.mini-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1rem}.mini-card{padding:1.3rem;border-radius:var(--radius-xl);border:1px solid rgba(154,52,18,.1);background:rgba(255,255,255,.8);box-shadow:var(--shadow-sm)}.mini-card-story{background:linear-gradient(135deg,rgba(255,250,245,.95),rgba(255,237,213,.92));box-shadow:var(--shadow-md)}.mini-kicker{display:inline-flex;align-items:center;justify-content:center;margin:0 0 .7rem;padding:.38rem .7rem;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(154,52,18,.1);color:var(--primary);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mini-card h2,.mini-card h3{margin:0;line-height:1.05;letter-spacing:-.03em}.mini-card h2{font-size:clamp(1.8rem,3vw,2.5rem);max-width:13ch}.mini-card p{margin:.8rem 0 0;color:var(--text-soft)}.mood-pills{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.35rem}.mood-pill{min-height:42px;padding:.7rem .95rem;border:1px solid rgba(154,52,18,.12);border-radius:999px;background:rgba(255,250,245,.92);color:var(--text-soft);font-weight:800;transition:transform .2s var(--ease),background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease)}.mood-pill:hover{transform:translateY(-1px)}.mood-pill.is-active,.mood-pill[aria-pressed=true]{background:linear-gradient(135deg,#c2410c,#9a3412);border-color:#9a341238;color:#fff7ed;box-shadow:0 12px 22px #9a34122e}.mood-output{min-height:3.2em;font-weight:800}.mini-list{margin:.35rem 0 0;padding-left:1.15rem;color:var(--text-soft)}.mini-list li+li{margin-top:.55rem}.site-footer{padding-bottom:3rem;color:var(--text-soft)}.site-footer p{margin:1.5rem 0 0;padding-top:1.25rem;border-top:1px solid rgba(154,52,18,.12)}@media (max-width: 1080px){.hero{grid-template-columns:1fr}.hero-copy h1{max-width:12ch}.mini-grid{grid-template-columns:1fr 1fr}.mini-card-story{grid-column:1 / -1}}@media (max-width: 900px){.site-nav{display:none}}@media (max-width: 720px){.header-inner{padding-inline:1rem}.brand-copy span{display:none}.header-cta{padding-inline:1rem}.hero{padding-top:.25rem}.hero-copy h1{max-width:11ch;font-size:clamp(2.65rem,11vw,3.8rem)}.panel-actions,.progress-meta{flex-direction:column;align-items:stretch}.panel-actions .button,.mood-pill{width:100%}.detail-grid,.mini-grid{grid-template-columns:1fr}.stage-visual{min-height:240px}.status-pill{min-width:0}}@media (max-width: 560px){.site-header{position:sticky}.header-cta{display:none}.panel-top{flex-direction:column}.panel-badges{justify-content:flex-start}.hero-note{max-width:18rem}.cat-panel{padding:1rem}.placeholder-cat{width:min(52vw,10rem)}.stage-visual{min-height:220px}.panel-top{gap:.6rem;margin-bottom:.9rem}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}