.page-heading.svelte-c8k2rg{align-items:center;margin-bottom:26px}.page-heading.svelte-c8k2rg h1:where(.svelte-c8k2rg){letter-spacing:-1.6px;font-size:clamp(26px,2.55vw,39px)}.accent.svelte-c8k2rg{color:#7c993a}.create.svelte-c8k2rg{font-size:var(--fs-secondary);flex-shrink:0;padding:12px 15px;line-height:1.4}.hero.svelte-c8k2rg{border:var(--border);border-radius:var(--radius-panel);background:#deeba9;grid-template-columns:1.1fr 1fr;min-height:322px;display:grid;overflow:hidden}.hero-content.svelte-c8k2rg{align-self:center;padding:33px 34px}.hero.svelte-c8k2rg h2:where(.svelte-c8k2rg){letter-spacing:-1.9px;margin:0 0 16px;font-size:clamp(31px,3.2vw,46px);line-height:1.08}.hero.svelte-c8k2rg h2:where(.svelte-c8k2rg) span:where(.svelte-c8k2rg){position:relative}.hero.svelte-c8k2rg p:where(.svelte-c8k2rg){font-size:var(--fs-secondary);color:#505b36;margin-bottom:21px;line-height:1.7}.hero.svelte-c8k2rg button:where(.svelte-c8k2rg){font-size:var(--fs-secondary);min-height:var(--tap);padding:10px 15px;line-height:1.4}.hero-art.svelte-c8k2rg{background-image:radial-gradient(#afc578 1px,#0000 1px);background-size:20px 20px;border-radius:50%;min-height:320px;margin:25px 25px 25px 0;position:relative}.mascot-stage.svelte-c8k2rg{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(8deg)}.stage-floor.svelte-c8k2rg{background:#adbf7c;border-radius:50%;width:150px;height:15px;margin-top:-4px}.count.svelte-c8k2rg{font-size:var(--fs-badge);color:#6b735d;background:#e9ecdf;border-radius:6px;padding:4px 8px}.search.svelte-c8k2rg{align-items:center;gap:var(--space-2);border:2px solid var(--control-border);background:var(--control-surface);border-radius:var(--radius-control);min-height:var(--control-height);color:var(--muted);padding:10px 12px;display:flex}.search.svelte-c8k2rg:focus-within{outline:3px solid var(--focus);outline-offset:2px}.search.svelte-c8k2rg input:where(.svelte-c8k2rg){font-size:var(--fs-body);background:0 0;border:none;outline:none;width:170px}.search.svelte-c8k2rg kbd:where(.svelte-c8k2rg){font-size:var(--fs-secondary);border:1px solid #dde0d6;border-radius:3px;padding:0 4px}.library-tools.svelte-c8k2rg{margin:0 0 21px}.case-grid.svelte-c8k2rg{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.case-card.svelte-c8k2rg{border:2px solid var(--ink);border-radius:var(--radius-panel);background:var(--paper);box-shadow:3px 3px 0 var(--ink);overflow:hidden}.case-visual.svelte-c8k2rg{border-bottom:2px solid var(--ink);background:#f3ddcc;flex-direction:column;justify-content:space-between;height:181px;padding:17px;display:flex;position:relative}.case-visual.svelte-c8k2rg .pill:where(.svelte-c8k2rg){font-size:var(--fs-badge);padding:4px 8px}.case-number.svelte-c8k2rg{font-size:var(--fs-badge);letter-spacing:0;color:#6f5e4a;font-weight:600}.case-visual.svelte-c8k2rg .caption:where(.svelte-c8k2rg){font-size:var(--fs-badge);color:var(--ink);font-weight:600}.heart-sketch.svelte-c8k2rg{align-self:center;margin:-5px 0}.difficulty.svelte-c8k2rg{color:#6f5e4a;background:0 0!important;border-color:#a38e77!important}.case-body.svelte-c8k2rg{padding:21px 18px 15px}.case-body.svelte-c8k2rg h3:where(.svelte-c8k2rg){font-size:22px}.case-body.svelte-c8k2rg p:where(.svelte-c8k2rg){font-size:var(--fs-secondary);color:var(--muted);min-height:55px;line-height:1.7}.case-meta.svelte-c8k2rg{font-size:var(--fs-secondary);color:var(--muted);gap:18px;line-height:1.4;display:flex}.case-meta.svelte-c8k2rg>span:where(.svelte-c8k2rg){align-items:center;gap:6px;display:flex}.card-bottom.svelte-c8k2rg{border-top:1px solid #e5e8dc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:18px;padding-top:15px;display:flex}.card-bottom.svelte-c8k2rg button:where(.svelte-c8k2rg){padding:8px}.curated.svelte-c8k2rg{font-size:var(--fs-secondary);align-items:center;gap:5px;line-height:1.4;display:flex}.curated.svelte-c8k2rg .dot:where(.svelte-c8k2rg){width:5px;height:5px}.new-case.svelte-c8k2rg{border-radius:var(--radius-panel);text-align:center;background:#f5f6ee;border:2px dashed #c8cfb8;flex-direction:column;justify-content:center;align-items:center;min-height:381px;padding:30px 15px;display:flex}.new-icon.svelte-c8k2rg{border-radius:var(--radius-panel);color:#70844a;background:#e9efdc;border:1.5px solid #bec9a2;place-items:center;width:59px;height:59px;margin-bottom:26px;display:grid;transform:rotate(-6deg)}.new-case.svelte-c8k2rg h3:where(.svelte-c8k2rg){letter-spacing:-.6px;font-size:18px}.new-case.svelte-c8k2rg p:where(.svelte-c8k2rg){font-size:var(--fs-secondary);color:var(--muted)}.new-link.svelte-c8k2rg{font-size:var(--fs-secondary);align-items:center;gap:8px;margin-top:8px;font-weight:700;line-height:1.4;display:flex}.new-footer.svelte-c8k2rg{font-size:var(--fs-secondary);color:var(--muted);margin-top:38px;line-height:1.4}.join-banner.svelte-c8k2rg{border-radius:var(--radius-control);background:#f0f1e6;border:1px solid #d7ddc7;justify-content:space-between;align-items:center;gap:20px;margin-top:34px;padding:22px;display:flex}.join-icon.svelte-c8k2rg{border-radius:var(--radius-control);width:42px;height:42px;color:var(--muted);background:#e4ebd4;border:1px solid #c8d1b3;place-items:center;display:grid}.join-banner.svelte-c8k2rg h3:where(.svelte-c8k2rg){font-size:var(--fs-body);letter-spacing:-.3px;margin:0 0 5px;line-height:1.4}.join-banner.svelte-c8k2rg p:where(.svelte-c8k2rg){font-size:var(--fs-secondary);color:var(--muted);margin:0}.join-banner.svelte-c8k2rg .code-input:where(.svelte-c8k2rg){width:125px;min-height:var(--control-height);font-size:var(--fs-body);letter-spacing:1px;padding:9px 10px}.join-banner.svelte-c8k2rg button:where(.svelte-c8k2rg){white-space:nowrap}.modal-backdrop.svelte-c8k2rg{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#24281e73;place-items:center;padding:20px;animation:.18s ease-out svelte-c8k2rg-fade-in;display:grid;position:fixed;inset:0}.modal.svelte-c8k2rg::backdrop{background:0 0}.modal.svelte-c8k2rg{width:100%;max-width:460px;animation:.18s cubic-bezier(.33,1,.68,1) svelte-c8k2rg-modal-in}@keyframes svelte-c8k2rg-modal-in{0%{opacity:0;transform:scale(.96)}}@keyframes svelte-c8k2rg-sheet-in{0%{transform:translateY(100%)}}@keyframes svelte-c8k2rg-fade-in{0%{opacity:0}}.modal-head.svelte-c8k2rg{align-items:flex-start;margin-bottom:8px}.modal-head.svelte-c8k2rg button:where(.svelte-c8k2rg){min-width:var(--tap);flex-shrink:0}.modal.svelte-c8k2rg h2:where(.svelte-c8k2rg){margin:0;font-size:32px}.modal-head.svelte-c8k2rg+p:where(.svelte-c8k2rg){margin-top:0}.modal.svelte-c8k2rg p:where(.svelte-c8k2rg){font-size:var(--fs-secondary)}.options.svelte-c8k2rg{margin:22px 0}@media (width>=1500px){.hero.svelte-c8k2rg{min-height:355px}.hero-content.svelte-c8k2rg{padding:40px}.hero-art.svelte-c8k2rg{margin:25px 50px}.case-grid.svelte-c8k2rg{grid-template-columns:repeat(3,1fr)}}@media (width<=1200px){.case-grid.svelte-c8k2rg{grid-template-columns:1fr 1fr}.page-heading.svelte-c8k2rg{gap:15px}.hero-content.svelte-c8k2rg{padding:28px 24px}.hero-art.svelte-c8k2rg{margin-right:15px}.join-banner.svelte-c8k2rg{flex-wrap:wrap}}@media (width<=800px){.hero.svelte-c8k2rg{grid-template-columns:1.2fr 1fr}.hero.svelte-c8k2rg h2:where(.svelte-c8k2rg){font-size:30px}.hero-art.svelte-c8k2rg svg{width:110px}.create.svelte-c8k2rg{width:var(--tap);height:var(--tap);min-height:var(--tap);padding:0}.create-text.svelte-c8k2rg{display:none}.create.svelte-c8k2rg svg{width:20px;height:20px}.case-grid.svelte-c8k2rg{gap:16px}.search.svelte-c8k2rg input:where(.svelte-c8k2rg){width:125px}}@media (width<=900px),(pointer:coarse){.search.svelte-c8k2rg input:where(.svelte-c8k2rg),.join-banner.svelte-c8k2rg .code-input:where(.svelte-c8k2rg){font-size:var(--fs-body)}}@media (width<=500px){.hero.svelte-c8k2rg{grid-template-columns:1fr}.hero-art.svelte-c8k2rg{display:none}.hero-content.svelte-c8k2rg{padding:27px}.hero.svelte-c8k2rg h2:where(.svelte-c8k2rg){letter-spacing:-.02em;font-size:30px;line-height:1.1}.hero.svelte-c8k2rg{min-height:0}.hero.svelte-c8k2rg p:where(.svelte-c8k2rg){font-size:var(--fs-body);line-height:1.55}.hero.svelte-c8k2rg button:where(.svelte-c8k2rg){width:100%;min-height:50px;font-size:var(--fs-body);line-height:1.4}.case-grid.svelte-c8k2rg{grid-template-columns:1fr}.case-visual.svelte-c8k2rg{height:146px;padding:14px 16px}.heart-sketch.svelte-c8k2rg{width:auto;height:68px}.case-body.svelte-c8k2rg h3:where(.svelte-c8k2rg){font-size:19px;line-height:1.25}.case-body.svelte-c8k2rg p:where(.svelte-c8k2rg){font-size:var(--fs-secondary);min-height:0;line-height:1.55}.case-meta.svelte-c8k2rg,.curated.svelte-c8k2rg{font-size:var(--fs-secondary)}.new-case.svelte-c8k2rg{min-height:280px}.section-head.svelte-c8k2rg{gap:16px}.search.svelte-c8k2rg{width:100%;min-height:var(--tap)}.search.svelte-c8k2rg input:where(.svelte-c8k2rg){flex:1}.join-banner.svelte-c8k2rg{flex-direction:column;align-items:stretch;gap:16px;padding:18px}.join-icon.svelte-c8k2rg{flex-shrink:0;width:44px;height:44px}.join-banner.svelte-c8k2rg h3:where(.svelte-c8k2rg){font-size:18px}.join-banner.svelte-c8k2rg p:where(.svelte-c8k2rg){font-size:var(--fs-secondary)}.join-banner.svelte-c8k2rg form:where(.svelte-c8k2rg){flex-direction:column;align-items:stretch;width:100%}.join-banner.svelte-c8k2rg .code-input:where(.svelte-c8k2rg){text-align:center;letter-spacing:.08em;width:100%;min-height:52px;font-family:Space Grotesk,-apple-system,system-ui,sans-serif;font-size:22px}.join-banner.svelte-c8k2rg button:where(.svelte-c8k2rg){width:100%;min-height:50px;font-size:var(--fs-body)}.page-heading.svelte-c8k2rg{align-items:flex-start}.page-heading.svelte-c8k2rg h1:where(.svelte-c8k2rg){letter-spacing:-.02em;font-size:28px;line-height:1.15}.library-tools.svelte-c8k2rg .tabs:where(.svelte-c8k2rg){scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px;flex-wrap:nowrap;flex:100%;min-width:0;padding-inline-end:16px;scroll-padding-inline:16px;overflow-x:auto}.library-tools.svelte-c8k2rg .tabs:where(.svelte-c8k2rg)::-webkit-scrollbar{display:none}.library-tools.svelte-c8k2rg .tabs:where(.svelte-c8k2rg) button:where(.svelte-c8k2rg){white-space:nowrap;font-size:var(--fs-secondary);min-height:var(--tap);flex-shrink:0}.desktop.svelte-c8k2rg{display:none}.modal.svelte-c8k2rg{overscroll-behavior:contain;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;width:auto;max-width:none;max-height:90dvh;padding:20px 20px calc(20px + var(--safe-bottom));margin:0;animation:.22s cubic-bezier(.33,1,.68,1) svelte-c8k2rg-sheet-in;position:fixed;inset:auto 0 0;overflow:auto}.modal.svelte-c8k2rg h2:where(.svelte-c8k2rg){font-size:26px}}@media (prefers-reduced-motion:reduce){.modal.svelte-c8k2rg,.modal-backdrop.svelte-c8k2rg{animation:.18s ease-out svelte-c8k2rg-fade-in!important}}