@font-face{font-family:SF Espresso Shack;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/sf-espresso-shack-bold.ttf) format("truetype")}:root{color-scheme:light;--paper:#f3efe8;--card:#fffdf8;--card-2:#f7f1e6;--line:#e3d9c8;--ink:#2a2622;--muted:#7a7068;--copper:#b4553f;--blue:#1f7ae0;--blue-deep:#123f86;--blue-glow:#7fc0ff;--sign:#ef5b2b;--sticker:#d9292f;--top:#2b86d0;--flop:#d93a2f;--shelf:#f6f3ee;--shelf-edge:#d7d0c4;--upright:#3b64a6;--tape:#efe6c6b8;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .45 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--f-logo:"SF Espresso Shack","Arial Black",sans-serif;--f-title:"Montserrat","Arial Black",sans-serif;--f-type:"Poppins",system-ui,sans-serif;--f-body:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body,html{min-height:100%}body{background:var(--paper) url(/img/paper.jpg) 0 0/1040px repeat;color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.55}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0);z-index:10;background:var(--paper)}button{cursor:pointer}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px dashed var(--blue);outline-offset:3px}.wrap{max-width:1180px;margin:0 auto}.demo-bar,.wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.demo-bar{font-family:var(--f-type);font-size:.82rem;color:var(--muted);text-align:center;padding-block:8px;border-bottom:1px dashed var(--line)}.logo-txt{font-family:var(--f-logo);font-weight:700;text-transform:uppercase;color:var(--blue);-webkit-text-stroke:3px #fff;paint-order:stroke fill;filter:drop-shadow(0 0 .5px var(--blue-deep)) drop-shadow(0 0 5px var(--blue-glow));line-height:.95;letter-spacing:.01em}.site-top{position:-webkit-sticky;position:sticky;top:env(safe-area-inset-top,0);z-index:5;background:var(--paper) url(/img/paper.jpg) 0 0/1040px repeat;box-shadow:0 1px 0 var(--line),0 6px 14px -10px #0003}.site-top .wrap{display:flex;align-items:center;gap:8px 22px;flex-wrap:wrap;padding-block:10px}.logo{display:flex;flex-direction:column;margin-right:auto}.logo small{font-family:var(--f-logo);font-weight:700;font-size:.95rem;letter-spacing:.03em;text-transform:uppercase;color:#f4faff;-webkit-text-stroke:.8px var(--blue);paint-order:stroke fill;margin-bottom:3px;text-shadow:0 0 1px var(--blue),0 0 3px var(--blue),0 0 7px #1f7ae0cc,0 0 14px #7fc0ff}.logo .logo-txt,.logo small{line-height:1}.logo .l1{font-size:clamp(.95rem,1.9vw,1.15rem);margin-bottom:1px}.logo .l2{font-size:clamp(1.6rem,3.6vw,2.1rem)}.nav{display:flex;gap:4px 14px;flex-wrap:wrap}.nav button{position:relative;isolation:isolate;background:none;border:0;padding:6px 2px;font-family:var(--f-title);font-weight:700;font-size:.98rem;color:#6a5f56}.nav button:hover,.nav button[aria-current=page]{color:var(--ink)}.nav button[aria-current=page]:after{content:"";position:absolute;left:-7px;right:-7px;top:6px;bottom:4px;z-index:-1;background:#ffe45c;border-radius:3px 7px 4px 6px;transform:rotate(-1deg)}.member{display:flex;align-items:center;gap:8px;font-family:var(--f-title);font-weight:700;font-size:.92rem;background:var(--card);padding:4px 10px 4px 4px;box-shadow:0 1px 3px #0002;transform:rotate(1deg)}.member .chip{background:var(--blue);color:#fff;padding:0 6px}main{padding-block:26px 64px}.sign{position:relative;display:inline-block;color:#fff;font-family:var(--f-title);font-weight:800;padding:4px 14px 5px;letter-spacing:-.01em;transform:rotate(-1.5deg);isolation:isolate}.sign:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--sign);box-shadow:0 2px 3px #0002}.scotch{position:absolute;z-index:4;width:84px;height:24px;background:var(--tape);box-shadow:0 1px 2px #0001;mix-blend-mode:multiply;pointer-events:none}.scotch.tl{top:-10px;left:-22px;transform:rotate(-32deg)}.scotch.tr{top:-10px;right:-22px;transform:rotate(30deg)}.scotch.bl{bottom:-8px;left:-20px;transform:rotate(28deg)}.scotch.br{bottom:-8px;right:-22px;transform:rotate(-30deg)}.scotch.tc{top:-12px;left:50%;margin-left:-42px;transform:rotate(-3deg)}.hero{position:relative;height:clamp(130px,24vw,240px);border:solid #fff;border-width:8px 8px 10px;background:#3a3f52 url(/img/store.jpg) center 45%/cover;box-shadow:0 4px 14px #0002;transform:rotate(-.5deg);margin:6px 4px 18px}.intro-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px;margin:26px 0 22px}.intro-row p{margin:6px 0 0;color:var(--muted);max-width:58ch}h1.sign{margin:0;font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.15}.search{position:relative;flex:0 1 320px;min-width:0;width:100%}.search input{width:100%;background:var(--card);border:0;border-bottom:2px solid var(--ink);padding:10px 4px;font-family:var(--f-type);font-size:1rem}.search input::placeholder{color:var(--muted)}.view-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:12px 24px;margin-bottom:24px}.view-head h1{font-family:var(--f-title);font-weight:800;font-size:clamp(1.9rem,4.6vw,2.8rem);line-height:1.05;margin:0;text-wrap:balance}.view-head p{margin:6px 0 0;color:var(--muted);max-width:60ch}@media (max-width:600px){.site-top .wrap{gap:4px 12px}.nav{order:3;width:100%;gap:2px 14px}.nav button{font-size:.92rem}}.shelf{margin-bottom:38px;background:var(--shelf);border-left:9px solid var(--upright);border-right:9px solid var(--upright);padding:16px 16px 0;box-shadow:inset 0 14px 20px -12px #0000001f,0 2px 6px #0000000f}.shelf-label{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;margin-bottom:14px}.shelf-label h2{margin:0;font-family:var(--f-title);font-weight:700;font-size:1.05rem;color:var(--ink)}.shelf-label .sign{font-size:1.2rem}.sign.flop:before{background:var(--flop)}.sign.love:before{background:#2f9a57}.sign.all:before{background:var(--upright)}.shelf-row{display:flex;gap:16px;overflow-x:auto;padding:6px 4px 16px;scroll-snap-type:x proximity;scrollbar-width:thin}.shelf-row .tape{flex:0 0 clamp(108px,14vw,140px);scroll-snap-align:start}.ledge{height:12px;margin:0 -16px;background:linear-gradient(#fff,var(--shelf-edge));box-shadow:0 6px 10px -4px #00000026}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));grid-gap:24px 16px;gap:24px 16px;padding:6px 4px 18px}.more{display:flex;justify-content:center;padding:4px 0 22px}.jaq.poster{background-color:#2a2622;background-size:1000% 1000%;background-repeat:no-repeat}.empty{color:var(--muted);padding:12px 0 24px;font-family:var(--f-type)}.tape{background:none;border:0;padding:0;text-align:left;display:flex;flex-direction:column;gap:6px;position:relative}.tape .jaq{transition:transform .2s ease,box-shadow .2s ease}.tape:nth-child(3n+1) .jaq{transform:rotate(-1.2deg)}.tape:nth-child(3n+2) .jaq{transform:rotate(.8deg)}.tape:nth-child(4n) .jaq{transform:rotate(-.4deg) translateY(2px)}.tape:focus-visible .jaq,.tape:hover .jaq{transform:translateY(-6px) rotate(0);box-shadow:0 14px 22px #0000003a}.tape .cap{font-family:var(--f-body);font-weight:700;font-size:.98rem;line-height:1.2}.tape .meta{font-family:var(--f-type);font-size:.78rem;color:var(--muted);line-height:1.25}.tape .meta .hot{color:var(--top)}.tape .meta .cold{color:var(--flop)}.jaq{position:relative;aspect-ratio:2/3;width:100%;max-width:100%;container-type:inline-size;border-radius:2px 3px 2px 4px;overflow:hidden;background:var(--a);box-shadow:0 3px 8px #00000030,0 1px 1px #0002;isolation:isolate}.jaq .art{z-index:-1}.jaq .art,.jaq:after{position:absolute;inset:0}.jaq:after{content:"";background:var(--grain),linear-gradient(120deg,#ffffff30 0 12%,transparent 30% 75%,#ffffff14 86%);mix-blend-mode:soft-light;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff26,inset 0 0 10cqw #0000002e}.jt{font-family:var(--f-title);font-weight:800;font-size:11cqw;line-height:1.02;letter-spacing:-.01em;color:#fff;text-shadow:0 .6cqw 1.5cqw #0007;overflow-wrap:anywhere}.jd,.jt{position:absolute;left:8cqw;right:8cqw;text-transform:uppercase}.jd{font-family:var(--f-type);font-weight:500;font-size:5cqw;letter-spacing:.06em;color:#ffffffd8}.jb{top:0;left:0;right:0;height:7cqw;background:#fffdf6e0;color:var(--ink);font-size:4.4cqw;letter-spacing:.2em;display:flex;align-items:center;justify-content:center}.jb,.sticker{position:absolute;font-family:var(--f-type)}.sticker{z-index:3;bottom:24cqw;right:5cqw;width:25cqw;aspect-ratio:1;border-radius:50%;background:var(--sticker);color:#fff;font-size:4.8cqw;line-height:1;display:grid;place-items:center;text-align:center;transform:rotate(-12deg);box-shadow:0 .6cqw 1.5cqw #0005}.jaq.mini .jb,.jaq.mini .jd,.jaq.mini .jt,.jaq.mini .sticker{display:none}.v0 .art{background:linear-gradient(170deg,var(--a) 0 55%,var(--b))}.v0 .art:after{content:"";position:absolute;left:0;right:0;bottom:24%;height:6%;background:var(--c)}.v0 .jt{bottom:34%}.v0 .jd{bottom:8%}.v1 .art{background:radial-gradient(circle at 50% 60%,var(--c) 0 25%,transparent 25.5%),linear-gradient(var(--a) 30%,var(--b))}.v1 .jt{top:14cqw}.v1 .jd{bottom:6%}.v2 .art{background:linear-gradient(var(--a),var(--b))}.v2 .art:after{content:"";position:absolute;left:10%;right:10%;top:20%;bottom:30%;border:1.5cqw solid var(--c);opacity:.7}.v2 .jt{bottom:14%;left:12cqw;right:12cqw}.v2 .jd{top:12cqw;left:12cqw;color:var(--c)}.v3 .art{background:linear-gradient(128deg,var(--a) 0 54%,var(--b) 54%)}.v3 .art:after{content:"";position:absolute;inset:0;background:linear-gradient(128deg,transparent 0 53%,var(--c) 53% 55%,transparent 55%)}.v3 .jt{bottom:20%;font-size:13cqw}.v3 .jd{bottom:7%}.overlay{position:fixed;inset:0;z-index:20;background:#2a2622a8;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:calc(24px + env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))}.card{width:100%;max-width:1000px;background:var(--paper) url(/img/paper.jpg) 0 0/1040px repeat;box-shadow:0 30px 80px #0006;display:grid;grid-template-columns:300px minmax(0,1fr)}.card-side{padding:30px 0 24px 28px;display:flex;flex-direction:column;gap:16px}.photo{position:relative;transform:rotate(-2deg)}.photo img{display:block;width:100%;height:auto;max-width:100%;filter:drop-shadow(0 6px 10px #0002)}.card-side .no{font-family:var(--f-title);font-weight:800;letter-spacing:.08em;font-size:.95rem;color:var(--copper);text-align:center;transform:rotate(-1deg)}.card-main{padding:28px;display:flex;flex-direction:column;gap:18px;min-width:0}.card-main .k{font-family:var(--f-title);font-weight:800;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--copper)}.card-main h2{margin:4px 0 8px;font-size:clamp(1.6rem,3.8vw,2.4rem)}.card-main .intro{margin:0;max-width:58ch}@media (max-width:800px){.card{grid-template-columns:1fr}.card-side{padding:24px 22px 0;flex-direction:row;align-items:center;gap:20px}.photo{width:110px;flex:0 0 110px}.card-side .no{text-align:left}.card-main{padding:16px 20px 22px}}.field label{display:block;font-family:var(--f-title);font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px}.field input{width:100%;max-width:360px;background:transparent;border:0;border-bottom:2px solid var(--ink);padding:8px 2px;font-family:var(--f-body);font-weight:700;font-size:1.15rem}.field input:focus-visible{outline:none;border-bottom-color:var(--blue)}.field .err{color:var(--flop);font-size:.9rem;margin-top:4px;min-height:1.35em}.lists{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px}@media (max-width:640px){.lists{grid-template-columns:1fr}}.list h3{margin:0 0 12px;display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px}.list h3 .sign{font-size:1.3rem}.list.top h3 .sign:before{background:var(--top)}.list.flop h3 .sign:before{background:var(--flop)}.list h3 small{font-family:var(--f-type);font-weight:400;font-size:.8rem;color:var(--muted)}.slots{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:4px 12px;background:var(--card);box-shadow:0 1px 3px #0000001f,0 6px 14px -8px #0002;background-image:linear-gradient(90deg,transparent 46px,#e8a49a 46px 47px,transparent 47px)}.slot{display:flex;align-items:center;gap:12px;min-height:54px;padding:6px 0;border-bottom:1px solid #c9d9ea}.slot:last-child{border-bottom:0}.rank{flex:0 0 26px;height:26px;display:grid;place-items:center;font-family:var(--f-type);font-size:1rem;color:var(--muted);position:relative;isolation:isolate}.list.flop .slot.filled .rank,.list.top .slot.filled .rank{color:#fff}.slot.filled .rank:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%}.list.top .slot.filled .rank:before{background:var(--top)}.list.flop .slot.filled .rank:before{background:var(--flop)}.slot.req .rank{color:var(--ink)}.ac{position:relative;flex:1 1;min-width:0}.ac input{width:100%;background:transparent;border:0;padding:8px 2px;font-size:1rem}.ac input:focus-visible{outline:none}.slot:focus-within{background:linear-gradient(90deg,transparent,#2b86d014 30%)}.ac input::placeholder{color:#a59b90;font-family:var(--f-type);font-size:.92rem}.dd{position:absolute;left:-46px;right:-8px;top:calc(100% + 8px);z-index:30;list-style:none;margin:0;background:var(--card);border-radius:2px;box-shadow:0 2px 4px #0002,0 18px 40px #0003;max-height:300px;overflow-y:auto}.dd,.dd li{padding:6px}.dd li{display:flex;align-items:center;gap:10px;cursor:pointer}.dd li:hover,.dd li[aria-selected=true]{background:#2b86d01a}.dd li .jaq{width:30px;flex:0 0 30px}.dd .t{min-width:0;line-height:1.2}.dd .t small,.slot-t small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd .t b{display:block;font-weight:700;font-size:1rem}.dd .t small{color:var(--muted);font-size:.85rem}.dd .none{cursor:default;color:var(--muted);font-size:.9rem}.slot .jaq.mini{width:28px;flex:0 0 28px}.slot-t{flex:1 1;min-width:0;line-height:1.2}.slot-t b{display:block;font-weight:700;font-size:1rem}.slot-t small{font-size:.82rem}.slot-t small,.x{color:var(--muted)}.x{flex:0 0 30px;height:30px;border:0;border-radius:50%;background:transparent;font-size:1.3rem;line-height:1}.x:hover{background:#d93a2f1a;color:var(--flop)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;border-top:1px dashed #b9ab93;padding-top:18px}.hint{color:var(--muted);font-size:.95rem;flex:1 1 220px;margin:0}.btn{position:relative;isolation:isolate;border:0;background:none;padding:12px 28px;font-family:var(--f-title);font-weight:800;font-size:1.3rem;color:#fff;transform:rotate(-1.5deg)}.btn:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--sign);box-shadow:0 3px 0 #0000002a}.btn:hover:not(:disabled):before{background:#dd4a1c}.btn:disabled{color:#b3a99d;cursor:not-allowed}.btn:disabled:before{background:#e8e0d3;box-shadow:none}.btn.ghost{color:var(--ink);font-family:var(--f-type);font-size:1rem;transform:none}.btn.ghost:before{background:transparent;border:1.5px solid var(--ink)}.confirm{background:var(--card);padding:14px 16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;box-shadow:0 1px 3px #0002;border-left:4px solid var(--sign)}.confirm p{margin:0;flex:1 1 260px}.sheet-in{width:100%;max-width:920px;background:var(--paper) url(/img/paper.jpg) 0 0/1040px repeat;box-shadow:0 30px 80px #0006;padding:28px;position:relative}.close{position:absolute;top:14px;right:14px;background:none;border:0;padding:4px 6px;font-family:var(--f-type);font-size:.95rem;text-decoration:underline;text-underline-offset:3px}.sheet-grid{display:grid;grid-template-columns:minmax(150px,240px) 1fr;grid-gap:30px;gap:30px;align-items:start}@media (max-width:620px){.sheet-grid{grid-template-columns:1fr}.sheet-cover{max-width:170px}.sheet-in{padding:22px 18px}}.sheet-cover{transform:rotate(-1.5deg)}.sheet-info{min-width:0}.eyebrow{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--copper)}.eyebrow,.sheet-info h2{margin:0 0 6px;font-family:var(--f-title);font-weight:800}.sheet-info h2{font-size:clamp(1.7rem,4.4vw,2.6rem);line-height:1.05;padding-right:70px;text-wrap:balance}.vo{margin:0 0 18px;color:var(--muted)}.counters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px;margin-bottom:20px}.counter{background:var(--card);padding:8px 10px;box-shadow:0 1px 3px #0000001f}.counter:first-child{transform:rotate(-.8deg)}.counter:nth-child(3){transform:rotate(.6deg)}.counter b{display:block;font-family:var(--f-title);font-weight:800;font-size:1.9rem;line-height:1.05;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.counter span{font-family:var(--f-type);font-size:.78rem;color:var(--muted)}.counter.g b{color:var(--top)}.counter.r b{color:var(--flop)}.comments h3,.rate h3{margin:0 0 10px;font-family:var(--f-title);font-weight:800;font-size:1.25rem}.notes{display:flex;flex-wrap:wrap;gap:6px}.notes button{position:relative;isolation:isolate;width:38px;height:38px;border-radius:50%;border:1.5px solid #c9bfb1;background:var(--card);font-family:var(--f-type);font-size:1rem}.notes button:hover{border-color:var(--blue)}.notes button.on{background:#2b86d01f;border-color:#2b86d066;color:var(--blue-deep)}.notes button.on.last{background:none;border-color:transparent;color:#fff;transform:rotate(-10deg)}.notes button.on.last:before{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:50%;background:var(--sticker);box-shadow:0 2px 4px #0003}.rate p{margin:8px 0 0;color:var(--muted)}.mine,.rate p{font-size:.95rem}.mine{display:inline-block;margin-top:16px;font-family:var(--f-type);padding:2px 10px;border:2px solid;transform:rotate(-2deg)}.mine.t{color:var(--top)}.mine.f{color:var(--flop)}.comments{margin-top:26px;border-top:1px dashed #b9ab93;padding-top:20px}.cform{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.cform textarea{width:100%;min-height:84px;resize:vertical;border:0;padding:10px 12px;line-height:28px;background:var(--card) repeating-linear-gradient(transparent 0 27px,#c9d9ea 27px 28px);background-position:0 9px;box-shadow:0 1px 3px #0000001f}.cform .row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.85rem;font-family:var(--f-type)}.cform .btn{font-size:1.05rem;padding:8px 20px}.clist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.clist li{background:var(--card);padding:10px 14px;box-shadow:0 1px 3px #0000001f}.clist li:nth-child(2n){transform:rotate(.3deg)}.clist .who{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin-bottom:2px}.clist .who b{font-weight:700;color:var(--blue-deep)}.clist .who b.me{color:var(--sign)}.clist .who small{color:var(--muted);font-family:var(--f-type);font-size:.78rem}.clist p{margin:0;overflow-wrap:anywhere}.ranks{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px}@media (max-width:760px){.ranks{grid-template-columns:1fr}}.ranks h2{margin:0 0 16px}.ranks h2.sign{font-size:1.4rem}.ranks h2.g:before{background:var(--top)}.ranks h2.r:before{background:var(--flop)}.rlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.rlist button{width:100%;display:grid;grid-template-columns:30px 40px minmax(0,1fr) auto;align-items:center;grid-gap:12px;gap:12px;background:var(--card);border:0;padding:8px 12px;text-align:left;box-shadow:0 1px 3px #0000001f}.rlist button:hover{box-shadow:0 2px 8px #0000002e}.rlist .pos{font-family:var(--f-title);font-weight:800;font-size:1.5rem;line-height:1;color:var(--muted)}.rlist li:first-child .pos{color:var(--sign)}.rlist .nm{min-width:0}.rlist .nm b{display:block;font-weight:700;font-size:1.02rem;line-height:1.2}.rlist .nm small{color:var(--muted);font-family:var(--f-type);font-size:.78rem}.rlist .pts{font-family:var(--f-type);font-size:1rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.bar{height:4px;background:#eee6d9;margin-top:5px;overflow:hidden;border-radius:2px}.bar,.bar i{display:block}.bar i{height:100%}.g-bar i{background:var(--top)}.r-bar i{background:var(--flop)}.ranks-note{margin-top:26px;color:var(--muted);font-size:.92rem;max-width:70ch}.ticket-wrap{position:relative;max-width:420px;width:100%;transform:rotate(-1deg)}.ticket{background:#fffef9;color:var(--ink);font-family:var(--f-type);font-size:.95rem;line-height:1.45;padding:28px 24px 32px;filter:drop-shadow(0 8px 14px #00000026);-webkit-mask:radial-gradient(circle 7px at 50% 0,transparent 98%,#000) 0 0/18px 51% repeat-x,radial-gradient(circle 7px at 50% 100%,transparent 98%,#000) 0 100%/18px 51% repeat-x;mask:radial-gradient(circle 7px at 50% 0,transparent 98%,#000) 0 0/18px 51% repeat-x,radial-gradient(circle 7px at 50% 100%,transparent 98%,#000) 0 100%/18px 51% repeat-x}.ticket h2{font-family:var(--f-logo);font-weight:700;font-size:1.35rem;color:var(--blue)}.ticket .c,.ticket h2{text-align:center;margin:0}.ticket .c{color:var(--muted)}.ticket hr{border:0;border-top:2px dashed #c4b9a8;margin:12px 0}.ticket ol{margin:0;padding:0;list-style:none}.ticket li{display:flex;gap:8px}.ticket li span:first-child{flex:0 0 1.8em}.ticket .stamp{margin:18px auto 0;width:max-content;max-width:100%;border:3px solid var(--sticker);text-transform:uppercase;letter-spacing:.08em;color:var(--sticker);font-family:var(--f-title);font-weight:800;font-size:1.3rem;padding:2px 14px;transform:rotate(-8deg);opacity:.8}.ticket-zone{display:flex;flex-wrap:wrap;gap:36px;align-items:flex-start;padding-top:8px}.ticket-side{flex:1 1 280px;min-width:0;color:var(--muted);max-width:52ch}.ticket-side h3{color:var(--ink);font-family:var(--f-title);font-weight:800;font-size:1.25rem;margin:0 0 6px}.ep-count{font-weight:600;color:var(--muted);margin:-6px 0 14px}.eps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.ep{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px 18px;gap:10px 18px;align-items:start;background:var(--card);padding:16px 18px;box-shadow:0 1px 3px #0000001f}.ep-open{grid-column:1;background:none;border:0;padding:0;text-align:left;display:flex;flex-direction:column;gap:4px;min-width:0}.ep-open:hover .ep-title{color:var(--blue-deep)}.ep-date{font-size:.8rem;font-weight:600;color:var(--copper);text-transform:uppercase;letter-spacing:.06em}.ep-title{font-family:var(--f-title);font-weight:800;font-size:1.15rem;line-height:1.25}.ep-desc{color:var(--muted);font-size:.93rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ep-hit{align-self:flex-start;margin-top:4px;font-size:.8rem;font-weight:600;padding:2px 8px;background:#ffe45c}.ep-films{grid-column:2;grid-row:1/span 2;display:flex;gap:8px}.ep-mini{background:none;border:0;padding:0;width:56px}.ep-mini .jaq.mini{width:56px;transform:rotate(-1.5deg);transition:transform .15s}.ep-mini:nth-child(2) .jaq.mini{transform:rotate(1.2deg)}.ep-mini:hover .jaq.mini{transform:translateY(-3px)}.ep .plats{grid-column:1}@media (max-width:600px){.ep{grid-template-columns:1fr}.ep-films{grid-column:1;grid-row:auto}}.plats{display:flex;flex-wrap:wrap;gap:6px}.plat{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--ink);text-decoration:none;padding:4px 10px;border:1.5px solid var(--line);border-radius:999px;background:var(--card)}.plat:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--dot)}.plat:hover{border-color:var(--ink)}.plat.yt{--dot:#e62117}.plat.sp{--dot:#1db954}.plat.ap{--dot:#9b3fd6}.plat.dz{--dot:#a238ff}.ep-h{font-family:var(--f-title);font-weight:800;font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.1;margin:0 0 20px;padding-right:70px;text-wrap:balance}.ep-covers{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,180px));grid-gap:20px;gap:20px;margin-bottom:22px}.ep-covers .tape:nth-child(odd) .jaq{transform:rotate(-1.5deg)}.ep-covers .tape:nth-child(2n) .jaq{transform:rotate(1.2deg)}.ep-nofilm{color:var(--muted);font-size:.92rem;margin:0 0 16px}.ep-full{max-width:65ch;margin-bottom:20px}.listen{font-family:var(--f-title);font-weight:800;font-size:1.05rem;margin:0 0 10px}.old-note{margin:0 0 6px;color:var(--muted);font-size:.93rem}.rtabs{display:flex;gap:4px;margin:-6px 0 22px;border-bottom:2px solid var(--ink);flex-wrap:wrap}.rtabs button{background:transparent;border:2px solid transparent;border-bottom:0;padding:9px 18px 8px;font-family:var(--f-title);font-weight:800;font-size:1rem;color:var(--muted);border-radius:6px 6px 0 0;margin-bottom:-2px}.rtabs button:hover{color:var(--ink)}.rtabs button[aria-selected=true]{background:var(--card);color:var(--ink);border-color:var(--ink);border-bottom:2px solid var(--card)}.upbox{margin-bottom:28px;background:#fffbe6;border:2px dashed #e0b400}.upbox summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;padding:14px 18px}.upbox summary::-webkit-details-marker{display:none}.upbox summary:before{content:"";width:9px;height:9px;border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);transform:rotate(-45deg);transition:transform .15s;flex:0 0 auto}.upbox[open] summary:before{transform:rotate(45deg)}.upbox summary .ep-section{margin:0}.up-sum{color:#9a6b00;font-weight:600;font-size:.9rem}.upbox .eps{padding:0 14px 14px}.upbox .ep.upcoming{background:var(--card);border:1px solid #f0d980}.ep-section{font-family:var(--f-title);font-weight:800;font-size:1.3rem;margin:4px 0 12px}.ep.upcoming{background:#fffbe6;border:2px dashed #e0b400;box-shadow:none}.ep.upcoming .ep-date{color:#9a6b00}.ep-ex{align-self:flex-start;margin-top:4px;font-size:.75rem;font-weight:600;padding:1px 8px;border:1px solid var(--muted);color:var(--muted);border-radius:999px}.eps+.ep-section{margin-top:28px}.film-eps button.soon{border-left-color:#e0b400;background:#fffbe6}.film-eps{margin-top:24px;border-top:1px dashed #b9ab93;padding-top:18px}.film-eps h3{margin:0 0 10px;font-family:var(--f-title);font-weight:800;font-size:1.25rem}.film-eps ul{list-style:none;margin:0;padding:0;gap:8px}.film-eps button,.film-eps ul{display:flex;flex-direction:column}.film-eps button{width:100%;text-align:left;background:var(--card);border:0;border-left:4px solid var(--blue);padding:8px 12px;box-shadow:0 1px 3px #0000001f}.film-eps button:hover{border-left-color:var(--sign)}.film-eps small{color:var(--muted)}.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%) rotate(-1deg);z-index:40;background:var(--card);color:var(--ink);font-family:var(--f-type);font-size:1rem;padding:10px 18px;box-shadow:0 2px 4px #0002,0 12px 30px #0003;max-width:calc(100% - 32px);text-align:center;border-left:4px solid var(--blue)}@media (prefers-reduced-motion:reduce){.tape .jaq{transition:none}}.jaq.poster{background:#2a2622}.jaq.poster img{display:block;width:100%;height:100%;object-fit:cover}.loading{color:var(--muted);padding-block:60px;text-align:center}.locked{background:var(--card);padding:22px 24px;box-shadow:0 1px 3px #0000001f;max-width:640px}.locked h2{font-family:var(--f-title);font-weight:800;font-size:1.3rem}.locked h2,.locked p{margin:0 0 8px}.admin-note{background:#ffe45c;display:inline-block;padding:4px 10px;font-weight:600;font-size:.9rem;margin:0 0 16px}.admin-link{font-family:var(--f-title);font-weight:700;font-size:.98rem;color:#fff;background:var(--ink);padding:5px 10px;border-radius:3px;text-decoration:none;align-self:center}.counters.one{grid-template-columns:minmax(0,220px)}.linkish{background:none;border:0;padding:0;color:var(--blue-deep);text-decoration:underline;font:inherit;cursor:pointer}.keybox{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--card);padding:8px 10px;box-shadow:0 1px 3px #0000001f;margin-top:8px}.keybox code{font-size:.9rem;color:var(--ink);overflow-wrap:anywhere;flex:1 1 220px;min-width:0}.restore{border-top:1px dashed #b9ab93;padding-top:12px}.restore summary{cursor:pointer;color:var(--muted);font-size:.92rem}.restore-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.restore-row input{flex:1 1 220px;min-width:0;background:var(--card);border:1px solid var(--line);padding:9px 10px;font-size:.95rem}.teaser{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);grid-gap:40px;gap:40px;align-items:center;min-height:100vh;padding-block:40px}.teaser-photo{transform:rotate(-2deg)}.teaser-photo img{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 14px #0002)}.teaser h1{font-size:clamp(2rem,5vw,3.2rem);margin:6px 0 16px}.teaser-lead{font-size:1.2rem;margin:0 0 10px}.teaser p{max-width:58ch}.countdown{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 26px}.countdown div{background:var(--card);box-shadow:0 1px 3px #0000001f;padding:10px 14px;min-width:78px;text-align:center}.countdown div:nth-child(odd){transform:rotate(-1deg)}.countdown b{display:block;font-family:var(--f-title);font-weight:800;font-size:2rem;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.countdown span{font-size:.78rem;color:var(--muted)}@media (max-width:760px){.teaser{grid-template-columns:1fr;gap:24px;min-height:0}.teaser-photo{max-width:220px}}.admin h1{font-family:var(--f-title);font-weight:800;font-size:clamp(1.6rem,4vw,2.2rem);margin:0 0 6px}.admin .lead{color:var(--muted);margin:0 0 20px;max-width:70ch}.panel{background:var(--card);box-shadow:0 1px 3px #0000001f;padding:18px 20px;margin-bottom:16px}.panel h2{font-family:var(--f-title);font-weight:800;font-size:1.15rem;margin:0 0 12px}.frm{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.frm label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;font-weight:600}.admin input[type=password],.admin input[type=search],.admin input[type=url],.frm input,.frm textarea{background:#fff;border:1px solid var(--line);padding:9px 10px;font:inherit;font-weight:400;min-width:0}.frm .wide{grid-column:1/-1}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.chip-film{display:inline-flex;align-items:center;gap:8px;background:var(--paper);padding:4px 6px 4px 4px;font-size:.88rem;font-weight:600;max-width:100%}.chip-film .jaq.mini{width:26px;flex:0 0 26px}.chip-film button{border:0;background:none;font-size:1.1rem;line-height:1;color:var(--muted);cursor:pointer}.chip-film button:hover{color:var(--flop)}.tsearch{position:relative;max-width:520px}.tsearch input{width:100%}.tres{list-style:none;margin:6px 0 0;padding:4px;background:#fff;box-shadow:0 8px 24px #0002;max-height:320px;overflow:auto;position:absolute;left:0;right:0;z-index:5}.tres li{display:flex;align-items:center;gap:10px;padding:6px;cursor:pointer}.tres li:hover{background:#2b86d01a}.tres .jaq{width:30px;flex:0 0 30px}.arow{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px 16px;gap:8px 16px;align-items:start;padding:14px 0;border-top:1px solid var(--line)}.arow:first-child{border-top:0}.arow h3{margin:0;font-size:1rem;font-weight:600}.arow small{color:var(--muted)}.arow .acts{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-block;font-size:.72rem;font-weight:600;padding:1px 8px;border-radius:999px;background:#ffe45c;margin-left:6px;vertical-align:middle}.badge.ok{background:#d8efe0}.btn.sm{font-size:.95rem;padding:6px 14px}.filters{gap:10px;align-items:center;margin-bottom:12px}.filters,.ytrow{display:flex;flex-wrap:wrap}.ytrow{gap:8px;margin-top:8px}.ytrow input{flex:1 1 260px}.sugg{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.sugg button{display:inline-flex;align-items:center;gap:6px;border:1.5px dashed var(--blue);background:#fff;padding:3px 8px 3px 3px;font-size:.85rem;cursor:pointer}.sugg .jaq{width:22px;flex:0 0 22px}.cm{padding:10px 0;border-top:1px solid var(--line)}.cm.hidden p{opacity:.45;text-decoration:line-through}.cm p{margin:4px 0}.foot{padding-block:10px 40px;color:var(--muted);font-size:.82rem}.foot a{color:inherit}@media (max-width:600px){.site-top .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:6px 10px;gap:6px 10px;padding-block:8px 6px}.logo .l1{font-size:.78rem}.logo .l2{font-size:1.45rem}.member{order:0;transform:none;font-size:.82rem;padding:2px 8px 2px 2px;gap:6px;max-width:46vw;min-width:0}.member #member-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.member .chip{font-size:.78rem;padding:1px 5px}.nav{grid-column:1/-1;order:3;width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:4px;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.admin-link,.nav button{flex:0 0 auto;font-size:.86rem;padding:5px 4px;white-space:nowrap}.nav button[aria-current=page]:after{left:-4px;right:-4px;top:4px;bottom:2px}main{padding-block:16px 48px}.hero{height:110px;border-width:5px;margin:4px 2px 14px}.scotch{width:60px;height:18px}.intro-row{margin:14px 0;gap:10px}.intro-row p{font-size:.92rem;margin-top:8px}h1.sign{font-size:1.45rem}.rtabs{flex-wrap:nowrap;margin:0 0 16px;gap:2px}.rtabs button{flex:1 1;padding:8px 6px 7px;font-size:.88rem;white-space:nowrap;text-align:center}.shelf{padding:12px 10px 0;border-left-width:6px;border-right-width:6px;margin-bottom:24px}.ledge{margin:0 -10px}.shelf-label{margin-bottom:10px}.shelf-label .sign{font-size:1rem}.shelf-label h2{font-size:.9rem}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}.tape .cap{font-size:.85rem}.tape .meta{font-size:.72rem}.ep{padding:14px}.ep-title{font-size:1.02rem}}.picker{position:fixed;inset:0;z-index:60;background:var(--paper) url(/img/paper.jpg) 0 0/1040px repeat;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top,0);height:100dvh;overscroll-behavior:contain}.pk-head{display:flex;align-items:center;gap:10px;padding:10px max(14px,env(safe-area-inset-left,0px)) 6px}.pk-head b{font-family:var(--f-title);font-weight:800;font-size:1.15rem}.pk-close{border:0;background:var(--card);box-shadow:0 1px 3px #0002;width:40px;height:40px;border-radius:50%;font-size:1.3rem;line-height:1}.pk-search{padding:6px max(14px,env(safe-area-inset-left,0px)) 10px}.pk-search input{width:100%;font-size:16px;background:var(--card);border:0;border-bottom:2px solid var(--ink);padding:12px 10px}.pk-search input:focus-visible{outline:none;border-bottom-color:var(--blue)}.pk-list{list-style:none;margin:0;padding:0 max(10px,env(safe-area-inset-left,0px)) 40px;overflow-y:auto;flex:1 1;-webkit-overflow-scrolling:touch}.pk-list li[data-pick]{display:flex;align-items:center;gap:12px;padding:8px 6px;border-bottom:1px solid var(--line)}.pk-list li[data-pick]:active{background:#2b86d01a}.pk-list .jaq{width:40px;flex:0 0 40px}.pk-list .t{min-width:0;line-height:1.25}.pk-list .t b{display:block;font-weight:700}.pk-list .t small{display:block;color:var(--muted);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pk-hint{color:var(--muted);padding:14px 6px;font-size:.92rem}.overlay{overscroll-behavior:contain;height:100dvh}@media (max-width:600px){.cform textarea,.field input,.restore-row input,.search input{font-size:16px}.slot{min-height:50px}.ac input[readonly]{cursor:pointer;caret-color:transparent}.card-main{gap:14px}}