:root{--sky: #7691e2;--lilac: #cacff5;--haze: #edf0f8;--paper: #ffffff;--paper-soft: #f6f7fd;--edge: #dcdff2;--ink: #232135;--ink-soft: #5b5877;--ink-faint: #8b88a8;--cyan: #12b5cd;--pink: #f2648a;--brand: linear-gradient(120deg, #7be7f2, #ff8fa5);--brand-ink: linear-gradient(120deg, #12b5cd, #f2648a);--font-display: "Fredoka", ui-rounded, system-ui, sans-serif;--font-body: "Outfit", ui-sans-serif, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--radius: 18px;--gutter: clamp(1rem, 4vw, 2.5rem);--lift: 0 1px 2px rgb(35 33 53 / 5%), 0 8px 24px -12px rgb(35 33 53 / 22%);color-scheme:light}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{min-height:100dvh;background:radial-gradient(ellipse 90% 55% at 50% 0%,rgb(118 145 226 / 55%),transparent 70%),linear-gradient(180deg,var(--lilac) 0%,var(--haze) 38%,var(--haze) 100%);background-attachment:fixed;color:var(--ink);font-family:var(--font-body);line-height:1.55;font-weight:400;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--cyan);text-underline-offset:3px}:focus-visible{outline:2px solid var(--sky);outline-offset:3px;border-radius:4px}::selection{background:var(--lilac);color:var(--ink)}.shell{position:relative;z-index:1;max-width:54rem;margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:clamp(2rem,4vw,2.75rem)}.section-title{font-family:var(--font-display);font-weight:600;font-size:clamp(1.35rem,3.5vw,1.7rem);line-height:1.15;margin-bottom:1.25rem}.page-title{font-family:var(--font-display);font-weight:600;font-size:clamp(1.9rem,5vw,2.7rem);line-height:1.08;text-wrap:balance;padding-block:clamp(1.25rem,4vw,2rem) clamp(1.25rem,3vw,1.75rem);max-width:20ch}.spark{background:var(--brand-ink);-webkit-background-clip:text;background-clip:text;color:transparent}.seam{position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--edge)}.seam[data-verdict=working]{background:var(--brand)}.seam[data-verdict=broken]{background:repeating-linear-gradient(to bottom,var(--edge) 0 5px,transparent 5px 11px)}.header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.5rem}.brand{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--font-display);font-weight:600;font-size:1.15rem;color:var(--ink);text-decoration:none}.header em{font-style:normal;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);background:#ffffff8c;border:1px solid var(--edge);border-radius:999px;padding:.2rem .6rem}.sweep:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgb(123 231 242 / 35%) 50%,transparent 80%);transform:translate(-100%);animation:sweep .6s cubic-bezier(.3,.7,.3,1);pointer-events:none}@keyframes sweep{to{transform:translate(100%)}}.button{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .9rem;border-radius:999px;font-size:.82rem;font-weight:500;border:1px solid var(--edge);background:var(--paper);color:var(--ink-soft);transition:border-color .16s ease,color .16s ease}.button:hover:not(:disabled){border-color:var(--sky);color:var(--ink)}.button:disabled{cursor:default;opacity:.45}.button-primary{background:var(--ink);border-color:var(--ink);color:var(--paper);font-weight:600;padding:.55rem 1.15rem;font-size:.9rem}.button-primary:hover:not(:disabled){background:#35324e;border-color:#35324e;color:var(--paper)}.reward{display:inline-flex;align-items:center;gap:.4rem;padding:.22rem .7rem .22rem .3rem;border-radius:999px;background:var(--paper-soft);border:1px solid var(--edge);font-size:.85rem;color:var(--ink-soft);white-space:nowrap}.reward img{width:22px;height:22px;object-fit:contain;flex-shrink:0}.reward.is-plain{padding-inline-start:.7rem}.reward b{font-family:var(--font-mono);font-weight:700;font-size:.81rem;color:var(--ink)}.controls{position:sticky;top:0;z-index:3;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;padding-block:.9rem;background:color-mix(in srgb,var(--haze) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--edge)}.search{position:relative;flex:1 1 14rem;display:flex;align-items:center}.search svg{position:absolute;inset-inline-start:.85rem;color:var(--ink-faint);pointer-events:none}.search input{width:100%;padding:.6rem .9rem .6rem 2.45rem;border-radius:999px;background:var(--paper);border:1px solid var(--edge);font-size:.9rem}.search input::placeholder{color:var(--ink-faint)}.search input:focus{border-color:var(--sky);outline:none}.chips{display:flex;gap:.35rem}.chip{padding:.4rem .85rem;border-radius:999px;border:1px solid var(--edge);background:var(--paper);font-size:.82rem;color:var(--ink-soft);transition:color .16s ease}.chip:hover{color:var(--ink)}.chip[aria-pressed=true]{color:var(--paper);background:var(--ink);border-color:var(--ink);font-weight:600}.code-list{display:grid;gap:.7rem;padding:1.5rem 0;list-style:none}.card{position:relative;display:grid;gap:.7rem;padding:1rem 1rem 1rem 1.4rem;background:var(--paper);border:1px solid var(--edge);border-radius:var(--radius);box-shadow:var(--lift);overflow:hidden;transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s ease}.card>*{min-width:0}.card:hover{transform:translateY(-2px);box-shadow:0 2px 4px #2321350f,0 16px 32px -14px #23213547}.card[data-verdict=broken]{background:var(--paper-soft);box-shadow:none;opacity:.72}.card[data-verdict=broken]:hover{opacity:1;transform:none}.card-code{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-weight:700;font-size:clamp(1rem,3.2vw,1.28rem);letter-spacing:-.03em;color:var(--ink);word-break:break-all;text-align:start;justify-self:start;transition:color .16s ease}.card-code:hover{color:var(--cyan)}.card-code svg{flex-shrink:0;color:var(--ink-faint)}.card-rewards{display:flex;flex-wrap:wrap;gap:.4rem}.card-note{font-size:.83rem;color:var(--ink-faint);line-height:1.45}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem 1rem;flex-wrap:wrap;font-family:var(--font-mono);font-size:.74rem;color:var(--ink-faint)}.vote{display:flex;gap:.35rem}.empty{padding:2.5rem 1.5rem;text-align:center;border:1px dashed var(--edge);border-radius:var(--radius);color:var(--ink-soft);background:#ffffff73}.skeleton{height:7rem;border-radius:var(--radius);border:1px solid var(--edge);background:linear-gradient(90deg,var(--paper) 25%,var(--paper-soft) 50%,var(--paper) 75%);background-size:300% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{to{background-position:-300% 0}}.steps{counter-reset:step;display:grid;gap:.55rem;list-style:none;padding:0}.steps li{counter-increment:step;display:grid;grid-template-columns:1.7rem 1fr;gap:.85rem;align-items:baseline;font-size:.95rem;color:var(--ink-soft)}.steps li:before{content:counter(step);font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--sky)}.steps b,.notes b{color:var(--ink);font-weight:600}.steps code,.notes code{font-family:var(--font-mono);font-size:.88em;color:var(--ink);background:var(--paper);border:1px solid var(--edge);border-radius:5px;padding:.05rem .3rem}.notes{display:grid;gap:.6rem;list-style:none;padding:0;color:var(--ink-soft);font-size:.95rem}.notes b{font-family:var(--font-display)}.footer{border-top:1px solid var(--edge);padding-block:2rem 3rem;display:grid;gap:.75rem;color:var(--ink-faint);font-size:.82rem}.footer nav{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem}.footer a{color:var(--ink-soft)}.toast{position:fixed;left:50%;bottom:clamp(1rem,4vw,2rem);transform:translate(-50%);z-index:40;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border-radius:999px;background:var(--ink);color:var(--paper);font-size:.86rem;box-shadow:0 12px 28px -12px #2321357f;animation:rise .22s cubic-bezier(.2,.8,.3,1)}.toast svg{color:#7be7f2}@keyframes rise{0%{opacity:0;transform:translate(-50%,.75rem)}}.field{display:grid;gap:.3rem}.field>span{font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);font-family:var(--font-mono)}.field input,.field select,.field textarea{padding:.5rem .7rem;border-radius:10px;background:var(--paper);border:1px solid var(--edge);font-size:.9rem;width:100%}.field textarea{min-height:4.5rem;resize:vertical;font-family:inherit}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--sky);outline:none}.admin-grid{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.stack{display:grid;gap:.9rem}.alert{padding:.6rem .9rem;border-radius:10px;border:1px solid var(--pink);background:#f2648a14;color:#b03c5c;font-size:.86rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.card:hover{transform:none}}@media(max-width:34rem){.card-foot{align-items:flex-start}}