:root{--ink:#10121C;--slate:#1C2033;--beam:#3B6CFF;--lilac:#B59CFF;--mint:#4BE3B0;--amber:#FFB443;--paper:#FFFFFF;--muted:#A9B2CC;--line:rgba(255,255,255,0.14);--glass:rgba(255,255,255,0.07);}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--ink);color:var(--paper);font-family:"Hanken Grotesk",system-ui,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow:hidden;}.field{position:fixed;inset:0;background: radial-gradient(130% 70% at 12% 0%,rgba(59,108,255,0.38),transparent 60%),radial-gradient(110% 60% at 92% 10%,rgba(181,156,255,0.26),transparent 62%),radial-gradient(120% 70% at 50% 110%,rgba(75,227,176,0.16),transparent 58%);z-index:0;}.app{position:relative;z-index:1;height:100dvh;width:min(100%,460px);margin-inline:auto;display:grid;grid-template-rows:auto 1fr auto;padding:calc(env(safe-area-inset-top) + 0.9rem) 1.15rem calc(env(safe-area-inset-bottom) + 0.8rem);gap:0.6rem;}header{display:grid;gap:0.5rem;justify-items:start}img.logo{width:144px;height:144px;max-width:clamp(56px,13vh,144px);max-height:clamp(56px,13vh,144px);border-radius:26px;display:block;background:var(--glass);}h1{font-family:"Anybody","Hanken Grotesk",sans-serif;font-weight:700;font-variation-settings:"wdth" 125;font-size:clamp(1.3rem,1rem + 2.1vw,2rem);line-height:1.08;letter-spacing:-0.01em;}h1 .mark{color:var(--mint)}.support{color:var(--muted);font-size:clamp(0.95rem,0.9rem + 0.3vw,1.05rem);line-height:1.45;max-width:34ch;}.deck{position:relative;min-height:0;margin-top:0.5rem;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none;}.deck:focus-visible{outline:2px solid var(--mint);outline-offset:10px;border-radius:30px}.card{position:absolute;left:0;right:0;top:4.2rem;bottom:0;border-radius:28px;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:1.15rem 1.2rem;display:flex;flex-direction:column;justify-content:space-between;will-change:transform;}.card .tag{font-size:0.72rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--lilac);font-weight:600;}.card .q{font-family:"Anybody","Hanken Grotesk",sans-serif;font-weight:700;font-variation-settings:"wdth" 125;font-size:clamp(1.15rem,0.95rem + 1.5vw,1.5rem);line-height:1.14;}.card .foot{font-size:0.85rem;color:var(--muted);display:flex;align-items:center;gap:0.5rem;}.swipe-dot{width:9px;height:9px;border-radius:50%;background:var(--amber);flex:none;}.card.answer{background:linear-gradient(170deg,rgba(75,227,176,0.22),rgba(28,32,51,0.92) 58%);border-color:rgba(75,227,176,0.45);padding-top:0;}.answer .band{height:2.6rem;display:flex;align-items:center;gap:0.5rem;padding:0 1.2rem;margin:0 -1.2rem;border-radius:28px 28px 0 0;background:rgba(75,227,176,0.9);color:#07261C;font-weight:600;font-size:0.86rem;letter-spacing:0.01em;}.answer .band .dot{width:8px;height:8px;border-radius:50%;background:#07261C;flex:none}.answer .body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:0.75rem;padding-top:0.9rem;}.answer .lead{font-family:"Anybody","Hanken Grotesk",sans-serif;font-weight:700;font-variation-settings:"wdth" 125;font-size:clamp(1.05rem,0.9rem + 1.1vw,1.3rem);line-height:1.3;}.chips{display:flex;flex-wrap:wrap;gap:0.4rem}.chip{border:1px solid rgba(255,255,255,0.22);background:rgba(255,255,255,0.08);color:var(--paper);border-radius:999px;padding:0.32rem 0.7rem;font-size:0.8rem;font-weight:600;opacity:0;transform:translateY(6px);transition:opacity 0.28s ease,transform 0.28s ease;}.chip.on{opacity:1;transform:none}.action{display:grid;gap:0.55rem;justify-items:center}.cta{display:block;width:100%;text-align:center;background:var(--paper);color:var(--ink);text-decoration:none;font-family:"Anybody","Hanken Grotesk",sans-serif;font-weight:700;font-variation-settings:"wdth" 125;font-size:clamp(1rem,0.94rem + 0.5vw,1.12rem);padding:1rem 1.25rem;border-radius:999px;min-height:56px;line-height:1.5;transition:transform 0.12s ease;}.cta:active{transform:scale(0.97)}.cta:focus-visible{outline:3px solid var(--mint);outline-offset:3px}@media (hover: hover) and (pointer: fine){.cta:hover{transform:translateY(-1px)}.replay:hover{color:var(--paper)}}.under{color:var(--muted);font-size:0.85rem;text-align:center;line-height:1.4;max-width:36ch;}.replay{background:none;border:0;color:var(--muted);font-family:inherit;font-size:0.8rem;font-weight:600;letter-spacing:0.04em;padding:0.5rem 0.9rem;min-height:44px;border-radius:999px;cursor:pointer;-webkit-tap-highlight-color:transparent;visibility:hidden;height:0;min-height:0;padding:0;}.replay.show{visibility:visible;height:auto;min-height:44px;padding:0.5rem 0.9rem}.replay:focus-visible{outline:2px solid var(--mint);outline-offset:2px}footer{text-align:center;font-size:0.75rem;letter-spacing:0.22em;text-transform:uppercase;color:rgba(169,178,204,0.7);font-weight:600;}@media (min-width: 900px){.app{width:430px;border-radius:0;}body::after{content:"";position:fixed;inset:0;z-index:0;background:radial-gradient(60% 60% at 50% 50%,rgba(16,18,28,0) 40%,rgba(16,18,28,0.55) 100%);pointer-events:none;}}@media (prefers-reduced-motion: reduce){.chip{transition:opacity 0.2s ease}.cta{transition:none}}html,body{max-width:100%;overflow-x:clip}