:root{color-scheme:dark;--bg: #050505;--surface: rgba(15, 15, 16, .9);--surface-soft: rgba(255, 255, 255, .045);--surface-strong: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 59, 48, .34);--text: #ffffff;--muted: rgba(255, 255, 255, .72);--soft: rgba(255, 255, 255, .5);--accent: #f04438;--accent-soft: #fda29b;--accent-hot: #ff6b61;--green: #9fe870;--ink: #180504;--success: #96f7b3;--radius-xl: 32px;--radius-lg: 26px;--radius-md: 20px;--shadow: 0 30px 90px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Avenir Next,Helvetica Neue,ui-sans-serif,system-ui,sans-serif}body{min-height:100vh;background:linear-gradient(135deg,rgba(196,84,34,.1),transparent 22%),linear-gradient(180deg,#143829,#070a08 44%,#000)}button,input{font:inherit}button{border:0;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{width:min(100%,1320px);margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 18px max(32px,env(safe-area-inset-bottom))}.brand-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:12px 0;background:linear-gradient(180deg,#050505f0,#050505b8);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.wordmark,.nav-links a,.brand-actions a{color:var(--text);text-decoration:none}.wordmark{font-size:1rem;font-weight:900;text-transform:lowercase}.nav-links{display:flex;align-items:center;justify-content:flex-end;gap:14px;font-size:.82rem;font-weight:800;text-transform:uppercase}.brand-hero{min-height:calc(100svh - 94px);display:grid;align-items:center;gap:28px;padding:42px 0 30px;border-bottom:1px solid var(--border)}.brand-hero-copy{display:grid;gap:20px;max-width:840px}.brand-hero h1{margin:0;max-width:12ch;font-size:clamp(3.1rem,13vw,8.6rem);line-height:.9;letter-spacing:0;text-transform:lowercase}.brand-hero p,.tracker-intro p{max-width:680px;margin:0;color:var(--muted);font-size:1.05rem;line-height:1.6}.brand-actions{display:grid;grid-template-columns:1fr;gap:10px;max-width:430px}.hero-product-card{display:grid;gap:12px;align-self:stretch}.hero-product-card img{width:100%;min-height:0;display:block;border:1px solid rgba(240,222,194,.24);border-radius:8px;background:#eee5d4;box-shadow:0 24px 80px #00000059}.hero-product-card p{margin:0;color:#f0dec2;font-weight:800;text-transform:uppercase}.drop-section,.tracker-intro{display:grid;gap:20px;padding:34px 0;border-bottom:1px solid var(--border)}.section-heading h2,.tracker-intro h2{margin:0;font-size:clamp(2rem,6vw,4rem);line-height:1;letter-spacing:0}.product-grid{display:grid;gap:12px}.product-card{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:14px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#ffffff09}.product-card img{width:100%;aspect-ratio:1;object-fit:cover;object-position:top center;border-radius:8px;background:#eee5d4}.product-art{aspect-ratio:1;display:grid;place-items:center;gap:10px;padding:18px;border:1px solid rgba(240,222,194,.28);border-radius:8px;background:linear-gradient(135deg,rgba(196,84,34,.16),transparent 42%),#113c2c;color:#f5ead8;text-align:center}.product-art span{font-size:clamp(2rem,8vw,4rem);font-weight:900;letter-spacing:0}.product-art strong{color:#d6aa3d;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase}.coming-soon-pill{display:inline-flex;align-items:center;min-height:28px;margin-bottom:10px;padding:0 10px;border:1px solid rgba(214,170,61,.4);border-radius:999px;color:#f0dec2;font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.product-card h3,.product-card p{margin:0}.product-card h3{margin-bottom:6px;font-size:1rem}.product-card p{color:var(--muted);line-height:1.45}.product-card strong{color:var(--green)}.tracker-intro{grid-template-columns:1fr}.topbar{display:grid;gap:20px;margin-bottom:22px}.eyebrow{margin:0 0 10px;color:var(--accent-soft);font-size:.82rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.maker-line{margin:-2px 0 12px;color:var(--soft);font-size:.92rem;font-weight:600}.topbar h1,.panel h2,.hero-banner h2,.feed-card h3,.empty-stage h3{margin:0;letter-spacing:0}.topbar h1{max-width:10ch;font-size:clamp(2.7rem,8vw,5.6rem);line-height:.92}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hero-stat{padding:14px 14px 16px;border-radius:8px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff09,#ffffff05);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-stat span{display:block;margin-bottom:6px;color:var(--soft);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hero-stat strong{font-size:1.15rem;letter-spacing:-.03em}.subcopy,.hero-banner p,.feed-card p,.empty-stage p,.range-row span:last-child{color:var(--muted)}.panel,.hero-banner{border:1px solid var(--border);border-radius:10px;background:linear-gradient(180deg,#141416eb,#070708fa),linear-gradient(135deg,rgba(255,255,255,.03),transparent 60%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero-banner,.panel{padding:22px 18px}.hero-banner{display:grid;gap:18px;margin-bottom:16px}.premium-hero{grid-template-columns:1fr}.hero-copy-block{display:grid;gap:8px}.hero-actions{display:grid;gap:12px}.step-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.step-chip{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--soft);font-size:.88rem;font-weight:700}.step-chip.active{border-color:#ff3b3057;background:#ff3b301f;color:#ffd1cd}.primary-button,.secondary-button,.speed-pill{min-height:54px;border-radius:8px;transition:transform .18s ease,background-color .18s ease,border-color .18s ease,opacity .18s ease}.primary-button,.record-button{border:1px solid transparent;background:linear-gradient(135deg,var(--accent),var(--accent-hot) 55%,var(--accent-soft));color:var(--ink);font-weight:800;box-shadow:0 14px 30px #ff3b3047}.secondary-button,.speed-pill{border:1px solid var(--border);background:linear-gradient(180deg,#ffffff0a,#ffffff05);color:var(--text)}.primary-button,.secondary-button{width:100%;padding:0 18px}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed}.content-grid{display:grid;gap:18px}.advanced-layout{grid-template-columns:1fr}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.pill{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--border-strong);background:#ff3b301f;color:#ffd1cd;font-size:.88rem;font-weight:700}.guide-stage,.video-stage{position:relative;overflow:hidden;border-radius:28px;border:1px solid var(--border);background:radial-gradient(circle at top,rgba(255,59,48,.08),transparent 36%),#020202;box-shadow:inset 0 1px #ffffff0a}.guide-stage{aspect-ratio:9 / 16}.guide-video,.tracer-video{display:block;width:100%;height:100%;object-fit:cover;background:#020202}.tracer-video{aspect-ratio:16 / 9}.guide-overlay,.trace-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.guide-overlay{pointer-events:none}.guide-box{position:absolute;left:18%;top:18%;width:42%;height:55%;border:2px solid rgba(255,255,255,.82);border-radius:26px;box-shadow:0 0 0 999px #0000002e}.guide-ball{position:absolute;left:54%;bottom:20%;width:12px;height:12px;border-radius:50%;background:#ff3b30f0;box-shadow:0 0 16px #ff3b30cc}.strike-zone-box{position:absolute;left:49%;bottom:15%;width:15%;height:14%;border:2px dashed rgba(255,59,48,.9);border-radius:14px;box-shadow:0 0 20px #ff3b3047}.guide-target-line{position:absolute;left:58%;top:18%;bottom:18%;width:2px;background:linear-gradient(180deg,#ff3b302e,#ff3b30e6,#ff3b302e)}.hint-list,.stack{display:grid;gap:14px}.compact{gap:10px}.feed-card,.empty-stage{border-radius:8px;border:1px solid var(--border);background:linear-gradient(180deg,#ffffff09,#ffffff05);padding:16px}.feed-card.active,.point-card.active{border-color:#ff3b3059;background:#ff3b3014}.feed-card h3,.feed-card p,.empty-stage p{margin:0}.feed-card h3{margin-bottom:8px}.empty-stage{min-height:280px;display:grid;place-items:center;text-align:center;gap:12px;border-style:dashed}.trace-overlay{border:0;background:transparent;padding:0;touch-action:none}.trace-overlay.manual{cursor:crosshair}.trace-svg{width:100%;height:100%}.trace-guide-line{fill:none;stroke:#ffffff38;stroke-width:.4;stroke-dasharray:1.6 1.2}.trace-line{fill:none;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.trace-line.red{stroke:#ff3b30;filter:drop-shadow(0 0 12px rgba(255,59,48,.7))}.trace-point{stroke-width:.35}.trace-point.red,.trace-point.start{fill:#fff;stroke:#ff3b30}.trace-point.end{fill:#ffd7d2;stroke:#ff7a70}.trace-point.apex{fill:#fff2f0;stroke:#fff}.advanced-controls .secondary-button,.advanced-controls .primary-button{min-height:52px}.trace-point.low{fill:#ffd7b5;stroke:#ff9f0a}.tracer-controls,.advanced-controls{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:8px}.range-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:.94rem;font-weight:700}.field input[type=range]{width:100%;min-height:44px;margin:0;accent-color:var(--accent)}.notice{padding:14px 16px;border-radius:8px;border:1px solid var(--border);line-height:1.45}.notice.error{border-color:#ff8d8d3d;background:#ff8d8d14;color:#ffd9d9}.point-editor-stack{margin-top:16px}.point-card{display:grid;gap:12px}.point-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.point-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.mini-button{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;color:var(--text)}.preset-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.speed-pill{min-height:44px}.speed-pill.active{border-color:#ff3b3059;background:#ff3b301f;color:#ffd1cd}@media (min-width: 920px){.brand-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.52fr)}.brand-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{grid-template-columns:1fr;align-items:stretch}.product-card img,.product-art{aspect-ratio:4 / 3}.tracker-intro{grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);align-items:end}.topbar{grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);align-items:end}.premium-hero{grid-template-columns:minmax(0,1fr) 320px;align-items:center}.advanced-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.72fr);align-items:start}.side-panel{position:sticky;top:max(18px,env(safe-area-inset-top))}}@media (max-width: 640px){.brand-nav{align-items:flex-start;flex-direction:column}.nav-links{width:100%;justify-content:space-between;gap:8px;font-size:.72rem}.brand-hero h1{font-size:3.2rem}.product-card{grid-template-columns:1fr}.product-card strong{grid-column:auto}.step-strip,.hero-stats,.tracer-controls,.advanced-controls{grid-template-columns:1fr}.preset-row{grid-template-columns:repeat(2,minmax(0,1fr))}}