:root{--cream:#fff3e0;--cream-dot:#f3e0c2;--mint:#cfebdd;--mint-dot:#b2dcc6;--wood:#e0a96d;--wood-lip:#ebbc85;--wood-dark:#c98e52;--white:#fff;--navy:#1b4fa8;--body:#1f4285;--muted:#6179a8;--rule:#d9e4f5;--badge:#4c7bd0;--green:#4caf50;--green-dark:#3b8e3f;--coral:#f2705b;--coral-dark:#d65a46;--butter:#ffc53d;--butter-dark:#e0a520;--pink:#f0a0b4;--sheet:#ede3d3;--sans:"Nunito", "Varela Round", "Arial Rounded MT Bold", system-ui, sans-serif;--hand:"Caveat", "Bradley Hand", "Segoe Print", cursive}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--sans);color:var(--navy);background-color:var(--cream);background-image:radial-gradient(var(--cream-dot) 1.6px, transparent 2.1px);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;background-size:22px 22px;margin:0;font-weight:700}button,input,textarea{font:inherit;color:inherit}button,a,.door{touch-action:manipulation}a{color:var(--navy)}.phone{flex-direction:column;max-width:430px;min-height:100dvh;margin:0 auto;display:flex}.pegboard{background-color:var(--mint);background-image:radial-gradient(var(--mint-dot) 2.2px, transparent 2.7px);padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background-size:16px 16px;justify-content:space-between;align-items:center;gap:8px;display:flex}.tag{background:var(--white);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:800}.tag.butter{background:var(--butter);box-shadow:inset 0 -3px 0 var(--butter-dark)}.wordmark{letter-spacing:-.01em;font-size:17px;font-weight:900}.main{flex-direction:column;flex:1;gap:16px;padding:20px 16px 24px;display:flex}.desk{background:var(--wood);box-shadow:inset 0 5px 0 var(--wood-lip), inset 0 -6px 0 var(--wood-dark);height:22px;margin-top:auto}h1{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:30px;font-weight:900;line-height:1.08}h2{text-wrap:balance;margin:0;font-size:21px;font-weight:900;line-height:1.15}p{margin:0;line-height:1.35}.muted{color:var(--muted)}.small{font-size:14px}.why{color:var(--body);font-size:15px;line-height:1.35}.lede{color:var(--body);margin:0;font-size:17px;line-height:1.45}.lede b{color:var(--navy)}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:800}.sheet{background:var(--white);border-radius:20px;flex-direction:column;gap:12px;padding:18px;display:flex;box-shadow:0 3px #c98e5233,0 10px 22px #78501e1f}.btn{cursor:pointer;width:100%;color:var(--white);background:var(--green);box-shadow:inset 0 -5px 0 var(--green-dark);-webkit-tap-highlight-color:transparent;box-sizing:border-box;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:15px 22px 18px;font-family:inherit;font-size:19px;font-weight:900;line-height:1.1;text-decoration:none;transition:transform 60ms;display:flex}.btn:active{box-shadow:inset 0 -3px 0 var(--green-dark);transform:translateY(2px)}.btn.coral{background:var(--coral);box-shadow:inset 0 -5px 0 var(--coral-dark)}.btn.coral:active{box-shadow:inset 0 -3px 0 var(--coral-dark)}.btn.butter{background:var(--butter);color:var(--navy);box-shadow:inset 0 -5px 0 var(--butter-dark)}.btn.ghost{color:var(--navy);box-shadow:none;text-underline-offset:3px;background:0 0;padding:10px;font-size:16px;text-decoration:underline}.btn.small{width:auto;padding:10px 16px 13px;font-size:15px}.btn:disabled{opacity:.55;cursor:default}.link{color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px;font-size:14px;font-weight:800;text-decoration:underline}.row{align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.stack{flex-direction:column;gap:10px;display:flex}.timer{font-variant-numeric:tabular-nums;background:var(--white);box-shadow:inset 0 -3px 0 var(--rule);border-radius:999px;padding:6px 14px;font-size:22px;font-weight:900}.timer.low{color:var(--coral-dark)}.field{flex-direction:column;gap:5px;display:flex}.field label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:800}.input{width:100%;color:var(--body);box-shadow:inset 0 0 0 2px var(--rule);resize:none;background:#f6f9ff;border:0;border-radius:12px;outline:none;padding:11px 13px;font-size:17px;font-weight:700}.input:focus{box-shadow:inset 0 0 0 2px var(--badge)}.input::placeholder{color:#a9b7d6;font-weight:700}.line{align-items:flex-start;gap:9px;display:flex}.line .n{background:var(--badge);width:24px;height:24px;color:var(--white);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:10px;font-size:11px;font-weight:900;display:flex}.line .n.coral{background:var(--coral)}.line .n.empty{background:var(--rule);color:var(--muted)}.line .prefix{flex:none;margin-top:12px;font-size:15px;font-weight:900}.line .prefix.good{color:var(--green-dark)}.line .prefix.bad{color:var(--coral-dark)}.counter{font-size:15px;font-weight:900}.hint{color:var(--muted);font-size:13px;font-weight:700}.photo-drop{border:3px dashed var(--rule);text-align:center;cursor:pointer;background:#f7faff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;padding:16px;display:flex}.photo-drop img{border-radius:10px;max-width:100%;max-height:320px;transform:rotate(-2.2deg);box-shadow:0 6px 16px #5032142e}.photo-drop input{display:none}.card-preview{aspect-ratio:4/5;background:var(--sheet);border-radius:16px;width:100%;overflow:hidden;box-shadow:0 2px 4px #5032141a,0 12px 30px #50321424}.card-preview img{width:100%;height:100%;display:block}.card-scale{aspect-ratio:4/5;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 2px 4px #5032141a,0 12px 30px #50321424}.card-scale>div{transform-origin:0 0;position:absolute;top:0;left:0}.dot{background:var(--green);width:14px;height:14px;box-shadow:inset 0 -2px 0 var(--green-dark);border-radius:50%;display:inline-block}.dots{flex-wrap:wrap;gap:6px;display:flex}.dot.off{background:var(--rule);box-shadow:none}.choice{box-shadow:inset 0 0 0 2px var(--rule);cursor:pointer;background:#f6f9ff;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-size:16px;display:flex}.choice.on{box-shadow:inset 0 0 0 3px var(--green);background:#eef8f0}.choice .n{border:2px solid var(--navy);border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:900;display:flex}.choice.on .n{background:var(--green);border-color:var(--green);color:var(--white)}.toast{background:var(--navy);color:var(--white);z-index:10;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:800;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0000002e}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--white);color:var(--navy);box-shadow:inset 0 -3px 0 var(--rule);cursor:pointer;border:0;border-radius:999px;padding:7px 13px 9px;font-size:14px;font-weight:900}.chip.on{background:var(--navy);color:var(--white);box-shadow:inset 0 -3px #143b7f}.big-opts{flex-direction:column;gap:10px;width:100%;display:flex}.big-opts.two{grid-template-columns:1fr 1fr;display:grid}.big-opt{background:var(--white);color:var(--navy);box-shadow:inset 0 -4px 0 var(--rule);cursor:pointer;text-align:center;border:0;border-radius:16px;padding:16px 14px 18px;font-size:18px;font-weight:900;line-height:1.15}.big-opt.on{background:var(--navy);color:var(--white);box-shadow:inset 0 -4px #143b7f}.kraben-corner{position:absolute;top:4px;right:10px}.paced-done{text-align:left;cursor:pointer;color:var(--body);background:0 0;border:0;align-items:flex-start;gap:9px;width:100%;padding:4px 2px;font-size:16px;line-height:1.3;display:flex}.paced-done .n{background:var(--badge);width:24px;height:24px;color:var(--white);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:flex}.paced-done .paced-text{overflow-wrap:anywhere;flex:1;min-width:0}.paced-done b.good{color:var(--green-dark)}.paced-done b.bad{color:var(--coral-dark)}.paced-now{background:var(--white);border-radius:18px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 3px #c98e5233,0 10px 22px #78501e1f}.input.big{padding:14px 15px;font-size:19px}.clock-opt{color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:800;display:flex}.clock-opt input{opacity:0;width:0;height:0;position:absolute}.clock-opt .clock-box{background:var(--white);width:24px;height:24px;box-shadow:inset 0 0 0 2px var(--rule);color:var(--white);border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:flex}.clock-opt.on{color:var(--navy)}.clock-opt.on .clock-box{background:var(--green);box-shadow:inset 0 -3px 0 var(--green-dark)}.intro{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.intro-art{object-fit:cover;border-radius:20px;width:100%;height:min(40dvh,340px);box-shadow:0 3px #c98e5233,0 10px 22px #78501e1f}.intro-kraben{justify-content:center;align-items:center;width:100%;height:min(40dvh,340px);display:flex}.talk{flex-direction:column;align-items:center;gap:14px;padding-top:12px;display:flex}.ring-wrap{justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:relative}.ring{position:absolute;inset:0}.level{background:var(--mint);border-radius:50%;width:150px;height:150px;transition:transform 80ms linear;position:absolute}.ring-centre{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.word{color:var(--coral-dark);text-transform:lowercase;font-size:34px;font-weight:900;line-height:1;animation:.5s cubic-bezier(.2,.9,.3,1.2) word-in}.word.prompt{max-width:150px;font-size:22px;line-height:1.15}.word.prompt.quiet{color:var(--navy);opacity:.75}.word.soft{color:var(--navy);font-size:26px;animation:none}@keyframes word-in{0%{opacity:0;transform:scale(.6)translateY(10px)}to{opacity:1;transform:none}}.road{flex-direction:column;display:flex}.road-step{gap:12px;display:flex}.road-line{flex-direction:column;flex:none;align-items:center;width:16px;padding-top:14px;display:flex}.road-rail{background:var(--rule);border-radius:2px;flex:1;width:3px;margin:4px 0}.road-card{background:var(--white);box-shadow:inset 0 0 0 2px var(--rule);border-radius:16px;flex-direction:column;flex:1;gap:3px;margin-bottom:8px;padding:10px 14px 12px;display:flex}.road-step.done .road-card{box-shadow:inset 0 0 0 2px var(--green);background:#f2faf4}.road-title{font-size:17px;font-weight:900}.art-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.art{flex-direction:column;gap:6px;margin:0;display:flex}.art img{aspect-ratio:4/5;object-fit:cover;border-radius:14px;width:100%;box-shadow:0 8px 18px #78501e24}.art figcaption{color:var(--muted);font-size:12.5px;font-weight:700;line-height:1.3}.art-pair{aspect-ratio:4/5;background:var(--white);border-radius:14px;flex-direction:column;gap:4px;display:flex;overflow:hidden;box-shadow:0 8px 18px #78501e24}.art-pair img{aspect-ratio:auto;min-height:0;box-shadow:none;border-radius:0;flex:1 1 0}.reveal{font-family:var(--hand);color:var(--navy);text-align:center;font-size:34px;line-height:1.1;animation:.6s cubic-bezier(.2,.9,.3,1.2) word-in}.reveal.subject{font-family:var(--sans);color:var(--coral-dark);font-size:30px;font-weight:900}.story{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.story .reveal:first-child{transition:font-size .35s,opacity .35s}.story.on .reveal:first-child{opacity:.7;font-size:24px}.mic-btn{background:var(--coral);width:132px;height:132px;box-shadow:inset 0 -8px 0 var(--coral-dark), 0 12px 26px #d65a4647;cursor:pointer;color:var(--white);border:0;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;display:flex}.mic-btn:active{transform:translateY(3px)}.dive{color:var(--navy);animation:.6s cubic-bezier(.2,.9,.3,1.2) .3s both word-in}.dot.pulse{animation:1.2s ease-in-out infinite pulse}.dot.pulse.d2{animation-delay:.2s}.dot.pulse.d3{animation-delay:.4s}@keyframes pulse{0%,to{opacity:.5;transform:scale(.7)}50%{opacity:1;transform:scale(1.1)}}.tabs{background:var(--white);border-top:2px solid var(--rule);padding:6px 0 calc(6px + env(safe-area-inset-bottom));z-index:5;margin-top:auto;display:flex;position:sticky;bottom:0;box-shadow:0 -6px 16px #78501e14}.tab{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;flex:1;align-items:center;gap:2px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.tab.on{color:var(--navy)}.tab-ico{font-size:22px;line-height:1}.back{background:var(--white);width:34px;height:34px;color:var(--navy);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;margin-right:8px;padding-bottom:3px;font-family:inherit;font-size:24px;font-weight:900;line-height:1;text-decoration:none;display:flex}.road-row{background:var(--white);width:100%;color:var(--navy);font:inherit;cursor:pointer;text-align:left;border:0;border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex}.road-row.done{background:#f1f6ee}.road-row.next{box-shadow:inset 0 0 0 2.5px var(--green)}.road-n{background:var(--rule);width:26px;height:26px;color:var(--body);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:flex}.road-row.done .road-n{background:var(--green);color:var(--white)}.road-row.next .road-n{background:var(--navy);color:var(--white)}.road-row.open-play{box-shadow:inset 0 0 0 1.5px var(--rule)}.chev{color:var(--muted);flex:none;padding:0 2px;font-size:24px;font-weight:900;line-height:1}.road-img{object-fit:cover;border-radius:12px;flex:none;width:54px;height:54px}.road-hero{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.sheet-crop{aspect-ratio:408/386;cursor:pointer;background:var(--white);border-radius:18px;overflow:hidden}.sheet-crop.lifted{cursor:default;box-shadow:0 3px #c98e5233,0 10px 22px #78501e1f}.sheet-crop img{width:105.88%;max-width:none;margin:-10.78% 0 0 -2.94%;display:block}.art.full{cursor:pointer}.art.full img{aspect-ratio:auto;object-fit:contain;width:100%;height:auto}.lightbox{z-index:50;cursor:pointer;background:#101c3ced;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:14px;max-width:100%;max-height:78dvh;box-shadow:0 20px 50px #0006}.lightbox-cap{color:var(--white);text-align:center;font-size:15px;font-weight:800}.knock{background:var(--white);box-shadow:inset 0 0 0 2.5px var(--butter), 0 10px 22px #78501e1f;border-radius:20px;flex-direction:column;gap:10px;padding:14px;display:flex}.tab.on .tab-ico{color:var(--green)}.avatar{border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:900;display:flex;overflow:hidden}.crew-row{gap:14px;padding:2px 0 6px;display:flex;overflow-x:auto}.crew-face{flex-direction:column;flex:none;align-items:center;gap:4px;display:flex}.post-card{border-radius:14px;width:100%;display:block;box-shadow:0 8px 18px #78501e24}.tagrow{letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;gap:10px;font-size:11px;font-weight:800;display:flex}.tag-hand{color:var(--navy)}.tag-crew{color:var(--coral-dark)}.heart{color:var(--rule);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:24px;line-height:1}.heart.on{color:var(--coral)}.crew-drawing{text-align:center;background:repeating-linear-gradient(45deg,#fff6e2,#fff6e2 8px,#fdecc8 8px 16px);border-radius:12px;justify-content:center;align-items:center;height:120px;padding:10px;display:flex}.friend{background:var(--white);border-radius:14px;align-items:center;gap:12px;padding:10px 12px;display:flex}.slots{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.slot{aspect-ratio:1;border:2.5px dashed var(--badge);letter-spacing:0;text-transform:uppercase;text-align:center;color:var(--muted);border-radius:10px;justify-content:center;align-items:flex-end;padding-bottom:4px;font-size:7.5px;font-weight:800;display:flex;position:relative;overflow:hidden}.slot.filled{border-style:solid}.slot img{object-fit:cover;opacity:.9;width:100%;height:100%;position:absolute;inset:0}.slot.filled span{color:var(--navy);background:#ffffffd9;border-radius:6px;padding:1px 4px;position:relative}.strip{gap:8px;display:flex;overflow-x:auto}.strip-img{object-fit:cover;border-radius:12px;flex:none;width:108px;height:108px;box-shadow:0 6px 14px #78501e24}.intro-art.becomes{padding:0;position:relative;overflow:hidden}.intro-art.becomes img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.intro-art.becomes img.on{opacity:1}.swap{color:var(--coral-dark);animation:.5s cubic-bezier(.2,.9,.3,1.2) word-in;display:inline-block}.bunting{justify-content:space-between;margin-top:-8px;padding:0 4px;display:flex}.flag{border-left:14px solid #0000;border-right:14px solid #0000;border-top:22px solid var(--coral);width:0;height:0}.flag.f1{border-top-color:var(--butter)}.flag.f2{border-top-color:var(--green)}.flag.f3{border-top-color:var(--pink)}.pinned{border-radius:12px;width:56%;margin:0 auto;transform:rotate(-3deg);box-shadow:0 8px 18px #78501e2e}.avatar{position:relative}.avatar img{position:absolute;inset:0}.player{border-radius:999px;width:100%;height:44px}.found{border-top:2px solid var(--rule);flex-direction:column;gap:4px;padding:10px 0;display:flex}.found:first-of-type{border-top:0}.char-img{aspect-ratio:4/5;object-fit:cover;border-radius:14px;width:100%;box-shadow:0 8px 18px #78501e24}.slot-text{color:var(--navy);text-transform:none;letter-spacing:0;font-size:8px;font-style:normal;font-weight:800;line-height:1.15;position:absolute;inset:4px 4px 16px;overflow:hidden}.permission-art{object-fit:cover;object-position:50% 53%;border-radius:20px;width:100%;height:min(34dvh,300px);box-shadow:0 3px #c98e5233,0 10px 22px #78501e1f}.terms{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.terms li{border-left:3px solid var(--mint-dot);color:var(--body);flex-direction:column;gap:2px;padding-left:12px;font-size:16px;font-weight:700;line-height:1.3;display:flex}video.permission-art{background:var(--cream)}.door{--door-ground:#f0e9de;--door-ink:#3b3a37;z-index:30;background:var(--door-ground);padding:calc(28px + env(safe-area-inset-top)) 22px calc(28px + env(safe-area-inset-bottom));color:var(--door-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.door video,.door .door-still{object-fit:cover;object-position:var(--door-focus,center);z-index:-2;background:var(--door-ground);width:100%;height:100%;position:absolute;inset:0}.door:before{content:"";z-index:-1;background:linear-gradient(to bottom, var(--door-ground) 0%, var(--door-ground) 16%, transparent 100%);height:46%;opacity:var(--door-scrim,.82);transition:opacity .5s;position:absolute;inset:0 0 auto}.door:after{content:"";z-index:-1;background:linear-gradient(to top, var(--door-ground) 0%, var(--door-ground) 10%, transparent 100%);height:34%;opacity:calc(var(--door-scrim,.82) * .85);transition:opacity .5s;position:absolute;inset:auto 0 0}.door.playing:before,.door.playing:after{opacity:0}.door.no-words:before,.door.no-words:after{content:none}.door .quote{text-wrap:balance;max-width:22ch;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:30px;font-style:italic;font-weight:400;line-height:1.2;transition:opacity .5s}.door .quote-by{letter-spacing:.18em;text-transform:uppercase;color:var(--door-ink);opacity:.65;margin-top:10px;font-size:11px;font-weight:600;transition:opacity .5s}.door.playing .quote,.door.playing .quote-by,.door.playing .door-cta{opacity:0}.door-cta{color:var(--door-ground);background:var(--door-ink);border-radius:999px;align-self:flex-start;align-items:center;gap:12px;padding:6px 18px 6px 6px;font-size:15px;font-weight:600;transition:opacity .5s;display:flex;box-shadow:0 6px 18px #0000002e}.door-cta:not(:has(.play)){padding:10px 20px}.door-cta .play{background:var(--door-ground);width:54px;height:54px;color:var(--door-ink);border-radius:50%;justify-content:center;align-items:center;padding-left:4px;font-size:20px;display:flex;box-shadow:0 8px 22px #00000040}.door-skip{right:22px;bottom:calc(36px + env(safe-area-inset-bottom));background:var(--door-ink);letter-spacing:.08em;text-transform:uppercase;color:var(--door-ground);cursor:pointer;border:0;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;position:absolute;box-shadow:0 6px 18px #0000002e}.door-skip.in{animation:.45s both skip-in}@keyframes skip-in{0%{opacity:0;transform:translateY(6px)}to{opacity:.9;transform:none}}.door-again{left:22px;bottom:calc(36px + env(safe-area-inset-bottom));background:var(--door-ground,#f0e9de);color:var(--door-ink,#3b3a37);cursor:pointer;border:0;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:800;animation:.45s both skip-in;position:absolute;box-shadow:0 6px 18px #00000038}.kraben-hello .door-cta{align-self:center;margin:auto}.clip-loading{pointer-events:none}.spinner{border:3px solid;border-right-color:#0000;border-radius:50%;width:22px;height:22px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.link.danger{color:var(--coral-dark,#c2462f)}.sheet.example{background:var(--white)}.example-show{letter-spacing:.06em;word-break:break-word;font-size:26px;line-height:1.5}.story-ask{font-size:38px}.story-ask-lead{color:var(--navy);font-size:28px;display:block}.phone.fit{min-height:0;position:fixed;inset:0}.phone.fit .main{overscroll-behavior:contain;min-height:0;overflow-y:auto}.warmup-art{object-position:50% 38%;flex:1 1 0;height:auto;min-height:110px;max-height:220px}.subject-in{color:var(--coral-dark);animation:.7s cubic-bezier(.2,.9,.3,1.2) .5s both subject-in;display:block}@keyframes subject-in{0%{opacity:0;transform:translateY(14px)scale(.85)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.subject-in{animation:none}}.rec-label{align-items:center;gap:8px;display:inline-flex}.rec-dot{background:var(--coral);border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite rec-pulse}@keyframes rec-pulse{50%{opacity:.3}}.subject-big{text-wrap:balance;margin:0;font-size:40px;line-height:1.05}.materials{box-shadow:inset 0 0 0 2px var(--butter-dark);background:#fff4d2;border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.materials p{color:var(--body);margin:0;font-size:15px;font-weight:700;line-height:1.35}.door-out{pointer-events:none;animation:.5s forwards door-out}@keyframes door-out{to{opacity:0;transform:scale(1.04)}}.kraben-hello{background:#f0e9de}.kraben-hello:before,.kraben-hello:after{content:none}.promise{letter-spacing:.01em;color:var(--butter-dark,#b8860b);text-wrap:balance;margin-bottom:6px;font-size:13px;font-weight:700;line-height:1.3}.intro-kraben.pop{animation:.7s cubic-bezier(.2,.9,.3,1.2) .1s both word-in}.cal{grid-template-columns:repeat(6,1fr);gap:7px;display:grid}.cal-day{aspect-ratio:1;background:var(--white);box-shadow:inset 0 0 0 2px var(--rule);color:var(--muted);border-radius:12px;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:flex;position:relative}.cal-day.made{background:var(--green);color:var(--white);box-shadow:inset 0 -3px 0 var(--green-dark)}.cal-day.mark{box-shadow:inset 0 0 0 2.5px var(--butter-dark);color:var(--navy);background:#fff6da}.cal-day.mark:after{content:"";background:var(--butter-dark);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.cal-day.today:before{content:"today";text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--green-dark);font-size:8px;position:absolute;bottom:-14px;left:0;right:0}.marks{flex-direction:column;gap:6px;display:flex}.mark-row{align-items:baseline;gap:10px;font-size:14px;display:flex}.mark-row .d{letter-spacing:.06em;text-transform:uppercase;width:52px;color:var(--butter-dark);flex:none;font-size:11px;font-weight:800}.mark-row b{color:var(--navy)}.made-tile{align-items:center;gap:12px;display:flex}.made-tile img{aspect-ratio:4/5;object-fit:cover;border-radius:10px;width:72px;transform:rotate(-3deg);box-shadow:0 6px 14px #78501e29}.again{justify-content:center;display:flex}.film-card{background:var(--navy);border-radius:22px;padding:7px;position:relative;box-shadow:0 4px #123a80,0 14px 30px #1b4fa847}.film-inner{border:2px solid var(--butter);color:var(--cream);border-radius:16px;flex-direction:column;gap:9px;padding:14px 14px 10px;display:flex}.film-head{flex-direction:column;gap:1px;margin-bottom:2px;padding-right:64px;display:flex}.film-kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--butter);font-size:10.5px;font-weight:800}.film-title{color:var(--white);font-size:26px;font-weight:900;line-height:1.05}.credit{grid-template-columns:82px 50px 1fr;align-items:center;gap:12px;display:grid}.credit-label{letter-spacing:.1em;text-transform:uppercase;color:var(--cream);opacity:.9;font-size:10.5px;font-weight:900}.credit-slot{border:2px dashed #fff3e08c;border-radius:11px;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative;overflow:hidden}.credit-slot>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.credit-slot em{font-style:normal;font-family:var(--hand);color:var(--navy);text-align:center;-webkit-line-clamp:3;-webkit-box-orient:vertical;padding:3px;font-size:13px;line-height:1;display:-webkit-box;overflow:hidden}.credit-note{color:var(--cream);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:800;line-height:1.2;display:-webkit-box;overflow:hidden}.credit:not(.filled) .credit-note{opacity:.6;font-weight:700}.credit.filled .credit-slot{background:var(--cream);border:0;box-shadow:0 2px #0000002e}.credit.next .credit-slot{border-color:var(--butter);animation:1.8s ease-in-out infinite slot-breathe}.credit.next .credit-note{color:var(--butter);opacity:1;font-weight:900}.credit.landing .credit-slot{box-shadow:0 0 0 2.5px var(--butter), 0 0 24px 4px #ffc53d8c;animation:1.4s ease-in-out .5s 2 slot-glow;overflow:visible}.credit.landing .credit-slot>*{border-radius:11px;animation:.8s cubic-bezier(.25,1.5,.45,1) both slot-drop}.credit.landing .credit-slot>img{position:absolute}.credit.landing .credit-note{color:var(--butter)}.credit .mini-sheet{border-radius:11px}.flown .credit.landing .credit-slot>*{animation:none}.mini-sheet{background:var(--white);border-radius:6px;position:absolute;inset:0;overflow:hidden}.mini-sheet img{width:105.88%;max-width:none;margin:-10.78% 0 0 -2.94%;display:block}.film-perf{background-image:radial-gradient(circle,#fff3e08c 2.6px,#0000 3.2px);background-size:14px 10px;height:10px;margin:4px -6px 0}@keyframes slot-breathe{50%{box-shadow:0 0 0 3px #ffc53d40,0 0 18px 2px #ffc53d59}}.beats{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.beat{align-items:flex-start;gap:12px;display:flex}.beat b{font-size:18px;line-height:1.15}.beat-n{background:var(--butter);width:30px;height:30px;box-shadow:inset 0 -3px 0 var(--butter-dark);color:var(--navy);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:900;display:flex}.rise{animation:.5s ease-out both rise-in}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.grew{background:#eaf6ee;border-radius:16px;flex-direction:column;gap:3px;padding:12px 14px;display:flex;box-shadow:inset 0 0 0 2px #cde9d5}.idea-card{background:var(--white);max-width:92%;font-family:var(--hand);color:var(--navy);text-align:center;border-top:10px solid var(--mint);border-radius:6px;align-self:center;padding:14px 18px;font-size:26px;line-height:1.1;transform:rotate(-1.5deg);box-shadow:0 3px #c98e5233,0 10px 22px #78501e1f}.hero-wrap{flex-direction:column;align-items:center;gap:10px;display:flex}.hero-pic{box-sizing:border-box;background:var(--white);cursor:pointer;will-change:transform;z-index:5;border-radius:14px;flex:none;width:min(58vw,220px);height:min(58vw,220px);padding:8px;animation:.7s cubic-bezier(.2,1.5,.4,1) both hero-pop;position:relative;transform:rotate(-3deg);box-shadow:0 4px #c98e5240,0 18px 34px #78501e38}.hero-pic>img{object-fit:cover;border-radius:8px;width:100%;max-width:none;height:100%;display:block}.hero-pic.is-sheet .mini-sheet{border-radius:8px;position:absolute;inset:8px}@keyframes hero-pop{0%{opacity:0;transform:scale(.4)rotate(-12deg)}to{opacity:1;transform:rotate(-3deg)}}@keyframes slot-drop{0%{opacity:0;transform:translateY(-240px)scale(3.2)rotate(-6deg)}35%{opacity:1}to{opacity:1;transform:none}}@keyframes slot-glow{50%{box-shadow:0 0 0 2.5px var(--butter), 0 0 40px 10px #ffc53dcc}}@media (prefers-reduced-motion:reduce){.film-card *,.rise,.hero-pic{animation:none!important}}.slot .mini-sheet{border-radius:7px}.slot .mini-sheet img{opacity:1;width:105.88%;height:auto;position:static}.tiles{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tile{background:var(--white);text-align:left;font:inherit;color:var(--navy);cursor:pointer;border:0;border-radius:18px;flex-direction:column;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 3px #c98e5233,0 10px 22px #78501e1f}.tile:active{transform:translateY(1px)}.tile-art-wrap{aspect-ratio:4/3;background:var(--mint);background-image:radial-gradient(var(--mint-dot) 2.2px, transparent 2.7px);background-size:14px 14px;width:100%;overflow:hidden}.tile-art,.tile-art-wrap>img{aspect-ratio:4/3;object-fit:cover;width:100%;height:100%;display:block}.tile-art.blank{justify-content:center;align-items:center;font-size:40px;font-weight:900;display:flex}.tile-body{flex-direction:column;gap:3px;padding:10px 12px 12px;display:flex}.tile-title{font-size:15px;font-weight:900;line-height:1.15}.tile-meta{color:var(--muted);font-size:12px;font-weight:700}.tile-piece{background:var(--butter);box-shadow:inset 0 -2px 0 var(--butter-dark);letter-spacing:.04em;text-transform:uppercase;color:var(--navy);border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:900;display:inline-flex;position:absolute;top:8px;right:8px}.tile-piece.plain{background:var(--white);box-shadow:inset 0 0 0 1.5px var(--rule);color:var(--muted)}.tile.next .tile-piece{background:var(--green);color:var(--white);box-shadow:inset 0 -2px 0 var(--green-dark)}.tile-strip{gap:10px;margin:0 -16px;padding:2px 16px 8px;display:flex;overflow-x:auto}.tile.small{flex:none;width:132px}.tile.small .tile-art-wrap,.tile.small .tile-art{aspect-ratio:1}.tile.small .tile-title{font-size:13px}.tile.roll{background:var(--butter);box-shadow:inset 0 0 0 3px var(--green), 0 10px 22px #78501e1f;grid-column:1/-1}.roll-row{gap:6px;padding:14px 14px 0;display:flex}.roll-frame{background:var(--white);border:2px dashed var(--navy);width:44px;height:44px;color:var(--navy);box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:900;display:flex;overflow:hidden}.roll-frame img{object-fit:cover;width:100%;height:100%}.roll-frame.filled{border-style:solid;border-color:var(--green)}.roll-title{letter-spacing:-.01em;text-transform:uppercase;padding:12px 14px 0;font-size:36px;font-weight:900;line-height:1}.hero-sheet{padding:0;overflow:hidden}.hero-img{aspect-ratio:4/3;object-fit:cover;cursor:pointer;width:100%;display:block}.film-video{aspect-ratio:9/16;object-fit:contain;background:#0f1a33;border-radius:16px;width:100%;max-height:62dvh;display:block}.table-kicker{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.1em;text-transform:uppercase;color:#6b3f14;flex:1;min-width:0;font-size:10.5px;font-weight:900;overflow:hidden}.table-head{justify-content:space-between;align-items:center;gap:8px;min-height:26px;display:flex}.spin-btn{background:var(--white);color:var(--navy);box-shadow:inset 0 -3px 0 var(--rule);cursor:pointer;border:0;border-radius:999px;flex:none;padding:6px 11px 8px;font-size:12px;font-weight:900}.spin-btn:active{transform:translateY(1px)}.spin-btn:disabled{opacity:.55}.film-row{text-align:left;background:var(--wood);width:100%;box-shadow:inset 0 4px 0 var(--wood-lip), inset 0 -6px 0 var(--wood-dark), 0 10px 22px #78501e33;cursor:pointer;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;border:0;border-radius:20px;flex-direction:column;gap:10px;padding:12px 12px 11px;display:flex}.film-row:active{transform:translateY(1px)}.film-row-head{justify-content:space-between;align-items:center;gap:8px;padding:0 2px;display:flex}.film-row-open{color:#6b3f14;background:#ffffffbf;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;padding-bottom:2px;font-size:18px;font-weight:900;line-height:1;display:flex}.film-row-cards{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.mini{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.mini .pcard{aspect-ratio:4/5;height:auto}.mini.empty .pcard-band{visibility:hidden}.mini.empty .pcard{background:#fff3e066;box-shadow:inset 0 0 0 2px #fff3e0b3}.mini.empty .pcard-face{color:#6b3f1466}.mini.breathe .pcard{box-shadow:inset 0 0 0 2.5px var(--butter);animation:1.8s ease-in-out infinite slot-breathe}.mini.landing .pcard{box-shadow:0 0 0 2.5px var(--butter), 0 0 24px 4px #ffc53d99;animation:1.4s ease-in-out .5s 2 slot-glow}.mini.landing .pcard>*{animation:.8s cubic-bezier(.25,1.5,.45,1) both slot-drop}.film-row.still{cursor:default}.film-row.still:active{transform:none}.mini-label{letter-spacing:.06em;text-transform:uppercase;color:#6b3f14d9;white-space:nowrap;font-size:7.5px;font-weight:900}.mini.empty .mini-label{color:#6b3f1480}.phone.tabletop .main{background:var(--wood);background-image:repeating-linear-gradient(100deg,#7846140f 0 2px,#0000 2px 38px),repeating-linear-gradient(80deg,#ffffff0d 0 1px,#0000 1px 27px)}.phone.tabletop h1,.phone.tabletop .why,.phone.tabletop .hint{color:#3d2208}.phone.tabletop .label,.phone.tabletop .hand .label{color:#6b3f14}.phone.tabletop .film-video{border-radius:16px;box-shadow:0 12px 26px #3c1e004d}.tabletop{flex-direction:column;gap:12px;display:flex}.poster{background:var(--white);border-radius:14px;flex-direction:column;gap:8px;padding:8px 8px 10px;display:flex;position:relative;transform:rotate(-.6deg);box-shadow:0 3px #00000024,0 16px 30px #3c1e0047}.poster-art{aspect-ratio:4/3;background:var(--cream);border-radius:8px;gap:3px;width:100%;display:grid;position:relative;overflow:hidden}.poster-video{object-fit:cover;background:#000;width:100%;height:100%;display:block}.poster-art>img,.poster-art .mini-sheet{object-fit:cover;border-radius:0;width:100%;height:100%;min-height:0;position:relative}.poster-art.n2{grid-template-columns:1fr 1fr}.poster-art.n3{grid-template-rows:1fr 1fr;grid-template-columns:3fr 2fr}.poster-art.n3>:first-child{grid-row:1/3}.poster-art.n0{background:var(--cream);background-image:radial-gradient(var(--cream-dot) 1.6px, transparent 2.1px);background-size:16px 16px;justify-content:center;align-items:center;display:flex}.poster-empty{color:var(--muted);border:2px dashed var(--rule);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:800}.poster-line{color:var(--body);padding:0 4px;font-size:15px;font-weight:700;line-height:1.4}.poster-line b.is{color:var(--navy);font-weight:900}.poster-line b.blank{color:var(--muted);border-bottom:2px dashed var(--rule);font-weight:800}.poster-title{color:var(--navy);padding:0 4px;font-size:22px;font-weight:900;line-height:1.05}.poster.drawn .poster-art{aspect-ratio:4/5}.poster-art.stale{opacity:.55;filter:saturate(.7)}.poster-draw{align-self:center;width:auto}.poster-tag{background:var(--butter);box-shadow:inset 0 -2px 0 var(--butter-dark);letter-spacing:.08em;text-transform:uppercase;color:var(--navy);border-radius:999px;padding:3px 9px 4px;font-size:9.5px;font-weight:900;position:absolute;top:-8px;right:12px}.fslots{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.fslot{flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.fslot-label{letter-spacing:.07em;text-transform:uppercase;color:#6b3f14;white-space:nowrap;font-size:8.5px;font-weight:900}.fslot-window{aspect-ratio:4/5;cursor:pointer;width:100%;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;background:#f6e7cf;border:0;border-radius:12px;flex-direction:column;align-items:stretch;padding:3px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 3px 6px #6b3f1459,inset 0 -2px #ffffff80}.fslot-window:active{transform:scale(.97)}.fslot-card{animation:.45s cubic-bezier(.2,1.3,.4,1) both fslot-in;position:absolute;inset:3px}.fslot.empty .fslot-window{background:#fff3e080;box-shadow:inset 0 0 0 2px #fff3e0e6}.fslot.empty.breathe .fslot-window{box-shadow:inset 0 0 0 2.5px var(--butter);animation:1.8s ease-in-out infinite slot-breathe}.fslot.sel .fslot-window{box-shadow:0 0 0 3px var(--butter), inset 0 3px 6px #6b3f1459;transform:translateY(-4px)}.fslot.hot .fslot-window{box-shadow:0 0 0 3px var(--butter), 0 0 22px 4px #ffc53db3;transform:scale(1.08)}.fslot.landing .fslot-window{box-shadow:0 0 0 3px var(--butter), 0 0 30px 8px #ffc53dbf}.fslot.landing .fslot-card{animation:.55s cubic-bezier(.25,1.4,.45,1) both slot-drop}.fslot-count{color:#6b3f14;height:16px;font-size:9.5px;font-weight:900}.fslot-count.find{color:var(--white);background:var(--butter-dark);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;height:auto;padding:2px 7px 3px;font-size:8.5px}@keyframes fslot-in{0%{opacity:0;transform:translateY(45%)}to{opacity:1;transform:none}}.pcard{background:var(--white);border-radius:9px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 2px #0000001f}.pcard-band{letter-spacing:.06em;text-transform:uppercase;height:15px;color:var(--white);flex:none;justify-content:center;align-items:center;font-size:7px;font-weight:900;display:flex}.pcard.coral .pcard-band{background:var(--coral)}.pcard.green .pcard-band{background:var(--green)}.pcard.butter .pcard-band{background:var(--butter);color:var(--navy)}.pcard.pink .pcard-band{background:var(--pink);color:var(--navy)}.pcard.navy .pcard-band{background:var(--navy)}.pcard-face{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.pcard-face>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pcard-face em{font-style:normal;font-family:var(--hand);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;color:var(--navy);text-align:center;-webkit-line-clamp:4;-webkit-box-orient:vertical;padding:3px 4px;font-size:12.5px;line-height:1.05;display:-webkit-box;overflow:hidden}.pcard.sz-mini .pcard-band{height:4px;font-size:0}.pcard.sz-mini .pcard-face em{-webkit-line-clamp:3;font-size:12px}.pcard.sz-hand .pcard-face em{-webkit-line-clamp:4;font-size:17px}.pcard.sz-hand .pcard-band{height:18px;font-size:8px}.pcard.empty{box-shadow:none;background:0 0}.pcard.empty .pcard-band{visibility:hidden}.pcard.empty .pcard-face{color:#6b3f148c}.pcard-face .mini-sheet{border-radius:0}.hand{flex-direction:column;gap:6px;display:flex}.hand-strip{scrollbar-width:none;gap:10px;margin:0 -16px;padding:12px 16px 14px;display:flex;overflow-x:auto}.hand-strip::-webkit-scrollbar{display:none}.hcard{width:96px;font:inherit;color:inherit;cursor:pointer;touch-action:pan-x;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex-direction:column;flex:none;align-items:stretch;gap:5px;padding:0;display:flex}.hcard .pcard{height:118px;transition:transform .15s;box-shadow:0 8px 16px #3c1e0038,0 2px #0000001a}.hcard:nth-child(odd) .pcard{transform:rotate(-2.5deg)}.hcard:nth-child(2n) .pcard{transform:rotate(2deg)}.hcard:active .pcard{transform:translateY(-6px)scale(1.04)}.hcard.in .pcard{box-shadow:0 0 0 2.5px var(--green), 0 8px 16px #3c1e0038}.hcard.in .pcard:after{content:"✓";background:var(--green);width:18px;height:18px;color:var(--white);box-shadow:0 1px 0 var(--green-dark);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:900;display:flex;position:absolute;top:4px;right:4px}.hcard-cap{color:#6b3f14;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;font-weight:800;line-height:1.2;display:-webkit-box;overflow:hidden}.hcard.in .hcard-cap{color:var(--green-dark)}.drag-ghost{z-index:60;pointer-events:none;filter:drop-shadow(0 18px 24px #3c1e0059);transform-origin:0 0;width:96px;height:118px;position:fixed;top:0;left:0}.drag-ghost:not(.flight) .pcard{transform:scale(1.08)}.find-inline{flex-direction:column;gap:8px;display:flex}.logline{color:#4a2a0c;padding:0 2px;font-size:15px;font-weight:700;line-height:1.45}.logline.small{font-size:13.5px;line-height:1.4}.logline b.is{color:var(--navy);background:#ffffffc7;border-radius:6px;padding:0 5px;font-weight:900}.logline b.blank{color:#4a2a0c99;border-bottom:2px dashed #4a2a0c73;font-weight:800}.logline.plain,.poster-line.plain{transition:opacity .25s}.logline.settling,.poster-line.settling{opacity:.72}.logline.said,.poster-line.said{animation:.35s ease-out line-said}@keyframes line-said{0%{opacity:.55;transform:translateY(2px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.logline.said,.poster-line.said{animation:none}.fslot-card,.fslot.landing .fslot-card,.mini.breathe .pcard{animation:none!important}}.sb-title{font-family:var(--hand);font-size:38px;font-weight:700;line-height:1}.sb-page{background:var(--white);border-radius:10px;position:relative;overflow:hidden;box-shadow:0 3px #c98e5233,0 12px 26px #78501e24;container-type:inline-size}.sb-page img{aspect-ratio:2/3;object-fit:cover;width:100%;display:block}.sb-cap{text-align:center;width:47%;height:9.8%;font-family:var(--hand);color:var(--navy);text-wrap:balance;background:#fcf1e1;border-radius:3px 3px 0 0;justify-content:center;align-items:center;padding:0 2.5%;font-weight:700;line-height:1.02;display:flex;position:absolute;overflow:hidden}.sb-cap.l{font-size:6.2cqw}.sb-cap.m{font-size:4.7cqw}.sb-cap.s{font-size:3.8cqw}.sb-q0{top:.4%;left:1.5%}.sb-q1{top:.4%;left:51.5%}.sb-q2{top:50.4%;left:1.5%}.sb-q3{top:50.4%;left:51.5%}.sb-end-card{background:var(--white);max-width:92%;font-family:var(--hand);text-align:center;color:var(--navy);border-top:10px solid var(--butter);border-radius:6px;align-self:center;padding:18px 22px;font-size:34px;line-height:1.05;transform:rotate(1.2deg);box-shadow:0 3px #c98e5233,0 10px 22px #78501e1f}.sb-typed{font-family:var(--hand);color:var(--navy);background:var(--white);border-radius:8px;padding:18px;font-size:28px;line-height:1.15}.sb-play{z-index:70;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));background:#13305f;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.sb-close{top:calc(10px + env(safe-area-inset-top));width:40px;height:40px;color:var(--cream);cursor:pointer;background:#ffffff24;border:0;border-radius:50%;font-size:26px;line-height:1;position:absolute;right:12px}.sb-stage{cursor:pointer;flex:1;justify-content:center;align-items:center;width:100%;display:flex}.sb-shot{aspect-ratio:2/3;background:var(--cream);border-radius:10px;width:min(100%,400px,66.6667dvh - 100px);animation:.45s ease-out sb-in;position:relative;overflow:hidden;container-type:inline-size}.sb-shot-img{transform-origin:50% 12%;background-repeat:no-repeat;background-size:200% 200%;animation-timing-function:linear;animation-fill-mode:both;position:absolute;inset:0}.sb-shot-img.push{animation-name:sb-push}.sb-shot-img.pull{animation-name:sb-pull}.sb-words{margin:0}.sb-shot-cap{text-align:center;height:19%;font-family:var(--hand);text-wrap:balance;background:#fcf1e1;justify-content:center;align-items:center;padding:0 4%;font-weight:700;line-height:1.02;display:flex;position:absolute;top:0;left:0;right:0}.sb-shot-cap.l{font-size:12cqw}.sb-shot-cap.m{font-size:9.2cqw}.sb-shot-cap.s{font-size:7.6cqw}.sb-shot-cap span,.sb-end-words span{color:#1b4fa838;transition:color .18s}.sb-shot-cap span.lit,.sb-end-words span.lit{color:var(--navy)}.sb-shot-end{background:var(--white);border-top:14px solid var(--butter);justify-content:center;align-items:center;padding:10%;display:flex}.sb-end-words{font-family:var(--hand);text-align:center;text-wrap:balance;font-size:14cqw;font-weight:700;line-height:1.02}.sb-controls{justify-content:center;align-items:center;gap:10px;min-height:44px;display:flex}.sb-progress{background:#ffffff29;border-radius:2px;width:min(100%,400px);height:4px;overflow:hidden}.sb-progress i{background:var(--butter);height:100%;display:block}@keyframes sb-push{0%{transform:scale(1)}to{transform:scale(1.09)}}@keyframes sb-pull{0%{transform:scale(1.09)}to{transform:scale(1)}}@keyframes sb-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sb-shot,.sb-shot-img{animation:none!important}}.sb-teaser{background:var(--white);cursor:pointer;width:100%;font:inherit;color:inherit;border:0;border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex;box-shadow:0 3px #c98e5233,0 8px 18px #78501e1a}.sb-teaser:disabled{cursor:default}.sb-teaser img,.sb-teaser-blank{aspect-ratio:2/3;object-fit:cover;border-radius:6px;flex:none;width:64px}.sb-teaser-blank{background:var(--cream);justify-content:center;align-items:center;gap:3px;display:flex}.sb-teaser-blank .dot{width:8px;height:8px}.sb-teaser-miss{color:var(--butter-dark);font-size:26px;font-weight:800}.sb-controls .btn.ghost{color:var(--cream)}.stage{z-index:50;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#3a241a;max-width:430px;margin:0 auto;position:fixed;inset:0;overflow:hidden}.stage-bg{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.stage-dim{pointer-events:none;background:linear-gradient(#141e4661,#141e4699);position:absolute;inset:0}.hud{top:calc(env(safe-area-inset-top) + 12px);z-index:6;pointer-events:none;justify-content:space-between;display:flex;position:absolute;left:14px;right:14px}.hud-chip{color:var(--navy);background:#fff3e0e0;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.hud-go{right:14px;bottom:calc(env(safe-area-inset-bottom) + 18px);z-index:7;color:var(--navy);font:inherit;cursor:pointer;background:#fff3e0eb;border:0;border-radius:999px;padding:11px 16px;font-size:15px;font-weight:800;position:absolute;box-shadow:0 3px #00000024}.bubble{background:var(--white);color:var(--navy);border-radius:16px;padding:8px 12px;font-size:14px;font-weight:800;line-height:1.2;box-shadow:0 3px 10px #00000026}.safelight{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#f2705b80,#f2705b00 62%);animation:4s ease-in-out infinite alternate safelight;position:absolute;top:-30%;left:-20%;right:-20%}@keyframes safelight{0%{opacity:.55}to{opacity:1}}.tray-wrap{transform-origin:50% 35%;will-change:transform;animation:3.4s ease-in-out infinite rock;position:absolute;inset:17% 7% 24%}@keyframes rock{0%,to{transform:rotate(-1.1deg)}50%{transform:rotate(1.1deg)}}.tray{background:#fbf6ee;border-radius:18px;padding:12px;position:absolute;inset:0;box-shadow:0 9px #5a281447,0 24px 40px #3c140a59}.liquid{background:linear-gradient(#f6a08c,#ea7a66);border-radius:10px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.ripple{aspect-ratio:1;pointer-events:none;border:2px solid #ffffff47;border-radius:50%;width:130%;margin:-65% 0 0 -65%;animation:3.4s ease-out infinite ripple;position:absolute;top:50%;left:50%}.ripple.r2{animation-delay:1.7s}@keyframes ripple{0%{opacity:.9;transform:scale(.25)}to{opacity:0;transform:scale(1.05)}}.print{background:var(--white);border-radius:3px;width:min(84%,33dvh);padding:8px 8px 0;position:relative;transform:rotate(-2deg);box-shadow:0 2px #0000000f}.print-pic{aspect-ratio:3/3.3;background:var(--cream);position:relative;overflow:hidden}.wash{object-fit:cover;opacity:.5;will-change:transform, opacity;width:100%;height:100%;animation:5s ease-in-out infinite alternate develop;position:absolute;inset:0}.wash.w2{animation:7s ease-in-out infinite alternate develop2}@keyframes develop{0%{opacity:.3;transform:scale(1)}to{opacity:.9;transform:scale(1.08)}}@keyframes develop2{0%{opacity:.1;transform:scale(1.35)rotate(180deg)}to{opacity:.5;transform:scale(1.2)rotate(186deg)}}.print-words{font-family:var(--hand);color:var(--navy);text-align:center;text-wrap:balance;overflow-wrap:anywhere;margin:0;padding:10px 6px 14px;font-size:25px;line-height:1.05}.tray-moon{z-index:3;pointer-events:none;width:38%;position:absolute;top:-12%;left:31%}.moon-says{top:calc(env(safe-area-inset-top) + 58px);z-index:4;animation:.4s ease-out .2s both rise-in;position:absolute;right:9%}.darkroom-leave{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 18px);z-index:7;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute}.darkroom-go{box-shadow:inset 0 -5px 0 var(--green-dark), 0 6px 16px #00000038}.darkroom-leave.nudge .darkroom-go{animation:1.3s ease-in-out infinite throb}@keyframes throb{0%,to{transform:scale(1)}45%{transform:scale(1.06)}}.wait-note{text-align:center;max-width:300px;margin:0;font-size:14px;animation:.4s ease-out both rise-in}@media (prefers-reduced-motion:reduce){.darkroom-leave.nudge .darkroom-go,.wait-note{animation:none}}.stage-line{top:calc(env(safe-area-inset-top) + 48px);text-align:center;color:var(--cream);z-index:4;text-shadow:0 2px 12px #0000004d;pointer-events:none;margin:0;font-size:30px;position:absolute;left:0;right:0}.line{z-index:2;pointer-events:none;background:#dcc093;height:3px;position:absolute;top:26%;left:-5%;right:-5%;transform:rotate(-2deg);box-shadow:0 1px #00000040}.hanger{cursor:pointer;z-index:3;transform-origin:50% 0;will-change:transform;width:62%;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;animation:2.4s ease-in-out both settle;display:block;position:absolute;top:calc(26% - 30px);left:19%}@keyframes swing{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes settle{0%{transform:rotate(-3deg)}25%{transform:rotate(2.2deg)}50%{transform:rotate(-1.2deg)}75%{transform:rotate(.5deg)}to{transform:none}}@keyframes nudge{0%,24%,to{transform:none}6%{transform:rotate(-4deg)}12%{transform:rotate(3.5deg)}18%{transform:rotate(-2deg)}}.peg-scene.nudge .hanger{animation:3.2s ease-in-out infinite nudge}.turn-pill{z-index:4;background:var(--butter);width:max-content;color:var(--navy);box-shadow:0 4px 0 var(--butter-dark), 0 10px 24px #0000004d;border-radius:999px;margin:22px auto 0;padding:12px 26px;font-size:19px;font-weight:900;display:block;position:relative}.peg-scene.nudge .turn-pill{animation:3.2s ease-in-out infinite pill-nudge}@keyframes pill-nudge{0%,24%,to{transform:none}9%{transform:scale(1.08)}}.peg{z-index:2;pointer-events:none;width:16%;margin:0 auto -20px;display:block;position:relative}.print-back{z-index:1;aspect-ratio:3/4;background:#f7ecd9;border-radius:4px;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;width:100%;padding:16px;display:flex;position:relative;box-shadow:0 0 0 2px #ffe096f2,0 0 28px 6px #ffc85abf,0 0 70px 18px #ffb43c66,0 14px 30px #00000059}.back-words{font-family:var(--hand);color:var(--navy);text-align:center;font-size:24px;line-height:1}.back-day{font-family:var(--hand);color:var(--muted);font-size:18px}.glow{aspect-ratio:1;opacity:.85;z-index:0;pointer-events:none;background:radial-gradient(circle,#ffdc82e6,#ffc53d59 40%,#ffc53d00 68%);border-radius:50%;position:absolute;top:-12%;left:-40%;right:-40%}.rays{aspect-ratio:1;z-index:0;pointer-events:none;background:repeating-conic-gradient(#ffe8aa57 0deg 8deg,#ffe8aa00 8deg 22deg);border-radius:50%;position:absolute;top:-22%;left:-50%;right:-50%;-webkit-mask:radial-gradient(circle,#000 18%,#0000 66%);mask:radial-gradient(circle,#000 18%,#0000 66%)}.tap-ring{z-index:3;pointer-events:none;border:3px solid #fffffff2;border-radius:50%;width:64px;height:64px;margin:-32px 0 0 -32px;animation:1.6s ease-out infinite tap;position:absolute;top:60%;left:50%}@keyframes tap{0%{opacity:1;transform:scale(.55)}to{opacity:0;transform:scale(1.5)}}.peg-moon{z-index:4;pointer-events:none;width:27%;animation:.5s ease-out .4s both rise-in;position:absolute;bottom:17%;right:1%}.hanger.turning{perspective:900px;cursor:default;animation:none}.flip{aspect-ratio:3/4;width:100%;transform-style:preserve-3d;animation:.72s cubic-bezier(.5,0,.2,1) forwards turn;position:relative}@keyframes turn{0%{transform:rotateY(0)scale(1)}to{transform:rotateY(180deg)scale(1.1)}}.face{backface-visibility:hidden;border-radius:4px;position:absolute;inset:0}.print-front{background:var(--white);padding:6px;transform:rotateY(180deg);box-shadow:0 14px 30px #00000059}.print-front img{object-fit:cover;border-radius:2px;width:100%;height:100%;display:block}.reveal-open{cursor:pointer;background:#1b1b1b;animation:.45s ease-out both open-in}@keyframes open-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}.reveal-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.reveal-foot{padding:70px 22px calc(env(safe-area-inset-bottom) + 18px);background:linear-gradient(180deg, #fff3e000, #fff3e0e6 42%, var(--cream));text-align:center;position:absolute;bottom:0;left:0;right:0}.reveal-words{font-family:var(--hand);color:var(--navy);text-wrap:balance;margin:0;font-size:28px;line-height:1.05}.reveal-credit{color:var(--muted);margin:6px 0 0;font-size:12px;font-weight:700}.reveal-next{color:var(--muted);margin:10px 0 0;font-size:12px;font-weight:700;animation:.5s ease-out 1.6s both rise-in}.kraben-peek{z-index:3;pointer-events:none;flex-direction:column;align-items:flex-end;width:22%;animation:.6s cubic-bezier(.2,1.4,.4,1) 2.4s both peek;display:flex;position:absolute;bottom:150px;right:10px}.kraben-peek img{width:100%}.kraben-peek .bubble{white-space:nowrap;margin-bottom:6px;font-size:13px;animation:.4s ease-out 1s both rise-in}@keyframes peek{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.stage.inline{z-index:1;cursor:pointer;width:100%;max-width:none;height:330px;font:inherit;border:0;border-radius:20px;margin:0;padding:0;display:block;position:relative;inset:auto;box-shadow:0 4px #c98e5240,0 16px 30px #3c281433}.stage.inline .line{top:12%}.stage.inline .hanger{width:38%;top:calc(12% - 22px);left:31%}.stage.inline .peg{margin-bottom:-14px}.stage.inline .back-words{font-size:18px}.stage.inline .back-day{font-size:14px}.teaser-line{color:var(--cream);z-index:4;flex-direction:column;align-items:center;gap:6px;font-size:15px;font-weight:800;display:flex;position:absolute;bottom:14px;left:0;right:0}.teaser-line b{background:var(--butter);color:var(--navy);box-shadow:0 3px 0 var(--butter-dark);border-radius:999px;padding:8px 18px;font-size:16px}.print-mini{width:100%;color:var(--cream);font:inherit;cursor:pointer;text-align:left;background:#3b2f4a;border:0;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-weight:800;display:flex}.print-mini .mini-back{background:#f7ecd9;border-radius:3px;flex:none;width:34px;height:44px;box-shadow:0 0 0 2px #ffd682cc,0 0 18px #ffc53d99}.sweep{pointer-events:none;will-change:transform;background:linear-gradient(100deg,#fff0 35%,#fff9 50%,#fff0 65%);animation:1.9s ease-in-out infinite sweep;position:absolute;inset:-10% -60%;transform:translate(-60%)}@keyframes sweep{0%{transform:translate(-60%)}to{transform:translate(60%)}}.dots3{vertical-align:middle;gap:3px;margin-left:4px;display:inline-flex}.dots3 i{background:var(--navy);border-radius:50%;width:5px;height:5px;animation:1s ease-in-out infinite dot3}.dots3 i:nth-child(2){animation-delay:.15s}.dots3 i:nth-child(3){animation-delay:.3s}@keyframes dot3{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.darkroom.lifting .tray-wrap{animation:none}.darkroom.lifting .print{animation:.8s cubic-bezier(.55,0,.4,1) forwards lift-out}.darkroom.lifting .ripple,.darkroom.lifting .sweep{opacity:0;animation:none}@keyframes lift-out{0%{transform:rotate(-2deg)}30%{transform:translateY(6%)rotate(-3deg)}to{transform:translateY(-140%)rotate(6deg)scale(.9)}}.peg-scene.arriving:not(.nudge) .hanger{animation:.75s cubic-bezier(.2,1.35,.45,1) both hang-in,2.4s ease-in-out .75s both settle}@keyframes hang-in{0%{transform:translateY(-120%)rotate(-6deg)}to{transform:none}}.peg-scene.arriving .line{animation:.4s ease-out both rise-in}::view-transition-old(root){animation-duration:.38s;animation-timing-function:ease-out}::view-transition-new(root){animation-duration:.38s;animation-timing-function:ease-out}.print-stack{z-index:1;display:block;position:relative}.print-back.ghost{z-index:-1;background:#eadbc2;padding:0;position:absolute;inset:0;box-shadow:0 0 0 2px #ffe0968c,0 10px 22px #0000004d}.print-back.ghost.g1{transform:translate(12px,9px)rotate(4deg)}.print-back.ghost.g2{background:#e4d3b8;transform:translate(-11px,14px)rotate(-5deg)}.print-back.ghost.g3{background:#dfccae;transform:translate(20px,20px)rotate(8deg)}.count-badge{background:var(--coral);min-width:42px;height:42px;color:var(--white);box-shadow:0 3px 0 var(--coral-dark), 0 6px 14px #00000040;z-index:4;border-radius:21px;justify-content:center;align-items:center;padding:0 10px;font-size:19px;font-weight:900;display:flex;position:absolute;top:4px;right:-12px}.stage.inline .count-badge{min-width:32px;height:32px;font-size:15px;right:-10px}.layout-tally .count-badge{background:var(--butter);color:var(--navy);box-shadow:0 3px 0 var(--butter-dark);top:-6px;right:50%;transform:translate(50%)translateY(-40px)}.layout-line.many .hanger{width:50%;left:8%}.waiting{z-index:2;pointer-events:none;align-items:flex-start;gap:6%;display:flex;position:absolute;top:calc(26% - 14px);left:62%;right:2%}.small-hanger{transform-origin:50% 0;opacity:.85;width:44%;display:block}.small-hanger .peg{width:32%;margin-bottom:-10px}.print-back.small{padding:0;box-shadow:0 0 0 1px #ffe09666,0 8px 16px #0000004d}.more-chip{color:var(--navy);background:#fff3e0e6;border-radius:999px;align-self:center;padding:4px 8px;font-size:13px;font-weight:900}@media (prefers-reduced-motion:reduce){.darkroom.lifting .print{animation:.6s ease-out forwards fade-out}.peg-scene.arriving:not(.nudge) .hanger{animation:.5s ease-out both fade-in,2.4s ease-in-out .5s both settle}.kraben-peek{animation:.5s ease-out 2.4s both fade-in}.reveal-open{animation:.4s ease-out both fade-in}.peg-moon,.moon-says,.reveal-next{animation:.5s ease-out .3s both fade-in}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{to{opacity:0}}.dev-bar{z-index:200;color:#fff;background:#000000b8;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;max-width:420px;padding:6px;font-size:12px;display:flex;position:fixed;bottom:6px;left:50%;transform:translate(-50%)}.dev-bar button{font:inherit;color:#fff;cursor:pointer;background:#ffffff26;border:0;border-radius:8px;padding:5px 8px;font-weight:700}.dev-bar button.on{background:var(--butter);color:var(--navy)}.story-open{background:#1f1d33;animation:.45s ease-out both open-in;overflow-y:auto}.story-open-inner{min-height:100%;padding:calc(18px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;display:flex}.story-open-kicker{letter-spacing:.08em;text-transform:uppercase;color:#f2c66d;font-size:11px;font-weight:800}.story-open-title{color:var(--cream)}.story-open .sb-end-card{margin-top:4px}.story-open-actions{flex-direction:column;gap:6px;margin-top:auto;padding-top:8px;display:flex}.story-open .btn.ghost.story-open-next{color:var(--cream)}.reveal-open.posting{cursor:default}.post-backdrop{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s ease-out;position:absolute;inset:0}.p-card .post-backdrop{opacity:1}.reveal-open.posting .reveal-foot{animation:.3s ease-out forwards fade-out}.reveal-open.posting .reveal-img{transition:opacity .45s ease-out,transform .5s cubic-bezier(.3,0,.2,1)}.p-card .reveal-img{opacity:0;transform:scale(.66)translateY(-6%)}.kraben-post{z-index:6;pointer-events:none;flex-direction:column;align-items:flex-end;width:40%;transition:transform .45s cubic-bezier(.2,1.3,.4,1);display:flex;position:absolute;bottom:76px;right:6px;transform:translateY(115%)}.p-frame .kraben-post{transform:none}.kraben-post img{width:100%}.kraben-post .bubble{white-space:nowrap;margin:0 8px 6px 0;font-size:16px;animation:.3s ease-out both rise-in}.post-flash{aspect-ratio:1;opacity:0;background:radial-gradient(circle,#fffffff2,#fff0 65%);border-radius:50%;width:70%;position:absolute;top:38%;left:20%}.p-snap .post-flash{animation:.45s ease-out both flash}.viewfinder{z-index:4;opacity:0;pointer-events:none;transition:opacity .3s ease-out,transform .45s cubic-bezier(.2,1,.3,1);position:absolute;inset:12% 10% 30%;transform:scale(1.12)}.p-frame .viewfinder{opacity:1;transform:none}.p-card .viewfinder{opacity:0;transition-duration:.15s}.viewfinder i{filter:drop-shadow(0 1px 2px #00000059);border:4px solid #fffffff2;width:34px;height:34px;position:absolute}.viewfinder i:first-child{border-bottom:0;border-right:0;border-top-left-radius:10px;top:0;left:0}.viewfinder i:nth-child(2){border-bottom:0;border-left:0;border-top-right-radius:10px;top:0;right:0}.viewfinder i:nth-child(3){border-top:0;border-right:0;border-bottom-left-radius:10px;bottom:0;left:0}.viewfinder i:nth-child(4){border-top:0;border-left:0;border-bottom-right-radius:10px;bottom:0;right:0}.shutter{opacity:0;z-index:7;pointer-events:none;background:#fff;position:absolute;inset:0}.p-snap .shutter{animation:.35s ease-out both shutter}@keyframes shutter{0%{opacity:0}25%{opacity:.9}to{opacity:0}}@keyframes flash{0%{opacity:0;transform:scale(.4)}30%{opacity:1}to{opacity:0;transform:scale(1.3)}}.post-card{z-index:5;background:var(--white);opacity:0;border-radius:18px;width:64%;margin-left:-32%;padding:8px 8px 10px;transition:opacity .35s ease-out;position:absolute;top:40%;left:50%;transform:translateY(-50%);box-shadow:0 14px 34px #3c280a47}.p-card .post-card{opacity:1}.p-zip .post-card{z-index:8}.post-card img{aspect-ratio:4/5;object-fit:cover;border-radius:12px;width:100%;display:block}.post-card-foot{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:4px;padding:8px 4px 0;font-size:13px;font-weight:800;display:flex}.post-card-foot b{color:var(--navy)}.post-card-words{font-family:var(--hand);color:var(--navy);flex-basis:100%;font-size:18px;line-height:1.1}.post-tabs{z-index:4;opacity:0;transition:opacity .3s ease-out,transform .35s ease-out;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.p-card .post-tabs{opacity:1;transform:none}.p-landed .post-tabs .feed-target{color:var(--navy);animation:.45s ease-out both tab-bump}@keyframes tab-bump{50%{transform:scale(1.25)}}.stage.seat{background:var(--cream)}.tab{position:relative}.tab-new{border:2px solid var(--white);width:24px;height:24px;box-shadow:0 0 0 2px var(--coral);border-radius:50%;animation:.5s cubic-bezier(.2,1.5,.4,1) both tab-pop,2s ease-in-out 1s infinite tab-glow;position:absolute;top:-4px;left:calc(50% + 6px);overflow:hidden}.tab-new img{object-fit:cover;width:100%;height:100%;display:block}.tab-dot{background:var(--coral);border:2px solid var(--white);min-width:14px;height:14px;color:var(--white);letter-spacing:0;text-align:center;border-radius:999px;padding:0 3px;font-size:9px;font-weight:900;line-height:10px;animation:.5s cubic-bezier(.2,1.5,.4,1) both tab-pop,2s ease-in-out 1s infinite tab-glow;position:absolute;top:-2px;left:calc(50% + 8px)}.tab.on .tab-dot{display:none}@keyframes tab-pop{0%{transform:scale(0)}to{transform:none}}@keyframes tab-glow{0%,to{box-shadow:0 0 0 2px var(--coral)}50%{box-shadow:0 0 0 5px #f2705b59}}.roadmap{background:#f4e7cc;margin:-20px -16px 0;position:relative;overflow:hidden}.roadmap-bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.roadmap-path{width:100%;height:100%;position:absolute;inset:0}.roadmap-path path{fill:none;stroke-linecap:round;stroke-linejoin:round}.path-edge{stroke:#d6bf98;stroke-width:9px}.path-way{stroke:#fffbf4;stroke-width:6.5px}.path-far{stroke:#fff6e6;stroke-width:3px;stroke-dasharray:.5 3.5;opacity:.9}.road-goal{flex-direction:column;align-items:center;width:20%;display:flex;position:absolute;left:50%;transform:translate(-50%,-50%)}.road-goal img{width:100%}.road-gate{width:50%;position:absolute;left:50%;transform:translate(-50%,-50%)}.road-gate img{width:100%;display:block}.road-gate-banner{text-align:center;height:21%;color:var(--navy);flex-direction:column;justify-content:center;align-items:center;font-size:11px;font-weight:900;line-height:1.05;display:flex;position:absolute;top:27%;left:21%;right:21%}.road-gate-banner small{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:8px}.road-pager{background:var(--white);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:2px;padding:2px 4px;font-size:11px;font-weight:800;display:inline-flex}.road-pager button{font:inherit;color:var(--navy);cursor:pointer;background:0 0;border:0;border-radius:50%;width:28px;height:28px;font-size:16px}.road-pager button:disabled{opacity:.3;cursor:default}.road-stop{aspect-ratio:1;cursor:pointer;z-index:2;background:#f6f1e8;border:0;border-radius:50%;justify-content:center;align-items:center;width:13%;padding:0;font-family:inherit;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:inset 0 -3px #ddd3c2,0 2px 4px #5a3c141f}.road-stop-n{color:#9c9280;font-size:15px;font-weight:900}.road-stop img,.road-stop .road-stop-art{object-fit:cover;border:2px solid var(--white);border-radius:50%;width:86%;height:86%}.road-stop.done{background:var(--white);box-shadow:0 4px 10px #5a3c1438}.road-stop.next{background:radial-gradient(circle at 45% 38%, #ffe6a0, var(--butter) 75%);box-shadow:inset 0 -4px 0 var(--butter-dark), 0 0 0 6px #ffc53d59, 0 0 24px 8px #ffc53d8c}.road-stop.next .road-stop-n{color:var(--navy)}.road-stop.next .tap-ring{top:50%}.road-stop.later{opacity:1}.road-tick{background:var(--green);width:20px;height:20px;color:var(--white);border:2px solid var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;bottom:-2px;right:-4px}.road-stop.developing{background:#2b2a44;box-shadow:0 0 0 3px #d6463c59,0 4px 12px #28142859}.road-stop.developing .road-stop-art{opacity:.35;filter:sepia()hue-rotate(-40deg)saturate(3)brightness(.7);border-color:#3b2f4a}.road-safelight{justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;inset:0}.road-safelight .dot{background:#e0584a;width:6px;height:6px;box-shadow:0 0 6px 1px #e0584acc}.road-stop.dry{background:#3b2f4a;box-shadow:0 0 0 4px #ffc53d73,0 0 22px 6px #ffc53d8c}.road-stop.dry .tap-ring{top:50%}.road-print-back{aspect-ratio:3/4;background:#f7ecd9;border-radius:3px;width:48%;animation:2.4s ease-in-out infinite print-bob;transform:rotate(-6deg);box-shadow:0 0 0 2px #ffe096f2,0 0 14px 3px #ffc85acc}@keyframes print-bob{0%,to{transform:rotate(-6deg)}50%{transform:rotate(-2deg)translateY(-2px)}}.road-print-line{opacity:1;color:#8a3a30;font-weight:800}.road-print-line.dry{color:var(--coral-dark)}.road-stop.just-landed{animation:.7s cubic-bezier(.2,1.5,.4,1) .15s both stop-land}@keyframes stop-land{0%{transform:translate(-50%,-50%)scale(.3)}to{transform:translate(-50%,-50%)scale(1)}}.road-kraben{z-index:3;pointer-events:none;width:17%;animation:2.4s ease-in-out infinite kraben-hop;position:absolute;transform:translate(-50%,-112%)}@keyframes kraben-hop{0%,70%,to{transform:translate(-50%,-112%)}80%{transform:translate(-50%,-124%)}90%{transform:translate(-50%,-110%)}}.road-label{background:var(--white);text-align:left;cursor:pointer;max-width:52%;color:var(--navy);z-index:2;border:0;border-radius:12px;flex-direction:column;gap:2px;padding:7px 11px;font-family:inherit;display:flex;position:absolute;transform:translateY(-50%);box-shadow:0 1px 2px #3c280a1a,0 6px 16px #3c280a1a}.road-label b{font-size:13px;font-weight:900;line-height:1.15}.road-meta{color:var(--muted);align-items:center;gap:6px;font-size:10px;font-weight:800;display:flex}.road-builds{color:var(--body);opacity:.75;font-size:11px;font-weight:700}.road-label.later{background:#fbf5ea;box-shadow:0 1px 2px #3c280a1a,0 4px 10px #3c280a14}.road-label.later b{color:#4a6aa8}.road-label.done b{color:var(--navy)}.road-label.next{box-shadow:0 0 0 3px var(--butter), 0 8px 22px #e0a52059;padding:9px 13px}.road-label.next b{font-size:15px}.kind{letter-spacing:.08em;text-transform:uppercase;color:var(--navy);background:var(--mint);border-radius:999px;padding:2px 6px;font-size:9px;font-weight:900;display:inline-block}.kind.butter{background:#ffe39c}.kind.pink{background:#f8d0da}.kind.coral{background:#f9c2b7}.kind.green{background:#c4e6c6}.kind.mint{background:var(--mint)}.kind.big{padding:5px 12px;font-size:12px}.pill{background:var(--cream);color:var(--navy);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-block}.signpost-scrim{z-index:60;background:#281a0a73;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out both open-in;display:flex;position:fixed;inset:0}.signpost{text-align:center;background:#e8b878;border-radius:26px;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:360px;padding:14px 14px 18px;animation:.3s ease-out both rise-in;display:flex;box-shadow:inset 0 -6px #c8924f,0 18px 40px #28140059}.signpost-art{aspect-ratio:4/3;background:var(--cream);border-radius:18px;width:100%;overflow:hidden}.signpost-art img,.signpost-art .exercise-art{object-fit:cover;width:100%;height:100%;display:block}.signpost h2{color:var(--navy);margin:2px 0 0;font-size:26px;font-weight:900}.signpost-line{color:#3d2208;margin:0;font-size:15px;font-weight:700}.signpost-line b{color:var(--navy)}.signpost .link{color:#3d2208}@media (prefers-reduced-motion:reduce){.road-stop.just-landed{animation:.4s ease-out both fade-in}}.road-stop{scroll-margin:80px 0 120px}.dev-fold{z-index:200;font:inherit;color:#fff;cursor:pointer;background:#00000073;border:0;border-radius:8px;padding:4px 8px;font-size:11px;font-weight:800;position:fixed;top:8px;right:8px}.road-head{color:var(--navy);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:20px;font-weight:900;overflow:hidden}.lesson{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:8px 0 4px;display:flex}.lesson-bubble{background:var(--white);max-width:340px;color:var(--navy);text-wrap:balance;border-radius:26px;margin:0;padding:20px 22px;font-size:24px;font-weight:800;line-height:1.2;animation:.4s ease-out .15s both rise-in;position:relative;box-shadow:0 4px #5a28141a,0 10px 24px #5a28141a}.lesson-bubble:after{content:"";border:15px solid #0000;border-bottom:0;border-top-color:var(--white);margin-left:-14px;position:absolute;bottom:-15px;left:50%}.lesson .avatar{box-shadow:0 0 0 6px var(--white), 0 8px 0 6px #5a28141a}.lesson-who{flex-direction:column;gap:2px;display:flex}.lesson-who b{color:var(--navy);font-size:18px}.post{background:var(--white);flex-direction:column;margin:0 -16px;display:flex;position:relative}.post-head{align-items:center;gap:10px;padding:10px 12px;display:flex}.post-who{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.post-who b{font-size:14px;font-weight:900}.post-who span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.post-more{color:var(--navy);font:inherit;letter-spacing:1px;cursor:pointer;background:0 0;border:0;padding:0 4px 6px;font-size:20px;font-weight:900;line-height:1}.slides-wrap{position:relative}.slides{scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.slides::-webkit-scrollbar{display:none}.slide{aspect-ratio:4/5;scroll-snap-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#10182c;flex:0 0 100%;position:relative;overflow:hidden}.slide-img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}video.slide-img{object-fit:contain}.slide.sheet-fit{background:var(--sheet);justify-content:center;align-items:center;padding:0 18px;display:flex}.slide.sheet-fit .sheet-crop{cursor:pointer;width:100%;box-shadow:0 3px #c98e5240,0 14px 28px #78501e2e}.slide-pill{color:var(--white);-webkit-backdrop-filter:blur(6px);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;background:#10182c9e;border-radius:999px;padding:5px 10px;font-size:10.5px;font-weight:900;position:absolute;top:12px;left:12px}.slide-count{color:var(--white);font-variant-numeric:tabular-nums;pointer-events:none;background:#10182c9e;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900;position:absolute;top:12px;right:12px}.slide-cap{text-align:left;font:inherit;cursor:pointer;color:var(--white);background:linear-gradient(#0000 0%,#0a102280 45%,#0a1022c7 100%);border:0;flex-direction:column;gap:6px;padding:56px 16px 14px;display:flex;position:absolute;inset:auto 0 0}.slide-cap .cap-line{text-shadow:0 1px 8px #00000059;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15.5px;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.slide-cap .cap-hint{color:#ffffffb8;font-size:13px;font-weight:800}.slide-cap.open{background:linear-gradient(#0000 0%,#0a1022b8 35%,#0a1022e6 100%);max-height:100%;padding-top:90px;overflow-y:auto}.slide-cap.open .cap-line{-webkit-line-clamp:unset;display:block}.slide-cap .cap-more{color:#ffffffe6;flex-direction:column;gap:6px;font-size:15px;font-weight:700;line-height:1.4;display:flex}.slide.sheet-fit .slide-cap{background:linear-gradient(#0000 0%,#0a10228c 100%);padding-top:40px}.slide.sheet-fit .slide-cap.open{background:linear-gradient(#0000 0%,#0a1022cc 30%,#0a1022eb 100%)}.slide.words{background:radial-gradient(120% 90% at 30% 10%, color-mix(in srgb, var(--ink-bg) 70%, white) 0%, var(--ink-bg) 55%, color-mix(in srgb, var(--ink-bg) 70%, black) 100%);cursor:default;justify-content:center;align-items:center;padding:48px 28px 64px;display:flex}.words-portrait{aspect-ratio:1;object-fit:cover;opacity:.22;mix-blend-mode:luminosity;pointer-events:none;border-radius:50%;width:70%;position:absolute;bottom:-8%;right:-12%}.words-text{color:var(--white);text-align:center;text-wrap:balance;text-shadow:0 2px 12px #0000002e;margin:0;font-size:26px;font-weight:900;line-height:1.22;position:relative}.words-text.mid{font-size:22px}.words-text.long{font-size:18px;line-height:1.32}.slide.wait{background:repeating-linear-gradient(45deg,#fff6e2,#fff6e2 10px,#fdecc8 10px 20px);justify-content:center;align-items:center;display:flex}.slide.wait.dark{color:var(--cream);background:radial-gradient(90% 70% at 50% 40%,#54436a 0%,#2c2238 100%)}.wait-body{text-align:center;color:inherit;flex-direction:column;align-items:center;gap:18px;padding:24px;font-size:17px;font-weight:900;display:flex}.slide.wait .mini-back{display:none}.wait-body>span:not(.mini-back):not(.wait-cta){text-wrap:balance}.wait-cta{background:var(--butter);color:var(--navy);box-shadow:inset 0 -4px 0 var(--butter-dark);border-radius:999px;padding:10px 18px;font-size:15px}.slide.wait.dark .mini-back{background:#f7ecd9;border-radius:6px;width:96px;height:124px;display:block;transform:rotate(-4deg);box-shadow:0 0 0 3px #ffd682cc,0 0 36px #ffc53d8c}.sound-pill{pointer-events:none;z-index:1;background:#10182c9e;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex;position:absolute;bottom:12px;right:12px}.slide.video .slide-cap{right:48px}.heart-pop{color:var(--white);text-shadow:0 6px 24px #0000004d;pointer-events:none;font-size:96px;animation:.8s ease-out both heart-pop;position:absolute;top:50%;left:50%}@keyframes heart-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}32%{transform:translate(-50%,-50%)scale(.95)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-60%)scale(1)}}.post-actions{grid-template-columns:1fr auto 1fr;align-items:center;min-height:40px;padding:6px 10px 10px;display:grid}.post-actions>:last-child{justify-self:end}.post-actions .heart{color:var(--navy);font-size:30px}.post-actions .heart.on{color:var(--coral)}.dots{gap:4px;display:flex}.dots i{background:var(--rule);border-radius:50%;width:6px;height:6px}.dots i.on{background:var(--badge)}.listen{background:var(--cream);font:inherit;color:var(--navy);cursor:pointer;border:0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:900}.listen.on{background:var(--navy);color:var(--white)}.action-sheet{z-index:60;padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:#10182c73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.action-list{flex-direction:column;gap:8px;width:100%;max-width:406px;display:flex}.action-list button{background:var(--white);font:inherit;color:var(--navy);cursor:pointer;border:0;border-radius:16px;padding:16px;font-size:16px;font-weight:800}.action-list button.danger{color:var(--coral-dark)}.action-list button.cancel{color:var(--muted)}.crew-face .story-ring{background:conic-gradient(from 200deg, var(--butter), var(--coral), var(--pink), var(--butter));border-radius:50%;padding:5px;display:flex}.crew-face .story-ring .avatar{box-shadow:0 0 0 2.5px var(--cream)}.crew-face .hint{font-size:11.5px}.who{flex-direction:column;flex:1;gap:16px;display:flex}.who-steps{justify-content:center;gap:6px;display:flex}.who-steps i{background:var(--rule);border-radius:3px;width:30px;height:6px;transition:background .3s}.who-steps i.on{background:var(--coral)}.who-beat{flex-direction:column;flex:1;gap:20px;animation:.38s cubic-bezier(.2,.9,.3,1) both beat-in;display:flex}@keyframes beat-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}.who-ask{align-items:flex-end;gap:10px;display:flex}.who-ask .avatar{flex:none;box-shadow:0 3px #c98e5240}.who-bubble{background:var(--white);letter-spacing:-.01em;color:var(--navy);transform-origin:0 100%;border-radius:22px 22px 22px 6px;padding:13px 18px 15px;font-size:27px;font-weight:900;line-height:1.08;animation:.45s cubic-bezier(.2,.9,.3,1.3) 80ms both bubble-in;box-shadow:0 3px #c98e5233,0 10px 22px #78501e1f}.who-bubble small{color:var(--muted);letter-spacing:0;margin-top:5px;font-size:15px;font-weight:800;display:block}@keyframes bubble-in{0%{opacity:0;transform:scale(.8)translateY(8px)}to{opacity:1;transform:none}}.who-foot{flex-direction:column;align-items:stretch;gap:6px;margin-top:auto;padding-top:6px;display:flex}.who-foot .link{align-self:center}.who-chips{justify-content:center}.nametag{background:var(--white);box-shadow:inset 0 0 0 4px var(--coral), 0 4px 0 #c98e5240, 0 16px 30px #78501e24;border-radius:22px;animation:.5s cubic-bezier(.2,.9,.3,1.25) .15s both tag-in;overflow:hidden;transform:rotate(-1.2deg)}@keyframes tag-in{0%{opacity:0;transform:rotate(-7deg)translateY(18px)scale(.94)}to{opacity:1;transform:rotate(-1.2deg)}}.nametag-top{background:var(--coral);color:var(--white);text-align:center;flex-direction:column;align-items:center;padding:12px 12px 11px;display:flex}.nametag-top b{letter-spacing:.06em;font-size:42px;font-weight:900;line-height:1}.nametag-top span{letter-spacing:.14em;text-transform:uppercase;opacity:.92;margin-top:2px;font-size:13px;font-weight:800}.nametag-body{align-items:center;min-height:124px;padding:22px 18px;display:flex}.nametag-body textarea{resize:none;width:100%;font-family:var(--hand);text-align:center;color:var(--navy);caret-color:var(--coral);background:0 0;border:0;outline:0;padding:0;font-size:44px;font-weight:700;line-height:1.05;overflow:hidden}.nametag-body textarea::placeholder,.indexcard textarea::placeholder{color:#b6c6e4}.pinboard{background-color:var(--mint);background-image:radial-gradient(var(--mint-dot) 2.2px, transparent 2.7px);border:8px solid var(--wood);box-shadow:inset 0 3px 0 #0000000f, 0 4px 0 var(--wood-dark);background-size:16px 16px;border-radius:20px;grid-template-columns:1fr 1fr;align-items:start;gap:22px 16px;min-height:210px;padding:22px 14px 20px;display:grid}.pinboard.empty{justify-content:center;align-items:center;display:flex}.pinboard-hint{font-family:var(--hand);text-align:center;color:var(--green-dark);max-width:16ch;font-size:27px;line-height:1.1}.pinup{transform:rotate(var(--tilt,0deg));animation:.42s cubic-bezier(.2,.9,.3,1.3) both pin-in;position:relative}.pinup:before{content:"";background:var(--coral);width:15px;height:15px;box-shadow:inset -2px -2px 0 var(--coral-dark), 0 2px 3px #00000040;z-index:2;border-radius:50%;position:absolute;top:-7px;left:50%;transform:translate(-50%)}@keyframes pin-in{0%{opacity:0;transform:translateY(-18px) rotate(calc(var(--tilt,0deg) * 4)) scale(.9)}to{opacity:1;transform:rotate(var(--tilt,0deg))}}.polaroid{background:var(--white);border-radius:4px;flex-direction:column;gap:3px;padding:7px 7px 5px;display:flex;box-shadow:0 6px 14px #50321433}.polaroid-pic{aspect-ratio:1;object-fit:cover;background:var(--sheet);border-radius:2px;width:100%;display:block}.developing .polaroid-pic{background:linear-gradient(135deg,#4a4540,#8c7a66);animation:1.1s ease-in-out infinite alternate develop-pic}@keyframes develop-pic{0%{filter:brightness(.7)}to{filter:brightness(1.25)}}.polaroid-cap,.ticket-cap,.index-cap{font-family:var(--hand);color:var(--navy);text-align:center;resize:none;background:0 0;border:0;outline:0;width:100%;padding:1px 2px;font-size:20px;font-weight:700;line-height:1.05;display:block;overflow:hidden}.polaroid-cap::placeholder,.ticket-cap::placeholder,.index-cap::placeholder{color:#a9b9d8}.polaroid-cap:focus,.ticket-cap:focus,.index-cap:focus{background:#ffc53d2e;border-radius:4px}.ticket{background:var(--butter);box-shadow:inset 0 -4px 0 var(--butter-dark), 0 6px 14px #5032142e;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;gap:5px;min-height:128px;padding:16px 10px 8px;display:flex}.ticket-kind{letter-spacing:.12em;text-transform:uppercase;color:var(--navy);opacity:.7;font-size:10.5px;font-weight:900}.ticket-host{color:var(--navy);overflow-wrap:anywhere;font-size:16px;font-weight:900;line-height:1.12;text-decoration:none}.ticket-cap{border-top:2px dashed #1b4fa840;margin-top:2px;padding-top:5px}.index{background-color:var(--white);border-top:12px solid var(--pink);background-image:repeating-linear-gradient(#0000 0 27px,#d5e2f5 27px 29px);border-radius:4px;align-items:center;min-height:128px;padding:16px 8px;display:flex;box-shadow:0 6px 14px #5032142e}.index-cap{font-size:25px}.unpin{background:var(--navy);width:28px;height:28px;color:var(--white);cursor:pointer;z-index:3;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0 0 2px;font-family:inherit;font-size:18px;font-weight:900;line-height:1;display:flex;position:absolute;top:-11px;right:-11px;box-shadow:0 2px 6px #00000040}.add-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.add-btn{background:var(--white);box-shadow:inset 0 -4px 0 var(--rule), 0 3px 10px #78501e14;color:var(--navy);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:14px 6px 16px;font-family:inherit;font-size:15px;font-weight:900;transition:transform 60ms;display:flex}.add-btn:active{transform:translateY(2px)}.add-btn input{display:none}.add-ico{font-size:28px;line-height:1}.add-btn.off,.add-btn:disabled{opacity:.45;cursor:default}.add-sheet{background:var(--white);border-radius:20px;flex-direction:column;gap:10px;padding:16px;animation:.3s both rise-in;display:flex;box-shadow:0 3px #c98e5233,0 10px 22px #78501e1f}.input.hand{font-family:var(--hand);padding-top:8px;padding-bottom:8px;font-size:26px;font-weight:700}.input.hand.idea-about{font-size:22px;line-height:1.3}.indexcard{background-color:var(--white);border-top:14px solid var(--mint);--tilt:-1deg;background-image:repeating-linear-gradient(#0000 0 39px,#d5e2f5 39px 41px);background-origin:content-box;background-clip:content-box;border-radius:6px;padding:14px 18px 18px;animation:.5s cubic-bezier(.2,.9,.3,1.25) .15s both tag-in;transform:rotate(-1deg);box-shadow:0 4px #c98e5233,0 14px 26px #78501e21}.indexcard textarea{resize:none;width:100%;font-family:var(--hand);color:var(--navy);caret-color:var(--coral);background:0 0;border:0;outline:0;min-height:82px;padding:0;font-size:32px;font-weight:700;line-height:41px;display:block;overflow:hidden}.dice-btn{background:var(--butter);color:var(--navy);box-shadow:inset 0 -5px 0 var(--butter-dark);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;align-self:center;align-items:center;gap:12px;padding:9px 22px 12px 10px;font-family:inherit;font-size:17px;font-weight:900;display:flex}.dice-btn:active{box-shadow:inset 0 -3px 0 var(--butter-dark);transform:translateY(2px)}.die{background:var(--white);width:36px;height:36px;box-shadow:inset 0 -3px 0 var(--rule), 0 2px 4px #78501e33;border-radius:10px;flex:none;display:block;position:relative;transform:rotate(-10deg)}.die i{background:var(--coral);border-radius:50%;width:7px;height:7px;position:absolute}.die i:first-child{top:7px;left:7px}.die i:nth-child(2){top:7px;right:7px}.die i:nth-child(3){top:14px;left:14.5px}.die i:nth-child(4){bottom:9px;left:7px}.die i:nth-child(5){bottom:9px;right:7px}.dice-btn.rolling .die{animation:.55s cubic-bezier(.45,.05,.55,.95) infinite tumble}@keyframes tumble{0%{transform:rotate(-10deg)translateY(0)}50%{transform:rotate(170deg)translateY(-9px)scale(1.08)}to{transform:rotate(350deg)translateY(0)}}.ideas{flex-direction:column;gap:11px;display:flex}.ideas-from{color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:12.5px;font-weight:800;animation:.4s both fade-in;display:flex}.ideas-from .avatar{flex:none}.idea{background:var(--white);font-family:var(--hand);color:var(--navy);text-align:left;cursor:pointer;box-shadow:inset 0 -4px 0 var(--rule), 0 4px 12px #78501e1a;transform:rotate(var(--tilt,0deg));-webkit-tap-highlight-color:transparent;border:0;border-radius:14px;padding:13px 16px 15px;font-size:25px;font-weight:700;line-height:1.08;animation:.45s cubic-bezier(.2,.9,.3,1.25) both deal-in}.idea.on{background:var(--navy);color:var(--white);box-shadow:inset 0 -4px #143b7f}.idea-why{font-family:var(--sans);color:var(--muted);margin-top:5px;font-size:12.5px;font-weight:800;line-height:1.2;display:block}.idea.on .idea-why{color:#bfd0f0}@keyframes deal-in{0%{opacity:0;transform:translateY(26px)rotate(-9deg)scale(.9)}to{opacity:1;transform:rotate(var(--tilt,0deg))}}.nametag-body{flex-direction:column;justify-content:center;gap:10px}.nametag-goals{letter-spacing:.1em;text-transform:uppercase;color:var(--coral-dark);text-align:center;font-size:14px;font-weight:900;animation:.3s both fade-in}.who-goals{flex-direction:column;align-items:center;gap:8px;margin-top:-4px;display:flex}.pin-ghost{min-height:128px;font-family:var(--hand);color:var(--green-dark);text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff73;border:2.5px dashed #3b8e3f73;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 10px;font-size:20px;font-weight:700;line-height:1.05;display:flex}.pin-ghost:active{transform:scale(.98)}.ghost-plus{background:var(--white);width:30px;height:30px;color:var(--green-dark);font-family:var(--sans);box-shadow:inset 0 -2px 0 var(--mint-dot);border-radius:50%;justify-content:center;align-items:center;padding-bottom:2px;font-size:20px;font-weight:900;line-height:1;display:flex}.pin-ghost.claude{color:#9a6b00;background:#ffe7a68c;border-color:#e0a520cc}.pin-ghost.claude .ghost-plus{color:#9a6b00;box-shadow:inset 0 -2px 0 var(--butter)}.selfie{flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.selfie-spot{cursor:pointer;width:140px;height:140px;color:var(--coral-dark);-webkit-tap-highlight-color:transparent;background:#fff6f3;border:3px dashed #f2a99b;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0;font-family:inherit;transition:transform .15s;display:flex;overflow:hidden}.selfie-spot:active{transform:scale(.96)}.selfie-spot.has{border:4px solid var(--white);box-shadow:0 0 0 2.5px var(--coral), 0 6px 14px #78501e33;--tilt:0deg;animation:.45s cubic-bezier(.2,.9,.3,1.25) both tag-in}.selfie-spot.busy{animation:1s ease-in-out infinite pulse}.selfie-spot img{object-fit:cover;width:100%;height:100%;display:block}.selfie-plus{margin-bottom:4px;font-size:34px;line-height:1}.selfie-word{font-family:var(--hand);font-size:24px;font-weight:700;line-height:1}.selfie-hint{color:var(--muted);text-align:center;font-size:12.5px;font-weight:800;line-height:1.3}.selfie-x{top:0;left:calc(50% + 42px);right:auto}.selfie-opt{background:var(--white);color:var(--navy);cursor:pointer;box-shadow:inset 0 -3px 0 var(--rule);border-radius:14px;align-items:flex-start;gap:10px;margin-top:-6px;padding:12px 14px;font-size:15px;font-weight:900;display:flex}.selfie-opt input{display:none}.selfie-opt small{color:var(--muted);margin-top:2px;font-size:12.5px;font-weight:800;display:block}.selfie-opt .clock-box{background:var(--white);width:24px;height:24px;box-shadow:inset 0 0 0 2px var(--rule);color:var(--white);border-radius:8px;flex:none;justify-content:center;align-items:center;margin-top:1px;font-size:14px;display:flex}.selfie-opt.on .clock-box{background:var(--green);box-shadow:none}.selfie-opt.on{box-shadow:inset 0 0 0 2px var(--mint-dot), inset 0 -3px 0 var(--mint-dot)}.pinboard{position:relative}.board-dice{z-index:4;background:var(--butter);width:50px;height:50px;box-shadow:inset 0 -4px 0 var(--butter-dark), 0 4px 10px #78501e40;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-20px;right:-14px}.board-dice:active{transform:translateY(2px)}.die.small{border-radius:8px;width:28px;height:28px;animation:.5s cubic-bezier(.45,.05,.55,.95) tumble}.die.small i{width:5.5px;height:5.5px}.die.small i:first-child{top:5px;left:5px}.die.small i:nth-child(2){top:5px;right:5px}.die.small i:nth-child(3){top:11.25px;left:11.25px}.die.small i:nth-child(4){bottom:5px;left:5px}.die.small i:nth-child(5){bottom:5px;right:5px}.pin-ghost{animation:.35s both fade-in}.board-count{text-align:center;color:var(--navy);margin:0;font-size:15px;font-weight:900}.board-count.met{color:var(--green-dark)}.ticket.with-shot{padding-top:7px}.ticket-shot{aspect-ratio:4/3;object-fit:cover;object-position:top;background:var(--white);border-radius:6px;width:100%;margin-bottom:4px;display:block}.shot-btn{border:2px dashed var(--rule);font:inherit;color:var(--navy);cursor:pointer;text-align:left;background:#f7faff;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:800;display:flex}.shot-btn img{object-fit:cover;object-position:top;border-radius:6px;flex:none;width:54px;height:54px}.shot-btn.has{border-style:solid;border-color:var(--mint-dot);background:#f2faf6}.deal-hero{aspect-ratio:1;object-fit:cover;--tilt:0deg;border-radius:24px;width:100%;max-height:42dvh;animation:.55s cubic-bezier(.2,.9,.3,1.2) both tag-in;box-shadow:0 4px #c98e5238,0 14px 28px #78501e24}@media (prefers-reduced-motion:reduce){.who-beat,.who-bubble,.nametag,.pinup,.indexcard,.idea,.ideas-from{animation:none}.dice-btn.rolling .die{animation-duration:2s}}.send-story{border-radius:20px;flex-direction:column;gap:8px;padding:16px;display:flex}.send-story.on-cream{background:var(--white);box-shadow:0 3px #c98e5233,0 10px 22px #78501e1f}.send-story.on-dark{background:var(--cream);box-shadow:0 10px 26px #00000059}.send-story.on-dark .label{color:var(--coral-dark)}.friend-pick{flex-direction:column;gap:10px;display:flex}.deal-mic{flex-direction:column;align-items:center;gap:8px;display:flex}.deal-mic .mic-btn:disabled{background:var(--rule);box-shadow:none;color:var(--muted);cursor:default}.sb-page.asking{transform-origin:50% 100%;transition:transform .5s cubic-bezier(.2,.9,.3,1);transform:perspective(900px)rotateX(5deg)scale(.97)}.sb-outline{pointer-events:none;border:3px dashed #fff;border-radius:50%;width:28%;height:30%;animation:1.8s ease-in-out infinite ring-breathe;position:absolute;top:14%;left:11%;box-shadow:0 0 0 3px #f2705bd9,0 0 0 999px #14122861}@keyframes ring-breathe{0%,to{opacity:.95;transform:scale(1)}50%{opacity:.7;transform:scale(1.06)}}.sb-wipe{clip-path:inset(0 100% 0 0);pointer-events:none;background-repeat:no-repeat;background-size:200% 200%;width:50%;height:50%;animation:.55s cubic-bezier(.6,0,.3,1) forwards sb-wipe;position:absolute}.sb-w0{top:0;left:0}.sb-w1{top:0;left:50%}.sb-w2{top:50%;left:0}.sb-w3{top:50%;left:50%}@keyframes sb-wipe{to{clip-path:inset(0)}}.sb-starring{color:#f2c66d;white-space:nowrap;font-size:22px}.ba-toggle{background:#ffffff1f;border-radius:999px;align-self:center;padding:3px;display:inline-flex}.ba-toggle button{font:inherit;color:var(--cream);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:800}.ba-toggle button.on{background:var(--butter);color:var(--navy)}.cast-ask{flex-direction:column;gap:8px;animation:.4s ease-out .25s both rise-in;display:flex}.cast-ask-say{align-items:flex-end;gap:6px;margin-bottom:4px;display:flex}.cast-ask-bubble{border-radius:18px 18px 6px;flex:1;padding:12px 14px;font-size:15px;font-weight:700;line-height:1.3}.cast-ask-bubble b{margin-bottom:3px;font-size:22px;font-weight:900;display:block}.cast-ask-kraben{flex:none;width:76px;margin-bottom:-6px}.cast-ask-no{color:var(--cream);align-self:center}.cast-tag{flex-direction:column;gap:18px;display:flex}.cast-tag-kraben{flex:none;width:62px}.cast-privacy{color:var(--muted);text-align:center;margin:-4px 4px 0;font-size:14px;font-weight:800;line-height:1.35}.cast-nudge{background:var(--white);border-radius:16px;flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:0 3px #c98e5233}.cast-nudge p{color:var(--navy);margin:0;font-size:16px;font-weight:800;line-height:1.3}.want-photo .selfie-spot:not(.has){animation:1.1s ease-in-out 3 want-photo}@keyframes want-photo{0%,to{transform:scale(1)}50%{border-color:var(--coral);transform:scale(1.08)}}.selfie-library{font-size:13px}.peg-scene.gold .print-back:not(.ghost){background:linear-gradient(#fbf1dc,#f4e2bd);box-shadow:0 0 0 4px #e8b93c,0 0 0 6px #ffecaae6,0 0 34px 10px #ffc85acc,0 0 80px 22px #ffb43c73,0 14px 30px #00000059}.peg-scene.gold .back-words{font-size:28px;font-weight:700}.cast-extras{flex-direction:column;gap:10px;display:flex}.cast-better{align-items:flex-end;gap:6px;margin:0;display:flex}.cast-better img{width:54px}.cast-better .bubble{margin-bottom:14px;font-size:16px;animation:.3s ease-out 2.4s both rise-in}.story-open .btn.cast-light{color:var(--cream)}.cast-err{color:#f2c66d;text-align:center;margin:0}.cast-you{background:var(--cream);-webkit-user-select:auto;user-select:auto;overflow-y:auto}.cast-you-inner{min-height:100%;padding:calc(28px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.cast-you-inner .stack{width:100%}.cast-you-pic{aspect-ratio:9/16;background:var(--white);border-radius:22px;width:min(52%,210px);overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 4px #c98e5240,0 16px 30px #3c281429}.cast-you-pic img{object-fit:cover;width:100%;height:100%;display:block}.cast-you-line{font-family:var(--hand);margin:6px 0 0;font-size:44px;line-height:1}.sb-teaser-part{box-shadow:inset 0 0 0 2px var(--coral), 0 3px 0 #c98e5233}.sb-teaser-ring{flex:none;position:relative}.sb-teaser-ring i{border:2px dashed var(--coral);border-radius:50%;width:30%;height:30%;animation:1.8s ease-in-out infinite ring-breathe;position:absolute;top:12%;left:10%}@media (prefers-reduced-motion:reduce){.sb-outline,.sb-teaser-ring i,.want-photo .selfie-spot{animation:none}.sb-wipe{animation-duration:10ms;animation-delay:0s!important}}.imagine-place{font-family:var(--hand);min-height:0;padding:10px 14px;font-size:28px;font-weight:700;line-height:1.1}.sparks{flex-wrap:wrap;gap:8px;display:flex}.chip.spark{text-align:left;font-size:14.5px;line-height:1.2;animation:.35s ease-out both rise-in}.chip.spark:nth-child(2){animation-delay:60ms}.chip.spark:nth-child(3){animation-delay:.12s}.p2d-wrap{flex-direction:column;flex:none;gap:4px;display:flex}.p2d-kicker{align-self:flex-start}.p2d{--p2d-h:clamp(112px, min(25dvh, (min(100vw, 430px) - 84px) / 1.65), 230px);--p2d-s:calc(var(--p2d-h) * .64);--p2d-cap:24px;flex:none;justify-content:center;align-items:flex-end;gap:6px;margin:0;display:flex}.p2d-term{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.p2d-frame{height:var(--p2d-s);aspect-ratio:3/4;border-radius:8px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px #c98e5233,0 6px 14px #78501e24}.p2d-photo .p2d-frame{background:var(--white);padding:4px 4px 12px;transform:rotate(-3deg)}.p2d-frame img{object-fit:cover;object-position:50% 20%;border-radius:4px;width:100%;height:100%;display:block}.p2d-place .p2d-frame{background:var(--mint);box-shadow:inset 0 -4px 0 var(--mint-dot), 0 2px 0 #c98e5233, 0 6px 14px #78501e24;align-items:center;padding:14px 7px 8px;transform:rotate(2deg)}.p2d-place-words{font-family:var(--hand);color:var(--navy);font-weight:700;font-size:calc(var(--p2d-s) * .155);text-align:center;text-wrap:balance;width:100%;line-height:1.02}.p2d-stamp{background:var(--coral);border:2px dotted var(--white);border-radius:2px;width:14px;height:17px;position:absolute;top:5px;right:5px}.p2d-result .p2d-frame{height:var(--p2d-h);aspect-ratio:2/3;background:var(--cream);box-shadow:0 0 0 3px var(--white), 0 8px 18px #78501e2e;border-radius:10px;transform:rotate(-1.5deg)}.p2d-result .p2d-frame img{object-position:50% 50%;border-radius:10px}.p2d figcaption{font-family:var(--hand);color:var(--navy);text-align:center;white-space:nowrap;height:18px;font-size:18px;font-weight:700;line-height:1}.p2d-result figcaption{color:var(--coral-dark);font-size:19px}.p2d-op{color:var(--coral);text-align:center;width:14px;margin-bottom:calc(var(--p2d-cap) + var(--p2d-s) / 2 - 12px);font-size:24px;font-weight:900;line-height:1}.p2d-placeholder{border:2px dashed var(--rule);color:var(--muted);text-align:center;background:#f7faff;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:4px;font-size:12px;font-weight:900;display:flex}.imagine-selfie{justify-content:center;display:flex}.imagine-selfie .selfie-spot{width:clamp(84px,13dvh,112px);height:clamp(84px,13dvh,112px)}.imagine-selfie .selfie-word{font-size:21px}@media (height<=760px){.phone.imagine-photo .main{gap:10px;padding-top:14px;padding-bottom:14px}.phone.imagine-photo .p2d{--p2d-h:clamp(104px, 20dvh, 230px)}.phone.imagine-photo .imagine-selfie .selfie-spot{width:clamp(68px,11dvh,112px);height:clamp(68px,11dvh,112px)}.phone.imagine-photo .imagine-selfie .selfie-word{font-size:14px}.phone.imagine-photo h1{font-size:27px}}.first-road-line{flex:none;font-size:17px;font-weight:700}.road-preview{pointer-events:none;flex:1 1 0;min-height:150px;margin:0 -16px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 36px);mask-image:linear-gradient(#0000,#000 36px)}.road-preview .roadmap{margin:0;position:absolute;bottom:0;left:0;right:0}.road-landing-promise{text-wrap:balance;flex:none;margin:0}.road-landing .first-road-line{margin:0}.road-landing-hint{text-align:center;flex:none;margin:0}.road-preview.road-depth{-webkit-mask-image:linear-gradient(#0000,#000 18px);mask-image:linear-gradient(#0000,#000 18px);container-type:size}.dr{--u:1vw;background:#cfe6c2;position:absolute;inset:0;overflow:hidden}@supports (width:1cqmin){.dr{--u:1cqmin}}.dr-bg{object-fit:cover;object-position:50% 22%;width:100%;height:100%;position:absolute;inset:0}.dr-path{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dr-path path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.dr-edge{stroke:#d6bf98}.dr-way{stroke:#fffbf4}.dr-far{stroke:#fff6e6;stroke-width:3px;stroke-dasharray:1 6}.dr-goal{width:calc(var(--w) * var(--u));flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-100%)}.dr-goal img{width:100%;display:block;position:relative}.dr-glow{aspect-ratio:1;opacity:.85;background:radial-gradient(circle,#ffe9a0e6 0%,#ffd66e80 35%,#ffd66e00 68%);border-radius:50%;width:170%;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.dr-goal-day{background:var(--butter);color:var(--navy);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;box-shadow:inset 0 -2px 0 var(--butter-dark), 0 2px 6px #3c280a33;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:900;position:absolute;bottom:4%}.dr-gate{width:calc(var(--s) * var(--u));pointer-events:none;position:absolute;transform:translate(-50%,-78%)}.dr-gate img{width:100%;display:block}.dr-gate .road-gate-banner{font-size:max(8px, calc(var(--s) * var(--u) * .1))}.dr-at{pointer-events:none;position:absolute;inset:0}.dr-at>*{pointer-events:auto}.dr-jennys{height:calc(var(--s) * var(--u) * 1.35);pointer-events:none;position:absolute;transform:translate(-50%,-100%)}.dr-stop{width:calc(var(--s) * var(--u));aspect-ratio:1;cursor:pointer;color:#9a8f7c;box-shadow:inset 0 calc(var(--s) * var(--u) * -.25) 0 #d3c8b4, 0 2px 4px #5a3c1429;background:#ede6d8;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:inherit;display:flex;position:absolute;transform:translate(-50%,-50%)}.dr-stop img:not(.dr-kraben):not(.dr-you),.dr-stop .road-stop-art{object-fit:cover;border:2px solid var(--white);border-radius:50%;width:86%;height:86%}.dr-stop.done{background:var(--white);box-shadow:0 4px 10px #5a3c1438}.dr-stop.later{color:#1b4fa88c}.dr-stop.later.butter{box-shadow:inset 0 calc(var(--s) * var(--u) * -.25) 0 #e3be5c, 0 2px 4px #5a3c1429;background:#ffe39c}.dr-stop.later.pink{box-shadow:inset 0 calc(var(--s) * var(--u) * -.25) 0 #d99aaa, 0 2px 4px #5a3c1429;background:#f8d0da}.dr-stop.later.coral{box-shadow:inset 0 calc(var(--s) * var(--u) * -.25) 0 #da9a8c, 0 2px 4px #5a3c1429;background:#f9c2b7}.dr-stop.later.green{box-shadow:inset 0 calc(var(--s) * var(--u) * -.25) 0 #8fc193, 0 2px 4px #5a3c1429;background:#c4e6c6}.dr-stop.later.mint{box-shadow:inset 0 calc(var(--s) * var(--u) * -.25) 0 #93c9b5, 0 2px 4px #5a3c1429;background:#cdebe0}.dr-lock{width:52%;height:52%;margin-top:-6%}.dr-bubble{text-align:center;width:max-content;max-width:170px;color:var(--navy);pointer-events:none;transform-origin:50% 100%;background:#fffbf4f2;border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:4px 9px 5px;font-family:inherit;font-size:12px;font-weight:900;line-height:1.15;animation:.35s cubic-bezier(.2,1.4,.4,1) both dr-pop;display:flex;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);box-shadow:0 1px 3px #3c280a2e}@keyframes dr-pop{0%{opacity:0;scale:.55}to{opacity:1;scale:1}}.dr-bubble small{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:9px}.dr-bubble .dr-meta{letter-spacing:.04em;white-space:nowrap;margin-top:1px}.dr-bubble.to-r{transform:translate(-28%)}.dr-bubble.to-l{transform:translate(-72%)}.dr-bubble:after{content:"";border:5px solid #0000;border-top-color:#fffbf4f2;margin-left:-5px;position:absolute;top:100%;left:50%}.dr-bubble.to-r:after{left:28%}.dr-bubble.to-l:after{left:72%}.dr-bubble.ready{background:var(--butter);animation:.35s cubic-bezier(.2,1.4,.4,1) both dr-pop,1.8s ease-in-out .35s infinite dr-nudge;box-shadow:0 0 0 3px #fffc,0 4px 14px #e0a52073}.dr-bubble.ready:after{border-top-color:var(--butter)}.dr-bubble.ready small{color:var(--navy)}@keyframes dr-nudge{0%,to{margin-bottom:0}50%{margin-bottom:4px}}.dr-hint{z-index:200;white-space:nowrap;color:var(--white);pointer-events:none;background:#1b4fa8e0;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:800;animation:.4s ease-out .8s both fade-in;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #141e3c40}.dr-hint-arrow{font-size:15px}.dr-rail{z-index:200;pointer-events:none;background:#ffffff8c;border-radius:3px;width:5px;position:absolute;top:64px;bottom:76px;right:7px;box-shadow:0 0 0 1px #1b4fa814}.dr-rail span{background:#1b4fa88c;border-radius:3px;height:16%;position:absolute;left:0;right:0}.dr-more{z-index:200;width:30px;height:30px;color:var(--navy);pointer-events:none;background:#fffbf4cc;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:900;animation:.3s ease-out both fade-in;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #3c280a26}.dr-stop.next{background:radial-gradient(circle at 45% 38%, #ffe6a0, var(--butter) 75%);box-shadow:inset 0 -5px 0 var(--butter-dark), 0 0 0 6px #ffc53d59, 0 0 26px 10px #ffc53d8c}.dr-n{color:var(--navy);font-weight:900;font-size:max(14px, calc(var(--s) * var(--u) * .3));margin-top:18%}.dr-stop .tap-ring{width:auto;height:auto;margin:0;inset:0}.dr-stop.developing{background:#2b2a44;box-shadow:0 0 0 3px #d6463c59,0 4px 12px #28142859}.dr-stop.developing .road-stop-art{opacity:.35;filter:sepia()hue-rotate(-40deg)saturate(3)brightness(.7);border-color:#3b2f4a}.dr-stop.dry{background:#3b2f4a;box-shadow:0 0 0 4px #ffc53d73,0 0 22px 6px #ffc53d8c}.dr-stop.just-landed{animation:.7s cubic-bezier(.2,1.5,.4,1) .15s both stop-land}.dr-at.still .dr-kraben,.dr-at.still .road-print-back{animation:none}.dr-at.still .dr-bubble.ready{animation:.35s cubic-bezier(.2,1.4,.4,1) both dr-pop}.dr-at.still .tap-ring{display:none}.dr-kraben{pointer-events:none;width:86%;animation:2.4s ease-in-out infinite dr-hop;position:absolute;bottom:52%;left:64%;transform:translate(-50%)}.dr-you{pointer-events:none;height:98%;position:absolute;bottom:46%;left:14%;transform:translate(-50%)}@keyframes dr-hop{0%,70%,to{transform:translate(-50%)}80%{transform:translate(-50%,-12%)}90%{transform:translate(-50%,2%)}}.dr-label{background:var(--white);box-shadow:0 0 0 3px var(--butter), 0 8px 22px #e0a52059;color:var(--navy);white-space:nowrap;pointer-events:none;border-radius:14px;flex-direction:column;gap:1px;padding:8px 13px;display:flex;position:absolute;transform:translateY(-50%)}.dr-label.right-of{margin-left:calc(var(--s) * var(--u) * .5 + 14px)}.dr-label.left-of{margin-left:calc(var(--s) * var(--u) * -.5 - 14px);transform:translate(-100%,-50%)}.dr-label b{font-size:16px;font-weight:900;line-height:1.15}.dr-label span{color:var(--muted);font-size:12px;font-weight:800}.phone.road-tab .main{padding-top:0}.dr-scroller{--stage-h:var(--stage,calc(100dvh - 140px));height:calc(var(--stage-h) + var(--walk));flex:none;margin:0 -16px;position:relative}.dr-chapter{z-index:200;white-space:nowrap;color:var(--navy);pointer-events:none;background:#fffbf4f0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:900;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #3c280a26}.dr-stage{height:var(--stage-h);min-height:320px;position:sticky;top:0;overflow:hidden;container-type:size}.roll{flex-direction:column;gap:10px;display:flex}.postcard{background:var(--white);border-radius:12px;padding:7px 7px 0;position:relative;transform:rotate(-1.2deg);box-shadow:0 3px #c98e5233,0 10px 22px #78501e24}.postcard-art{border-radius:7px;width:100%;height:auto;display:block}.postcard-caption{font-family:var(--hand);color:var(--navy);text-align:center;text-wrap:balance;overflow-wrap:anywhere;margin:0;padding:7px 6px 9px;font-size:22px;font-weight:700;line-height:1.08}.postcard-caption .yours{color:var(--coral-dark);text-underline-offset:4px;-webkit-text-decoration:underline #c85a3c73;text-decoration:underline #c85a3c73;text-decoration-thickness:2px}.postcard-caption .blank{color:var(--coral);letter-spacing:.04em}.pc-roll-all{background:var(--butter);width:46px;height:46px;color:var(--navy);box-shadow:0 3px 0 var(--butter-dark), 0 6px 14px #78501e2e;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:14px;place-items:center;display:grid;position:absolute;top:-10px;right:-8px;transform:rotate(8deg)}.pc-roll-all:active{box-shadow:0 1px 0 var(--butter-dark);transform:rotate(8deg)translateY(2px)}.pc-glow{transform-box:fill-box;transform-origin:50%;animation:2.2s ease-in-out infinite pc-glow}@keyframes pc-glow{0%,to{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}.pc-sparkle path{transform-box:fill-box;transform-origin:50%;animation:1.6s ease-in-out infinite pc-twinkle}.pc-sparkle path:nth-child(2){animation-delay:.5s}.pc-sparkle path:nth-child(3){animation-delay:1s}@keyframes pc-twinkle{0%,to{opacity:.3;transform:scale(.6)}50%{opacity:1;transform:scale(1.15)}}.phone.roll-fit .pegboard>.row{min-height:34px}.roll-goal{color:var(--navy);text-wrap:balance;margin:0;font-size:22px;font-weight:900;line-height:1.15}.roll-path{flex-direction:column;gap:8px;display:flex}.roll-stops{justify-content:space-between;align-items:center;margin:0;padding:0 2px;list-style:none;display:flex;position:relative}.roll-stops:before{content:"";border-top:3px dashed var(--rule);position:absolute;top:50%;left:16px;right:18px;transform:translateY(-50%)}.roll-stops li{z-index:1;position:relative}.roll-stop{background:var(--white);width:30px;height:30px;box-shadow:inset 0 0 0 2.5px var(--rule);color:var(--muted);border-radius:50%;place-items:center;font-size:13px;font-weight:900;display:grid}.roll-stops li.past .roll-stop{background:var(--coral);color:var(--white);box-shadow:none}.roll-stops li.now .roll-stop{background:var(--butter);color:var(--navy);animation:1.8s ease-in-out infinite stop-now;box-shadow:0 0 0 4px #ffc53d59}.roll-stops li.gift .roll-stop{width:36px;height:36px;box-shadow:inset 0 0 0 2.5px var(--butter);background:#fff3d6;animation:3.2s ease-in-out infinite gift-wiggle}@keyframes stop-now{50%{box-shadow:0 0 0 7px #ffc53d26}}@keyframes gift-wiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-9deg)}90%{transform:rotate(8deg)}95%{transform:rotate(-4deg)}}.roll-say{flex-direction:column;gap:2px;min-height:58.9px;display:flex}.roll-cue{color:var(--muted);margin:0;font-size:13px;font-weight:700;line-height:1.3}.roll-line{color:var(--navy);margin:0;font-size:16px;font-weight:800;line-height:1.25;animation:.45s ease-out both line-in}@keyframes line-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.roll-rows{flex-direction:column;gap:6px;display:flex}.roll-row{background:var(--white);width:100%;height:46px;color:var(--navy);font:inherit;text-align:left;box-shadow:inset 0 -3px 0 var(--rule), inset 0 0 0 2px var(--rule);border:0;border-radius:12px;grid-template-columns:78px 1fr 40px;align-items:center;padding:0 4px 0 12px;display:grid;position:relative}.roll-row.dice .roll-text{height:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;font-size:16px;font-weight:800}.roll-row.nudged{animation:.4s ease-in-out row-shake}@keyframes row-shake{20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.roll-why{color:var(--muted);white-space:normal;align-items:center;gap:6px;font-size:13.5px;line-height:1.15;animation:.25s ease-out both line-in;display:flex}.roll-why svg{color:var(--muted);flex:none}.btn.nudged{animation:.6s ease-in-out 3 throb}.roll-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:800;line-height:1.1}.roll-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;padding:0 4px;font-size:16px;font-weight:800;overflow:hidden}.roll-words{text-overflow:ellipsis;display:block;overflow:hidden}.roll-words.long{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.25;display:-webkit-box}.roll-die{cursor:pointer;-webkit-tap-highlight-color:transparent;background:var(--butter);width:38px;height:38px;color:var(--navy);box-shadow:0 2px 0 var(--butter-dark);border:0;border-radius:10px;place-items:center;padding:0;display:grid}.roll-die:active{box-shadow:none;transform:translateY(2px)rotate(12deg)}.roll-die.nudged{box-shadow:0 2px 0 var(--butter-dark), 0 0 0 3px #f2705b73;animation:.6s ease-in-out 2 die-shake}@keyframes die-shake{0%,to{transform:none}15%{transform:rotate(-16deg)scale(1.1)}30%{transform:rotate(14deg)scale(1.14)}45%{transform:rotate(-11deg)scale(1.12)}60%{transform:rotate(8deg)scale(1.06)}78%{transform:rotate(-4deg)}}.roll-row.nudged.die-says{animation:none}.roll-row.write{box-shadow:inset 0 0 0 2px var(--butter);background:#fffdf6;overflow:hidden}.roll-row.write:focus-within{box-shadow:inset 0 0 0 2.5px var(--coral)}.roll-input{min-width:0;height:100%;font-family:var(--hand);color:var(--coral-dark);text-overflow:ellipsis;background:0 0;border:0;outline:0;padding:0 4px;font-size:21px;font-weight:700}.roll-input::placeholder{font-family:var(--sans,inherit);color:#b49a6a;font-size:15px;font-style:italic;font-weight:700}.roll-pen{color:var(--butter-dark);place-items:center;display:grid}.roll-row.write:not(.mine) .roll-input{font-family:var(--sans);color:var(--navy);font-size:16px;font-weight:800}.roll-row.write .roll-input.long{font-size:17px}.roll-row.write .roll-input.longer{font-size:14px}.roll-row.mine{box-shadow:inset 0 -3px 0 var(--butter-dark), inset 0 0 0 2px var(--butter);background:#fff8e6}.roll-row.your-turn{animation:1.8s ease-in-out .5s infinite your-turn}.roll-row.your-turn:focus-within{animation:none}.roll-row.your-turn:not(:focus-within) .roll-pen{animation:1.1s ease-in-out infinite pen-write}@keyframes pen-write{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-3px,2px)rotate(-12deg)}50%{transform:translate(2px)rotate(6deg)}75%{transform:translate(-1px,2px)rotate(-8deg)}}.postcard-caption .editing{background:var(--butter);color:var(--navy);box-shadow:0 0 0 2px var(--butter);border-radius:6px;padding:0 4px;text-decoration:none;animation:.25s ease-out editing-in}@keyframes editing-in{0%{box-shadow:0 0 0 0 var(--butter);background:0 0}}@keyframes your-turn{0%,to{box-shadow:inset 0 0 0 2px var(--butter), 0 0 0 0 #f2705b00}50%{box-shadow:inset 0 0 0 2.5px var(--coral), 0 0 0 5px #f2705b2e}}.roll-die.die-away{pointer-events:none;animation:.8s cubic-bezier(.5,0,.75,0) forwards die-away;position:absolute;top:4px;right:4px}@keyframes die-away{0%{opacity:1;transform:none}30%{opacity:1;transform:translate(6px,-12px)rotate(90deg)}to{opacity:0;transform:translate(46px,26px)rotate(280deg)scale(.4)}}.roll-row.not-yet{visibility:hidden}.roll-row.up-next{animation:.4s ease-out both row-in,1.8s ease-in-out .5s infinite your-turn}@keyframes row-in{0%{opacity:0;transform:translateY(6px)}}.roll-row.unrolled .roll-text{color:var(--muted);font-size:20px;animation:1.4s ease-in-out infinite developing}.roll-big,.roll-again{justify-content:center;align-items:center;gap:8px;display:inline-flex}.roll-buttons{grid-template-columns:1fr 1.3fr;gap:8px;display:grid}.roll-buttons .btn{padding-left:10px;padding-right:10px}.roll-done .btn{justify-content:center;align-items:center;height:56px;padding-top:0;padding-bottom:0;display:inline-flex}.postcard-caption.fixed{height:calc(2 * 1.08 * var(--cap,22px) + 16px);font-size:var(--cap,22px);justify-content:center;align-items:center;display:flex;overflow:hidden}.roll-skip{opacity:.75;align-self:center;padding:2px 8px;font-size:13px;font-weight:700}.roll-done{flex:none}.pc-pic{border-radius:7px;position:relative;overflow:hidden}.postcard-picture{aspect-ratio:16/9;object-fit:cover;animation:2.2s ease-out both develop-in}@keyframes develop-in{0%{filter:sepia()brightness(.5)contrast(.8)blur(3px)}60%{filter:sepia(.4)brightness(.9)blur()}to{filter:none}}.postcard.developing .postcard-art{filter:sepia(.7)brightness(.85)}.pc-wash{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pc-wash .wash{opacity:.55;mix-blend-mode:multiply}.imagine-sketch{border-radius:18px;flex:none;margin-top:8px;padding:12px 10px 10px;transition:background-color .6s,box-shadow .6s;position:relative}.imagine-sketch .postcard{z-index:1}.imagine-sketch.in-tray{transform-origin:50% 40%;background:#fbf6ee;animation:3.4s ease-in-out infinite rock;box-shadow:0 6px #5a28142e,0 14px 26px #3c140a38}.tray-liquid{background:linear-gradient(#f6a08c,#ea7a66);border-radius:13px;position:absolute;inset:6px;overflow:hidden}.tray-peek{z-index:2;pointer-events:none;width:54px;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.tray-says{z-index:3;margin:0;padding:6px 10px;font-size:13px;position:absolute;top:-12px;right:4px}.imagine-sketch .postcard-art{max-height:27svh}.imagine-sketch .postcard-caption{font-size:19px}@media (height<=700px){.imagine-sketch .postcard-art{max-height:18svh}.imagine-sketch .postcard-caption{padding:5px 6px 7px;font-size:17px}.phone.roll-fit .main{gap:10px;padding-top:14px}.phone.roll-fit .roll{gap:8px}.phone.roll-fit .roll-rows{gap:5px}.phone.roll-fit .roll-goal{font-size:19px}.phone.roll-fit .roll-path{gap:6px}.phone.roll-fit .roll-row{height:42px}.phone.roll-fit .postcard-caption{--cap:20px;padding:6px 6px 8px;font-size:20px}}@media (prefers-reduced-motion:reduce){.pc-glow,.pc-sparkle path,.roll-row.your-turn .roll-pen,.roll-stops li.now .roll-stop,.roll-stops li.gift .roll-stop,.roll-row.your-turn,.roll-row.up-next,.roll-row.nudged,.roll-die.nudged,.btn.nudged,.imagine-sketch.in-tray,.pc-wash .wash{animation:none}.postcard-picture,.roll-die.die-away{animation-duration:10ms}}.put-me-in .main{gap:14px}.put-ask{flex-direction:column;align-items:center;display:flex;position:relative}.put-art{object-fit:cover;border:6px solid var(--white);border-radius:14px;width:100%;max-height:34svh;display:block;box-shadow:0 3px #c98e5233,0 10px 22px #78501e24}.put-ask .selfie{z-index:1;margin-top:-54px}.put-ask .selfie-spot{width:112px;height:112px}.put-print{border-radius:18px;min-height:160px;margin-top:8px;padding:12px 10px 10px;position:relative}.put-print.in-tray{transform-origin:50% 40%;background:#fbf6ee;animation:3.4s ease-in-out infinite rock;box-shadow:0 6px #5a28142e,0 14px 26px #3c140a38}.put-print .put-art{z-index:1;position:relative}.put-art.developing{filter:saturate(.35)brightness(1.08)blur(1.5px);opacity:.75}.put-reveal{margin-bottom:24px;padding:10px 6px 0;position:relative}.put-behind{object-fit:cover;border:5px solid var(--white);opacity:.9;border-radius:12px;width:70%;height:80%;position:absolute;top:0;left:4%;transform:rotate(-5deg);box-shadow:0 6px 14px #78501e29}.put-front{animation:.5s cubic-bezier(.2,.9,.3,1.25) both put-in;position:relative;transform:rotate(1.5deg)translateY(18px)}@keyframes put-in{0%{opacity:0;transform:rotate(-4deg)translateY(40px)scale(.94)}to{opacity:1;transform:rotate(1.5deg)translateY(18px)}}.put-note{text-align:center;color:var(--coral-dark)}.put-help{z-index:20;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom,0px));background:#0a10226b;align-items:flex-end;display:flex;position:fixed;inset:0}.put-help .sheet{width:100%;max-width:440px;margin:0 auto}