:root{--yellow: #FFD600;--pink: #FF4D8D;--coral: #FF6B4D;--teal: #00C2B8;--blue: #3B82F6;--green: #7ED321;--bg: #FFF4DF;--card: #FFFDF6;--ink: #121212;--muted: #5f5850;--soft: #efe4cf;--accent: var(--pink);--on-accent: #121212;--accent-soft: color-mix(in srgb, var(--accent) 22%, var(--card));--hard: 3px 3px 0 var(--ink);--head: "Bangers", Impact, "Arial Black", sans-serif;--body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #141210;--card: #1f1c19;--ink: #FFF4DF;--muted: #b9b0a4;--soft: #36312b}}*{box-sizing:border-box}html,body{margin:0}body{background-color:var(--bg);color:var(--ink);font:15px/1.45 var(--body);background-image:radial-gradient(color-mix(in srgb,var(--ink) 9%,transparent) 1.1px,transparent 1.6px);background-size:14px 14px;-webkit-tap-highlight-color:transparent}.app{max-width:430px;margin:0 auto;padding:14px 16px 120px}.brand{display:flex;align-items:center;gap:6px;font-family:var(--head);font-size:24px;letter-spacing:.05em;margin:0 2px 6px}.brand svg{width:34px;height:31px}.help-btn{margin-left:auto;flex:none;width:36px;height:36px;border-radius:50%;border:2.5px solid var(--ink);background:var(--yellow);color:#121212;font-family:var(--head);font-size:22px;line-height:1;cursor:pointer;box-shadow:var(--hard);transform:rotate(8deg);display:inline-flex;align-items:center;justify-content:center;padding:0 0 2px}.help-btn:active{transform:rotate(8deg) translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.comic{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.comic-panel{position:relative;border:3px solid var(--ink);border-radius:6px;padding:10px 10px 12px;color:#121212;background:radial-gradient(circle,rgba(18,18,18,.16) 1.2px,transparent 1.4px) 0 0 / 9px 9px,var(--tone);box-shadow:4px 4px 0 var(--ink);transform:rotate(var(--tilt));min-height:170px;display:flex;flex-direction:column;gap:8px}.comic-cap{align-self:flex-start;background:#fff4c2;border:2px solid #121212;padding:3px 7px;color:#121212;font-family:var(--head);font-size:15px;letter-spacing:.04em;line-height:1.1;box-shadow:2px 2px #121212}.comic-foot{margin-top:auto;background:#fffdf6;border:2px solid #121212;border-radius:4px;padding:5px 7px;font-size:12px;font-weight:600;line-height:1.3}.comic-scene{display:flex;align-items:flex-start;gap:6px}.comic-ic svg{width:44px;height:44px;flex:none}.comic-bubble{position:relative;background:#fff;border:2.5px solid #121212;border-radius:16px;padding:6px 8px;font-size:12px;font-weight:800;line-height:1.25}.comic-bubble:after{content:"";position:absolute;bottom:-9px;left:12px;width:14px;height:12px;background:#fff;border-right:2.5px solid #121212;border-bottom:2.5px solid #121212;transform:skew(35deg) rotate(10deg)}.comic-bubble.right:after{left:auto;right:14px;transform:skew(-35deg) rotate(-10deg);border-right:none;border-left:2.5px solid #121212}.comic-burst{align-self:center;padding:18px 16px;background:#ff4d8d;color:#fff;font-family:var(--head);font-size:30px;letter-spacing:.05em;-webkit-text-stroke:1.5px #121212;transform:rotate(-8deg);clip-path:polygon(50% 0,61% 22%,86% 10%,78% 35%,100% 42%,80% 57%,94% 80%,68% 74%,60% 100%,47% 78%,28% 96%,27% 72%,2% 76%,18% 55%,0 38%,24% 32%,14% 8%,38% 21%)}.comic-slider{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;font-family:var(--head);font-size:14px}.comic-slider i{position:relative;height:10px;background:#fffdf6;border:2px solid #121212;border-radius:99px}.comic-slider b{position:absolute;top:50%;transform:translate(-50%,-50%)}.comic-slider b svg{width:30px;height:28px}.comic-verdicts{display:flex;flex-wrap:wrap;gap:4px}.comic-scores{display:flex;gap:8px}.comic-end{text-align:center;margin-top:18px}.comic-end .comic-cap{display:inline-block;font-size:20px}@media (max-width: 360px){.comic{grid-template-columns:1fr}}.brand .tagline{font-family:var(--body);font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--muted);margin-left:6px}header.top{margin:4px 2px 18px}header.top h1{display:inline-block;margin:0;font-family:var(--head);font-weight:400;font-size:48px;line-height:.95;letter-spacing:.03em;text-shadow:3px 3px 0 var(--accent);transform:rotate(-2deg);transform-origin:left}header.top .sub{color:var(--muted);font-size:14px;font-weight:600;margin-top:6px}.card{padding:0 2px;margin-bottom:34px}.card.panel{background:var(--card);border:2.5px solid var(--ink);border-radius:20px;padding:18px;margin-bottom:26px;box-shadow:var(--hard)}.card h3{margin:0 0 4px;font-family:var(--head);font-weight:400;font-size:24px;letter-spacing:.04em}.eyebrow{font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:8px}.muted{color:var(--muted)}.small{font-size:13px}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:2px solid var(--ink);background:var(--card);color:var(--ink);border-radius:999px;padding:7px 14px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.chip.on{background:var(--accent);color:var(--on-accent);box-shadow:2px 2px 0 var(--ink)}.chip.sm{padding:5px 11px;font-size:13px}.chip.dashed{border-style:dashed;color:var(--muted)}.chip .tag{font-size:11px;opacity:.75;margin-left:4px}select{font-family:var(--head);font-size:26px;letter-spacing:.03em;color:var(--ink);background:transparent;border:none;padding:0;cursor:pointer;max-width:100%}select.plain{font:inherit;font-size:14px;font-weight:600;border:2px solid var(--ink);border-radius:10px;padding:6px 8px;background:var(--card)}input.text,textarea{width:100%;font:inherit;color:var(--ink);background:var(--card);border:2px solid var(--ink);border-radius:14px;padding:10px 12px}input.code{font-family:var(--head);font-size:32px;letter-spacing:.3em;text-align:center}.icon-btn{width:42px;height:42px;border-radius:14px;border:2px solid var(--ink);flex:none;background:var(--card);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.linkish{background:none;border:none;padding:0;color:var(--ink);text-decoration:underline;font:inherit;font-size:13px;font-weight:600;cursor:pointer}svg.i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;flex:none}.spot-btn{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 12px 12px 14px;cursor:pointer;background:var(--yellow);color:#121212;border:2.5px solid var(--ink);border-radius:18px;box-shadow:var(--hard);font:inherit}.spot-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.spot-pin{width:44px;height:44px;border-radius:50%;background:var(--pink);border:2px solid #121212;display:flex;align-items:center;justify-content:center;flex:none}.spot-pin svg{width:22px;height:22px}.spot-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.spot-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.spot-name{font-family:var(--head);font-size:26px;letter-spacing:.03em;line-height:1}.spot-meta{font-size:12px;font-weight:600}.visit{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;margin-top:6px;padding:2px 9px;border:1.5px solid #121212;border-radius:999px;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#121212;white-space:nowrap;max-width:100%}.visit svg{width:12px;height:12px}.visit.ok{background:var(--green)}.visit.away{background:#fffdf6;border-style:dashed}.visit.anywhere{background:var(--blue)}.spot-change{display:flex;align-items:center;gap:2px;flex:none;padding:5px 7px 5px 10px;background:#fffdf6;border:2px solid #121212;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.spot-change svg{width:15px;height:15px}.cat-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cat-tile{border:2.5px solid var(--ink);border-radius:16px;padding:12px 6px 8px;background:var(--tile);color:#121212;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font-family:var(--head);font-size:19px;letter-spacing:.05em;box-shadow:2px 2px 0 var(--ink);transition:transform .15s,box-shadow .15s,opacity .15s}.cat-tile svg{width:46px;height:46px}.cat-tile.on{transform:translate(-2px,-2px) rotate(-2deg);box-shadow:5px 5px 0 var(--ink)}.cat-tiles.has-pick .cat-tile:not(.on){opacity:.5}.cat-tiles.locked .cat-tile{opacity:.4;filter:grayscale(.7);box-shadow:none}.locked-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;font-family:var(--head);font-size:20px;letter-spacing:.04em}.mini{width:36px;height:36px;border:2px solid var(--ink);border-radius:10px;background:var(--tile);display:flex;align-items:center;justify-content:center;flex:none}.mini svg{width:28px;height:28px}.pick{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:2px solid var(--ink);border-radius:14px;margin-bottom:8px;cursor:pointer;background:var(--card);font-weight:600}.pick.on{background:var(--accent-soft);box-shadow:3px 3px 0 var(--ink)}.pick .tag{font-size:11px;font-weight:700;margin-left:6px;background:var(--yellow);color:#121212;border:1.5px solid #121212;border-radius:999px;padding:0 7px}.pick .muted{font-weight:400}.deal{display:inline-block;margin-top:4px;font-size:12px;font-weight:700;color:#121212;background:var(--green);border:1.5px solid #121212;border-radius:999px;padding:1px 8px}.facet{margin-top:12px}.newform{margin-top:12px;padding-top:12px;border-top:2px dashed var(--ink)}.two{display:grid;grid-template-columns:1fr 96px;gap:8px}.two.auto{grid-template-columns:1fr auto}.axis{margin:18px 0 4px}.axis-labels{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.axis-labels .unsure{font-size:12px;padding:3px 9px;text-transform:none;letter-spacing:0}.track{position:relative;height:58px;touch-action:none;cursor:pointer;-webkit-user-select:none;user-select:none}.rail{position:absolute;left:22px;right:22px;top:0;bottom:0}.rail:before{content:"";position:absolute;left:-22px;right:-22px;top:50%;height:20px;margin-top:-10px;border-radius:999px;background:var(--soft);border:2.5px solid var(--ink);box-sizing:border-box}.fill{position:absolute;left:-19.5px;top:50%;height:15px;margin-top:-7.5px;border-radius:999px;background:var(--accent);display:none}.thumb{position:absolute;top:50%;width:48px;height:44px;margin:-16px 0 0 -24px;display:none}.thumb svg{width:100%;height:100%;display:block;overflow:visible}.track.set .thumb,.track.set .fill{display:block}.track.fresh .thumb{animation:pop .38s cubic-bezier(.3,1.7,.5,1)}.track .hint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none}.track .hint span{background:var(--card);border:2px solid var(--ink);border-radius:999px;padding:1px 10px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.track.set .hint{display:none}.track.off{opacity:.3;pointer-events:none}@keyframes pop{0%{transform:scale(.2) rotate(-25deg)}to{transform:scale(1) rotate(0)}}.verdicts{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.verdict{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 2px;border-radius:16px;border:2.5px solid var(--ink);background:var(--card);color:var(--ink);cursor:pointer;font:inherit;font-weight:800;font-size:11.5px;text-transform:uppercase;letter-spacing:.03em}.verdict.on{color:#121212;box-shadow:var(--hard);transform:translate(-1px,-1px)}.verdict.no.on{background:var(--coral)}.verdict.meh.on{background:var(--blue)}.verdict.yes.on{background:var(--green)}.verdict.fav.on{background:var(--yellow)}.reasons{margin-top:14px}textarea{min-height:64px;resize:vertical}.note-row{display:flex;gap:8px;align-items:flex-start}.primary{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:2.5px solid var(--ink);border-radius:999px;padding:15px;background:var(--yellow);color:#121212;font:inherit;font-weight:800;font-size:16px;text-transform:uppercase;letter-spacing:.08em;box-shadow:var(--hard)}.primary:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.primary:disabled{opacity:.45;box-shadow:none;cursor:default;transform:none}.primary.waiting{opacity:.55}.secondary{width:100%;margin-top:10px;border:2.5px solid var(--ink);border-radius:999px;padding:12px;background:var(--card);color:var(--ink);font:inherit;font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.07em;cursor:pointer}.secondary.pink{background:var(--pink);color:#121212;box-shadow:var(--hard)}.compare{margin:14px 0}.compare .bar{position:relative;height:24px;margin:6px 12px}.compare .bar:before{content:"";position:absolute;left:-12px;right:-12px;top:50%;height:14px;margin-top:-7px;border-radius:999px;background:var(--soft);border:2px solid var(--ink);box-sizing:border-box}.compare .band{position:absolute;top:7px;bottom:7px;background:color-mix(in srgb,var(--accent) 70%,transparent);border-radius:6px}.compare .crowd{position:absolute;top:1px;bottom:1px;width:3px;margin-left:-1.5px;background:var(--ink);border-radius:2px}.compare .you{position:absolute;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:var(--pink);border:2.5px solid var(--ink)}.legend{display:flex;gap:14px;font-size:12px;font-weight:600;color:var(--muted);align-items:center}.legend i{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:4px;vertical-align:-1px;border:1.5px solid var(--ink)}.legend i.tick{width:3px;border-radius:1px;height:13px;background:var(--ink);border:none}.callout{border-radius:14px;padding:10px 12px;font-size:14px;font-weight:600;background:var(--accent-soft);border:2px solid var(--ink);margin-top:12px}.callout.quiet{background:transparent;border-style:dashed;font-weight:500;font-size:13px}.stamp{display:inline-flex;flex-direction:column;align-items:center;margin:4px auto 18px;padding:10px 22px 12px;background:var(--yellow);color:#121212;border:4px solid var(--ink);border-radius:14px;font-family:var(--head);line-height:.9;box-shadow:inset 0 0 0 3px var(--yellow),inset 0 0 0 5px #121212,4px 4px 0 var(--ink);transform:rotate(-6deg);animation:stamp .5s cubic-bezier(.2,1.4,.4,1) both}.stamp-chow{font-size:20px;letter-spacing:.35em;margin-right:-.35em}.stamp-rated{font-size:50px;letter-spacing:.04em;color:var(--pink);-webkit-text-stroke:1.5px #121212;text-shadow:3px 3px 0 #121212}@keyframes stamp{0%{transform:scale(2.2) rotate(-16deg);opacity:0}60%{transform:scale(.94) rotate(-5deg);opacity:1}to{transform:scale(1) rotate(-6deg)}}.card.hero{padding:0}.plot{width:100%;height:auto;display:block}.plot .corner{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;fill:var(--ink);opacity:.55}.plot .end{font-family:var(--head);font-size:15px;letter-spacing:.05em;fill:var(--ink)}.plot .dot{cursor:pointer}.plot .dot circle,.plot .pulse{transform-box:fill-box;transform-origin:center}.plot .dot .body{animation:dot-in .5s cubic-bezier(.3,1.6,.5,1) backwards}.plot .pulse{animation:pulse 1.8s ease-out infinite}.plot .label-bg{fill:var(--yellow);stroke:#121212;stroke-width:2}.plot .label-tx{fill:#121212;font-weight:800;font-size:11px}@keyframes dot-in{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1);opacity:.6}to{transform:scale(2.4);opacity:0}}@media (prefers-reduced-motion: reduce){.plot .dot .body,.plot .pulse,.track.fresh .thumb,.stamp{animation:none}}.list-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:2px dashed var(--soft);cursor:pointer;font-weight:600}.list-row:first-of-type{border-top:none}.list-row .muted{font-weight:400}.pill{font-size:12px;font-weight:800;padding:2px 9px;border-radius:999px;white-space:nowrap;border:1.5px solid #121212;color:#121212}.pill.no{background:var(--coral)}.pill.yes{background:var(--green)}.pill.fav{background:var(--yellow)}.pill.meh{background:var(--blue)}.h2h{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-top:12px}.h2h-pick{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:96px;padding:14px 8px;text-align:center;border:2.5px solid var(--ink);border-radius:16px;background:var(--card);color:var(--ink);font:inherit;cursor:pointer;transition:transform .15s,opacity .15s}.h2h-pick b{font-family:var(--head);font-weight:400;font-size:21px;letter-spacing:.03em;line-height:1.05}.h2h-pick span{font-size:12px;color:var(--muted)}.h2h-pick.won{background:var(--yellow);color:#121212;box-shadow:var(--hard);transform:rotate(-2deg)}.h2h-pick.won span{color:#121212}.h2h-pick.lost{opacity:.4}.h2h .vs{font-family:var(--head);font-size:28px;color:var(--pink);-webkit-text-stroke:1px #121212}.rank{margin:12px 0 0;padding-left:22px;font-weight:600}.rank li{padding:3px 0}.rank .muted{font-weight:400}.pill.match{background:var(--accent)}.pill.new{background:var(--soft);color:var(--ink);border-color:var(--ink)}.score{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;flex:none;width:60px;height:60px;border-radius:50%;border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);color:#121212;line-height:1}.score.social{background:var(--yellow)}.score.mine{background:var(--pink)}.score b{font-family:var(--head);font-weight:400;font-size:26px;letter-spacing:.02em}.score i{font-style:normal;font-size:8.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-top:2px}.score.sm{width:46px;height:46px;border-width:2px}.score.sm b{font-size:19px}.score.sm i{font-size:7px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{text-align:center;padding:8px 4px 10px;border-radius:14px;background:var(--accent-soft);border:2px solid var(--ink)}.stat b{display:block;font-family:var(--head);font-weight:400;font-size:32px;letter-spacing:.03em;line-height:1.1}.badges{display:flex;flex-direction:column;gap:12px}.badges.locked{opacity:.45}.badge{display:flex;gap:12px;align-items:center;font-weight:700}.badge .muted{font-weight:400}.badge .ic{width:40px;height:40px;border-radius:50%;background:var(--yellow);color:#121212;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;flex:none}.big{font-family:var(--head);font-weight:400;font-size:32px;line-height:1;letter-spacing:.03em}.want{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:2px dashed var(--soft);cursor:pointer}.want:first-of-type{border-top:none}.want .k{width:120px;flex:none;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.want .v{flex:1;font-weight:800}.adm-row{padding:12px 0;border-top:2px dashed var(--soft)}.adm-row:first-of-type{border-top:none}.progress{height:10px;background:var(--soft);border:1.5px solid var(--ink);border-radius:999px;overflow:hidden;margin:6px 0}.progress i{display:block;height:100%;background:var(--pink)}.btns{display:flex;gap:8px;margin-top:6px}.btns .chip{font-size:13px;padding:5px 12px}.field{display:block;margin-top:12px}.field>span{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.axis-edit{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.axis-edit.three{grid-template-columns:1fr 1fr auto;align-items:center}.axis-edit .span{grid-column:1 / -1;margin-top:-2px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.icon-btn.sm{width:34px;height:34px;border-radius:10px}.facet-edit{padding:10px 0;border-bottom:2px dashed var(--soft);margin-bottom:10px}.chip svg.i{width:13px;height:13px;vertical-align:-2px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#12121280;display:flex;align-items:flex-end;justify-content:center;z-index:10}.sheet{background:var(--card);width:100%;max-width:430px;max-height:88vh;overflow-y:auto;border:2.5px solid var(--ink);border-bottom:none;border-radius:24px 24px 0 0;padding:22px 16px calc(24px + env(safe-area-inset-bottom))}.sheet-top{position:sticky;top:-22px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-22px -16px 6px;padding:18px 16px 8px;background:var(--card)}.sheet-top h3{margin:0}.sheet-x{flex:none;width:44px;height:44px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--pink);color:#121212;border:2.5px solid var(--ink);box-shadow:var(--hard);cursor:pointer;transform:rotate(-6deg)}.sheet-x svg.i{width:22px;height:22px;stroke-width:3.2}.sheet-x:active{transform:rotate(-6deg) translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.sheet h3{margin:0 0 6px;font-family:var(--head);font-weight:400;font-size:30px;letter-spacing:.04em}.order{padding:12px 0;border-top:2px dashed var(--soft)}.order:first-of-type{border-top:none;padding-top:4px}.linkbox{display:flex;align-items:center;gap:8px;background:var(--soft);border-radius:12px;padding:8px 8px 8px 12px;margin-bottom:8px}.linkbox code{flex:1;font-size:14px}.linkbox button{border:2px solid var(--ink);background:var(--yellow);color:#121212;border-radius:999px;padding:6px 12px;font:inherit;font-weight:700;font-size:13px;cursor:pointer}.person{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:2px dashed var(--soft)}.person:first-child{border-top:none}.missing{color:var(--muted);font-style:italic}nav.tabs{position:fixed;left:50%;transform:translate(-50%);bottom:calc(12px + env(safe-area-inset-bottom));width:calc(100% - 24px);max-width:406px;border-radius:22px;padding:6px;z-index:5;background:#121212;border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--accent)}nav.tabs .inner{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}nav.tabs button{background:none;border:none;color:#fff4df;cursor:pointer;padding:4px 0 2px;display:flex;flex-direction:column;align-items:center;gap:3px;font-family:var(--head);font-size:15px;letter-spacing:.06em;line-height:1}nav.tabs .nav-ic{width:42px;height:42px;border-radius:50%;background:#fff4df;border:2px solid #121212;display:flex;align-items:center;justify-content:center;opacity:.85;transform:scale(.88);transition:transform .25s cubic-bezier(.3,1.6,.5,1),opacity .2s,box-shadow .2s}nav.tabs .nav-ic svg{width:30px;height:30px;overflow:visible}nav.tabs button.on{color:var(--pink)}nav.tabs button.on .nav-ic{opacity:1;transform:translateY(-12px) scale(1.18) rotate(-6deg);box-shadow:3px 3px 0 var(--pink)}@media (prefers-reduced-motion: reduce){nav.tabs .nav-ic{transition:none}}#toast{position:fixed;left:50%;bottom:104px;transform:translate(-50%);background:#121212;color:var(--yellow);border:2px solid var(--yellow);padding:9px 14px;border-radius:12px;font-size:14px;font-weight:700;opacity:0;transition:opacity .2s;pointer-events:none;max-width:90vw;z-index:20}#toast.show{opacity:1}.code-show{font-family:var(--head);font-size:40px;letter-spacing:.18em;margin:4px 0}nav.tabs[hidden]{display:none}.cat-filter{margin:0 0 10px}.rating-fix{margin:-4px 0 8px}.idea-details{width:100%;min-height:170px}.kitchen-teaser{cursor:pointer}.k-ing{display:grid;grid-template-columns:1fr 58px 52px auto;gap:6px;align-items:center;margin-bottom:8px}.k-ghost{position:absolute;top:-6px;bottom:-6px;width:0;border-left:3px dashed var(--ink);transform:translate(-1.5px);z-index:1;pointer-events:none}.k-bar{position:relative;height:26px}.k-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:var(--card);border:2px solid var(--ink);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:2}.k-dot.last{background:var(--tile);box-shadow:2px 2px 0 var(--ink);z-index:3}.export-text{width:100%;min-height:260px;margin-top:10px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.idea-axis{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin-bottom:8px}.vs-word{font-family:var(--head);font-size:20px;letter-spacing:.04em}.idea-text{white-space:pre-wrap;margin-top:6px}.adm-head{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.adm-head h3{margin:0;flex:1}.adm-chev{display:inline-flex;transition:transform .15s}.adm-chev.open{transform:rotate(180deg)}.adm-body{margin-top:12px}.chip-group{margin:0 2px 0 6px}.chip-group:first-child{margin-left:0}.axis-opts{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}.axis-opts select{max-width:100%}