:root{--bg:#fff8ec;--ink:#4b3a2f;--soft:#977f6d;--card:#fffdf8;--line:#f3e4cf;--peach:#ffd6a5;--rose:#ffadad;--mint:#caffbf;--lemon:#fdffb6;--accent:#ff9f6e;--accent-ink:#fff;--live:#3a9d5d;--shadow:#78503224}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:var(--bg);color:var(--ink);font-family:ui-rounded,SF Pro Rounded,Nunito,Varela Round,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}.app{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.header{background:var(--card);border-bottom:2px solid var(--line);z-index:2;flex-shrink:0;align-items:center;gap:10px;height:52px;padding:0 12px;display:flex}.back{background:var(--peach);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.header h1{letter-spacing:-.01em;font-size:20px;font-weight:900}.status{color:var(--soft);align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.status:before{content:"";border:2px solid;border-radius:50%;width:8px;height:8px}.status.connected{color:var(--live)}.status.connected:before{background:currentColor;animation:1.4s infinite pulse}@keyframes pulse{50%{opacity:.3}}.votes-left{background:var(--lemon);border-radius:999px;margin-left:auto;padding:5px 11px;font-size:12px;font-weight:800}.votes-left:empty{display:none}@media (width<=380px){.status-text{display:none}}.sign-in,.account-btn,.account-menu button,.auth-submit,.auth-tabs button,.auth-close{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;border:0}.sign-in,.account{margin-left:auto}.votes-left:not(:empty)+.sign-in,.votes-left:not(:empty)+.account{margin-left:0}.sign-in{background:var(--accent);color:var(--accent-ink);box-shadow:0 3px 10px var(--shadow);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:900}.account{position:relative}.account-btn{background:var(--mint);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.account-menu{background:var(--card);border:2px solid var(--line);min-width:220px;box-shadow:0 10px 28px var(--shadow);border-radius:16px;flex-direction:column;gap:4px;padding:14px;animation:.18s pop-in;display:flex;position:absolute;top:calc(100% + 8px);right:0}.account-email{color:var(--soft);overflow-wrap:anywhere;font-size:13px}.unverified{color:#b5541f;font-size:12px;font-weight:800}.account-menu button{background:var(--peach);border-radius:10px;margin-top:8px;padding:8px 12px;font-weight:800}@keyframes pop-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}}.auth-backdrop{z-index:20;backdrop-filter:blur(6px);background:#4b3a2f73;place-items:center;padding:16px;animation:.2s fade-in;display:grid;position:fixed;inset:0}.auth-panel{overscroll-behavior:contain;background:var(--card);border-radius:24px;width:min(380px,100%);max-height:calc(100dvh - 16px);padding:26px 22px 22px;animation:.22s pop-in;position:relative;overflow-y:auto;box-shadow:0 18px 50px #00000040}.auth-close{background:var(--line);border-radius:50%;width:34px;height:34px;font-size:20px;font-weight:900;line-height:1;position:absolute;top:10px;right:10px}.auth-panel h2{padding-right:36px;font-size:22px;font-weight:900}.auth-lead{color:var(--soft);margin-top:6px;font-size:14px}.auth-tabs{background:var(--line);border-radius:999px;grid-template-columns:1fr 1fr;gap:4px;margin-top:16px;padding:4px;display:grid}.auth-tabs button{color:var(--soft);background:0 0;border-radius:999px;padding:8px 6px;font-size:13px;font-weight:800;transition:background .2s,color .2s}.auth-tabs button.on{background:var(--card);color:var(--ink);box-shadow:0 2px 6px var(--shadow)}.auth-form{flex-direction:column;gap:12px;margin-top:16px;display:flex}.auth-form label{flex-direction:column;gap:5px;font-size:13px;font-weight:800;display:flex}.auth-form input{font:inherit;border:2px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:11px 13px;font-size:16px;transition:border-color .15s}.auth-form input:focus{border-color:var(--accent)}.auth-error{background:var(--rose);border-radius:10px;padding:9px 12px;font-size:13px;font-weight:800}.auth-submit{background:var(--accent);color:var(--accent-ink);box-shadow:0 4px 14px var(--shadow);border-radius:14px;margin-top:4px;padding:13px;font-size:16px;font-weight:900}.auth-submit:disabled{opacity:.6;cursor:wait}@keyframes fade-in{0%{opacity:0}}a.auth-submit{text-align:center;margin-top:16px;display:block}.social{flex-direction:column;gap:8px;margin-top:16px;display:flex}.social-btn{border:2px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:11px;font-size:15px;font-weight:800;display:flex}.social-btn:disabled{opacity:.6;cursor:wait}.social-icon{color:#fff;background:var(--soft);border-radius:50%;place-items:center;width:22px;height:22px;font-size:14px;font-weight:900;display:grid}.social-btn.google .social-icon{background:conic-gradient(#ea4335 0 25%, #fbbc05 0 50%, #34a853 0 75%, #4285f4 0)}.social-btn.facebook .social-icon{background:#1877f2}.auth-or{color:var(--soft);align-items:center;gap:10px;margin-top:14px;font-size:12px;font-weight:800;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--line);flex:1;height:2px}.auth-link{font:inherit;color:var(--soft);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:2px 0;font-size:13px;font-weight:800;text-decoration:underline}.auth-notice{background:var(--mint);border-radius:10px;padding:9px 12px;font-size:13px;font-weight:800}.reset-page .auth-notice,.reset-page .auth-error{margin-top:14px}.captcha{justify-content:center;min-height:65px;display:flex}.verify-bar{background:var(--lemon);border-bottom:2px solid var(--line);z-index:1;flex-shrink:0;align-items:center;gap:10px;padding:8px 12px;font-size:13px;font-weight:700;animation:.25s fade-in;display:flex}.verify-bar span{overflow-wrap:anywhere;flex:1;min-width:0}.verify-bar button{background:var(--accent);color:var(--accent-ink);font:inherit;cursor:pointer;border:0;border-radius:999px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:900}.verify-bar button:disabled{opacity:.6}.reset-page{place-items:center;min-height:100dvh;padding:16px;display:grid}@media (width<=520px){.auth-backdrop{place-items:end stretch;padding:0}.auth-panel{width:100%;padding-bottom:max(22px, env(safe-area-inset-bottom));border-radius:24px 24px 0 0;animation:.25s sheet-in}.account-menu{min-width:0;position:fixed;top:60px;left:8px;right:8px}}@keyframes sheet-in{0%{opacity:0;transform:translateY(40%)}}.loading{color:var(--soft);margin:auto}.wall{flex:1;position:relative;overflow:hidden}.wall-bg{filter:blur(40px)saturate(1.2);opacity:.45;background:50%/cover no-repeat;transition:background-image .8s;position:absolute;inset:-40px}.wall-area{position:absolute;inset:6px}.block{--gap:3px;border:var(--gap) solid transparent;background-color:hsl(var(--hue) 80% 86%);box-shadow:inset 0 0 0 3px #fff, 0 4px 12px var(--shadow);color:var(--ink);font:inherit;text-align:left;cursor:pointer;background-clip:padding-box;border-radius:16px;transition:left .7s cubic-bezier(.22,1,.36,1),top .7s cubic-bezier(.22,1,.36,1),width .7s cubic-bezier(.22,1,.36,1),height .7s cubic-bezier(.22,1,.36,1),transform .25s,box-shadow .25s;position:absolute;overflow:hidden;container-type:size}.block:hover{z-index:5;box-shadow:inset 0 0 0 3px #fff, 0 14px 32px #7850324d, 0 0 0 3px var(--accent);transform:scale(1.06)}.block:active{transform:scale(.98)}.block:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.art{object-fit:cover;width:100%;height:100%;animation:drift var(--drift) ease-in-out infinite alternate;display:block;position:absolute;inset:0}@keyframes drift{0%{transform:scale(1.02)}to{transform:scale(1.14) translate(var(--drift-xy))}}@property --turn{syntax:"<angle>";inherits:false;initial-value:0deg}.halo{background:conic-gradient(from var(--turn), #ff8fab, #ffa970, #ffd166, #8fe388, #6fd6f2, #a99bff, #f59ee8, #ff8fab);opacity:.85;pointer-events:none;border-radius:13px;padding:clamp(3px,2cqmin,6px);animation:9s linear infinite turn;display:none;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@keyframes turn{to{--turn:360deg}}.podium .halo{display:block}.leader .halo{opacity:1;padding:clamp(4px,2.6cqmin,9px);animation-duration:6s}.block.playing .halo{display:none}.block[data-voted=a]{animation:.5s cubic-bezier(.3,1.6,.5,1) boing-a}.block[data-voted=b]{animation:.5s cubic-bezier(.3,1.6,.5,1) boing-b}@keyframes boing-a{30%{scale:1.08 .94}60%{scale:.97 1.04}}@keyframes boing-b{30%{scale:1.08 .94}60%{scale:.97 1.04}}.plus,.climb{opacity:0;pointer-events:none;z-index:2;font-weight:900;position:absolute;left:50%}.plus{color:var(--accent);text-shadow:0 2px #fff,0 0 10px #fff;font-size:clamp(14px,18cqmin,44px);top:40%}.climb{background:var(--mint);box-shadow:0 2px 6px var(--shadow);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:clamp(10px,8cqmin,22px);top:8px}.block[data-voted=a] .plus-a,.block[data-voted=b] .plus-b{animation:.9s ease-out rise}.block[data-climbed=a] .climb-a,.block[data-climbed=b] .climb-b{animation:1.6s ease-out climb}@keyframes rise{0%{opacity:0;transform:translate(-50%)scale(.6)}20%{opacity:1;transform:translate(-50%,-10%)scale(1.15)}to{opacity:0;transform:translate(-50%,-120%)}}@keyframes climb{0%{opacity:0;transform:translate(-50%)scale(.5)}15%{opacity:1;transform:translate(-50%)scale(1.1)}75%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-6px)}}.crowned{z-index:20;pointer-events:none;position:absolute;inset:0;overflow:hidden}.crowned-text{background:var(--lemon);max-width:calc(100% - 24px);box-shadow:0 6px 18px var(--shadow);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:9px 18px;font-weight:900;animation:2.6s forwards banner;position:absolute;top:14px;left:50%;overflow:hidden}@keyframes banner{0%{transform:translate(-50%,-70px)}12%,85%{transform:translate(-50%)}to{transform:translate(-50%,-70px)}}.confetti{top:-14px;left:var(--x);width:8px;height:12px;animation:fall var(--fall) linear var(--delay) forwards;background:#ff8fab;border-radius:2px;position:absolute}.confetti:nth-child(6n+2){background:#ffa970}.confetti:nth-child(6n+3){background:#ffd166}.confetti:nth-child(6n+4){background:#8fe388}.confetti:nth-child(6n+5){background:#6fd6f2}.confetti:nth-child(6n){background:#a99bff}@keyframes fall{to{transform:translate(30px, 110vh) rotate(var(--spin))}}.clip{object-fit:cover;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.clip.ready{opacity:1}.info{transition:opacity .25s,transform .35s cubic-bezier(.22,1,.36,1)}.block.caption .info{opacity:0;transform:translateY(12px)}.clip-bar{z-index:1;color:#fff;opacity:0;pointer-events:none;background:linear-gradient(#0000,#140c0859 55%,#140c08b8);border-radius:0 0 13px 13px;flex-wrap:wrap;align-items:baseline;column-gap:.4em;padding:clamp(18px,22cqh,90px) 10px 8px;font-size:clamp(9px,5.5cqmin,18px);line-height:1.15;transition:opacity .3s,transform .35s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;inset:auto 0 0;transform:translateY(10px)}.block.caption .clip-bar{opacity:1;transform:none}.bar-title{text-shadow:0 1px 6px #0006;text-overflow:ellipsis;white-space:nowrap;flex-basis:100%;font-size:1.25em;font-weight:800;overflow:hidden}.bar-artist{color:#ffffffd1;white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.bar-score{color:#ffc9a6;font-weight:900}.bar-score:before{content:"· ";color:#fff9;font-weight:400}.bar-credit{opacity:.8;white-space:nowrap;margin-left:auto;font-size:.68em;font-weight:600}@container (width<=200px){.bar-credit{display:none}}@container (width<=120px){.bar-artist,.bar-score:before{display:none}}@container (height<=44px){.clip-bar{display:none}}.shade{background:linear-gradient(#0000 50%,#fff8ec59);border-radius:13px;position:absolute;inset:0}.rank{background:#fffdf8eb;border-radius:999px;padding:1px 7px;font-size:clamp(9px,8cqmin,34px);font-weight:900;position:absolute;top:7px;left:7px}.podium .rank{background:var(--lemon);box-shadow:0 2px 6px var(--shadow)}.info{width:fit-content;max-width:calc(100% - 14px);box-shadow:0 2px 8px var(--shadow);background:#fffdf8f0;border-radius:12px;flex-direction:column;align-items:flex-start;gap:1px;padding:4px 9px 5px;display:flex;position:absolute;inset:auto 7px 7px}.title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(9px,11cqmin,48px);font-weight:800;line-height:1.1;display:-webkit-box;overflow:hidden}.artist{color:var(--soft);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(8px,6.5cqmin,22px);overflow:hidden}.score{color:var(--accent);font-size:clamp(8px,7cqmin,26px);font-weight:900}@container (height<=70px){.artist,.rank{display:none}}@container (height<=44px){.score{display:none}}@container (width<=60px){.artist,.score,.rank{display:none}}@container (height<=30px){.info{display:none}}@container (width<=64px){.info{display:none}}.eq{background:var(--accent);border-radius:999px;align-items:flex-end;gap:3px;height:clamp(18px,16cqmin,42px);padding:4px 6px;display:none;position:absolute;top:8px;right:8px}.eq i{background:var(--accent-ink);transform-origin:bottom;border-radius:2px;width:clamp(3px,2.5cqmin,7px);height:100%;animation:.9s ease-in-out infinite alternate eq}.eq i:nth-child(2){animation-duration:.7s;animation-delay:-.3s}.eq i:nth-child(3){animation-duration:1.1s;animation-delay:-.6s}.eq i:nth-child(4){animation-duration:.8s;animation-delay:-.15s}@keyframes eq{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}.block.playing .eq{display:flex}@property --played{syntax:"<angle>";inherits:false;initial-value:0deg}.gauge{background:conic-gradient(transparent 0 var(--played), #fffdf8eb 0), conic-gradient(#ff8fab, #ffa970, #ffd166, #8fe388, #6fd6f2, #a99bff, #f59ee8, #ff8fab);pointer-events:none;border-radius:13px;padding:clamp(4px,3.5cqmin,10px);transition:--played .3s linear;display:none;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.block.playing .gauge{display:block}.block.playing:hover{box-shadow:inset 0 0 0 3px #fff,0 14px 32px #7850324d}.tap-hint{background:#fffdf8f0;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:800;display:none;position:absolute;top:8px;right:8px}.wall:not(.audio-on) .block:hover .tap-hint{display:block}@container (width<=110px){.tap-hint{display:none!important}}.block{touch-action:manipulation}.vote-hint{z-index:2;white-space:nowrap;background:var(--accent);color:#fff;box-shadow:0 2px 6px var(--shadow);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;animation:.4s 1.8s forwards hint-out;display:none;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}@keyframes hint-out{to{opacity:0;visibility:hidden}}.hint-mouse{display:none}@media (hover:none){.block.picked .vote-hint{display:block}.block.picked .eq{display:none}}@media (hover:hover){.hint-touch{display:none}.hint-mouse{display:inline}.wall.audio-on .block:hover .vote-hint{display:block;top:10px;transform:translate(-50%)}}@container (width<=110px){.vote-hint{padding:2px 6px;font-size:9px}}.wall.mosaic{overscroll-behavior:contain;overflow-y:auto}.wall.mosaic .wall-area{bottom:auto}.wall.mosaic .wall-bg{position:fixed}.wall.mosaic .info{display:none}.wall.mosaic .clip-bar{opacity:1;transform:none}.wall.mosaic .block:not(.caption) .bar-credit{display:none}.wall.locked{overflow:hidden}@property --dwell{syntax:"<percentage>";inherits:false;initial-value:0%}.dwell-ring{z-index:3;background:conic-gradient(#ff8fab, #ffa970, #ffd166, #8fe388, #6fd6f2, #a99bff, #f59ee8 var(--dwell), transparent var(--dwell));pointer-events:none;border-radius:13px;padding:4px;display:none;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.block.dwelling .dwell-ring{animation:1.8s linear forwards dwell;display:block}@keyframes dwell{to{--dwell:100%}}.block.opened{z-index:21;transition-duration:.5s}.block.expanded{box-shadow:none;border-width:0;border-radius:0;transform:none!important}.block.expanded :is(.rank,.clip-bar,.halo,.gauge,.eq,.vote-hint,.shade,.info,.plus,.climb){display:none}.clip-backdrop{z-index:20;-webkit-backdrop-filter:blur(22px)saturate(1.3);background:#120a06c7;animation:.45s both fade-in;position:fixed;inset:0}.clip-backdrop.closing{animation:.45s both fade-out}@keyframes fade-out{to{opacity:0}}.clip-panel{z-index:22;color:#fff;text-align:center;animation:.45s cubic-bezier(.22,1,.36,1) .2s both panel-in;position:fixed;left:18px;right:18px}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)}}.panel-rank{background:var(--lemon);color:var(--ink);border-radius:999px;padding:1px 9px;font-size:13px;font-weight:900;display:inline-block}.panel-title{margin-top:6px;font-size:26px;font-weight:900;line-height:1.05}.panel-artist{opacity:.85;margin-top:2px;font-size:14px}.panel-credit{opacity:.65;margin-top:6px;font-size:10px}.panel-plus{background:var(--accent);color:#fff;width:60px;height:60px;font:inherit;touch-action:manipulation;border:0;border-radius:50%;margin-top:16px;font-size:20px;font-weight:900;box-shadow:0 4px 14px #0000004d}.panel-plus:active{transform:scale(.94)}.panel-hint{opacity:.6;margin-top:14px;font-size:11px;font-weight:700}.toast{background:var(--mint);color:var(--ink);box-shadow:0 6px 18px var(--shadow);z-index:10;border-radius:999px;padding:11px 20px;font-size:15px;font-weight:800;animation:.25s toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast.error{background:var(--rose)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}.home{min-height:100dvh}.hero{text-align:center;padding:34px 20px 28px;position:relative;overflow:hidden}.blob{filter:blur(30px);opacity:.75;border-radius:50%;position:absolute}.blob.one{background:var(--peach);width:220px;height:220px;top:-60px;left:-50px}.blob.two{background:var(--rose);width:200px;height:200px;top:40px;right:-70px}.blob.three{background:var(--lemon);width:160px;height:160px;bottom:-60px;left:30%}.hero>.stickers,.hero>h1,.hero>p{position:relative}.deco{font-size:22px;position:absolute}.deco.s1{top:26px;left:22px;transform:rotate(-15deg)}.deco.s2{bottom:34px;right:22px;transform:rotate(12deg)}.stickers{height:92px;margin-bottom:14px}.stickers:empty{display:none}.stickers .cover{width:70px;height:70px;box-shadow:0 6px 16px var(--shadow);border:4px solid #fff;border-radius:14px;position:absolute}.stickers .cover:first-child{top:14px;left:calc(50% - 125px);transform:rotate(-10deg)}.stickers .cover:nth-child(2){z-index:1;top:0;left:calc(50% - 35px);transform:rotate(4deg)}.stickers .cover:nth-child(3){top:16px;left:calc(50% + 55px);transform:rotate(11deg)}.hero h1{letter-spacing:-.02em;font-size:clamp(44px,13vw,76px);font-weight:900;line-height:.9}.hero h1 .accent{color:var(--accent);display:inline-block;transform:rotate(-3deg)}.hero p{color:var(--soft);max-width:28ch;margin:14px auto 0;font-size:16px;line-height:1.4}.cover{object-fit:cover}.no-cover{background:hsl(var(--hue) 80% 86%);place-items:center;font-size:26px;display:grid}.home-wrap{max-width:520px;margin:0 auto;padding:0 16px 48px}.feature{background:var(--card);border:2px solid var(--line);border-radius:28px;padding:18px 18px 20px;box-shadow:0 10px 30px #78503214}.feature header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.feature h2{font-size:24px;font-weight:900}.live{background:var(--line);color:var(--soft);border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:800;display:inline-flex}.live:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}.live.connected{background:var(--mint);color:var(--ink)}.live.connected:before{animation:1.4s infinite pulse}.home-podium{text-align:center;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;min-height:40px;display:grid}.place .cover{aspect-ratio:1;width:78%;box-shadow:0 6px 14px var(--shadow);border:3px solid #fff;border-radius:16px;margin:0 auto;display:block}.place.p1 .cover{width:92%}.place .name{color:var(--soft);white-space:nowrap;text-overflow:ellipsis;margin:6px 0;font-size:12px;font-weight:700;overflow:hidden}.step{border-radius:14px 14px 6px 6px;place-items:center;font-size:22px;font-weight:900;display:grid}.place.p1{grid-column:2}.place.p2{grid-area:1/1}.place.p3{grid-area:1/3}.p1 .step{background:var(--lemon);height:70px}.p2 .step{background:var(--rose);height:50px}.p3 .step{background:var(--peach);height:36px}.crown{margin-bottom:2px;font-size:22px;animation:2s ease-in-out infinite bob;display:block}@keyframes bob{50%{transform:translateY(-4px)rotate(-6deg)}}.cta{background:var(--accent);color:var(--accent-ink);text-align:center;box-shadow:0 6px 0 color-mix(in srgb, var(--accent) 70%, var(--ink));border-radius:999px;margin-top:18px;padding:15px;font-size:17px;font-weight:900;transition:transform .1s,box-shadow .1s;display:block}.cta:active{box-shadow:0 2px 0 color-mix(in srgb, var(--accent) 70%, var(--ink));transform:translateY(4px)}.meta{text-align:center;color:var(--soft);margin-top:14px;font-size:13px}.next{margin-top:28px}.next h3{color:var(--soft);margin-bottom:10px;font-size:14px;font-weight:800}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--peach);border-radius:999px;padding:10px 15px;font-size:15px;font-weight:700}.chip:nth-child(2){background:var(--mint)}@media (prefers-reduced-motion:reduce){.block,.gauge,.info,.clip-bar{transition:none}.vote-hint{animation-duration:0s}.clip-backdrop,.clip-panel{animation-duration:10ms}.art,.halo,.block,.plus,.climb,.crowned{animation:none!important}.crowned,.clip{display:none}.eq i,.crown,.status.connected:before,.live.connected:before{animation:none}}.account-link{background:var(--mint);text-align:center;border-radius:10px;margin-top:8px;padding:8px 12px;font-weight:800}.account-page{min-height:100dvh}.account-page .header{position:sticky;top:0}.account-main{width:min(560px,100%);padding:16px 12px max(32px, env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin:0 auto;display:flex}.acct-card{background:var(--card);border:2px solid var(--line);box-shadow:0 4px 14px var(--shadow);border-radius:20px;flex-direction:column;gap:12px;padding:18px;display:flex}.acct-card h2{font-size:18px;font-weight:900}.acct-card .auth-form{margin-top:0}.acct-hint{color:var(--soft);font-size:13px}.acct-row{border-bottom:2px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.acct-line-main{flex-direction:column;flex:1;min-width:0;display:flex}.acct-line-main b{overflow-wrap:anywhere;font-weight:800}.acct-line-main span{color:var(--soft);font-size:12px}.acct-btn{background:var(--peach);color:var(--ink);font:inherit;text-align:center;cursor:pointer;touch-action:manipulation;border:0;border-radius:12px;align-self:flex-start;padding:10px 16px;font-size:14px;font-weight:900}.acct-btn.primary{background:var(--accent);color:var(--accent-ink)}.acct-btn.small{flex-shrink:0;padding:7px 12px;font-size:13px}.acct-btn.danger{background:var(--rose)}.acct-btn:disabled{opacity:.5;cursor:default}.acct-card.danger{border-color:var(--rose)}.acct-check{align-items:center;flex-direction:row!important;gap:8px!important;font-weight:700!important}.acct-check input{width:18px;height:18px;accent-color:var(--accent)}.acct-actions{flex-wrap:wrap;gap:8px;display:flex}.vg-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.vg-count{color:var(--soft);font-size:15px;font-weight:800}.vg-count b{color:var(--ink);font-size:26px;font-weight:900}.vg-pips{--n:10;grid-template-columns:repeat(var(--n), 1fr);gap:5px;display:grid}.pip{background:var(--line);border-radius:6px;height:12px}.pip.full{background:var(--accent)}.vg-left{font-size:14px;font-weight:800}.vg-list{flex-direction:column;gap:10px;list-style:none;display:flex}.vg-list li{align-items:center;gap:10px;display:flex}.vg-cover{object-fit:cover;background:var(--line);border-radius:10px;flex-shrink:0;width:44px;height:44px}.no-cover{background:var(--peach);display:block}.vg-plus{background:var(--mint);text-align:center;border-radius:999px;flex-shrink:0;min-width:38px;padding:4px 8px;font-size:13px;font-weight:900}.vg-foot{border-top:2px solid var(--line);color:var(--soft);justify-content:space-between;align-items:center;gap:10px;padding-top:10px;font-size:13px;font-weight:700;display:flex}.vg-foot .acct-btn{white-space:nowrap;flex-shrink:0;align-self:auto}.block.grown{z-index:15;box-shadow:inset 0 0 0 3px #fff, 0 22px 50px #3c1e0a61, 0 0 0 3px var(--accent);border-radius:20px;transition:left .35s cubic-bezier(.22,1,.36,1),top .35s cubic-bezier(.22,1,.36,1),width .35s cubic-bezier(.22,1,.36,1),height .35s cubic-bezier(.22,1,.36,1),box-shadow .25s;transform:none}.block.grown:hover{transform:none}.lv-bubble{z-index:16;pointer-events:none;white-space:nowrap;background:var(--card);color:var(--ink);border-radius:999px;padding:5px 11px;font-size:15px;font-weight:800;animation:2.2s cubic-bezier(.22,1,.36,1) forwards lv-pop;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 18px #3c1e0a4d}.lv-bubble b{color:var(--accent);font-weight:900}@keyframes lv-pop{0%{opacity:0;transform:translate(-50%,-20%)scale(.5)}15%{opacity:1;transform:translate(-50%,-60%)scale(1.08)}25%{transform:translate(-50%,-70%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-190%)scale(.95)}}@media (prefers-reduced-motion:reduce){.lv-bubble{animation-duration:10ms}}.legal-links{color:var(--soft);flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:12px;font-weight:700;display:flex}.legal-links a:hover{color:var(--accent)}.home-footer{border-top:2px solid var(--line);margin-top:28px;padding-top:16px}.legal{max-width:680px;margin:0 auto;padding:32px 18px 56px;line-height:1.55}.legal-back{color:var(--soft);margin-bottom:24px;font-size:14px;font-weight:800;display:inline-block}.legal-back:hover{color:var(--accent)}.legal h1{font-size:28px;font-weight:900}.legal-date{color:var(--soft);margin:4px 0 28px;font-size:13px}.legal-body{flex-direction:column;gap:26px;font-size:14px;display:flex}.legal-body h2{margin-bottom:8px;font-size:16px;font-weight:900}.legal-body p+p{margin-top:6px}.legal-body ul{flex-direction:column;gap:6px;margin:6px 0;padding-left:0;list-style:none;display:flex}.legal-body li{padding-left:18px;position:relative}.legal-body li:before{content:"—";color:var(--accent);position:absolute;left:0}.legal-body a,.auth-legal a{color:var(--accent);text-underline-offset:2px;font-weight:700;text-decoration:underline}.legal .legal-links{border-top:2px solid var(--line);justify-content:flex-start;margin-top:40px;padding-top:16px}.auth-legal{color:var(--soft);text-align:center;font-size:12px}.pf-pic{object-fit:cover;background:var(--peach);border-radius:50%;flex-shrink:0;width:64px;height:64px}.pf-initial{color:var(--ink);place-items:center;font-size:28px;font-weight:900;display:grid}.pf-head{align-items:center;gap:14px;display:flex}.pf-who{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.pf-line{align-items:center;gap:6px;display:flex}.pf-name{overflow-wrap:anywhere;font-size:20px;font-weight:900}.pf-mail{color:var(--soft);overflow-wrap:anywhere;font-size:13px}.pf-edit{background:var(--line);color:var(--ink);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;width:30px;height:30px;font-size:15px}.pf-compact .pf-form{flex-direction:row;align-items:center;gap:8px}.pf-compact .pf-form label{flex:1;min-width:0}.pf-compact .pf-form input{width:100%;min-width:0;padding:8px 11px}.pf-compact .pf-form .acct-btn{flex-shrink:0;padding:9px 12px}.pf-chips{flex-wrap:wrap;gap:6px;display:flex}.pf-chip{background:var(--line);color:var(--soft);border-radius:999px;padding:3px 9px;font-size:12px;font-weight:800}.pf-chip.todo{background:var(--rose);color:var(--ink)}.pf-chip.via.facebook{color:#1b4fb8;background:#e7efff}.pf-chip.via.google{color:#8a5a00;background:#fff1d6}.pf-chip.via.email{background:var(--lemon);color:var(--ink)}.home{position:relative}.home-account{z-index:5;position:absolute;top:14px;right:14px}.home-account .sign-in{margin-left:0}.home-account .account-btn{width:38px;height:38px;color:var(--ink);box-shadow:0 3px 10px var(--shadow);text-decoration:none}.account-btn{padding:0;overflow:hidden}.account-btn img{object-fit:cover;width:100%;height:100%;display:block}.acct-signout{background:var(--card);border:2px solid var(--line);color:var(--ink);align-self:stretch}.fd-page{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.fd-main{flex-direction:column;gap:12px;width:min(720px,100%);margin:0 auto;padding:14px 12px 40px;display:flex}.fd-intro{color:var(--soft);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.fd-mine{color:var(--ink);background:var(--line);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.fd-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.fd-tile{color:#fff;background:linear-gradient(0deg, #281914d1, #28191400 72%), var(--img,none) center / cover, var(--peach);height:128px;box-shadow:0 4px 12px var(--shadow);border-radius:18px;flex-direction:column;justify-content:flex-end;gap:2px;padding:10px;text-decoration:none;display:flex;position:relative}.fd-tile b{font-size:17px;font-weight:900;line-height:1.1}.fd-tile small{opacity:.92;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.fd-in{background:var(--mint);color:#2f6b3a;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:900;display:grid;position:absolute;top:8px;right:8px}.fd-join-hint{color:var(--ink);background:#fff;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:900;position:absolute;top:8px;right:8px}.fd-sect{text-transform:uppercase;letter-spacing:.05em;color:var(--soft);margin-top:8px;font-size:12px;font-weight:900}.fd-latest{flex-direction:column;gap:8px;display:flex}.fd-post{color:inherit;gap:8px;text-decoration:none;display:flex}.fd-pb{background:var(--card);border:2px solid var(--line);border-radius:4px 14px 14px;flex:1;min-width:0;padding:7px 10px}.fd-pb p{overflow-wrap:anywhere;font-size:14px}.fd-av{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.fd-initial{color:var(--ink);background:hsl(var(--hue,30) 90% 85%);place-items:center;font-size:14px;font-weight:900;display:grid}.fd-pm{align-items:center;gap:7px;min-width:0;display:flex}.fd-pm b{font-size:14px;font-weight:900}.fd-pm small{color:var(--soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.fd-wall{height:100dvh}.fd-head{color:#fff;background:linear-gradient(0deg, #281914c7, #28191433), var(--img,none) center 30% / cover, var(--accent);flex-shrink:0;align-items:flex-end;gap:10px;min-height:120px;padding:14px 12px;display:flex;position:relative}.fd-head .back{color:#fff;background:#ffffff4d;align-self:flex-start}.fd-title{flex:1;min-width:0}.fd-title h1{font-size:26px;font-weight:900;line-height:1.05}.fd-ko{opacity:.85;margin-left:8px;font-size:15px;font-weight:700}.fd-title small{opacity:.92;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.fd-join{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:900;box-shadow:0 3px 10px #0003}.fd-join.in{background:var(--mint);color:#2f6b3a}.fd-rank{background:var(--card);border-bottom:2px solid var(--line);color:inherit;flex-shrink:0;padding:8px 12px;text-decoration:none;display:block}.fd-rk{color:var(--soft);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:900}.fd-rkitems{scrollbar-width:none;gap:6px;margin-top:5px;display:flex;overflow-x:auto}.fd-rkitems span{background:var(--bg);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 3px;font-size:12px;font-weight:800;display:flex}.fd-rkitems img{border-radius:50%;width:22px;height:22px}.fd-tabs{flex-shrink:0;gap:6px;width:min(720px,100%);margin:0 auto;padding:10px 12px 2px;display:flex}.fd-tabs button{font:inherit;background:var(--line);color:var(--ink);cursor:pointer;border:0;border-radius:999px;padding:6px 13px;font-size:13px;font-weight:800}.fd-tabs button.on{background:var(--accent);color:#fff}.fd-feed{flex-direction:column;flex:1;gap:10px;width:min(720px,100%);margin:0 auto;padding:10px 12px 16px;display:flex;overflow-y:auto}.fd-card{background:var(--card);border:2px solid var(--line);box-shadow:0 3px 10px var(--shadow);border-radius:18px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.fd-body{overflow-wrap:anywhere;white-space:pre-wrap;font-size:15px;line-height:1.4}.fd-quote{color:var(--soft);border-left:3px solid var(--peach);overflow-wrap:anywhere;padding:2px 0 2px 8px;font-size:13px}.fd-actions{gap:6px;display:flex}.fd-actions button{font:inherit;background:var(--bg);color:var(--soft);cursor:pointer;touch-action:manipulation;border:0;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:800}.fd-heart.on{color:#d6456b;background:#ffe4ea}.fd-empty{text-align:center;color:var(--soft);padding:40px 10px}.fd-rules{background:var(--card);border:2px solid var(--line);border-radius:18px;padding:14px 16px}.fd-rules h2{font-size:16px;font-weight:900}.fd-rules ol{flex-direction:column;gap:6px;margin:8px 0 0;padding-left:20px;font-size:14px;display:flex}.fd-composer{background:var(--card);border-top:2px solid var(--line);padding:8px 12px max(8px, env(safe-area-inset-bottom));flex-shrink:0}.fd-composer>*{width:min(696px,100%);margin-left:auto;margin-right:auto}.fd-form{align-items:flex-end;gap:8px;display:flex}.fd-form textarea{resize:none;font:inherit;border:2px solid var(--line);field-sizing:content;background:#fff;border-radius:20px;flex:1;max-height:140px;padding:9px 13px;font-size:16px}.fd-form button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:10px 15px;font-size:14px;font-weight:900}.fd-form button:disabled{opacity:.5;cursor:default}.fd-cta{width:100%;font:inherit;background:var(--accent);color:#fff;text-align:center;cursor:pointer;border:0;border-radius:999px;padding:11px;font-size:15px;font-weight:900;display:block}.fd-cta.muted{background:var(--line);color:var(--soft);font-size:13px;font-weight:700}.fd-replying{color:var(--soft);align-items:center;gap:6px;padding:0 4px 6px;font-size:13px;display:flex}.fd-replying button{background:var(--line);cursor:pointer;border:0;border-radius:50%;width:24px;height:24px;margin-left:auto}.fd-error{color:#b3261e;padding:0 4px 6px;font-size:13px;font-weight:700}.fd-count{text-align:right;color:var(--soft);font-size:11px;display:block}.fd-public{color:var(--soft);text-align:center;padding-top:5px;font-size:11px}.cta.alt{background:var(--card);color:var(--ink);border:2px solid var(--line);box-shadow:0 6px 0 var(--line);margin-top:12px}.fd-head,.fd-rank{padding-left:max(12px,50% - 348px);padding-right:max(12px,50% - 348px)}.fd-flag{color:#b39c87;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;margin-left:auto;padding:2px 6px;font-size:13px;font-weight:800}.fd-flag.on{color:var(--soft);background:var(--line);cursor:default}.adm .acct-card h2{font-size:17px}.adm-row{border-bottom:2px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 0;display:flex}.adm-row:last-child{border-bottom:0}.adm-row.off{opacity:.55}.adm-main{flex-direction:column;flex:260px;gap:3px;min-width:0;display:flex}.adm-main small{color:var(--soft);font-size:12px}.adm-main p{overflow-wrap:anywhere;font-size:14px}.adm-btns{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.adm-btns button,.adm-btns a,.adm-rename button{font:inherit;background:var(--line);color:var(--ink);cursor:pointer;border:0;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;text-decoration:none}.adm-btns button.danger{background:var(--rose)}.adm-btns button:disabled,.adm-rename button:disabled{opacity:.45;cursor:default}.adm-btns select{font:inherit;border:2px solid var(--line);background:#fff;border-radius:999px;max-width:160px;padding:5px 8px;font-size:12px}.adm-rename{gap:6px;display:flex}.adm-rename input{min-width:0;font:inherit;border:2px solid var(--line);border-radius:10px;flex:1;padding:6px 10px;font-size:15px;font-weight:800}.adm-empty{color:var(--soft);font-size:14px}.home-acct-row{align-items:center;gap:8px;display:flex}.adm-link{color:var(--ink);background:var(--card);box-shadow:0 3px 10px var(--shadow);border-radius:999px;padding:9px 12px;font-size:13px;font-weight:900;text-decoration:none}.adm-tabs{z-index:4;scrollbar-width:none;background:var(--bg);gap:6px;width:min(720px,100%);margin:0 auto;padding:10px 12px;display:flex;position:sticky;top:0;overflow-x:auto}.adm-tabs button{font:inherit;background:var(--line);color:var(--ink);cursor:pointer;border:0;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:800;display:flex}.adm-tabs button.on{background:var(--accent);color:#fff}.adm-n{opacity:.7;font-size:11px}.adm-badge{color:#fff;background:#e0445e;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:900;display:inline-grid}.adm-search{width:100%;font:inherit;border:2px solid var(--line);background:#fff;border-radius:12px;margin:6px 0 4px;padding:9px 13px;font-size:16px}.adm-fold{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:100%;align-items:center;gap:8px;padding:0;display:flex}.adm-fold b{font-size:15px}.adm-chev{color:var(--soft);font-size:22px;transition:transform .2s}.adm-chev.on{transform:rotate(90deg)}.adm-warn{background:var(--peach);border-radius:50%;place-items:center;width:17px;height:17px;margin-left:6px;font-size:11px;font-weight:900;display:inline-grid}.adm-side,.adm-title{display:none}@media (width<=899px){.adm-tabs{gap:5px}.adm-tabs button{gap:4px;padding:7px 11px;font-size:13px}}@media (width<=599px){.adm-layout .adm-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid;overflow:visible}.adm-layout .adm-tabs button{white-space:nowrap;justify-content:center;padding:8px 2px;font-size:12.5px}.adm-layout .adm-tabs .adm-n{display:none}.adm-layout .adm-tabs .adm-badge{min-width:16px;height:16px;padding:0 4px;font-size:10px}}@media (width>=900px){.adm-page>.header{display:none}.adm-layout{min-height:100dvh;display:flex}.adm-layout .adm-tabs{display:none}.adm-content{flex:1;min-width:0;padding:18px 28px}.adm-content .fd-main{width:min(860px,100%);margin:0;padding:0 0 40px}.adm-title{margin:6px 0 12px;font-size:24px;font-weight:900;display:block}.adm-side{flex-direction:column;flex-shrink:0;gap:4px;height:100dvh;padding:18px 12px;display:flex;position:sticky;top:0}.adm-side-head{padding:4px 10px 14px;font-size:18px;font-weight:900}.adm-side button{font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;font-weight:800;display:flex}.adm-side .adm-ti{text-align:center;width:22px;font-size:17px}.adm-side .adm-sl{flex:1}.adm-side-foot{color:var(--soft);margin-top:auto;padding:10px 12px;font-size:13px;font-weight:800;text-decoration:none}.adm-side{background:var(--card);border-right:2px solid var(--line);width:230px}.adm-side button:hover{background:var(--bg)}.adm-side button.on{background:var(--line)}}.adm-tools{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 6px;display:flex}.adm-tools .adm-search{flex:100%;margin:0}.adm-chips{scrollbar-width:none;flex:100%;gap:6px;display:flex;overflow-x:auto}.adm-chips button{border:2px solid var(--line);font:inherit;color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;flex-shrink:0;padding:5px 11px;font-size:12.5px;font-weight:800}.adm-chips button.on{background:var(--ink);border-color:var(--ink);color:#fff}.adm-total{color:var(--soft);margin-left:auto;font-size:12px;font-weight:800;transition:opacity .2s}.adm-total.dim{opacity:.45}.adm-more-note{text-align:center;color:var(--soft);padding:12px 0 2px;font-size:12px;font-weight:800}.adm-tag{text-transform:uppercase;letter-spacing:.04em;color:#fff;background:var(--soft);vertical-align:1px;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:900}.adm-merge{flex-direction:column;flex:100%;gap:6px;display:flex}.adm-merge input{font:inherit;border:2px solid var(--line);border-radius:10px;padding:7px 11px;font-size:14px}.adm-merge>button{font:inherit;background:var(--rose);color:var(--ink);cursor:pointer;border:0;border-radius:999px;align-self:flex-start;padding:6px 10px;font-size:12px;font-weight:800}.adm-picks{flex-wrap:wrap;gap:5px;display:flex}.adm-picks button{font:inherit;background:var(--line);color:var(--ink);cursor:pointer;border:0;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}