:root{color-scheme:light;--ink: #1f1b2e;--ink-soft: #4a4460;--paper: #fff9f0;--paper-raised: #ffffff;--lilac: #e7ddff;--lilac-ink: #5b3fbf;--mint: #d6f2e0;--mint-ink: #1f7a54;--butter: #fdeec2;--butter-ink: #9a6b12;--peach: #ffe0d3;--peach-ink: #c1502b;--sky: #d5e8ff;--sky-ink: #235b9e;--accent: var(--lilac);--accent-ink: var(--lilac-ink);--danger: #ffd4d4;--danger-ink: #b3261e;--good: var(--mint);--good-ink: var(--mint-ink);--border-w: 3px;--radius: 16px;--radius-sm: 10px;--shadow: 5px 5px 0 var(--ink);--shadow-sm: 3px 3px 0 var(--ink);--shadow-lg: 8px 8px 0 var(--ink);--font-display: "Baloo 2", system-ui, sans-serif;--font-body: "Nunito", system-ui, sans-serif;--font-hand: "Patrick Hand", "Comic Sans MS", cursive;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--maxw: 1080px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(var(--lilac) 1.4px,transparent 1.4px);background-size:26px 26px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15;margin:0 0 .4em}a{color:var(--accent-ink);font-weight:700;text-decoration:none}a:hover{text-decoration:none;opacity:.72}button,input,textarea,select{font-family:inherit;font-size:1rem;color:inherit}:focus-visible{outline:3px solid var(--accent-ink);outline-offset:2px}:root{--cursor-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M5 2.5 5 23 10.2 17.8 13.6 25 16.7 23.6 13.3 16.6 20.5 16.6Z' fill='%23e7ddff' stroke='%231f1b2e' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E") 5 3, auto;--cursor-hand: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='15' r='8' fill='%23fdeec2' stroke='%231f1b2e' stroke-width='2.6'/%3E%3Ccircle cx='15' cy='15' r='2.4' fill='%231f1b2e'/%3E%3C/svg%3E") 15 15, pointer}body{cursor:var(--cursor-arrow)}a,button,summary,label,select,.btn,.tag,.theme-swatch,[role=button],[tabindex="0"]{cursor:var(--cursor-hand)}input:not([type=checkbox]):not([type=radio]),textarea{cursor:text}button[disabled],.btn[disabled]{cursor:not-allowed}@media (pointer: coarse){body,a,button,.btn,[role=button]{cursor:auto}}.cursor-glow{position:fixed;top:0;left:0;width:26px;height:26px;border-radius:999px;background:var(--accent);border:2px solid var(--ink);pointer-events:none;z-index:999;transform:translate(-100px,-100px);transition:width .15s ease,height .15s ease,background .15s ease;mix-blend-mode:multiply}.cursor-glow.is-active{width:40px;height:40px}@media (pointer: coarse){.cursor-glow{display:none}}@media (prefers-reduced-motion: reduce){.cursor-glow{display:none}}.panel{background:var(--paper-raised);border:var(--border-w) solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;font-family:var(--font-display);font-weight:700;border:var(--border-w) solid var(--ink);border-radius:var(--radius-sm);background:var(--accent);color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;text-decoration:none;transition:transform .08s ease,box-shadow .08s ease}.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.btn--ghost{background:var(--paper-raised)}.btn--danger{background:var(--danger)}.btn--lg{padding:14px 24px;font-size:1.1rem}.btn--sm{padding:7px 13px;font-size:.85rem}.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.field{display:block;margin-bottom:16px}.field>span{display:block;font-family:var(--font-display);font-weight:700;margin-bottom:6px}.input,.textarea,.select{width:100%;padding:10px 12px;border:var(--border-w) solid var(--ink);border-radius:var(--radius-sm);background:var(--paper-raised);transition:box-shadow .1s ease,transform .1s ease,background .12s ease}.input:focus,.textarea:focus,.select:focus{outline:none;background:var(--paper);box-shadow:var(--shadow-sm);transform:translate(-1px,-1px)}.textarea{min-height:84px;resize:vertical}.tag{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;font-size:.85rem;font-weight:700;border:2px solid var(--ink);border-radius:999px;background:var(--paper-raised);color:var(--ink);text-decoration:none}a.tag:hover,a.btn:hover{text-decoration:none}.hint{color:var(--ink-soft);font-size:.9rem}.error-banner{border:var(--border-w) solid var(--ink);border-radius:var(--radius-sm);background:var(--danger);color:var(--danger-ink);padding:10px 14px;font-weight:700;margin-bottom:16px}.wobble:hover{animation:wobble .5s ease}@keyframes wobble{0%,to{transform:rotate(0)}30%{transform:rotate(-1.5deg)}60%{transform:rotate(1.5deg)}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.card-theme{--pastel: #fdeec2;--pastel-2: #f6dc95;--theme-ink: #8a5f0c;--card-body: #fffdf8;--card-ink: #211a2b}.card-theme[data-theme=butter]{--pastel: #fdeec2;--pastel-2: #f6dc95;--theme-ink: #8a5f0c}.card-theme[data-theme=lilac]{--pastel: #e9e0ff;--pastel-2: #d3c2ff;--theme-ink: #5b3fbf}.card-theme[data-theme=mint]{--pastel: #d9f2e3;--pastel-2: #b4e5c9;--theme-ink: #1f7a54}.card-theme[data-theme=peach]{--pastel: #ffe2d6;--pastel-2: #ffc7b0;--theme-ink: #bf4f2a}.card-theme[data-theme=sky]{--pastel: #dcecff;--pastel-2: #bcd9ff;--theme-ink: #235b9e}.flip-card{--card-w: 320px;width:min(var(--card-w),88vw);perspective:1600px;background:transparent;border:none;padding:0;cursor:var(--cursor-hand);font-family:var(--font-body);color:var(--card-ink);container-type:inline-size}.flip-card__inner{position:relative;display:grid;width:100%;aspect-ratio:320 / 480;transition:transform .6s cubic-bezier(.34,1.4,.5,1);transform-style:preserve-3d}.flip-card.is-flipped .flip-card__inner{transform:rotateY(180deg)}.flip-card__face{grid-area:1 / 1;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:3px solid var(--card-ink);border-radius:18px;box-shadow:6px 6px 0 var(--card-ink);background:var(--card-body);color:var(--card-ink);overflow:hidden;display:flex;flex-direction:column;text-align:left}.flip-card__face--front{transform:rotateY(0)}.flip-card__face--back{transform:rotateY(180deg)}@media (prefers-reduced-motion: reduce){.flip-card__inner{transition:none}}.flip-card :is(h3,h4,h5,p){margin:0;font-size:inherit;font-weight:inherit}.flip-card .p-burst{width:16cqw;height:16cqw;flex-shrink:0;background:var(--theme-ink);border:2.5px solid var(--card-ink);border-radius:3.5cqw;display:grid;place-items:center}.flip-card .p-burst b{font-family:var(--font-display);font-weight:800;font-size:2.7cqw;line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--card-body);white-space:nowrap}.flip-card .p-mascot{width:22cqw;aspect-ratio:1;flex-shrink:0;border:3px solid var(--card-ink);border-radius:22%;background:var(--pastel);display:grid;place-items:center;padding:1.5cqw;overflow:hidden;font-family:var(--font-display);font-weight:800;font-size:5.2cqw;line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--theme-ink)}.flip-card .p-mascot span{display:block;white-space:nowrap}.flip-card .p-mascot--sm{width:18cqw;font-size:4.2cqw}.flip-card .p-mascot--lg{width:34cqw;font-size:7cqw;border-radius:18%}.flip-card .p-chips{display:flex;flex-wrap:wrap;gap:1.5cqw}.flip-card .p-chip{font-weight:800;font-size:2.5cqw;padding:.7cqw 2.4cqw;border:2px solid var(--card-ink);border-radius:999px;background:var(--card-body)}.flip-card .p-chip--more{background:var(--card-ink);color:var(--card-body)}.flip-card .p-wt{display:flex;align-items:center;justify-content:space-between;gap:2cqw;width:100%}.flip-card .p-wt__txt{font-family:var(--font-mono);font-size:2.5cqw;line-height:1.2;color:var(--theme-ink);min-width:0;overflow-wrap:anywhere}.flip-card .p-like{display:inline-flex;align-items:center;gap:1.2cqw;flex-shrink:0;font-family:var(--font-display);font-weight:800;font-size:2.7cqw;padding:.7cqw 2.2cqw;border:2px solid var(--card-ink);border-radius:999px;background:var(--card-body);color:var(--card-ink)}.flip-card .p-like--btn{cursor:var(--cursor-hand);box-shadow:2px 2px 0 var(--card-ink);transition:transform .08s ease,box-shadow .08s ease,background .12s ease}.flip-card .p-like--btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--card-ink)}.flip-card .p-like--btn:active{transform:translate(1px,1px);box-shadow:0 0 0 var(--card-ink)}.flip-card .p-like--btn.is-on{background:var(--theme-ink);color:var(--card-body);border-color:var(--theme-ink)}.flip-card .p-like--btn[disabled]{opacity:.6;pointer-events:none}.flip-card .is-empty{font-style:italic;color:color-mix(in srgb,var(--card-ink) 42%,transparent)}.flip-card .bag-front{padding:0}.flip-card .bag-top{display:flex;align-items:flex-start;justify-content:space-between;gap:2cqw;padding:4cqw 4.5cqw 0}.flip-card .bag-brand{font-family:var(--font-display);font-weight:800;font-size:3.4cqw;letter-spacing:.1em}.flip-card .bag-brand small{display:block;font-family:var(--font-mono);font-weight:500;font-size:2cqw;letter-spacing:.04em;color:var(--theme-ink);margin-top:.4cqw}.flip-card .bag-hero{flex:1;margin:3cqw 0;padding:3.5cqw 4.5cqw 4cqw;background:var(--pastel);border-top:3px solid var(--card-ink);border-bottom:3px solid var(--card-ink);display:flex;flex-direction:column;justify-content:center;gap:2.4cqw}.flip-card .bag-name{font-family:var(--font-display);font-weight:800;font-size:clamp(.95rem,var(--name-size, 9cqw),2.3rem);line-height:1.02;letter-spacing:-.015em;overflow-wrap:anywhere}.flip-card .bag-flav{font-weight:700;font-size:3.3cqw;line-height:1.34;color:var(--theme-ink)}.flip-card .bag-foot{display:flex;align-items:center;gap:3cqw;padding:0 4.5cqw 4cqw}.flip-card .bag-foot__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.8cqw}.flip-card .carton-front{padding:0}.flip-card .jc-cap{height:12cqw;flex-shrink:0;background:var(--pastel-2);border-bottom:3px solid var(--card-ink)}.flip-card .jc-body{flex:1;padding:4cqw 4.5cqw;display:flex;flex-direction:column;gap:2.4cqw;min-height:0}.flip-card .jc-hundred{font-family:var(--font-display);font-weight:800;font-size:3.2cqw;letter-spacing:.03em;color:var(--theme-ink);text-transform:uppercase}.flip-card .jc-name{font-family:var(--font-display);font-weight:800;font-size:clamp(.95rem,var(--name-size, 9cqw),2.1rem);line-height:1.04;overflow-wrap:anywhere}.flip-card .jc-promise{font-weight:700;font-size:3.1cqw;line-height:1.36}.flip-card .jc-pressed{display:flex;gap:1.8cqw;flex-wrap:wrap}.flip-card .jc-pressed span{font-family:var(--font-display);font-weight:800;font-size:2.5cqw;border:2px solid var(--card-ink);border-radius:6px;padding:.8cqw 2cqw;background:var(--pastel)}.flip-card .jc-spacer{flex:1;min-height:2cqw}.flip-card .jc-foot{display:flex;align-items:center;gap:2.5cqw}.flip-card .cereal-front{padding:4cqw;gap:2.2cqw;align-items:center;text-align:center}.flip-card .cb-top{align-self:stretch;display:flex;justify-content:space-between;align-items:center;gap:2cqw}.flip-card .cb-brand{font-family:var(--font-display);font-weight:800;font-size:3cqw;letter-spacing:.08em}.flip-card .cb-free{font-family:var(--font-display);font-weight:800;font-size:2.2cqw;text-transform:uppercase;color:var(--card-body);background:var(--theme-ink);border:2px solid var(--card-ink);border-radius:4px;padding:.8cqw 1.8cqw;transform:rotate(-4deg);white-space:nowrap}.flip-card .cb-name{font-family:var(--font-display);font-weight:800;font-size:clamp(1rem,calc(var(--name-size, 9cqw) * .85),2.1rem);line-height:1;text-transform:uppercase;overflow-wrap:anywhere}.flip-card .cb-tag{font-weight:700;font-size:3cqw;line-height:1.32}.flip-card .cb-spacer{flex:1;min-height:2cqw}.flip-card .cereal-front .p-chips{justify-content:center}.flip-card .jar-front{padding:0;background:var(--pastel)}.flip-card .jj-lid{align-self:stretch;height:7cqw;flex-shrink:0;background:var(--pastel-2);border-bottom:3px solid var(--card-ink)}.flip-card .jj-oval{margin:auto;width:calc(100% - 10cqw);background:var(--card-body);border:3px solid var(--card-ink);border-radius:46%/40%;padding:6cqw;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.4cqw}.flip-card .jj-maker{font-family:var(--font-hand);font-size:3.4cqw;color:var(--theme-ink)}.flip-card .jj-name{font-family:var(--font-display);font-weight:800;font-size:clamp(.9rem,calc(var(--name-size, 9cqw) * .92),1.9rem);line-height:1.02;overflow-wrap:anywhere}.flip-card .jj-est{font-family:var(--font-mono);font-size:2.3cqw;letter-spacing:.1em}.flip-card .jj-sub{font-weight:700;font-size:2.9cqw;line-height:1.32}.flip-card .jj-batch{font-family:var(--font-display);font-weight:800;font-size:2.5cqw;color:var(--theme-ink);border-top:2px solid color-mix(in srgb,var(--card-ink) 18%,transparent);padding-top:1.4cqw;width:100%}.flip-card .jj-foot{display:flex;align-items:center;gap:2.5cqw;padding:0 4.5cqw 4cqw}.flip-card .packet-back{padding:2.8cqw 4.5cqw;gap:1.4cqw;justify-content:flex-start}.flip-card .np{border:3px solid var(--card-ink);border-radius:8px;overflow:hidden;flex-shrink:0}.flip-card .np h4{background:var(--card-ink);color:var(--card-body);font-family:var(--font-display);font-weight:800;font-size:3cqw;letter-spacing:.05em;text-transform:uppercase;padding:1.6cqw 3cqw}.flip-card .np-serv{padding:1cqw 3cqw;border-bottom:3px solid var(--card-ink);font-weight:700;font-size:2.3cqw;line-height:1.2}.flip-card .np-row{display:flex;justify-content:space-between;align-items:baseline;gap:2.5cqw;padding:1cqw 3cqw;border-bottom:1.5px solid color-mix(in srgb,var(--card-ink) 14%,transparent);font-size:2.8cqw}.flip-card .np-row:last-child{border-bottom:0}.flip-card .np-row b{font-family:var(--font-display);font-weight:700;flex-shrink:0}.flip-card .np-row span{font-family:var(--font-display);font-weight:800;color:var(--theme-ink);font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:anywhere}.flip-card .np-row span.is-muted{color:color-mix(in srgb,var(--card-ink) 38%,transparent)}.flip-card .bk-ingr{font-size:2.6cqw;line-height:1.34}.flip-card .bk-ingr b{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--theme-ink)}.flip-card .bk-story{display:flex;flex-direction:column;gap:.9cqw}.flip-card .bk-lbl{display:block;font-family:var(--font-display);font-weight:800;font-size:2.2cqw;letter-spacing:.05em;text-transform:uppercase;color:var(--theme-ink);margin-bottom:.2cqw}.flip-card .bk-story p{font-family:var(--font-hand);font-size:2.8cqw;line-height:1.22}.flip-card .bk-empty{font-style:italic;font-weight:600;font-size:2.9cqw;color:color-mix(in srgb,var(--card-ink) 42%,transparent)}.flip-card .bk-find{margin-top:auto;border-top:2px solid color-mix(in srgb,var(--card-ink) 16%,transparent);padding-top:1.6cqw;display:flex;align-items:center;justify-content:space-between;gap:2cqw}.flip-card .bk-qr{flex-shrink:0;width:14cqw;height:14cqw;padding:.8cqw;border:2.5px solid var(--card-ink);border-radius:5px;background:var(--card-body);display:block}.flip-card .bk-qr svg{display:block;width:100%;height:100%}.flip-card .bk-qr--empty{border-style:dashed;opacity:.4}.flip-card .bk-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1.2cqw 2.6cqw;font-family:var(--font-display);font-weight:800;font-size:2.6cqw;text-align:right}.flip-card .bk-links a{display:inline-flex;align-items:center;gap:1cqw;color:var(--card-ink);text-decoration:none}.flip-card .bk-links .is-muted{color:color-mix(in srgb,var(--card-ink) 42%,transparent)}.zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1e1e9e;display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.zoom-overlay__card{max-height:calc(100vh - 48px);display:flex}.zoom-overlay .flip-card{--card-w: min(80vw, 60vh, 380px)}.zoom-overlay__close{position:fixed;top:16px;right:16px;z-index:101}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:30px;justify-items:center}@media (max-width: 400px){.flip-card{--card-w: 300px}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.navbar{border-bottom:var(--border-w) solid var(--ink);background:var(--paper-raised)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;max-width:var(--maxw);margin:0 auto}.brand{font-family:var(--font-display);font-weight:800;font-size:1.5rem;text-decoration:none;color:var(--ink);display:inline-flex;align-items:center;gap:8px}.brand__mark{width:26px;height:34px;border:3px solid var(--ink);border-radius:6px;background:var(--lilac);box-shadow:3px 3px 0 var(--ink);transform:rotate(-8deg)}.navbar__links{display:flex;align-items:center;gap:14px}.navbar__links a:has(.navbar__avatar){display:inline-flex}.navbar__avatar{width:45px;height:45px;border-radius:999px;border:var(--border-w) solid var(--ink);box-shadow:var(--shadow-sm);object-fit:cover;background:var(--paper-raised);display:block;transition:transform .08s ease,box-shadow .08s ease}.navbar__avatar:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}main.page{flex:1;padding:36px 0 64px}.footer{border-top:var(--border-w) solid var(--ink);background:var(--paper-raised);padding:18px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;font-weight:700;font-size:.9rem}.coffee{background:var(--butter)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.hero h1{font-size:clamp(2.4rem,5vw,3.6rem)}.hero p{font-size:1.15rem;max-width:42ch}.hero__cards{position:relative;height:460px}.hero__cards .flip-card{position:absolute}.hero__cards .flip-card:nth-child(1){left:0;top:20px;transform:rotate(-7deg)}.hero__cards .flip-card:nth-child(2){left:90px;top:0;transform:rotate(4deg);z-index:2}.section{margin-top:64px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.feature{padding:20px}.feature h3{font-size:1.15rem}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}.profile-head{display:flex;gap:20px;align-items:center;padding:24px;margin-bottom:28px}.profile-head img{width:88px;height:88px;border-radius:999px;border:var(--border-w) solid var(--ink);box-shadow:var(--shadow-sm)}.stat-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.ach{padding:16px;position:relative}.ach.is-locked{opacity:.55;filter:grayscale(.4)}.ach__tier{position:absolute;top:10px;right:10px;font-size:.7rem;font-weight:800;text-transform:uppercase;padding:2px 8px;border:2px solid var(--ink);border-radius:999px}.ach__tier[data-tier=bronze]{background:var(--peach)}.ach__tier[data-tier=silver]{background:var(--sky)}.ach__tier[data-tier=gold]{background:var(--butter)}.ach h4{margin-top:6px;font-size:1.05rem}.showcase-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.builder-grid{display:grid;grid-template-columns:1fr 360px;gap:32px;align-items:start}.builder-preview{position:sticky;top:20px;display:flex;flex-direction:column;align-items:center;gap:14px}.theme-swatches{display:flex;gap:10px}.pkg-picker{display:flex;flex-wrap:wrap;gap:10px}.pkg-picker .btn{min-width:84px;justify-content:center}.pkg-picker .btn[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:2px;transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}.theme-swatch{width:44px;height:44px;border:3px solid var(--ink);border-radius:12px;cursor:var(--cursor-hand);box-shadow:3px 3px 0 var(--ink);transition:transform .1s ease,box-shadow .1s ease}.theme-swatch:hover{transform:translate(-1px,-2px) rotate(-3deg);box-shadow:4px 5px 0 var(--ink)}.theme-swatch.is-active{outline:3px solid var(--ink);outline-offset:2px;transform:translateY(-2px)}.builder-section{padding:28px 20px 20px;margin-bottom:24px;position:relative}.builder-section__ribbon{position:absolute;top:-14px;left:18px;font-family:var(--font-display);font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:4px 14px;border:var(--border-w) solid var(--ink);border-radius:999px;background:var(--accent);box-shadow:var(--shadow-sm)}.meter{padding:16px 18px;margin-bottom:22px}.meter__head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-family:var(--font-display);margin-bottom:8px}.meter__head span{font-size:.85rem;color:var(--ink-soft)}.meter__track{height:16px;border:var(--border-w) solid var(--ink);border-radius:999px;background:var(--paper);overflow:hidden}.meter__fill{height:100%;background:repeating-linear-gradient(45deg,var(--mint) 0 10px,var(--sky) 10px 20px);border-right:2px solid var(--ink);transition:width .35s cubic-bezier(.34,1.56,.64,1)}.chip-input{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:8px;min-height:46px;border:var(--border-w) solid var(--ink);border-radius:var(--radius-sm);background:var(--paper-raised);cursor:text}.chip-input:focus-within{box-shadow:var(--shadow-sm)}.chip-input.is-full{background:var(--butter)}.chip-input__chip{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.85rem;padding:4px 6px 4px 12px;border:2px solid var(--ink);border-radius:999px;background:var(--lilac)}.chip-input__chip button{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--ink);border-radius:999px;background:var(--paper-raised);cursor:var(--cursor-hand);padding:0}.chip-input__chip button:hover{background:var(--danger)}.chip-input__field{flex:1;min-width:90px;border:none;outline:none;background:transparent;padding:4px;font-weight:600}.deck-card{display:flex;flex-direction:column;align-items:center;gap:10px}.deck-card__actions{display:flex;gap:8px}.deck-card__owner{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:.9rem;text-decoration:none;color:var(--ink)}.deck-card__owner img{width:26px;height:26px;border-radius:999px;border:2px solid var(--ink)}.tab-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.board{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;counter-reset:rank}.board__row{display:flex;align-items:center;gap:14px;padding:12px 16px}.board__rank{font-family:var(--font-display);font-weight:800;font-size:1.1rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:999px;background:var(--butter);flex-shrink:0}.board__row:nth-child(1) .board__rank{background:var(--butter)}.board__row:nth-child(2) .board__rank{background:var(--sky)}.board__row:nth-child(3) .board__rank{background:var(--peach)}.board__user{display:inline-flex;align-items:center;gap:10px;font-weight:700;text-decoration:none;color:var(--ink);flex:1;min-width:0}.board__user img{width:34px;height:34px;border-radius:999px;border:2px solid var(--ink);flex-shrink:0}.board__user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board__stat{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display);font-weight:800;white-space:nowrap}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.center-narrow{max-width:520px;margin:0 auto}.toast-stack{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px;z-index:80}.toast{padding:12px 16px 12px 20px;background:var(--good);border:var(--border-w) solid var(--ink);border-left-width:10px;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);font-weight:700;font-family:var(--font-body);text-align:left;max-width:320px;cursor:var(--cursor-hand);animation:toast-in .32s cubic-bezier(.34,1.56,.64,1)}@keyframes toast-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.spinner{width:34px;height:34px;border:4px solid var(--ink);border-top-color:transparent;border-radius:999px;animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1024px){:root{--maxw: 900px}.builder-grid{grid-template-columns:1fr 320px;gap:24px}}@media (max-width: 860px){.hero,.builder-grid{grid-template-columns:1fr}.hero{gap:28px}.hero__cards{height:440px;margin:0 auto;max-width:320px}.hero__cards .flip-card:nth-child(1){left:50%;top:10px;transform:translate(-58%) rotate(-6deg)}.hero__cards .flip-card:nth-child(2){left:50%;top:0;transform:translate(-42%) rotate(5deg)}.builder-preview{position:static;order:-1}.showcase-row{grid-template-columns:repeat(2,1fr)}.section{margin-top:44px}}@media (max-width: 640px){main.page{padding:22px 0 44px}.container{padding:0 14px}.navbar__inner{flex-wrap:wrap;padding:12px 14px;gap:10px}.navbar__links{width:100%;justify-content:space-between;gap:8px;flex-wrap:wrap}.navbar__links .btn,.navbar__links .tag{padding:8px 12px;font-size:.92rem}.brand{font-size:1.3rem}.page-head{flex-direction:column;align-items:stretch}.page-head .btn{width:100%;justify-content:center}.profile-head{flex-direction:column;text-align:center;align-items:center;padding:20px}.stat-row{justify-content:center}.row-2{grid-template-columns:1fr}.hero h1{font-size:2rem}.hero p{font-size:1.02rem}.feature-grid,.ach-grid{grid-template-columns:1fr}.card-grid{gap:22px}}@media (max-width: 400px){.showcase-row{grid-template-columns:1fr}.hero__cards{height:420px}}html,body{overflow-x:hidden;max-width:100%}.sk{display:block;background:linear-gradient(100deg,var(--lilac) 30%,rgba(255,255,255,.7) 50%,var(--lilac) 70%);background-size:220% 100%;animation:sk-shimmer 1.3s ease-in-out infinite;border:2px solid rgba(31,27,46,.12)}.sk-lines{display:flex;flex-direction:column;gap:8px}.flip-card-sk{width:min(320px,88vw);aspect-ratio:320 / 480;border:3px solid var(--ink);border-radius:16px;box-shadow:6px 6px 0 var(--ink);background:var(--paper-raised);padding:16px;display:flex;flex-direction:column}@keyframes sk-shimmer{to{background-position:-120% 0}}.route-bar{position:fixed;top:0;left:0;height:3px;width:0;background:var(--lilac-ink);z-index:200;opacity:0;transition:opacity .2s ease}.route-bar.is-busy{opacity:1;width:100%;animation:route-fill .42s ease-out}@keyframes route-fill{0%{width:8%}to{width:100%}}.page-fade{animation:fade-up .28s ease both}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tt-wrap{position:relative;display:inline-flex}.tt-anchor{display:inline-flex}.tt{position:absolute;z-index:90;left:50%;transform:translate(-50%) translateY(4px);padding:5px 9px;font-size:.76rem;font-weight:700;white-space:nowrap;background:var(--ink);color:var(--paper);border-radius:7px;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease}.tt--top{bottom:100%;margin-bottom:8px}.tt--bottom{top:100%;margin-top:8px}.tt-wrap:hover .tt,.tt-wrap:focus-within .tt{opacity:1;transform:translate(-50%) translateY(0)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:var(--border-w) solid var(--ink);border-radius:var(--radius-sm);background:var(--paper-raised);box-shadow:var(--shadow-sm);color:var(--ink);cursor:var(--cursor-hand);transition:transform .08s ease,box-shadow .08s ease,background .12s ease}.icon-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.icon-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.icon-btn--danger:hover{background:var(--danger)}.icon-btn--accent{background:var(--accent)}.icon-btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.icon-btn.is-spinning svg{animation:spin .8s linear infinite}.count-pill{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}