:root{--yellow:#FFFC00;--ink:#111111;--ground:#F2F3F5;--paper:#FFFFFF;--blue:#0A72B0;--tint:#E3F0F8;--grey:#D5D8DE;--soft:#45484F;--display:"Bricolage Grotesque","Arial Narrow",sans-serif;--body:"Hanken Grotesk",system-ui,sans-serif;--s-h1:clamp(1.75rem,1.3rem + 2.2vw,3.1rem);--s-mid:clamp(1.125rem,1.02rem + 0.5vw,1.375rem);--s-body:1rem;--edge:3px solid var(--ink);--gut:clamp(16px,4vw,32px);interpolate-size:allow-keywords;accent-color:var(--blue);scrollbar-color:var(--ink) var(--ground);}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--ground);color:var(--ink);font:400 var(--s-body)/1.6 var(--body);overflow-x:clip;caret-color:var(--blue)}::selection{background:var(--ink);color:var(--yellow)}a{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}h1,h2{font-family:var(--display);font-weight:800;letter-spacing:-0.02em;text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}.wrap{width:min(100% - 2 * var(--gut),760px);margin-inline:auto}.strip{height:6px;background:var(--blue)}.bar{display:flex;align-items:center;gap:14px;padding:10px 0;padding-top:max(10px,env(safe-area-inset-top))}.bar img{width:clamp(52px,4rem + 2vw,88px);height:auto;aspect-ratio:1;display:block;flex:none}.bar p{font-weight:600;color:var(--soft)}.session{padding:8px 0 20px}.who{display:block;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;line-height:1.2;margin-bottom:6px}.who.me{color:var(--ink)}.who.su{color:var(--blue)}.msg{background:var(--paper);border:var(--edge);border-radius:14px;padding:12px 16px;box-shadow:5px 5px 0 -2px var(--paper),5px 5px 0 1px var(--ink)}.msg + .who{margin-top:16px}.msg.mine{background:var(--tint)}.msg h1{font-size:var(--s-h1);line-height:1.08;margin-bottom:10px}.msg p{max-width:62ch}.reply{margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:240px;min-height:56px;padding:12px 28px;border:var(--edge);border-radius:999px;background:var(--yellow);color:var(--ink);font:800 var(--s-mid)/1.1 var(--display);text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1)}.btn:active{transform:scale(.96)}@media (hover: hover) and (pointer: fine){.btn:hover{transform:translateY(-2px)}}.story{position:relative;background:var(--ground)}.stage{position:sticky;top:10px;z-index:1;padding:4px var(--gut) 8px}.panel{position:relative;width:min(100%,400px);margin-inline:auto;background:var(--paper);border:var(--edge);border-radius:16px;box-shadow:6px 6px 0 var(--ink);padding:10px 10px 6px}.panel svg{display:block;width:100%;height:auto;max-height:min(300px,32dvh)}.switch{display:flex;gap:6px;justify-content:center;margin-bottom:6px}.switch button{min-height:44px;min-width:88px;padding:6px 14px;border:var(--edge);border-radius:999px;background:var(--paper);color:var(--ink);font:600 var(--s-body)/1 var(--body);cursor:pointer}.switch button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}.steps{position:relative;z-index:2}.story{background:linear-gradient(var(--ground) 0 120px,var(--tint) 120px)}.step{min-height:72dvh;display:flex;align-items:flex-end;padding-bottom:6dvh}.step:first-child{min-height:86dvh}.card{width:100%;background:var(--paper);border:var(--edge);border-radius:14px;box-shadow:6px 6px 0 -2px var(--paper),6px 6px 0 1px var(--ink),12px 12px 0 -2px var(--paper),12px 12px 0 1px var(--ink)}.card summary{list-style:none;cursor:pointer;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px;min-height:44px;font:800 var(--s-mid)/1.3 var(--display)}.card summary::-webkit-details-marker{display:none}.card summary::after{content:"";flex:none;width:28px;height:28px;margin-top:2px;border:var(--edge);border-radius:999px;background: linear-gradient(var(--ink),var(--ink)) center/12px 3px no-repeat,linear-gradient(var(--ink),var(--ink)) center/3px 12px no-repeat;transition:rotate .3s cubic-bezier(.16,1,.3,1)}.card details[open] summary::after{rotate:45deg}.card details::details-content{block-size:0;overflow:hidden;transition:block-size .35s cubic-bezier(.16,1,.3,1),content-visibility .35s allow-discrete}.card details[open]::details-content{block-size:auto}.card .more{padding:0 16px 16px;color:var(--soft)}.shot{display:flex;gap:14px;align-items:center;padding:0 16px 16px}.duo{flex:none;width:84px;border:var(--edge);border-radius:12px;overflow:hidden;background:var(--blue)}.duo img{display:block;width:100%;height:auto;filter:grayscale(1) contrast(1.15);mix-blend-mode:screen}.shot p{color:var(--soft)}.close{background:var(--ink);color:var(--paper);padding:clamp(48px,9vw,88px) 0;margin-top:0}.close .wrap{display:grid;gap:20px}.close h2{font-size:var(--s-mid);line-height:1.25;color:var(--paper)}.ticks{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}.ticks li{display:flex;align-items:center;gap:8px}.ticks svg{flex:none}.close .btn{justify-self:start}footer{background:var(--ground);padding:48px 0 calc(40px + env(safe-area-inset-bottom));border-top:var(--edge)}.tags{display:flex;flex-wrap:wrap;gap:14px;list-style:none;margin:0 0 20px;padding:0}.tags a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:10px;font-weight:600;text-decoration:none;background:var(--blue);color:var(--paper)}.tags li:nth-child(1) a{rotate:-2deg}.tags li:nth-child(2) a{rotate:3deg;background:var(--ink)}.tags li:nth-child(3) a{rotate:-1deg;background:var(--paper);color:var(--ink);border:var(--edge)}footer p{color:var(--soft);max-width:62ch}.dock{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--paper);border-top:var(--edge);padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:center;transform:translateY(110%);opacity:0;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s}.dock.on{transform:none;opacity:1}.g-cover{transform-box:fill-box;transform-origin:right center;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s}.g-open{transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s}.g-user,.g-load{transition:opacity .4s,transform .5s cubic-bezier(.16,1,.3,1);transform-box:fill-box;transform-origin:left center}[data-step="1"] .g-open,[data-step="2"] .g-open,[data-step="3"] .r3 .g-open,[data-step="3"] .r4 .g-open{opacity:0;transform:translateX(-12px)}[data-step="4"] .g-cover,[data-step="3"] .r1 .g-cover,[data-step="3"] .r2 .g-cover{opacity:0;transform:scaleX(0)}[data-step="1"] .g-user{opacity:0;transform:scaleX(.2)}[data-step="1"] .g-load,[data-step="3"] .g-load,[data-step="4"] .g-load{opacity:0;transform:scaleX(0)}@media (min-width: 900px){.bar img{width:88px}.session{padding:4px 0 20px}.card{display:grid}.close .wrap{grid-template-columns:2fr 3fr;align-items:start;column-gap:40px}.close .btn{grid-column:2}.shot{max-width:none}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition:none !important;animation:none !important}}body,html{overflow-x:clip;max-width:100%}@font-face{font-family: 'Bricolage Grotesque';font-style: normal;font-weight: 800;font-stretch: 100%;font-display: swap;src: url(562a8bd06bc6.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Bricolage Grotesque';font-style: normal;font-weight: 800;font-stretch: 100%;font-display: swap;src: url(2cf34be36546.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Hanken Grotesk';font-style: normal;font-weight: 400;font-display: swap;src: url(994d4468867c.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Hanken Grotesk';font-style: normal;font-weight: 400;font-display: swap;src: url(d3ae517e76ad.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Hanken Grotesk';font-style: normal;font-weight: 600;font-display: swap;src: url(994d4468867c.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Hanken Grotesk';font-style: normal;font-weight: 600;font-display: swap;src: url(d3ae517e76ad.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}