:root{--night:#0A0B10;--steel:#16181F;--tide:#2E6BE6;--dusk:#5B46D6;--amber:#E79A3A;--mist:#ECEFF4;--signal:#30D158;--txt:#F4F6FA;--dim:#9AA2AE;--line:rgba(255,255,255,.08);}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--night);color:var(--txt);font-family:"IBM Plex Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;min-height:100dvh;display:flex;align-items:center;justify-content:center;}.field{width:100%;min-height:100dvh;display:flex;align-items:center;justify-content:center;background: radial-gradient(120% 70% at 50% -10%,rgba(48,209,88,.10),transparent 60%),radial-gradient(120% 80% at 50% 120%,rgba(46,107,230,.12),transparent 60%),var(--night);}.app{width:100%;max-width:430px;min-height:100dvh;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 18px) 18px calc(env(safe-area-inset-bottom) + 16px);position:relative;overflow:hidden;}.topbar{display:flex;align-items:center;gap:12px;}.topbar img{width:48px;height:48px;border-radius:12px;display:block;}.livechip{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);background:var(--steel);border:1px solid var(--line);padding:7px 12px;border-radius:999px;}.dot{width:8px;height:8px;border-radius:50%;background:var(--signal);}.title{margin-top:26px;}.title h1{font-weight:400;line-height:1;}.wordmark{display:block;font-family:"Martian Mono","IBM Plex Sans",monospace;font-weight:700;font-size:clamp(2.4rem,1.7rem + 3.4vw,3rem);letter-spacing:-.04em;color:var(--txt);}.promise{display:block;margin-top:14px;font-size:clamp(1.02rem,0.96rem + 0.5vw,1.18rem);line-height:1.4;font-weight:600;color:var(--txt);max-width:21ch;}.sub{margin-top:10px;font-size:.92rem;line-height:1.5;color:var(--dim);max-width:30ch;}.stage{flex:1;position:relative;margin:20px 0 10px;min-height:300px;touch-action:pan-y;}.deck{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}.card{position:absolute;width:min(300px,80%);aspect-ratio:1 / 1.16;border-radius:34px;padding:22px;display:flex;flex-direction:column;color:#fff;will-change:transform;user-select:none;-webkit-user-select:none;box-shadow:0 20px 50px -18px rgba(0,0,0,.65);overflow:hidden;}.card .ctop{display:flex;align-items:center;gap:9px;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;opacity:.9;}.card .ctop .d{width:7px;height:7px;border-radius:50%;background:var(--signal)}.card .cnum{margin-left:auto;font-family:"Martian Mono",monospace;font-weight:700;font-size:.72rem;opacity:.65;}.card .cbody{flex:1;display:flex;align-items:center;justify-content:center}.card h2{font-family:"Martian Mono","IBM Plex Sans",monospace;font-weight:700;font-size:1.26rem;letter-spacing:-.02em;line-height:1.15;}.card p{font-size:.86rem;line-height:1.45;opacity:.92;margin-top:8px}.card.feed-a{background:var(--tide)}.card.feed-b{background:var(--dusk)}.card.feed-c{background:var(--amber);color:var(--night)}.card.feed-c .ctop{opacity:.75}.card.feed-c .d{background:var(--night)}.card.offer{background:var(--mist);color:var(--night)}.card.offer .d{background:var(--signal)}.view{width:100%;border-radius:20px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.22);padding:16px;display:flex;flex-direction:column;gap:14px;}.card.feed-c .view,.card.offer .view{background:rgba(10,11,16,.07);border-color:rgba(10,11,16,.14)}.lens{width:54px;height:54px;border-radius:16px;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;opacity:.9;}.lens svg{width:26px;height:26px}.bars{display:flex;gap:4px;align-items:flex-end;height:22px}.bars i{width:5px;border-radius:2px;background:currentColor;opacity:.85;display:block}.bars i:nth-child(1){height:30%}.bars i:nth-child(2){height:55%}.bars i:nth-child(3){height:78%}.bars i:nth-child(4){height:100%}.hist{display:flex;flex-direction:column;gap:9px}.hrow{display:flex;align-items:center;gap:10px;font-size:.78rem;opacity:.92}.hrow .tri{width:0;height:0;border-left:8px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}.hrow .bar{flex:1;height:6px;border-radius:3px;background:currentColor;opacity:.3}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.mini{border-radius:14px;background:rgba(10,11,16,.06);border:1px solid rgba(10,11,16,.12);padding:11px;display:flex;flex-direction:column;gap:7px;align-items:flex-start}.mini .tag{font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;opacity:.6}.mini .lens{width:30px;height:30px;border-radius:10px}.mini .lens svg{width:15px;height:15px}.hint{position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;font-size:.74rem;color:var(--dim);pointer-events:none;transition:opacity .3s ease;}.hint .chev{display:flex;gap:2px}.hint .chev span{width:7px;height:7px;border-right:2px solid var(--dim);border-top:2px solid var(--dim);transform:rotate(45deg);opacity:.5}.action{margin-top:auto;padding-top:14px;}.cta{display:flex;align-items:center;justify-content:center;gap:11px;width:100%;background:var(--mist);color:var(--night);text-decoration:none;font-family:"Martian Mono","IBM Plex Sans",monospace;font-weight:700;font-size:1rem;letter-spacing:-.01em;padding:18px 20px;border-radius:20px;min-height:56px;transition:transform .14s ease;}.cta .d{width:9px;height:9px;border-radius:50%;background:var(--signal)}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--signal);outline-offset:3px}@media (hover:hover){.cta:hover{transform:translateY(-1px)}}.under{margin-top:12px;text-align:center;font-size:.82rem;line-height:1.4;color:var(--dim);}footer{margin-top:16px;text-align:center;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);opacity:.7;}@media (prefers-reduced-motion:reduce){.card{transition:opacity .2s ease}}@media (min-width:460px){.field{padding:28px 0}.app{min-height:auto;height:min(880px,calc(100dvh - 56px));border-radius:44px;border:1px solid var(--line);background: radial-gradient(120% 50% at 50% 0%,rgba(48,209,88,.06),transparent 55%),var(--night);box-shadow:0 40px 90px -30px rgba(0,0,0,.8);}}html,body{max-width:100%;overflow-x:clip}