@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg-1:#f8f4ea;--bg-2:#efe5cf;--panel:#fffaf0;--ink:#1f1a12;--muted:#655943;--accent:#d75a2e;--accent-2:#1f6f63;--line:#d6c6ac;--shadow:0 10px 30px #22160426}body[data-theme=dark]{--bg-1:#17140f;--bg-2:#2a241d;--panel:#201b15;--ink:#f7efe0;--muted:#cfbf9f;--accent:#ff8a57;--accent-2:#52c0b0;--line:#5e4f3c;--shadow:0 14px 32px #00000061}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 18% 20%, #d75a2e29, transparent 35%), radial-gradient(circle at 85% 4%, #1f6f6333, transparent 26%), linear-gradient(145deg, var(--bg-1), var(--bg-2));margin:0;font-family:Outfit,sans-serif}#root{min-height:100vh;padding:2rem 1.2rem 3rem}.app-shell{gap:1rem;max-width:1050px;margin:0 auto;display:grid}.hero{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 88%, #fff 12%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--shadow);border-radius:24px;padding:1.5rem 1.6rem}.hero-kicker{letter-spacing:.22em;color:var(--accent-2);margin:0;font-size:.72rem}.hero h1{margin:.42rem 0 0;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,6.2vw,3.4rem);line-height:.95}.hero-subtitle{color:var(--muted);max-width:55ch;margin:.7rem 0 0}.brief-description{color:var(--muted);margin:.7rem 0 0;font-size:.92rem}.header-selectors{flex-wrap:wrap;gap:.8rem;margin-top:1rem;display:flex}.header-selector-item{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, #fff 8%);border-radius:999px;align-items:center;gap:.45rem;padding:.42rem .55rem;display:inline-flex}.header-selector-icon{font-size:.86rem}.selector-label{font-size:.75rem}.segmented{border-radius:999px;align-items:center;gap:.25rem;padding:.15rem;display:inline-flex}.segment-btn{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.3rem .55rem;font-size:.74rem;transition:all .12s}.segment-btn.active{color:color-mix(in srgb, var(--panel) 20%, #fff 80%);background:linear-gradient(120deg, var(--accent), #ef7a43);box-shadow:0 3px 8px #00000026}.segment-btn:hover{color:var(--ink)}.theme-toggle-btn{background:linear-gradient(120deg, var(--accent), #ef7a43);width:34px;height:34px;color:color-mix(in srgb, var(--panel) 20%, #fff 80%);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;font-size:.95rem;display:inline-flex}.theme-toggle-btn:hover{transform:translateY(-1px)}.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:20px;padding:1rem}.controls-panel{overflow:visible}.controls-line{white-space:normal;flex-wrap:wrap;align-items:end;gap:.75rem;padding-bottom:0;display:flex}.control-inline{flex:none;align-items:center;gap:.45rem;display:inline-flex}.control-inline label{margin:0;font-size:.75rem}.control-inline select{min-width:120px}.checkbox-inline input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--accent-2)}.slider-inline input[type=range]{width:120px}.slider-value{text-align:right;min-width:3ch;color:var(--accent);font-size:.82rem;font-weight:600}.upload-inline input[type=file]{display:none}label{color:var(--muted);font-size:.82rem}select,textarea,input[type=range]{width:100%}select,textarea{border:1px solid var(--line);font:inherit;color:var(--ink);background:color-mix(in srgb, var(--panel) 88%, #fff 12%);border-radius:12px;padding:.68rem .75rem}textarea{resize:vertical;min-height:130px}input[type=range]{accent-color:var(--accent)}.input-panel{gap:.5rem;display:grid}.input-panel-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.input-upload-inline{gap:.5rem}.input-upload-note{color:var(--muted);font-size:.76rem}.viewer-panel{text-align:center;place-items:center;gap:1rem;display:grid}.pulse-frame{border:2px dashed var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 50%, #fff 50%), color-mix(in srgb, var(--panel) 82%, #000 18%));border-radius:18px;place-items:center;min-width:min(94vw,680px);min-height:124px;padding:.9rem;display:grid}.pulse-word{letter-spacing:-.02em;color:var(--ink);word-break:break-word;font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,8vw,4rem);font-weight:700;line-height:1;animation:.21s ease-out pop-in;display:inline-block}.orp-pivot{color:var(--accent);text-shadow:0 0 14px #d75a2e59}.metrics{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.6rem 1.4rem;display:flex}.metrics p{margin:0}.player-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;display:flex}.btn{font:inherit;color:color-mix(in srgb, var(--panel) 25%, #fff 75%);background:linear-gradient(120deg, var(--accent), #ef7a43);cursor:pointer;border:0;border-radius:999px;padding:.68rem 1.1rem;font-weight:700;transition:transform .13s}.btn:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #1f6f6359}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.ghost{background:linear-gradient(120deg, var(--accent-2), #2a8f81)}.mini-btn{font:inherit;color:color-mix(in srgb, var(--panel) 25%, #fff 75%);background:linear-gradient(120deg, var(--accent), #ef7a43);cursor:pointer;border:0;border-radius:999px;padding:.56rem .86rem;font-size:.82rem;font-weight:700}.mini-btn.ghost{background:linear-gradient(120deg, var(--accent-2), #2a8f81)}.icon-btn{width:44px;height:44px;color:color-mix(in srgb, var(--panel) 25%, #fff 75%);background:linear-gradient(120deg, var(--accent), #ef7a43);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;display:inline-flex}.icon-btn.secondary{background:linear-gradient(120deg, var(--accent-2), #2a8f81)}.icon-btn:disabled,.mini-btn:disabled{opacity:.5;cursor:not-allowed}.reader-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#080a0eb8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.reader-modal{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 92%, #000 8%);border-radius:24px;grid-template-rows:auto 1fr auto;width:min(1000px,96vw);height:min(90vh,760px);padding:1rem;display:grid;position:relative;box-shadow:0 28px 56px #00000059}.close-overlay{justify-self:end}.reader-word-wrap{text-align:center;place-items:center;display:grid}.reader-word{letter-spacing:-.03em;font-family:Space Grotesk,sans-serif;font-size:clamp(2.2rem,11vw,7rem);font-weight:700;line-height:1;animation:.21s ease-out pop-in}.reader-stats{color:var(--muted);justify-content:center;gap:1rem;font-size:.9rem;display:flex}.helper-text{color:var(--muted);margin:0;font-size:.88rem}@keyframes pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (width<=820px){#root{padding:1rem .6rem 2rem}.controls-line{gap:.6rem}.header-selector-item{justify-content:space-between;width:100%}.segmented{margin-left:auto}.input-panel-top{align-items:flex-start}.control-inline select{min-width:108px}.slider-inline input[type=range]{width:88px}.reader-modal{border-radius:18px;height:min(92vh,780px)}.panel,.hero{border-radius:16px}}