:root{--bg-desk: #e8eaed;--phone-bg: #ffffff;--ink: #0f0f0f;--ink-muted: #5c5c5c;--ink-faint: #8a8a8a;--line: #efefef;--line-strong: #e0e0e0;--accent: #fe2c55;--accent-blue: #2e7cf6;--accent-soft: #fff0f3;--surface: #f5f5f5;--toast-bg: #1a1a1a;--radius: 8px;--radius-sm: 6px;--font-body: "DM Sans", system-ui, -apple-system, sans-serif;--font-display: "DM Sans", system-ui, sans-serif;--phone-w: 390px;--phone-h: min(844px, calc(100dvh - 2rem) );--ease-out: cubic-bezier(.22, 1, .36, 1);--progress: 0%;--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;padding:0;min-height:100%;background:var(--bg-desk);color:var(--ink);font-family:var(--font-body);line-height:1.45}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;padding:0}a{color:var(--accent-blue)}#app{min-height:100dvh;display:grid;place-items:center;padding:1rem}.phone{width:min(100%,var(--phone-w));height:var(--phone-h);background:var(--phone-bg);border-radius:28px;box-shadow:0 0 0 1px #0000000f,0 0 0 10px #1c1c1e,0 24px 60px #00000038;overflow:hidden;position:relative;display:flex;flex-direction:column}@media(max-width:480px){#app{padding:0}.phone{width:100%;height:100dvh;border-radius:0;box-shadow:none}}.phone-notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:110px;height:28px;background:#1c1c1e;border-radius:16px;z-index:80;pointer-events:none}@media(max-width:480px){.phone-notch{display:none}}.top-bar{position:absolute;top:0;left:0;right:0;z-index:40;padding:2.6rem .85rem .5rem;background:linear-gradient(180deg,rgba(255,255,255,.96) 40%,transparent);pointer-events:none}.top-tabs{display:flex;justify-content:center;gap:1.25rem;font-size:.95rem;font-weight:600;color:var(--ink-faint);pointer-events:none}.top-tabs .tab.is-on{color:var(--ink);position:relative}.top-tabs .tab.is-on:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);width:22px;height:2px;background:var(--ink);border-radius:1px}.progress-row{margin-top:.85rem;display:flex;align-items:center;gap:.5rem;pointer-events:none}.progress-track{flex:1;height:2px;background:var(--line-strong);border-radius:1px;overflow:hidden}.progress-fill{height:100%;width:var(--progress);background:var(--accent);transition:width .2s var(--ease-out)}.progress-pct{font-size:.65rem;font-weight:600;color:var(--ink-faint);min-width:2rem;text-align:right}.feed{flex:1;min-height:0;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;background:var(--phone-bg);scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.card{scroll-snap-align:start;scroll-snap-stop:always;height:100%;min-height:100%;flex-shrink:0;position:relative;display:flex;flex-direction:column;background:var(--phone-bg);border-bottom:1px solid var(--line);user-select:none;-webkit-user-select:none;touch-action:pan-y}.card-stage{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:4.5rem 4.25rem 5.5rem 1rem;position:relative;overflow:hidden;background:linear-gradient(180deg,#fafafa,#fff 45%,#f7f7f8)}.card-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.22;pointer-events:none}.card-media img,.card-media video{width:100%;height:100%;object-fit:cover}.feed-loading,.feed-error{display:grid;place-items:center;height:100%;padding:2rem;text-align:center;color:var(--ink-muted);font-size:.95rem}.feed-error{color:#b91c1c}.card[data-kind=stat] .card-stage{background:linear-gradient(165deg,#fff5f7,#fff,#f0f7ff)}.card[data-kind=hottake] .card-stage{background:linear-gradient(165deg,#fff8f0,#fff 55%)}.card[data-kind=proof] .card-stage{background:linear-gradient(165deg,#f3faf6,#fff 55%)}.card[data-kind=gate] .card-stage{background:linear-gradient(165deg,#f5f5ff,#fff 55%)}.card-inner{position:relative;z-index:2;opacity:.4;transform:translateY(12px);transition:opacity .4s var(--ease-out),transform .4s var(--ease-out)}.card.is-active .card-inner,.card.is-seen .card-inner{opacity:1;transform:none}.card-kind{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:.65rem}.card h2,.card .display{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em;margin:0 0 .75rem;font-size:clamp(1.45rem,6.2vw,1.85rem)}.card .display.xl{font-size:clamp(1.7rem,7vw,2.15rem)}.card p{margin:0 0 .75rem;color:var(--ink-muted);font-size:.95rem}.cliffhanger{margin-top:1rem;padding-top:.85rem;border-top:1px solid var(--line);font-size:.9rem;font-weight:600;color:var(--ink);opacity:0;transform:translateY(6px);transition:opacity .45s .25s var(--ease-out),transform .45s .25s var(--ease-out)}.card.is-active .cliffhanger{opacity:1;transform:none}.whisper{color:var(--ink-faint);font-size:.88rem}.caption{position:absolute;left:0;right:0;bottom:0;z-index:5;padding:.75rem 4.25rem .85rem 1rem;background:linear-gradient(180deg,transparent,rgba(255,255,255,.95) 30%,#fff);border-top:1px solid var(--line)}.caption-user{display:flex;align-items:center;gap:.55rem;margin-bottom:.35rem}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#ff6b8a,#2e7cf6);color:#fff;font-size:.75rem;font-weight:700;display:grid;place-items:center;flex-shrink:0;border:2px solid #fff;box-shadow:0 0 0 1px var(--line-strong)}.caption-name{font-size:.88rem;font-weight:700}.caption-meta{font-size:.72rem;color:var(--ink-faint)}.caption-text{font-size:.82rem;color:var(--ink-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.action-rail{position:absolute;right:.55rem;bottom:5.75rem;z-index:10;display:flex;flex-direction:column;align-items:center;gap:1.05rem}.action-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;color:var(--ink);min-width:44px}.action-btn .icon-wrap{width:44px;height:44px;border-radius:50%;background:var(--surface);border:1px solid var(--line-strong);display:grid;place-items:center;transition:transform .15s,background .15s,color .15s}.action-btn:active .icon-wrap{transform:scale(.92)}.action-btn svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.action-btn .count{font-size:.68rem;font-weight:600;color:var(--ink-muted)}.action-btn.is-liked .icon-wrap{background:var(--accent-soft);border-color:#ffc2ce;color:var(--accent)}.action-btn.is-liked svg{fill:var(--accent);stroke:var(--accent)}.action-btn.is-unmuted .icon-wrap{background:#eef5ff;border-color:#c5dbff;color:var(--accent-blue)}.heart-burst{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%) scale(.4);z-index:20;pointer-events:none;opacity:0;color:var(--accent)}.heart-burst svg{width:96px;height:96px;fill:currentColor;stroke:none;filter:drop-shadow(0 8px 20px rgba(254,44,85,.35))}.heart-burst.is-pop{animation:heart-pop .7s var(--ease-out) forwards}@keyframes heart-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}35%{opacity:1;transform:translate(-50%,-55%) scale(1.15)}to{opacity:0;transform:translate(-50%,-70%) scale(1)}}.like-hint{position:absolute;right:3.5rem;top:42%;transform:translateY(-50%);z-index:8;font-size:.7rem;font-weight:600;color:var(--ink-faint);background:#ffffffe6;border:1px solid var(--line);padding:.35rem .55rem;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.card.is-active .like-hint.is-show{opacity:1;animation:nudge-left 1.4s ease-in-out 2}@keyframes nudge-left{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(-6px)}}.unmute-hint{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);z-index:9;display:flex;align-items:center;gap:.4rem;padding:.55rem .85rem;border-radius:999px;background:#0f0f0fb8;color:#fff;font-size:.8rem;font-weight:600;pointer-events:none;opacity:0;transition:opacity .3s}.unmute-hint.is-show{opacity:1}.unmute-hint svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2}.mirror-options{display:flex;flex-direction:column;gap:.65rem;margin-top:1.25rem}.mirror-btn{text-align:left;padding:.95rem 1rem;border-radius:var(--radius);border:1.5px solid var(--line-strong);background:#fff;transition:border-color .15s,background .15s,transform .15s}.mirror-btn:active{transform:scale(.98)}.mirror-btn .label{display:block;font-size:1rem;font-weight:700;margin-bottom:.15rem}.mirror-btn .sub{display:block;font-size:.8rem;color:var(--ink-faint)}.mirror-btn.is-chosen{border-color:var(--accent);background:var(--accent-soft)}.scroll-hint{margin-top:1.5rem;text-align:center;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);animation:bob 2s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.stat-value{font-size:clamp(3.2rem,16vw,4.4rem);font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--accent);margin:.15rem 0 .4rem}.stat-label{font-size:1rem;font-weight:600;color:var(--ink);margin-bottom:.65rem}.stat-bar{height:4px;background:var(--line);border-radius:2px;overflow:hidden;margin:.85rem 0 .65rem;max-width:10rem}.stat-bar-fill{height:100%;width:0;background:var(--accent);border-radius:2px}.proof-bubble{padding:1.1rem 1.1rem 1.1rem 1.15rem;border-radius:var(--radius);background:#fff;border:1px solid var(--line-strong);border-left:3px solid #22c55e;box-shadow:0 4px 16px #0000000a}.proof-live{display:inline-flex;align-items:center;gap:.3rem;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#16a34a;margin-bottom:.55rem}.toast-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;display:inline-block;animation:pulse-dot 1.5s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.proof-bubble blockquote{margin:0 0 .75rem;font-size:1.15rem;font-weight:600;line-height:1.35;color:var(--ink)}.proof-meta{font-size:.78rem;color:var(--ink-faint)}.proof-meta strong{color:var(--ink-muted)}.hottake-pill{display:inline-block;padding:.2rem .5rem;border-radius:4px;background:#fff1e8;color:#c2410c;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:.65rem}.case-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin:1rem 0 .5rem}.case-stat{text-align:center;padding:.65rem .25rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm)}.case-stat .v{display:block;font-weight:800;font-size:1.05rem;color:var(--accent);margin-bottom:.15rem}.case-stat .l{display:block;font-size:.6rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.foryou-list,.bonus-list{list-style:none;margin:.75rem 0 0;padding:0}.foryou-list li,.bonus-list li{position:relative;padding:.55rem 0 .55rem 1.1rem;border-bottom:1px solid var(--line);color:var(--ink-muted);font-size:.92rem}.foryou-list li:before{content:"";position:absolute;left:0;top:.9rem;width:6px;height:6px;border-radius:50%;background:var(--accent)}.bonus-list{padding-left:1.1rem;list-style:disc}.bonus-list li{padding-left:0;border:none}.outcome{padding:.75rem 0;border-bottom:1px solid var(--line)}.outcome .result{font-weight:700;font-size:.95rem;margin-bottom:.2rem}.outcome .how{font-size:.82rem;color:var(--ink-faint);margin:0}.gate-panel{padding:1.15rem;border-radius:var(--radius);border:1px solid var(--line-strong);background:#fff;box-shadow:0 4px 18px #0000000a}.gate-form{display:flex;flex-direction:column;gap:.55rem;margin-top:1rem}.gate-form input[type=email]{width:100%;padding:.8rem .9rem;border-radius:var(--radius-sm);border:1.5px solid var(--line-strong);background:var(--surface);color:var(--ink);font-family:inherit;font-size:.95rem;outline:none}.gate-form input:focus{border-color:var(--accent);background:#fff}.gate-submit{padding:.85rem;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-weight:700;font-size:.92rem}.gate-skip{font-size:.78rem;color:var(--ink-faint);text-decoration:underline;text-underline-offset:2px;align-self:center;margin-top:.15rem}.gate-done{color:#16a34a;font-size:.9rem}.final-cta{display:inline-block;margin-top:1rem;padding:.75rem 1.1rem;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-weight:700;text-decoration:none}.toast{position:absolute;top:5.25rem;left:50%;z-index:50;transform:translate(-50%) translateY(-16px);width:calc(100% - 2rem);max-width:20rem;padding:.7rem .85rem;border-radius:var(--radius);background:var(--toast-bg);color:#ddd;font-size:.8rem;box-shadow:0 10px 30px #0003;opacity:0;pointer-events:none;transition:opacity .35s,transform .35s var(--ease-out)}.toast strong{color:#fff}.toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.float-cta{position:absolute;bottom:1rem;left:50%;z-index:45;transform:translate(-50%) translateY(12px);padding:.7rem 1.15rem;border-radius:999px;background:var(--ink);color:#fff;font-size:.82rem;font-weight:700;box-shadow:0 8px 24px #0000002e;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s var(--ease-out),background .2s}.float-cta.is-visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.float-cta:active{transform:translate(-50%) scale(.97)}.swipe-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent 40%,rgba(254,44,85,.12));transition:opacity .2s}.swipe-flash.is-on{opacity:1}@media(prefers-reduced-motion:reduce){.card-inner,.cliffhanger,.heart-burst,.scroll-hint,.like-hint{animation:none!important;transition:none!important}.card-inner{opacity:1;transform:none}}