:root{--warmth: 0;--paper: #f6ede5;--paper-hi: #fffaf5;--ink: #151617;--muted: #5e5955;--line: #151617;--shadow: #151617;--soft-shadow: #d8c9bb;--noisy-bg: #dfe3ea;--card: #ffffff;--card-ink: #1e2430;--card-muted: #667085;--glow: 255, 250, 244;--display: "Montserrat", "Avenir Next", "Helvetica Neue", Arial, sans-serif;--body: "Montserrat", "Avenir Next", "Helvetica Neue", Arial, sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}@media(prefers-color-scheme:dark){:root{--paper: #151617;--paper-hi: #1d1e20;--ink: #f6ede5;--muted: #b8aea5;--line: #f6ede5;--shadow: #f6ede5;--soft-shadow: #3a3530;--noisy-bg: #0b0d12;--card: #1b2029;--card-ink: #e6e9ef;--card-muted: #98a2b3;--glow: 246, 237, 229}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;min-height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;transition:background-color 2.4s ease;overflow-x:hidden;-webkit-font-smoothing:antialiased}body[data-mood=noisy]{background:var(--noisy-bg);--chrome-bg: var(--noisy-bg)}body[data-mood=quiet].is-settled{--chrome-bg: var(--paper)}@property --chrome-bg{syntax: "<color>"; inherits: true; initial-value: transparent;}.glow{position:fixed;top:-10%;right:-10%;bottom:-10%;left:-10%;pointer-events:none;background:radial-gradient(45% 40% at 50% 45%,rgba(var(--glow),.9),transparent 72%);opacity:calc(var(--warmth) * .9);animation:breathe 7s ease-in-out infinite}@media(prefers-color-scheme:dark){.glow{background:radial-gradient(45% 40% at 50% 45%,rgba(var(--glow),.09),transparent 72%)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.noise{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;transition:opacity .6s ease}.layer{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%}.layer-0{opacity:.5;filter:blur(1.5px);scale:.84}.layer-1{opacity:.78;scale:.93}.n{position:absolute;width:230px;padding:12px 14px;border-radius:14px;background:var(--card);color:var(--card-ink);box-shadow:0 1px 2px #0000000f,0 10px 30px #1418281f;font:13.5px/1.35 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;rotate:var(--tilt);display:grid;gap:2px}.n strong{font-weight:650}.n span{color:var(--card-muted)}.n-notif strong:before{content:"";display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:3px;background:#5b8def}.n-event{border-left:5px solid #8a6cf0;border-radius:8px}.n-badge,.n-trend{width:auto;display:flex;gap:6px;align-items:baseline;border-radius:999px;padding:8px 16px}.n-badge strong{color:#fff;background:#e5484d;border-radius:999px;padding:0 9px}.n-trend strong{color:#1d9bf0}.n-tab{width:210px;border-radius:10px 10px 0 0;padding:9px 12px}.n-tab strong{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.n-clock{width:auto;padding:10px 18px}.n-clock strong{font-size:26px;font-variant-numeric:tabular-nums;font-weight:600}.n-headline{width:250px;border-top:4px solid #d93025;border-radius:6px}.n-headline strong{color:#d93025;font-size:11px;letter-spacing:.12em}.n-headline span{color:var(--card-ink);font:600 15px/1.25 Georgia,Times New Roman,serif}.n-watch{background:#111;color:#fff;padding-bottom:16px}.n-watch span{color:#b5b5b5}.n-watch:after{content:"";position:absolute;left:14px;right:14px;bottom:8px;height:3px;border-radius:2px;background:linear-gradient(90deg,#e50914 62%,#444 62%)}.n-score{width:auto;background:#0f5132;color:#fff;font-variant-numeric:tabular-nums}.n-score strong{font-size:18px}.n-score span{color:#b7e4c7}.n-todo{width:210px;gap:5px}.n-todo strong{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--card-muted)}.n-todo span{display:flex;align-items:center;gap:8px;color:var(--card-ink)}.n-todo span:before{content:"";flex:none;width:12px;height:12px;border:1.5px solid var(--card-muted);border-radius:3px}.n-sticky{width:150px;min-height:120px;padding:16px 14px;border-radius:2px;background:#fde68a;color:#3b2f0b;box-shadow:0 8px 18px #3c2d0a2e;align-content:start}.n-sticky strong{font:500 19px/1.2 Bradley Hand,Segoe Print,Comic Sans MS,cursive}@media(max-width:640px){.n-todo{width:170px}.n-sticky{width:120px;min-height:96px}.n-sticky strong{font-size:16px}}@media(max-width:640px){.n{width:170px;font-size:12px;padding:10px 12px}.n-tab,.n-headline{width:170px}.n-headline span{font-size:13px}}.chrome{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:max(12px,env(safe-area-inset-top)) 18px 12px;background:linear-gradient(var(--chrome-bg, transparent) 55%,transparent);transition:--chrome-bg 2.4s ease}.friend{display:flex;align-items:center;gap:10px;font:800 18px var(--display);letter-spacing:-.01em;min-width:0}.friend-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-photo{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid var(--line)}main{position:relative;z-index:2;min-height:100dvh;display:grid;place-items:center;padding:84px 20px 56px}.screen{width:min(38rem,100%)}.screen[data-screen=intro]{text-align:center;padding:28px 22px;border-radius:40px;background:var(--noisy-bg);box-shadow:0 0 48px 40px var(--noisy-bg)}h1,h2{font-family:var(--display);font-weight:800;letter-spacing:-.025em;line-height:1.08;margin:0 0 26px;text-wrap:balance}h1{font-size:clamp(1.8rem,min(6.2vw,9vh),3.8rem)}h2{font-size:clamp(1.7rem,4.6vw,2.6rem)}h1:focus,h2:focus{outline:none}.lede{font-size:clamp(1.1rem,2.5vw,1.3rem);color:var(--muted);margin:0 0 18px;text-wrap:pretty}.kicker,.note,.fine,.field-hint,.choices legend,.credits{font-family:var(--mono)}.kicker{font-size:14px;letter-spacing:.02em;margin:0 0 4px}.note{font-size:12.5px;color:var(--muted);margin:0 0 22px;max-width:34rem}.fine{color:var(--muted);font-size:13px;margin:0}.fine:empty{display:none}.stack{display:grid;gap:16px}.row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.answer-row{justify-content:space-between}.primary,.ghost{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:12px;border:2px solid var(--line);font:700 16px/1 var(--display);text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.primary{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--soft-shadow)}.ghost{background:var(--paper-hi);color:var(--ink);box-shadow:4px 4px 0 var(--shadow)}.primary:hover,.ghost:hover{transform:translate(-1px,-1px)}.primary:active,.ghost:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--shadow)}.reveal{opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .35s ease,transform .35s ease}.reveal.is-in{opacity:1;transform:none;pointer-events:auto}.quiet-link{display:inline-flex;align-items:center;background:none;border:0;padding:10px 4px;color:var(--muted);font:500 14px var(--mono);text-decoration:none;cursor:pointer;min-height:44px}.quiet-link:hover{color:var(--ink)}:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px;border-radius:8px}.big-input{width:100%;font:800 clamp(1.9rem,6.5vw,2.8rem) var(--display);letter-spacing:-.02em;color:var(--ink);background:transparent;border:0;border-bottom:3px solid var(--line);padding:6px 2px 10px}.big-input:focus{outline:none}.big-input::placeholder,textarea::placeholder{color:var(--muted);opacity:.55}.field{position:relative}textarea,.first-name input{display:block;width:100%;font:500 18px/1.6 var(--body);color:var(--ink);background:var(--paper-hi);border:2px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:5px 5px 0 var(--shadow);resize:none;overflow:hidden;min-height:3.6em;transition:box-shadow .2s ease}#draft{min-height:7.5em;font-size:20px}textarea:focus,.first-name input:focus{outline:none;box-shadow:7px 7px 0 var(--shadow)}.field-hint{margin:10px 2px 0;font-size:12px;color:var(--muted)}.photo-pick{display:grid;gap:2px;padding:14px 16px;border:2px dashed var(--line);border-radius:14px;cursor:pointer;font-weight:600}.photo-pick input{position:absolute;opacity:0;width:1px;height:1px}.photo-pick:focus-within{outline:2.5px solid var(--ink);outline-offset:3px}.photo-pick small{color:var(--muted);font:400 12.5px var(--mono)}.echoes{position:absolute;top:0;left:0;width:100%;height:0;pointer-events:none}.echo{position:absolute;width:clamp(200px,22vw,240px);margin:0}.echo p{margin:0;padding:10px 14px;background:var(--paper-hi);border:2px solid var(--soft-shadow);border-radius:16px 16px 4px;color:var(--muted);font-size:14px;line-height:1.4}.echo figcaption{margin-top:6px;text-align:right;color:var(--muted);font:500 11.5px var(--mono);letter-spacing:.03em}.convo{display:grid;gap:14px;margin-bottom:24px;min-height:6rem}.bubble{margin:0;max-width:34rem}.bubble.them{font-size:clamp(1.15rem,2.9vw,1.35rem);font-weight:600;line-height:1.45;text-wrap:pretty}.bubble.you{justify-self:end;max-width:85%;padding:10px 14px;border-radius:14px 14px 4px;background:var(--paper-hi);border:2px solid var(--line);color:var(--muted);font-size:15px}.typing{display:flex;gap:6px;padding:10px 0}.typing i{width:8px;height:8px;border-radius:50%;background:var(--ink);opacity:.25;animation:dot 1.1s ease-in-out infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:.8;transform:translateY(-3px)}}.choices{border:0;margin:0;padding:0;display:grid;gap:6px}.choices legend{font-size:13px;font-weight:500;margin-bottom:8px}.choice{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-weight:500}.choice input{accent-color:var(--ink);width:18px;height:18px}.first-name{display:grid;gap:8px;font-weight:600}.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.screen.find{width:min(56rem,100%)}.find-q{margin-bottom:12px}.platform-pick{gap:12px;margin-bottom:22px}.platform-pick .ghost[aria-pressed=true]{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--soft-shadow)}.find-steps{display:grid;gap:10px;margin:0 0 22px;padding:0;list-style:none}.find-steps:empty{display:none}.find-step button{display:grid;grid-template-columns:1.6em minmax(0,1fr);align-items:start;gap:.65em;width:100%;padding:.65em .75em;border:2px solid var(--soft-shadow);border-radius:14px;background:var(--paper-hi);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease}.find-step.is-active button{border-color:var(--line);box-shadow:4px 4px 0 var(--shadow)}.find-step button:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px}.find-step-n{display:grid;place-items:center;width:calc(1.6em / .75);height:calc(1.6em / .75);border:2px solid var(--soft-shadow);border-radius:50%;font:800 .75em var(--display)}.find-step-n.is-or{font-size:.6em;width:calc(1.6em / .6);height:calc(1.6em / .6);letter-spacing:.02em}.find-step.is-active .find-step-n{border-color:var(--ink);background:var(--ink);color:var(--paper)}.find-step-words b{display:block;font-weight:600;line-height:1.35}.find-step-detail{display:block;margin-top:3px;color:var(--muted);font-size:.92em;line-height:1.4}.find-next{align-items:center;gap:16px;flex-wrap:wrap}.find-next .reveal:not(.is-in){display:none}.find-demo{position:relative;justify-self:center;margin:0}.find-play{position:absolute;right:-14px;bottom:18px;z-index:3;display:grid;place-items:center;width:40px;height:40px;padding:0;border:2px solid var(--line);border-radius:50%;background:var(--paper-hi);color:var(--ink);box-shadow:3px 3px 0 var(--shadow);cursor:pointer}.find-play:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px}.find-play:before{content:"";width:12px;height:14px;background:linear-gradient(90deg,currentColor 0 35%,transparent 35% 65%,currentColor 65%)}.find-play[data-state=paused]:before{width:0;height:0;margin-left:4px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid currentColor;background:none}.find-phone{width:19.7em;height:36.7em;padding:.83em;border:3px solid var(--line);border-radius:2.8em;background:var(--paper-hi);box-shadow:6px 6px 0 var(--shadow);font-size:12px}.fp-screen{position:relative;height:100%;overflow:hidden;border-radius:2em;background:var(--paper)}.fp-home,.fp-app{position:absolute;top:0;right:0;bottom:0;left:0}.fp-home{display:grid;place-content:center;justify-items:center;gap:.5em;visibility:hidden}.find-phone.is-home .fp-home{visibility:visible}.find-phone.is-home .fp-app{visibility:hidden}.fp-icon{display:grid;place-items:center;width:4.8em;height:4.8em;border-radius:1.25em;color:#fff}.fp-icon svg{width:2.5em;height:2.5em}.find-phone[data-platform=iphone] .fp-icon{background:#34c759}.find-phone[data-platform=android] .fp-icon{background:#1a73e8}.fp-icon-label{color:var(--ink);font:600 .92em var(--body)}.fp-app{display:flex;flex-direction:column}.fp-top{display:flex;align-items:center;justify-content:space-between;gap:.67em;min-height:3.8em;padding:.83em 1em .5em}.fp-edit,.fp-search,.fp-searchbar{border:1px solid var(--soft-shadow);border-radius:99px;background:var(--paper-hi);font:500 .96em var(--body)}.fp-edit{padding:.35em .85em;color:var(--ink);font-weight:600}.fp-filter{display:grid;place-items:center;width:2.5em;height:2.5em;border:1px solid var(--soft-shadow);border-radius:50%;background:var(--paper-hi);color:var(--ink)}.fp-filter svg{width:1.35em;height:1.35em}.find-phone.is-filter-on .fp-filter{color:#0a84ff}.fp-search{flex:1;padding:.7em 1em;color:var(--muted)}.fp-search.is-focused{border-color:var(--ink);color:var(--ink)}.fp-menu{position:absolute;top:3.8em;right:.67em;z-index:2;width:min(12.5em,calc(100% - 1.33em));margin:0;padding:.5em;border:1.5px solid var(--line);border-radius:1em;background:var(--paper-hi);box-shadow:3px 3px 0 var(--shadow);font:500 .96em var(--body);list-style:none;visibility:hidden}.find-phone.is-menu .fp-menu{visibility:visible}.fp-menu li{position:relative;padding:.5em .7em .5em 1.85em;border-radius:.67em}.fp-menu li.is-checked:before{content:"✓";position:absolute;left:.6em}.fp-menu li.is-pressed,.fp-chip.is-pressed{background:var(--soft-shadow)}.fp-chips{display:flex;flex-wrap:wrap;gap:.5em;height:0;overflow:hidden;padding:0 1em}.find-phone.is-menu .fp-chips{height:auto;padding-bottom:.67em}.fp-chip{padding:.35em .85em;border:1px solid var(--soft-shadow);border-radius:.67em;background:var(--paper-hi);color:var(--ink);font:500 .92em var(--body)}.fp-chip.is-chosen{border-color:var(--ink);background:var(--ink);color:var(--paper)}.fp-viewport{flex:1;overflow:hidden}.fp-list{margin:0;padding:0 .5em;list-style:none}.fp-row{display:grid;grid-template-columns:.75em 2.5em minmax(0,1fr) auto;align-items:center;gap:.67em;overflow:hidden;padding:.75em .5em;border-bottom:1px solid var(--soft-shadow);border-radius:.83em;font-size:1.04em}.find-phone.is-filtered .fp-row:not(.is-unread){display:none}.fp-dot{width:.72em;height:.72em;border-radius:50%}.fp-avatar{display:grid;place-items:center;width:2.4em;height:2.4em;border-radius:50%;background:var(--soft-shadow);color:var(--ink);font:800 1.04em var(--display)}.fp-text{display:grid;min-width:0}.fp-text b{font-weight:600}.fp-text :is(b,span){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.fp-text span{color:var(--muted)}.fp-row time{align-self:start;padding-top:.15em;color:var(--muted);font:500 .84em var(--mono)}.find-phone[data-platform=iphone] .is-unread .fp-dot{background:#0a84ff}.find-phone[data-platform=android] .is-unread :is(b,span,time){color:var(--ink);font-weight:800}.fp-bottom{display:flex;padding:.67em 1em 1em}.fp-searchbar{flex:1;padding:.7em 1em;color:var(--muted)}.fp-fab{margin-left:auto;padding:.75em 1.15em;border-radius:1.15em;background:var(--ink);color:var(--paper);font:700 .96em var(--body)}.fp-touch{position:absolute;top:0;left:0;z-index:4;width:2.7em;height:2.7em;border:2px solid color-mix(in srgb,var(--ink) 45%,transparent);border-radius:50%;background:color-mix(in srgb,var(--ink) 16%,transparent);pointer-events:none;visibility:hidden}.fp-ripple{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid var(--ink);border-radius:50%;visibility:hidden}.find-phone .is-target{outline:2.5px solid var(--ink);outline-offset:3px;animation:fp-pulse 1.1s ease-in-out infinite}@keyframes fp-pulse{50%{outline-offset:6px}}@media(prefers-reduced-motion:reduce){.find-phone .is-target{animation:none}}@media(min-width:760px){.screen.find{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title demo" "question demo" "pick demo" "steps demo" "next demo";align-items:start;column-gap:56px}.screen.find>h2{grid-area:title}.find-q{grid-area:question}.platform-pick{grid-area:pick}.find-steps{grid-area:steps}.find-next{grid-area:next}.find-demo{grid-area:demo;align-self:center}}@media(min-width:1100px)and (pointer:fine){.screen.find{width:min(84rem,92vw);grid-template-columns:minmax(0,32em) auto;justify-content:center;column-gap:clamp(56px,6vw,128px);font-size:clamp(19px,min(1.35vw,2.45vh),26px)}.screen.find>h2{font-size:clamp(2.6rem,min(3.9vw,6.6vh),4.6rem)}.screen.find .find-q{font-size:clamp(1.4rem,min(1.85vw,3.2vh),2.2rem)}.screen.find :is(.ghost,.primary){min-height:clamp(50px,min(3.6vw,6.3vh),70px);padding:0 clamp(24px,1.9vw,36px);font-size:clamp(17px,min(1.25vw,2.2vh),23px)}.screen.find .find-phone{font-size:clamp(12px,min(1.08vw,1.8vh),20px)}}@media(max-width:759.98px){.find-demo{margin:0 auto 14px}.find-phone{width:16.4em;height:26em;font-size:10.5px}.find-play{right:-18px;width:36px;height:36px}.find-steps{gap:8px;margin-bottom:16px}.find-step button{padding:.5em .65em}.find-step:not(.is-active) .find-step-detail{display:none}}@media(max-width:759.98px)and (max-height:700px){.find-phone{width:15.6em;height:23.8em}}.origin-back{display:inline-flex;gap:10px;margin:0 0 28px;min-height:54px;padding:0 26px;font-size:17px}.origin-cover{display:block;width:150px;margin:0 0 18px -6px}@media(prefers-color-scheme:dark){.origin-cover{filter:invert(.94) sepia(.15)}}.origin-photo{margin:0 0 22px}.origin-photo img{width:100%;display:block;border:2px solid var(--line);border-radius:12px;box-shadow:6px 6px 0 var(--shadow)}.credits{color:var(--muted);font-size:14px}.origin-links{list-style:none;padding:0;margin:8px 0 26px;display:grid;gap:2px}.origin-links a{color:var(--ink);font-weight:600;text-decoration-thickness:2px;text-underline-offset:5px;display:inline-block;padding:11px 0}@media(min-width:1000px){.screen.origin:has(.origin-photo:not([hidden])){width:min(72rem,100%);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-areas:"back back" "cover title" "photo lead" "photo body" "photo links" "photo actions";grid-template-rows:auto auto auto auto auto 1fr;column-gap:clamp(36px,4.5vw,72px);align-items:start}.origin:has(.origin-photo:not([hidden])) .origin-cover{grid-area:cover;position:relative;z-index:1;width:120px;margin:0 0 -44px -18px;align-self:end}.origin:has(.origin-photo:not([hidden])) h2{grid-area:title;align-self:end}.origin .origin-photo{grid-area:photo;margin:0}.origin:has(.origin-photo:not([hidden])) [data-origin-lead]{grid-area:lead;font-size:clamp(1.1rem,1.6vw,1.35rem)}.origin [data-origin-body]{grid-area:body}.origin:has(.origin-photo:not([hidden])) .origin-links{grid-area:links;margin:0 0 18px;gap:0}.origin:has(.origin-photo:not([hidden])) .origin-links a{padding:5px 0}.origin .row{grid-area:actions}.origin-back{grid-area:back;justify-self:start;margin-bottom:14px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){body,.reveal{transition:none}.glow,.typing i{animation:none}}.turn-framing{font-size:clamp(1.35rem,3vw,1.75rem);margin:0 0 6px}.bubble.them{font-weight:500;color:var(--ink);border-left:3px solid var(--line);padding-left:14px}.bubble.prompt{font:800 clamp(1.35rem,3.2vw,1.7rem) / 1.2 var(--display);letter-spacing:-.015em;margin-top:6px}.board{position:relative;width:100%}.board-name{margin:0;font:900 clamp(2rem,4vw,3.3rem) / 1 var(--display);letter-spacing:-.03em;overflow-wrap:anywhere}.board-photo{margin:0;display:grid;place-items:center;overflow:hidden;background:var(--paper-hi);border:2px solid var(--line);border-radius:12px;box-shadow:8px 8px 0 var(--shadow);rotate:-2deg}.board-photo img{width:100%;height:100%;object-fit:cover}.board-initial{font:900 7rem / 1 var(--display);color:var(--soft-shadow)}.board.has-photo .board-initial{display:none}.fragments{list-style:none;margin:0;padding:0}.frag{padding:10px 12px;background:var(--paper-hi);border:2px solid var(--line);border-radius:10px;box-shadow:4px 4px 0 var(--shadow);font-size:14px;line-height:1.35}.frag span{display:block;margin-bottom:3px;font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.frag q{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-weight:600}@media(min-width:760px){body[data-step=pair] main,body[data-step=climax] main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(32px,5vw,110px);padding-inline:clamp(24px,5vw,88px)}body[data-step=climax] main{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.board{justify-self:end;max-width:540px;aspect-ratio:1}body[data-step=climax] .board{max-width:640px}.board-name{position:absolute;top:0;left:50%;translate:-50% 0;z-index:2;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.board-photo{position:absolute;left:50%;top:54%;width:50%;aspect-ratio:4 / 5;translate:-50% -50%;transition:width 1.2s ease}body[data-step=climax] .board-photo{width:58%}.frag{position:absolute;width:44%;max-width:230px;z-index:1}.frag:nth-child(1){top:16%;left:0;rotate:-4deg}.frag:nth-child(2){top:22%;right:0;rotate:3deg}.frag:nth-child(3){bottom:5%;left:28%;rotate:2deg}}@media(max-width:759.98px){body[data-step=pair] main,body[data-step=climax] main{align-content:start;padding-top:70px}.board{max-width:38rem;margin-bottom:18px;display:grid;grid-template-columns:56px 1fr;gap:10px 14px;align-items:center}.board-photo{grid-row:1;width:56px;aspect-ratio:1;box-shadow:3px 3px 0 var(--shadow)}.board-initial{font-size:1.8rem}.board-name{grid-column:2;font-size:clamp(1.5rem,7vw,2rem)}.fragments{grid-column:1 / -1;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;margin:0 -20px;padding:2px 20px 8px;scrollbar-width:none}.fragments:empty{display:none}.frag{flex:0 0 auto;width:min(74%,260px);padding:7px 10px;box-shadow:3px 3px 0 var(--shadow);scroll-snap-align:start}.frag q{-webkit-line-clamp:2;font-size:13.5px}body.is-typing[data-step=pair] .board,body.is-typing[data-step=pair] .turn-framing,body.is-typing[data-step=pair] [data-framing-note],body.is-typing[data-step=pair] [data-form=answer] .field-hint,body.is-typing[data-step=pair] [data-form=answer] .mic-tip{display:none}body.is-typing[data-step=pair] .chrome{opacity:0;pointer-events:none;transition:opacity .2s ease}body.is-typing[data-step=pair] .convo .bubble.them{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:15px}body.is-typing[data-step=pair] .convo{gap:8px;min-height:0;margin-bottom:12px}body.is-typing[data-step=pair] .convo .bubble.prompt{margin-top:0;font-size:1.2rem}body[data-step=climax] .board{grid-template-columns:1fr;position:relative}body[data-step=climax] .board-photo{grid-row:1;grid-column:1;width:100%;aspect-ratio:auto;height:clamp(120px,24dvh,240px);rotate:-1deg;box-shadow:5px 5px 0 var(--shadow)}body[data-step=climax] .board-initial{font-size:4.5rem}body[data-step=climax] .board-name{grid-column:1;grid-row:1;align-self:end;justify-self:start;z-index:1;margin:0 0 10px 12px;padding:2px 10px;font-size:clamp(1.7rem,8vw,2.4rem);background:var(--paper-hi);border:2px solid var(--line);border-radius:8px;rotate:-1deg}}@media(max-width:759.98px)and (max-height:700px){body.is-typing[data-step=pair] .convo .bubble.them{display:none}}@media(max-width:759.98px)and (max-height:760px){#draft{min-height:5em}body[data-step=climax] .board-photo{height:clamp(110px,20dvh,200px)}}@media(min-width:1100px){body[data-step=pair] main{grid-template-columns:minmax(0,1fr) minmax(0,34rem)}body[data-step=climax] main{grid-template-columns:minmax(0,1.2fr) minmax(0,31rem)}.frag{width:40%}}@media(min-width:760px)and (max-width:1099.98px){.frag{font-size:12.5px;padding:8px 10px}}body[data-step=climax] .board-photo img{animation:drift 26s ease-in-out infinite alternate}@keyframes drift{0%{transform:scale(1)}to{transform:scale(1.08) translate(-1.5%,-1%)}}#friend-name,.board-name,.friend-name{view-transition-name:friend}.board-photo,.friend-photo{view-transition-name:friend-photo}::view-transition-group(friend),::view-transition-group(friend-photo){animation-duration:.9s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(root),::view-transition-new(root){animation-duration:.6s}.send{display:grid;gap:6px;justify-items:start}.reach{min-height:58px;padding:0 28px;font-size:18px}.alt-ways{gap:4px 18px}.handoff{width:min(420px,calc(100vw - 32px));padding:28px;border:2px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);box-shadow:8px 8px 0 var(--shadow)}.handoff::backdrop{background:#15161773}.handoff h2{font-size:1.6rem;margin-bottom:10px}.handoff .fine{margin:12px 0 18px}.qr{width:240px;max-width:100%;padding:10px;background:#fff;border-radius:10px}.qr svg{display:block;width:100%;height:auto}@media(prefers-reduced-motion:reduce){body[data-step=climax] .board-photo img{animation:none}}.screen.wall-screen{width:min(72rem,100%)}.wall{margin:0 0 22px;border:2px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:8px 8px 0 var(--shadow);background:var(--paper-hi)}.wall iframe{display:block;width:100%;height:clamp(260px,calc(100dvh - 400px),720px);border:0}.wall-line{font:800 clamp(1.3rem,3vw,1.8rem) / 1.2 var(--display);letter-spacing:-.015em;margin:0 0 8px;text-wrap:balance}@media(max-width:759.98px){.wall iframe{height:clamp(200px,calc(100dvh - 500px),640px)}.wall{box-shadow:5px 5px 0 var(--shadow)}}@media(min-width:1100px)and (pointer:fine){body{font-size:19px}.lede{font-size:clamp(1.1rem,2.5vw,1.5rem)}.kicker,.credits{font-size:15.5px}.note,.photo-pick small{font-size:14px}.fine,.choices legend{font-size:14.5px}.field-hint{font-size:13.5px}.quiet-link{font-size:15px}.primary,.ghost{font-size:17px}.reach,textarea,.first-name input{font-size:20px}#draft{font-size:22px}.turn-framing{font-size:clamp(1.35rem,3vw,2rem)}.bubble.them{font-size:clamp(1.15rem,2.9vw,1.6rem)}.bubble.prompt{font-size:clamp(1.35rem,3.2vw,2rem)}.bubble.you{font-size:17px}.frag{font-size:16px}.frag span{font-size:13px}.echo p{font-size:15px}.echo figcaption{font-size:12.5px}}
