:root{--ink:#121212;--paper:#EFEFED;--card:#FFFFFF;--graphite:#444442;--stone:#5E5E5B;--press:#E3E3E0;--field:#DCDCD8;--serif:"EB Garamond","Garamond","Georgia",serif;--sans:"Albert Sans",system-ui,-apple-system,"Segoe UI",sans-serif;}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:400;line-height:1.45;display:flex;flex-direction:column;overflow-x:hidden;}.stage{flex:1;display:flex;flex-direction:column;width:100%}.brandside{display:none}.app{flex:1;display:flex;flex-direction:column;width:100%;max-width:440px;margin:0 auto;background:var(--paper);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);}.bar{display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top) + 10px) 16px 6px;min-height:60px;}.bar img{width:44px;height:44px;flex:none;object-fit:contain}.bar .name{font-family:var(--serif);font-weight:500;font-size:clamp(1.25rem,1.1rem + 0.6vw,1.45rem);letter-spacing:0.01em}.head{padding:6px 20px 0}h1{font-family:var(--serif);font-weight:500;font-size:clamp(1.95rem,1.45rem + 2.4vw,2.6rem);line-height:1.04;letter-spacing:-0.012em;text-wrap:balance;}h1 em{font-style:italic}.lede{margin-top:10px;color:var(--graphite);font-size:clamp(0.95rem,0.9rem + 0.25vw,1.05rem);max-width:34ch;}.lede strong{font-weight:400;color:var(--ink)}.deck{flex:1;display:flex;align-items:center;justify-content:center;padding:18px 20px 14px;perspective:900px;}.card{position:relative;width:100%;max-width:360px;background:var(--card);border-radius:30px;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;-webkit-tap-highlight-color:transparent;cursor:grab;outline:none;transform-style:preserve-3d;will-change:transform;box-shadow:0 1px 2px rgba(18,18,18,.10),0 6px 18px rgba(18,18,18,.07);}@supports (corner-shape: squircle){.card{corner-shape:squircle;border-radius:44px}.block{corner-shape:squircle}}.card:active{cursor:grabbing}.card:focus-visible{box-shadow:0 0 0 3px var(--paper),0 0 0 6px var(--ink)}.block{background:var(--ink);color:var(--card);border-radius:24px;margin:8px;padding:14px 16px 16px;display:flex;align-items:center;gap:14px;}@supports (corner-shape: squircle){.block{border-radius:36px}}.avatar{width:46px;height:46px;flex:none;border-radius:50%;background:var(--card);color:var(--ink);display:grid;place-items:center;font-family:var(--serif);font-weight:500;font-size:1.3rem;}.who{min-width:0}.handle{font-family:var(--serif);font-weight:500;font-size:1.3rem;line-height:1.1}.sub{font-size:.8rem;color:#CFCFCC;margin-top:2px}.list{list-style:none;padding:6px 18px 4px}.list li{display:flex;align-items:center;gap:12px;min-height:44px;border-bottom:1px solid var(--press);}.list li:last-child{border-bottom:0}.rank{width:22px;font-family:var(--serif);font-style:italic;font-weight:500;color:var(--stone);font-size:1.05rem}.friend{font-family:var(--serif);font-weight:500;font-size:1.12rem;flex:1}.press{position:relative;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;font-weight:400;color:var(--press);}.press .lo,.press .hi{position:absolute;inset:0;pointer-events:none}.press .lo{color:var(--graphite);opacity:var(--ink-o,.78);transform:translate(var(--sx,0px),var(--sy,1px))}.press .hi{color:#fff;opacity:.9;transform:translate(calc(var(--sx,0px) * -1),calc(var(--sy,1px) * -1))}.press .face{position:relative;color:var(--press)}.meta{display:flex;gap:8px;flex-wrap:wrap;padding:6px 16px 16px;}.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:10px;background:var(--press);color:var(--graphite);font-size:.8rem;font-weight:400;}.chip svg{width:16px;height:16px}.sheen{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none;}.sheen i{position:absolute;left:-60%;top:-60%;width:220%;height:220%;background:linear-gradient(115deg,rgba(255,255,255,0) 38%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 62%);opacity:0;transform:translate3d(var(--gx,0px),var(--gy,0px),0);}.action{position:sticky;bottom:0;z-index:2;padding:10px 20px calc(env(safe-area-inset-bottom) + 14px);background:var(--paper);}.cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:56px;border-radius:28px;background:var(--ink);color:var(--card);text-decoration:none;font-family:var(--sans);font-weight:400;font-size:1.06rem;letter-spacing:.01em;-webkit-tap-highlight-color:transparent;transition:transform .12s cubic-bezier(.2,.8,.2,1);}.cta svg{width:20px;height:20px}.cta:active{transform:scale(.97)}.cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media (hover: hover){.cta:hover{background:#2A2926}}footer{text-align:center;padding:12px 20px calc(env(safe-area-inset-bottom) + 16px);font-family:var(--serif);font-weight:500;color:var(--stone);font-size:.95rem;}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media (max-height: 700px){.list li{min-height:38px}.deck{padding-top:10px;padding-bottom:8px}.meta{padding-bottom:12px}}@media (min-width: 900px){body{background:var(--field)}.stage{flex-direction:row;align-items:center;justify-content:center;gap:clamp(48px,6vw,96px);padding:32px;}.brandside{display:flex;flex-direction:column;align-items:flex-start;gap:18px;max-width:280px}.brandside img{width:144px;height:144px}.brandside .word{font-family:var(--serif);font-weight:500;font-size:clamp(2.6rem,2rem + 1.4vw,3.4rem);line-height:1}.app{flex:none;width:420px;max-width:420px;margin:0;border-radius:40px;min-height:min(760px,calc(100dvh - 64px));box-shadow:0 2px 6px rgba(18,18,18,.06),0 24px 60px rgba(18,18,18,.10);overflow:hidden;}.action{position:static;border-radius:0 0 40px 40px}footer{background:var(--field)}}@media (min-width: 900px) and (max-height: 820px){.app{min-height:calc(100dvh - 48px)}.stage{padding:24px 32px}}html,body{max-width:100%;overflow-x:clip}