:root{--ink:#17120d;--pink:#ff2d6b;--paper:#faf6ef;--pink-wash:rgba(255,45,107,.12);--ink-line:rgba(23,18,13,.14);--maxw:1120px;}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hanken Grotesk",system-ui,-apple-system,Segoe UI,sans-serif;font-weight:400;line-height:1.5;overflow-x:clip;-webkit-font-smoothing:antialiased;}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}h1,h2,h3{font-family:"Anton",Impact,system-ui,sans-serif;font-weight:400;letter-spacing:.01em;line-height:.98;text-transform:uppercase;margin:0}p{margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--pink);outline-offset:3px;border-radius:4px}.skip{position:absolute;left:10px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:.6em 1em;border-radius:2px;text-decoration:none;font-weight:700;transition:top .15s ease}.skip:focus{top:10px}.t-display{font-size:clamp(2.35rem,9vw,4.6rem)}.t-head{font-size:clamp(1.5rem,5.2vw,2.4rem)}.t-body{font-size:clamp(1rem,2.6vw,1.12rem)}.t-small{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.cta{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-width:244px;min-height:58px;padding:0 1.4em;background:var(--pink);color:var(--ink);font-family:"Anton",Impact,sans-serif;font-size:1.26rem;letter-spacing:.02em;text-transform:uppercase;text-decoration:none;border:3px solid var(--ink);border-radius:2px;box-shadow:6px 6px 0 var(--ink);transition:transform .08s ease,box-shadow .08s ease;will-change:transform;}.cta:active{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink)}.cta .arrow{display:inline-block}.under-cta{margin-top:.75rem;font-size:.92rem;color:var(--ink);opacity:.78}.sticker{display:inline-block;font-family:"Anton",sans-serif;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em;background:var(--ink);color:var(--paper);padding:.28em .6em;border-radius:2px;transform:rotate(-2deg);}.sticker-row{margin:.2rem 0 1.1rem;line-height:1}.tag-pink{background:var(--pink);color:var(--ink)}.topbar{display:flex;align-items:center;gap:.65rem;padding:16px 0 4px}.topbar img{display:block;width:44px;height:44px;border-radius:12px}.topbar .brand{font-family:"Anton",sans-serif;text-transform:uppercase;font-size:1.22rem;letter-spacing:.03em}.hero{padding:6px 0 34px}.hero-grid{display:grid;gap:22px;align-items:center}.hero h1{margin:.25em 0 .35em}.hero h1 .hl{color:var(--pink)}.hero .lead{max-width:30ch;font-size:clamp(1.02rem,3vw,1.18rem);line-height:1.45}.hero-cta-row{margin-top:1.3rem}.hero-art{position:relative}.scene{position:relative;width:100%;max-width:360px;margin:0 auto}.scene svg{display:block;width:100%;height:auto}.scene .s{transition:opacity .5s ease,transform .5s cubic-bezier(.2,.9,.2,1)}.scene .s-connect{opacity:0}.scene .s-feed{opacity:0;transform:scale(.82);transform-origin:center}.scene .s-history{opacity:0;transform:translateY(10px)}.scene .s-private{opacity:1}.scene[data-step="1"] .s-private{opacity:.25}.scene[data-step="1"] .s-connect{opacity:1}.scene[data-step="2"] .s-private{opacity:0}.scene[data-step="2"] .s-connect{opacity:1;transform:translateY(-4px)}.scene[data-step="2"] .s-feed{opacity:1;transform:scale(1)}.scene[data-step="3"] .s-private{opacity:0}.scene[data-step="3"] .s-connect{opacity:0}.scene[data-step="3"] .s-feed{opacity:1;transform:scale(1)}.scene[data-step="3"] .s-history{opacity:1;transform:translateY(0)}.rec{transform-origin:center}.scene[data-step="2"] .rec,.scene[data-step="3"] .rec{animation:blink 1.1s steps(2,start) infinite}@keyframes blink{50%{opacity:.25}}.doodle{position:absolute;pointer-events:none}.story{padding:18px 0 10px}.story-grid{display:grid;gap:0}.sticky-art{position:sticky;top:0;height:46dvh;min-height:300px;display:flex;align-items:center;justify-content:center;background: linear-gradient(0deg,var(--paper),var(--paper)),var(--paper);z-index:1;}.sticky-art .scene{max-width:270px}.steps{display:grid;gap:0}.step{min-height:72dvh;display:flex;flex-direction:column;justify-content:center;padding:1.2rem 0}.step .num{font-family:"Anton",sans-serif;color:var(--ink);font-size:1rem;letter-spacing:.14em}.step p{font-family:"Anton",sans-serif;text-transform:uppercase;font-size:clamp(1.5rem,6vw,2.3rem);line-height:1.1;margin-top:.3rem;max-width:16ch}.quiz{padding:40px 0 20px}.quiz h2{margin-bottom:.4rem}.quiz .q-sub{color:var(--ink);opacity:.78;margin-bottom:1.3rem;max-width:40ch}.q-opts{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}.q-opt{font-family:"Hanken Grotesk",sans-serif;font-weight:700;font-size:1rem;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:2px;padding:.72em 1em;cursor:pointer;text-align:left;transition:transform .08s ease,background .15s ease;}.q-opt[aria-pressed="true"]{background:var(--pink);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}.q-opt:active{transform:translateY(2px)}.q-panel{display:none;border:3px solid var(--ink);border-radius:2px;padding:20px 18px;background:var(--paper)}.q-panel.is-open{display:block}.q-panel h3{font-size:1.3rem;margin-bottom:.9rem}.day-row{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:baseline;padding:.6rem 0;border-top:2px solid var(--ink-line)}.day-row:first-of-type{border-top:0}.day-row .moment{font-family:"Anton",sans-serif;text-transform:uppercase;color:var(--pink);font-size:1.02rem;letter-spacing:.04em}.limit-list{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.7rem}.limit-list li{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:start}.limit-list .x{width:22px;height:22px;flex:0 0 auto}.limit-note{font-weight:700}.made-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.made-card{border:3px solid var(--ink);border-radius:2px;padding:14px}.made-card .ic{width:30px;height:30px;margin-bottom:.5rem;display:block}.made-card strong{display:block;font-family:"Anton",sans-serif;text-transform:uppercase;letter-spacing:.03em;font-size:1.05rem;margin-bottom:.2rem}.made-card span{font-size:.94rem;opacity:.82}.close{padding:48px 0;text-align:center}.close h2{margin-bottom:1.1rem;max-width:18ch;margin-left:auto;margin-right:auto}.close .under-cta{margin-top:1rem}footer{border-top:3px solid var(--ink);margin-top:10px;padding:26px 0 120px}.foot-grid{display:grid;gap:20px}.foot-brand{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.foot-brand img{width:34px;height:34px;border-radius:9px}.foot-brand span{font-family:"Anton",sans-serif;text-transform:uppercase;font-size:1.1rem}.foot-line{max-width:40ch;opacity:.8;font-size:.95rem}.foot-links{display:flex;flex-direction:column;gap:.5rem}.foot-links a{font-weight:700;text-decoration:none;width:max-content}.foot-links a:hover{color:var(--pink)}.bar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--ink);padding:10px 16px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px;transform:translateY(120%);transition:transform .3s cubic-bezier(.2,.9,.2,1);}.bar.show{transform:translateY(0)}.bar .bar-txt{color:var(--paper);font-family:"Anton",sans-serif;text-transform:uppercase;font-size:.96rem;letter-spacing:.02em}.bar .cta{min-width:0;min-height:48px;font-size:1.02rem;box-shadow:none;border-color:var(--paper)}.bar .cta:active{transform:translate(2px,2px)}@media (max-width:539px){.bar .bar-txt{display:none}.bar .cta{flex:1}}@media (min-width:860px){.hero-grid{grid-template-columns:1.05fr .95fr}.hero .lead{font-size:1.2rem}.story-grid{grid-template-columns:1fr 1fr;gap:40px;align-items:start}.sticky-art{height:100dvh;min-height:0}.sticky-art .scene{max-width:340px}.foot-grid{grid-template-columns:1.4fr 1fr;align-items:start}.foot-links{align-items:flex-end}}@media (hover:hover) and (pointer:fine){.cta:hover{transform:translate(-1px,-1px);box-shadow:8px 8px 0 var(--ink)}.q-opt:hover{background:var(--pink-wash)}.q-opt[aria-pressed="true"]:hover{background:var(--pink)}}@media (prefers-reduced-motion:reduce){*{animation:none !important}.scene .s,.bar{transition:none !important}}