:root{--bg: #ffffff;--bg-2: #f5f6f8;--surface-1: #ffffff;--surface-2: #f6f7f9;--surface-3: #eceef1;--paper-edge: #ffffff;--board-felt: #b8966a;--board-felt-2: #a07f55;--board-rim: #6f5638;--text: #1f2328;--text-muted: #5b6470;--text-faint: #6b7280;--on-accent: #ffffff;--on-board: #f3e7d2;--accent: #2f7de0;--accent-strong: #1f63c4;--accent-deep: #164ea0;--accent-soft: #d8e8fb;--accent-softer: #eef5fe;--accent-ring: rgba(47, 125, 224, .45);--sage: #6f9a86;--sage-soft: #e2ece6;--success: #4f9f72;--danger: #cf5a3a;--info: #4a8fc0;--border: rgba(17, 24, 39, .12);--border-strong: rgba(17, 24, 39, .2);--hairline: rgba(17, 24, 39, .07);--focus-ring: var(--accent-ring);--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--shadow-xs: 0 1px 2px rgba(17, 24, 39, .08);--shadow-sm: 0 2px 6px rgba(17, 24, 39, .08);--shadow-md: 0 8px 22px rgba(17, 24, 39, .1);--shadow-lg: 0 22px 50px rgba(17, 24, 39, .16);--shadow-card: 0 4px 14px rgba(17, 24, 39, .1), 0 1px 0 rgba(255, 255, 255, .9) inset;--shadow-piece: 0 3px 7px rgba(40, 26, 12, .4);--shadow-piece-drag: 0 16px 30px rgba(40, 26, 12, .5);--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Georgia", "Iowan Old Style", "Palatino Linotype", "Palatino", serif;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur: .22s;--dur-slow: .42s;--header-h: 76px;--max-w: 1240px;--space: 16px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}html{font-size:106.25%}html[data-text-size=large]{font-size:118.75%}html[data-text-size=xlarge]{font-size:131.25%}html[data-contrast=high]{--text: #000000;--text-muted: #2b3138;--text-faint: #3a414a;--border: rgba(17, 24, 39, .35);--border-strong: rgba(17, 24, 39, .55);--hairline: rgba(17, 24, 39, .22);--accent-strong: #14479f;--accent-deep: #0f3576;--surface-2: #eef0f3;--surface-3: #e2e5ea}html[data-motion=reduce] *,html[data-motion=reduce] *:before,html[data-motion=reduce] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}body{color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none;background-color:var(--bg);background-image:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);background-attachment:fixed}#root{min-height:100%;display:flex;flex-direction:column}a{color:var(--accent-strong);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2.5px solid var(--focus-ring);outline-offset:2px;border-radius:4px}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;color:var(--text);margin:0}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text);font:inherit;font-weight:600;padding:11px 18px;min-height:46px;border-radius:var(--r-pill);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1;box-shadow:var(--shadow-xs);transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover{background:var(--surface-2);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(1px)}.btn--primary{background:linear-gradient(180deg,var(--accent-strong) 0%,var(--accent-deep) 100%);color:var(--on-accent);border-color:transparent;box-shadow:0 6px 16px #1f63c466,0 1px #ffffff38 inset}.btn--primary:hover{filter:brightness(1.06);background:linear-gradient(180deg,var(--accent-strong) 0%,var(--accent-deep) 100%);box-shadow:0 8px 22px #1f63c47a,0 1px #ffffff38 inset}.btn--ghost{background:transparent;border-color:transparent;box-shadow:none}.btn--ghost:hover{background:#4a362112;box-shadow:none}.btn--lg{padding:14px 28px;font-size:1.05rem}.btn--sm{padding:7px 13px;font-size:.86rem}.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.2)}.card{background:linear-gradient(180deg,var(--paper-edge),var(--surface-1));border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.input{background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--r-pill);color:var(--text);font:inherit;padding:11px 18px;width:100%;box-shadow:var(--shadow-xs) inset}.input::placeholder{color:var(--text-faint)}.input:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-ring)}.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-muted);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--dur-fast) var(--ease);white-space:nowrap}.chip:hover{background:var(--surface-2);color:var(--text)}.chip[aria-pressed=true],.chip[aria-checked=true],.chip.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-deep)}.section-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wrap{width:100%;max-width:var(--max-w);margin:0 auto;padding-left:20px;padding-right:20px}@media (max-width: 600px){.wrap{padding-left:14px;padding-right:14px}}@media (max-width: 400px){.wrap{padding-left:12px;padding-right:12px}}.app-main{flex:1;width:100%;min-width:0;display:flex;flex-direction:column}html,body{overflow-x:hidden}.gallery{width:100%;max-width:var(--max-w);margin:0 auto;padding:22px 20px 72px;display:flex;flex-direction:column;gap:30px}.puzzle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}@media (max-width: 600px){.gallery{padding:16px 14px 56px;gap:22px}.puzzle-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}}@media (max-width: 400px){.gallery{padding:14px 12px 48px;gap:18px}.puzzle-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.game{flex:1;display:flex;flex-direction:column;min-height:calc(100vh - var(--header-h))}.game:fullscreen,.game:-webkit-full-screen{width:100vw;height:100vh;min-height:100vh;background:var(--bg)}.game-body{position:relative;flex:1;display:flex;min-height:0}.game-stage{position:relative;flex:1;overflow:hidden;touch-action:none;background-color:var(--bg-2);background-image:radial-gradient(1000px 540px at 50% -6%,rgba(255,244,224,.7),transparent 62%),linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%)}.game-stage.is-panning{cursor:grabbing}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-muted);z-index:50}.game-overlay-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.game-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-muted)}.piece{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:none}.piece:active{cursor:grabbing}.piece:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.piece--active{cursor:grabbing}.piece--snapped{animation:piece-snap .42s var(--ease) 1}@keyframes piece-snap{0%{filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}35%{filter:brightness(1.18) drop-shadow(0 8px 16px rgba(31,99,196,.55))}to{filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}}@media (max-width: 600px){.game{overflow-x:hidden;min-height:calc(100dvh - var(--header-h))}.game-stage{min-height:340px;touch-action:none}.game-empty{padding:24px 18px;text-align:center}}.brand{--brand-size: 30px;display:inline-flex;align-items:center;gap:calc(var(--brand-size) * .32);line-height:1;-webkit-user-select:none;user-select:none}.brand-glyph{display:block;flex:none;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(74,54,33,.28));margin:calc(var(--brand-size) * -.12);margin-right:0}.brand-text{display:inline-flex;align-items:baseline;gap:.04em;font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;font-size:clamp(15px,calc(var(--brand-size) * .62),30px);white-space:nowrap}.brand-word--jigsaw{color:var(--text)}.brand-word--jam{color:var(--accent-strong);font-style:italic;font-weight:700}@media (max-width: 360px){.brand-text{font-size:clamp(14px,calc(var(--brand-size) * .58),22px)}}.header-bar{position:sticky;top:0;z-index:50;width:100%;height:var(--header-h);background:color-mix(in srgb,var(--surface-1) 78%,transparent);border-bottom:1px solid var(--hairline);box-shadow:0 1px #fff9 inset,var(--shadow-xs);backdrop-filter:saturate(1.3) blur(12px);-webkit-backdrop-filter:saturate(1.3) blur(12px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space);flex-wrap:nowrap;min-width:0}.header-profile{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-1);color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-xs);transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.header-profile:hover{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.header-profile:active{transform:translateY(1px)}.header-profile--avatar{border-color:transparent;color:#fff}.header-profile--avatar:hover{border-color:transparent;filter:brightness(1.06)}.header-profile-initials{font-family:var(--font-display);font-weight:700;font-size:.95rem;line-height:1;letter-spacing:.01em}.header-brand{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font:inherit;cursor:pointer;display:inline-flex;align-items:center;padding:4px 8px;margin-left:-4px;border-radius:var(--r-md);min-width:0;transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.header-brand:hover{background:#4a36210d}.header-brand:active{transform:translateY(1px)}.header-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end;min-width:0}.header-action{flex:none;display:inline-flex;align-items:center;gap:8px}.header-action.btn--ghost{color:var(--text-muted);font-weight:600;min-height:40px;padding:9px 14px}.header-action.btn--ghost:hover{color:var(--text);background:var(--surface-2)}.header-icon-only{width:40px;min-width:40px;height:40px;padding:0;justify-content:center}.header-divider{width:1px;height:24px;flex:none;background:var(--border);margin:0 2px}.header-points{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--r-pill);background:var(--accent-softer);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent-deep);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.header-points-num{letter-spacing:.01em}.header-textsize-glyph{font-family:var(--font-display);font-weight:700;font-size:1.2rem;line-height:1;color:var(--text-muted)}.header-textsize:hover .header-textsize-glyph{color:var(--text)}@media (max-width: 640px){.header-inner{gap:8px}.header-actions{gap:6px;flex:1 1 auto}.header-action-label{display:none}.header-action{gap:0}.header-action.btn--ghost{padding:0;width:42px;min-width:42px;height:42px;min-height:42px;justify-content:center}.header-points{padding:7px 12px;flex:none}.header-divider{display:none}}@media (max-width: 480px){.header-points{display:none}.header-brand .brand-glyph{width:44px;height:44px}.header-brand .brand-text{font-size:1.02rem}}@media (max-width: 400px){.header-inner{gap:6px}.header-actions{gap:3px}.header-action.btn--ghost{width:40px;min-width:40px;height:40px;min-height:40px}.header-points{padding:6px 10px;gap:4px}.header-brand{padding:4px;margin-left:-4px}}@media (max-width: 340px){.header-points{display:none}}.footer{margin-top:auto;border-top:1px solid var(--hairline);background:linear-gradient(180deg,transparent,rgba(74,54,33,.025))}.footer-inner{width:100%;max-width:var(--max-w);margin:0 auto;padding:36px 20px 40px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:10px}.footer-tagline{margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.5;max-width:38ch}.footer-links{display:flex;flex-direction:column;align-items:center;gap:4px}.footer-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-muted);font:inherit;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--r-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.footer-link svg{color:var(--text-faint);transition:color var(--dur-fast) var(--ease)}.footer-link:hover svg{color:var(--accent-strong)}.footer-link:hover{color:var(--accent-strong);background:#4a36210d;text-decoration:none}.footer-attribution{margin:0;color:var(--text-faint);font-size:.8rem;line-height:1.5}.footer-attribution a{color:var(--text-faint);font-weight:600}.footer-attribution a:hover{color:var(--accent-strong)}@media (max-width: 600px){.footer-inner{padding:28px 14px 32px;gap:16px}.footer-link{padding:8px 12px;min-height:40px}}@media (min-width: 720px){.footer-inner{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;text-align:left;gap:24px;padding:40px 20px 44px}.footer-brand{align-items:center;flex-direction:row;gap:14px}.footer-tagline{max-width:30ch}.footer-links{flex-direction:row;align-items:center;gap:4px}.footer-attribution{flex-basis:100%;text-align:center;padding-top:6px;border-top:1px solid var(--hairline)}}.hero{position:relative;margin:8px auto 28px;padding:clamp(24px,4vw,44px);border-radius:var(--r-xl);overflow:hidden;background:radial-gradient(620px 360px at 0% 0%,var(--accent-softer),transparent 70%),radial-gradient(520px 420px at 100% 110%,var(--sage-soft),transparent 72%),linear-gradient(180deg,var(--paper-edge),var(--surface-1));border:1px solid var(--border);box-shadow:var(--shadow-card)}.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,4vw,56px)}.hero-copy{min-width:0}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-deep);font-size:.82rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.hero-eyebrow-icon{color:var(--accent)}.hero-title{margin-top:18px;font-size:clamp(2.3rem,5.2vw,3.6rem);line-height:1.04;letter-spacing:-.02em}.hero-subtitle{margin:18px 0 0;max-width:44ch;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.55;color:var(--text-muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.hero-cta{min-width:168px}.hero-actions .btn{display:inline-flex;align-items:center;gap:8px}.hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-width:0}.hero-frame{position:relative;width:100%;max-width:460px;padding:14px;border-radius:var(--r-lg);background:linear-gradient(155deg,var(--paper-edge),var(--surface-2));border:1px solid var(--border);box-shadow:var(--shadow-lg),0 1px #ffffffe6 inset;transform:rotate(-3deg);transition:transform var(--dur) var(--ease)}.hero:hover .hero-frame{transform:rotate(-1.4deg) translateY(-2px)}.hero-frame:before{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;z-index:-1;border-radius:var(--r-xl);background:radial-gradient(closest-side,var(--accent-ring),transparent 78%);opacity:.6;filter:blur(6px)}.hero-photo{position:relative;aspect-ratio:3 / 2;border-radius:var(--r-md);overflow:hidden;background:var(--surface-3);box-shadow:0 2px 8px #281a0c47 inset}.hero-img{width:100%;height:100%;object-fit:cover;display:block}.hero-cut{position:absolute;background:#281a0c29;box-shadow:0 1px #ffffff40;pointer-events:none}.hero-cut--v{top:0;bottom:0;left:50%;width:1.5px}.hero-cut--h{left:0;right:0;top:50%;height:1.5px}.hero-knob{position:absolute;width:16px;height:16px;border-radius:50%;background:#281a0c1f;box-shadow:0 1px #ffffff40;pointer-events:none}.hero-knob--top{top:calc(50% - 8px);left:calc(25% - 8px)}.hero-knob--right{top:calc(75% - 8px);left:calc(50% - 8px)}.hero-piece{position:absolute;display:block;filter:drop-shadow(var(--shadow-piece))}.hero-piece--a{width:56px;height:56px;bottom:-10px;left:2%;color:var(--accent);transform:rotate(-18deg)}.hero-piece--b{width:40px;height:40px;top:-6px;right:6%;color:var(--sage);transform:rotate(22deg)}@media (max-width: 760px){.hero-inner{grid-template-columns:1fr;gap:32px}.hero-art{order:2}.hero-frame{max-width:380px;transform:rotate(-2deg)}.hero-cta{flex:1 1 auto}}@media (max-width: 600px){.hero{margin:6px auto 22px;padding:clamp(20px,5vw,28px);border-radius:var(--r-lg)}.hero-inner{gap:26px}.hero-frame{max-width:320px;padding:10px}.hero-piece--a{width:40px;height:40px;bottom:-6px}.hero-piece--b{width:30px;height:30px}.hero-cta{min-width:0;width:100%;justify-content:center}}@media (max-width: 400px){.hero{padding:18px 16px}.hero-actions{gap:10px}.hero-piece--a,.hero-piece--b{display:none}}@media (prefers-reduced-motion: reduce){.hero-frame,.hero:hover .hero-frame{transition:none;transform:rotate(-2deg)}}.evbanner{position:relative;border-radius:var(--r-xl);background:radial-gradient(130% 120% at 100% 0%,var(--accent-softer) 0%,rgba(251,241,226,0) 52%),linear-gradient(180deg,var(--surface-1) 0%,var(--surface-2) 100%);border:1px solid var(--border);box-shadow:var(--shadow-lg),0 1px #ffffffe6 inset;overflow:hidden;isolation:isolate}.evbanner-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(100% 70% at 50% -10%,#ffffffb3,#fff0 60%)}.evbanner-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.04fr .96fr;align-items:stretch;gap:0}.evbanner-copy{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(28px,4vw,52px);min-width:0}.evbanner-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:6px 13px 6px 11px;border-radius:var(--r-pill);background:var(--surface-1);border:1px solid var(--accent-soft);color:var(--accent-deep);font-family:var(--font-sans);font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;box-shadow:var(--shadow-xs)}.evbanner-eyebrow svg{color:var(--accent-strong)}.evbanner-title{margin:18px 0 0;font-family:var(--font-display);font-weight:600;font-size:clamp(2.1rem,4.6vw,3.1rem);line-height:1.04;letter-spacing:-.018em;color:var(--text);text-wrap:balance}.evbanner-emoji{margin-right:12px;font-size:.9em}.evbanner-sub{margin:15px 0 0;font-family:var(--font-sans);font-size:1.06rem;line-height:1.55;color:var(--text-muted);max-width:42ch}.evbanner-sub strong{color:var(--accent-deep);font-weight:700}.evbanner-status{margin-top:26px}.evbanner-count-label,.evbanner-live{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:.74rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.evbanner-count-label svg{color:var(--accent-strong)}.evbanner-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:14px;margin-top:12px;width:100%;max-width:360px}.evbanner-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:13px 12px 10px;border-radius:var(--r-md);background:linear-gradient(180deg,var(--surface-1) 0%,var(--surface-2) 100%);border:1px solid var(--border);box-shadow:var(--shadow-sm),0 1px #fffffff2 inset}.evbanner-tile-num{font-family:var(--font-sans);font-size:clamp(1.55rem,3vw,1.9rem);font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.evbanner-tile-label{margin-top:6px;font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.evbanner-tile-sep{position:absolute;left:-10px;top:50%;transform:translateY(-60%);width:6px;text-align:center;font-size:1.3rem;font-weight:700;line-height:1;color:var(--accent);opacity:.55}.evbanner-live{color:var(--text);font-size:.95rem;letter-spacing:normal;text-transform:none}.evbanner-live-dot{width:9px;height:9px;border-radius:var(--r-pill);background:var(--accent);box-shadow:0 0 0 4px var(--accent-ring);animation:evbanner-pulse 1.8s ease-in-out infinite}.evbanner-live-note{color:var(--text-muted);font-weight:500}@keyframes evbanner-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-ring)}50%{box-shadow:0 0 0 7px #e0922f00}}.evbanner-actions{margin-top:auto;padding-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}.evbanner-cta{display:inline-flex;align-items:center;gap:9px;padding:14px 24px;border:none;border-radius:var(--r-pill);font-family:var(--font-sans);font-size:1rem;font-weight:700;color:var(--on-accent);cursor:pointer;background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);box-shadow:0 10px 26px #1f63c461,0 2px 6px #1f63c447,0 1px #ffffff4d inset;transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.evbanner-cta svg:last-child{transition:transform var(--dur-fast) var(--ease)}.evbanner-cta:hover{background:linear-gradient(180deg,var(--accent-strong) 0%,var(--accent-deep) 100%);box-shadow:0 14px 34px #1f63c475,0 3px 8px #1f63c44d,0 1px #ffffff4d inset;transform:translateY(-2px)}.evbanner-cta:hover svg:last-child{transform:translate(3px)}.evbanner-cta:active{transform:translateY(0)}.evbanner-cta:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring),0 10px 26px #1f63c461}.evbanner-actions-note{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-sans);font-size:.85rem;font-weight:600;color:var(--text-muted)}.evbanner-actions-note svg{color:var(--accent-strong)}.evbanner-media{position:relative;display:flex;padding:clamp(20px,2.6vw,30px);padding-left:0}.evbanner-glow{position:absolute;z-index:0;top:6%;right:4%;bottom:6%;left:-6%;border-radius:var(--r-xl);background:radial-gradient(62% 70% at 58% 42%,var(--accent-soft) 0%,rgba(247,230,207,0) 72%);filter:blur(10px);pointer-events:none}.evbanner-photo{position:relative;z-index:1;flex:1;min-height:330px;border-radius:var(--r-lg);overflow:hidden;isolation:isolate;border:1px solid var(--border);box-shadow:var(--shadow-md)}.evbanner-photo-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:var(--evbg);background-size:cover;background-position:center;transform:scale(1.01);transition:transform var(--dur-slow) var(--ease)}.evbanner:hover .evbanner-photo-bg{transform:scale(1.045)}.evbanner-photo-sheen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#22160a4d,#22160a00 34%),linear-gradient(115deg,#ffffff29,#fff0 38%)}.evbanner-chip{position:absolute;z-index:2;top:14px;left:14px;display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:var(--r-pill);font-family:var(--font-sans);font-size:.78rem;font-weight:700;color:var(--accent-deep);background:#ffffffe0;border:1px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm)}.evbanner-chip-emoji{font-size:1.05em}@media (max-width: 860px){.evbanner-grid{grid-template-columns:1fr}.evbanner-copy{order:2}.evbanner-media{order:1;padding:clamp(18px,4vw,26px);padding-bottom:0}.evbanner-glow{top:4%;right:4%;bottom:-2%;left:4%}.evbanner-photo{min-height:230px}}@media (max-width: 600px){.evbanner{border-radius:var(--r-lg)}.evbanner-title{font-size:clamp(1.95rem,8vw,2.5rem)}.evbanner-sub{font-size:1rem}.evbanner-tiles{gap:10px;max-width:none}.evbanner-tile{padding:12px 6px 9px}.evbanner-tile-sep{display:none}.evbanner-actions{flex-direction:column;align-items:stretch}.evbanner-cta{width:100%;justify-content:center}.evbanner-actions-note{justify-content:center}.evbanner-status{margin-top:22px}.evbanner-actions{padding-top:24px}}@media (max-width: 400px){.evbanner-media{padding:14px 14px 0}.evbanner-photo{min-height:190px}.evbanner-copy{padding:22px 18px}.evbanner-title{font-size:clamp(1.75rem,9vw,2.1rem)}.evbanner-emoji{margin-right:8px}.evbanner-tiles{gap:8px}.evbanner-tile{padding:10px 4px 8px}.evbanner-tile-num{font-size:1.4rem}.evbanner-tile-label{font-size:.55rem;letter-spacing:.1em}}@media (prefers-reduced-motion: reduce){.evbanner-photo-bg,.evbanner-cta,.evbanner-cta svg:last-child{transition:none}.evbanner-photo-bg,.evbanner:hover .evbanner-photo-bg,.evbanner-cta:hover{transform:none}.evbanner-cta:hover svg:last-child{transform:none}.evbanner-live-dot{animation:none}}.cattiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.cattile{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:0;cursor:pointer;display:block;height:112px;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-card);background:var(--surface-3);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.cattile:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.cattile:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.cattile-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--dur) var(--ease)}.cattile:hover .cattile-img{transform:scale(1.07)}.cattile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#281a0c14,#281a0cbd)}.cattile-label{position:absolute;left:0;right:0;bottom:0;padding:12px 14px;font-family:var(--font-display);font-size:1.16rem;font-weight:700;letter-spacing:-.01em;color:#fff;text-align:left;text-shadow:0 1px 5px rgba(0,0,0,.6)}.cattile.is-active{outline:3px solid var(--accent-strong)}.cattile.is-active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 3px var(--accent);border-radius:inherit}@media (max-width: 600px){.cattiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cattile{height:104px}.cattile-label{padding:10px 12px;font-size:1rem}}@media (max-width: 400px){.cattiles{gap:10px}.cattile{height:92px}.cattile-label{font-size:.92rem}}@media (prefers-reduced-motion: reduce){.cattile,.cattile-img{transition:none}}.potd{margin-top:26px}.potd-card{position:relative;display:grid;grid-template-columns:214px 1fr;width:100%;text-align:left;cursor:pointer;padding:0;overflow:hidden;isolation:isolate;border:1px solid var(--border);border-radius:var(--r-xl);background:radial-gradient(140% 130% at 30% 0%,var(--accent-softer) 0%,rgba(251,241,226,0) 52%),linear-gradient(180deg,var(--surface-1) 0%,var(--surface-2) 100%);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.potd-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #e0922f00;transition:box-shadow var(--dur-fast) var(--ease)}.potd-card:hover{transform:translateY(-2px);border-color:var(--accent-soft);box-shadow:var(--shadow-md)}.potd-card:hover:after{box-shadow:inset 0 0 0 1px var(--accent-soft)}.potd-card:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring),var(--shadow-md)}.potd-media{position:relative;overflow:hidden}.potd-img{width:100%;height:100%;min-height:162px;object-fit:cover;display:block;transition:transform var(--dur-slow) var(--ease)}.potd-card:hover .potd-img{transform:scale(1.05)}.potd-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset -16px 0 22px -15px #1f232842;background:linear-gradient(35deg,#1118274d,#11182700 40%)}.potd-badge{position:absolute;z-index:1;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:var(--r-pill);background:#ffffffe6;-webkit-backdrop-filter:blur(7px) saturate(1.3);backdrop-filter:blur(7px) saturate(1.3);border:1px solid rgba(255,255,255,.62);box-shadow:var(--shadow-sm);color:var(--text);font-size:.74rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.potd-badge b{font-weight:800}.potd-badge svg{color:var(--accent-strong)}.potd-body{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:7px;padding:18px 22px;min-width:0}.potd-body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.55;background-image:radial-gradient(var(--accent-soft) 1.3px,transparent 1.5px);background-size:15px 15px;-webkit-mask-image:linear-gradient(110deg,transparent 40%,#000 135%);mask-image:linear-gradient(110deg,transparent 40%,#000 135%)}.potd-body>*{position:relative}.potd-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.potd-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--accent-deep)}.potd-eyebrow svg{color:var(--accent-strong)}.potd-date{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:4px 10px;border-radius:var(--r-pill);background:var(--surface-1);border:1px solid var(--border);color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;font-variant-numeric:tabular-nums;box-shadow:var(--shadow-xs)}.potd-date svg{color:var(--accent-strong)}.potd-title{align-self:center;font-family:var(--font-display);font-weight:600;font-size:1.5rem;line-height:1.14;letter-spacing:-.012em;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.potd-meta{display:flex;align-items:center;gap:9px;min-width:0}.potd-author{font-size:.86rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.potd-chip{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:4px 10px;border-radius:var(--r-pill);background:var(--surface-1);border:1px solid var(--border);color:var(--text-muted);font-size:.74rem;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.potd-chip svg{color:var(--text-faint)}.potd-chip--accent{background:var(--accent-softer);border-color:var(--accent-soft);color:var(--accent-deep)}.potd-chip--accent svg{color:var(--accent-strong)}.potd-foot{display:flex;align-items:center;justify-content:flex-end;margin-top:2px}.potd-cta{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);color:var(--on-accent);font-weight:700;font-size:.92rem;letter-spacing:.005em;box-shadow:0 4px 14px #1f63c457;transition:box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.potd-card:hover .potd-cta{box-shadow:0 6px 18px #1f63c46b;transform:translateY(-1px)}.potd-cta svg{transition:transform var(--dur-fast) var(--ease)}.potd-card:hover .potd-cta svg{transform:translate(3px)}@media (max-width: 560px){.potd-card{grid-template-columns:1fr}.potd-media:after{box-shadow:inset 0 -16px 22px -15px #1f232842;background:linear-gradient(0deg,#1118274d,#11182700 32%)}.potd-img{min-height:0;aspect-ratio:16 / 9}.potd-body{padding:16px 18px 18px;gap:9px}.potd-title{font-size:1.3rem}.potd-meta{flex-wrap:wrap}.potd-foot{justify-content:stretch}.potd-cta{flex:1;justify-content:center;padding:12px 20px}}@media (max-width: 400px){.potd{margin-top:20px}.potd-head{flex-wrap:wrap;gap:8px}.potd-body{padding:14px 16px 16px}.potd-title{font-size:1.2rem}.potd-meta{gap:7px}}@media (prefers-reduced-motion: reduce){.potd-card,.potd-card:after,.potd-img,.potd-cta,.potd-cta svg{transition:none}.potd-card:hover,.potd-card:hover .potd-img,.potd-card:hover .potd-cta,.potd-card:hover .potd-cta svg{transform:none}}.card-root{position:relative;display:block;width:100%;aspect-ratio:4 / 3;margin:0;padding:0;border:none;cursor:pointer;overflow:hidden;border-radius:var(--r-lg);background:var(--surface-3);box-shadow:var(--shadow-card);font:inherit;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.card-root:hover,.card-root:focus-visible{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-root:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.card-root:active{transform:translateY(-1px)}.card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease)}.card-root:hover .card-img,.card-root:focus-visible .card-img{transform:scale(1.07)}.card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#281a0c00 38%,#281a0c52 64%,#281a0cd1)}.card-ribbon{position:absolute;top:10px;left:10px;z-index:2;display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:var(--r-pill);font-size:.72rem;font-weight:700;line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--on-accent);box-shadow:var(--shadow-sm)}.card-ribbon--new{background:var(--sage)}.card-ribbon--hot,.card-ribbon--staff{background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%)}.card-badge{position:absolute;top:8px;right:8px;z-index:2}.card-info{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:12px 14px;text-align:left;min-width:0}.card-title{display:block;font-family:var(--font-display);font-size:.68rem;font-weight:600;letter-spacing:-.01em;color:#fff;line-height:1.2;text-shadow:0 1px 5px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-author{display:block;margin-top:3px;font-size:.8rem;font-weight:500;color:#ffffffd1;text-shadow:0 1px 3px rgba(0,0,0,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 600px){.card-info{padding:10px 12px}.card-title{font-size:.92rem}.card-author{font-size:.78rem}}@media (max-width: 400px){.card-title{font-size:.86rem}.card-ribbon{font-size:.66rem;padding:4px 8px}}@media (prefers-reduced-motion: reduce){.card-root,.card-img{transition:none}.card-root:hover,.card-root:focus-visible{transform:none}.card-root:hover .card-img,.card-root:focus-visible .card-img{transform:none}}.ghome-search{position:relative;display:flex;align-items:center;gap:8px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-pill);padding:6px 6px 6px 18px;box-shadow:var(--shadow-xs);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.ghome-search:hover{border-color:var(--border-strong)}.ghome-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring),var(--shadow-sm)}.ghome-search-icon{display:inline-flex;flex-shrink:0;color:var(--text-faint);pointer-events:none;transition:color var(--dur-fast) var(--ease)}.ghome-search:focus-within .ghome-search-icon{color:var(--accent)}.ghome-search-input.input{flex:1;min-width:0;width:auto;height:52px;padding:0 6px;font-size:1.08rem;color:var(--text);background:transparent;border:none;border-radius:0;box-shadow:none}.ghome-search-input.input:focus{border:none;box-shadow:none;outline:none}.ghome-search-input.input::placeholder{color:var(--text-faint)}.ghome-search-input::-webkit-search-decoration,.ghome-search-input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.ghome-search-btn{flex-shrink:0;height:48px;min-width:116px;padding-inline:22px;gap:7px;border-radius:var(--r-pill)}.ghome-search-btn .icon,.ghome-search-btn svg{transition:transform var(--dur-fast) var(--ease)}.ghome-search-btn:hover .icon,.ghome-search-btn:hover svg{transform:translate(2px)}.ghome-searchwrap{display:flex;flex-direction:column}.ghome-suggest{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}.ghome-suggest-label{font-size:.84rem;font-weight:600;color:var(--text-faint);margin-right:2px}.ghome-head,.ghome-cats-head,.ghome-result-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-bottom:22px}.ghome-head-text{display:flex;flex-direction:column;gap:9px;min-width:0}.ghome-head .section-title,.ghome-cats .section-title,.ghome-cats-head .section-title,.ghome-result-head .section-title{margin:0;font-size:1.78rem;line-height:1.08;letter-spacing:-.018em}.ghome-eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-sans);font-size:.74rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-strong)}.ghome-eyebrow:before{content:"";flex:none;width:22px;height:2px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent),var(--accent-strong))}.ghome-head-sub{margin:2px 0 0;font-size:.92rem;color:var(--text-muted)}.ghome-viewall{position:relative;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;margin-bottom:2px;padding:4px 2px;border:none;background:none;border-radius:var(--r-sm);font:inherit;font-size:.95rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:color var(--dur-fast) var(--ease)}.ghome-viewall:after{content:"";position:absolute;left:2px;right:28px;bottom:0;height:2px;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent),var(--accent-strong));transform:scaleX(0);transform-origin:left center;transition:transform var(--dur-slow) var(--ease)}.ghome-viewall:hover,.ghome-viewall:focus-visible{color:var(--accent-strong)}.ghome-viewall:hover:after,.ghome-viewall:focus-visible:after{transform:scaleX(1)}.ghome-viewall:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring)}.ghome-viewall .icon,.ghome-viewall svg{transition:transform var(--dur-fast) var(--ease)}.ghome-viewall:hover .icon,.ghome-viewall:hover svg{transform:translate(2px)}.ghome-content{margin-top:4px}.ghome-sections{display:flex;flex-direction:column;gap:54px}.ghome-sections .ghome-section+.ghome-section{padding-top:54px;border-top:1px solid var(--hairline)}.ghome-section .section-title,.ghome-main>section .section-title{margin-bottom:0}.ghome-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:88px 20px;color:var(--text-muted);text-align:center}.ghome-state .section-title{color:var(--text)}.ghome-note{display:flex;align-items:center;gap:12px;background:var(--accent-softer);border:1px solid var(--accent-soft);border-radius:var(--r-md);padding:14px 18px;margin-bottom:20px;color:var(--text);font-size:1rem;line-height:1.5}.ghome-note p{margin:0}@media (max-width: 600px){.ghome-search{padding:6px 6px 6px 16px}.ghome-search-input.input{height:46px;font-size:1rem}.ghome-search-btn{min-width:0;padding-inline:16px}.ghome-search-btn-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ghome-head,.ghome-cats-head,.ghome-result-head{align-items:flex-start;margin-bottom:18px}.ghome-head .section-title,.ghome-cats .section-title,.ghome-cats-head .section-title,.ghome-result-head .section-title{font-size:1.5rem}.ghome-viewall{margin-left:auto;padding-inline:2px}.ghome-sections{gap:40px}.ghome-sections .ghome-section+.ghome-section{padding-top:40px}.ghome-suggest{margin-top:12px}}@media (max-width: 400px){.ghome-search{padding:5px 5px 5px 14px;gap:6px}.ghome-search-input.input{height:44px;font-size:.96rem;padding:0 4px}.ghome-search-btn{height:44px;width:44px;min-width:44px;padding-inline:0;justify-content:center}.ghome-suggest{gap:6px}.ghome-head .section-title,.ghome-cats .section-title,.ghome-cats-head .section-title,.ghome-result-head .section-title{font-size:1.35rem}.ghome-sections{gap:34px}.ghome-sections .ghome-section+.ghome-section{padding-top:34px}.ghome-note{padding:12px 14px;font-size:.94rem}.ghome-about{margin-top:36px;padding-top:36px}}@media (prefers-reduced-motion: reduce){.ghome-search,.ghome-search-icon,.ghome-search-btn .icon,.ghome-search-btn svg,.ghome-viewall,.ghome-viewall:after,.ghome-viewall .icon,.ghome-viewall svg{transition:none}.ghome-search-btn:hover .icon,.ghome-search-btn:hover svg,.ghome-viewall:hover .icon,.ghome-viewall:hover svg{transform:none}.ghome-viewall:hover:after,.ghome-viewall:focus-visible:after{transform:scaleX(1)}}.ghome-about{margin-top:46px;padding-top:46px;border-top:1px solid var(--hairline);max-width:80ch}.ghome-about-lead{margin:0;color:var(--text-muted);font-size:1.04rem;line-height:1.6}.ghome-inlink{border:none;background:none;padding:0;font:inherit;color:var(--accent-strong);cursor:pointer}.ghome-inlink:hover{text-decoration:underline}.ghome-toplinks{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px}.ghome-toplinks a{display:inline-block;padding:6px 13px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);color:var(--text);font-size:.9rem;font-weight:600;text-decoration:none;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.ghome-toplinks a:hover{background:var(--accent-softer);border-color:var(--accent-soft);color:var(--accent-deep)}.ghome-faq-title{margin:34px 0 0}.ghome-faq{margin:16px 0 0}.ghome-faq-item{padding:16px 0;border-top:1px solid var(--hairline)}.ghome-faq-item:first-child{border-top:none}.ghome-faq-item dt{font-weight:700;color:var(--text);margin-bottom:6px}.ghome-faq-item dd{margin:0;color:var(--text-muted);line-height:1.6}.catpage{width:100%;max-width:var(--max-w);margin:0 auto;padding:24px 20px 72px}.catpage-head{display:flex;align-items:center;gap:18px;margin-bottom:24px}.catpage-titles{display:flex;flex-direction:column;gap:2px}.catpage-title{font-size:2rem}.catpage-sub{margin:0;color:var(--text-muted);font-size:1.02rem}@media (max-width: 600px){.catpage{padding:18px 14px 56px}.catpage-head{flex-direction:column;align-items:flex-start;gap:12px}.catpage-title{font-size:1.6rem}.catpage-sub{font-size:.95rem}}@media (max-width: 400px){.catpage{padding:16px 12px 48px}.catpage-title{font-size:1.45rem}}.spinner-root{display:inline-flex;align-items:center;justify-content:center;line-height:0}.spinner-ring{display:block;width:var(--spinner-size, 36px);height:var(--spinner-size, 36px);border-radius:var(--r-pill);border:var(--spinner-stroke, 4px) solid var(--surface-3);border-top-color:var(--accent);border-right-color:var(--accent-strong);will-change:transform;animation:spinner-rotate .78s var(--ease, linear) infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner-ring{border-color:var(--accent-soft);border-top-color:var(--accent);animation:spinner-pulse 1.6s ease-in-out infinite}@keyframes spinner-pulse{0%,to{opacity:.4}50%{opacity:1}}}.catpg{width:100%;max-width:var(--max-w);margin:0 auto;padding:20px 20px 72px}.catpg-crumbs{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--text-muted);margin-bottom:14px}.catpg-crumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font:inherit;color:var(--accent-strong);cursor:pointer;padding:2px}.catpg-crumb:hover{text-decoration:underline}.catpg-crumb.is-current{color:var(--text-muted);cursor:default}.catpg-sep{color:var(--text-faint)}.catpg-head{margin-bottom:26px;max-width:70ch}.catpg-title{font-size:2.3rem;line-height:1.1;margin-bottom:10px}.catpg-desc{margin:0;color:var(--text-muted);font-size:1.12rem;line-height:1.6}.catpg-count{margin:12px 0 0;color:var(--text-muted);font-size:.98rem}.catpg-count strong{color:var(--accent-strong)}.catpg-faq{margin-top:48px;max-width:75ch}.catpg-faq-title{font-size:1.5rem;margin:0 0 18px}.catpg-faq-list{margin:0}.catpg-faq-item{padding:16px 0;border-top:1px solid var(--surface-3)}.catpg-faq-item dt{font-weight:700;color:var(--text);margin-bottom:6px}.catpg-faq-item dd{margin:0;color:var(--text-muted);line-height:1.6}.catpg-state{display:flex;flex-direction:column;align-items:center;gap:14px;padding:70px 0;color:var(--text-muted)}.catpg-note{background:var(--accent-softer);border:1px solid var(--accent-soft);border-radius:var(--r-md);padding:14px 18px;margin-bottom:18px;font-size:1.02rem}.catpg-note p{margin:0}.catpg-foot{margin-top:34px;display:flex;justify-content:center}.catpg-pager{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}.catpg-page{display:inline-flex;align-items:center;gap:4px;min-width:40px;height:40px;padding:0 12px;justify-content:center;border:1px solid var(--surface-3);border-radius:var(--r-sm);background:var(--surface-1);color:var(--text);font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.catpg-page:hover:not(:disabled):not(.is-current){background:var(--surface-2);border-color:var(--accent-ring)}.catpg-page.is-current{background:linear-gradient(180deg,var(--accent-strong) 0%,var(--accent-deep) 100%);border-color:var(--accent-deep);color:#fff;cursor:default}.catpg-page:disabled{opacity:.45;cursor:not-allowed}.catpg-page--nav{font-weight:700}.catpg-gap{padding:0 4px;color:var(--text-muted);-webkit-user-select:none;user-select:none}@media (max-width: 600px){.catpg{padding:16px 14px 56px}.catpg-title{font-size:1.7rem}.catpg-desc{font-size:1.02rem}.catpg .puzzle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catpg-page{padding:0 10px;font-size:.95rem}.catpg-page--nav{padding:0 10px}.catpg-faq{margin-top:36px}.catpg-faq-title{font-size:1.3rem}}@media (max-width: 400px){.catpg{padding:14px 12px 48px}.catpg-title{font-size:1.45rem}.catpg-desc{font-size:.98rem}.catpg-crumbs{font-size:.88rem}.catpg .puzzle-grid{grid-template-columns:1fr;gap:14px}.catpg-page{min-width:38px;padding:0 8px}}.diffpick{display:flex;flex-direction:column;gap:10px}.diffpick-label{font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--text)}.diffpick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (min-width: 460px){.diffpick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.diffpick-option{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;padding:26px 10px 14px;min-height:86px;font:inherit;cursor:pointer;border-radius:var(--r-md);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-muted);box-shadow:var(--shadow-xs);transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.diffpick-option:hover{background:var(--surface-2);color:var(--text);border-color:var(--accent);box-shadow:var(--shadow-sm)}.diffpick-option:active{transform:translateY(1px)}.diffpick-option:focus-visible{outline:2.5px solid var(--focus-ring);outline-offset:2px}.diffpick-name{font-family:var(--font-display);font-size:1.12rem;font-weight:700;letter-spacing:-.01em;color:var(--text);line-height:1.1}.diffpick-count{font-size:.85rem;font-weight:600;color:var(--text-muted);line-height:1.1}.diffpick-tick{position:absolute;top:7px;right:7px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow-xs);opacity:0;transform:scale(.5);transition:opacity var(--dur-fast) var(--ease),transform var(--dur) var(--ease-out-back)}.diffpick-option[aria-checked=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-deep);box-shadow:0 0 0 1px var(--accent) inset,var(--shadow-sm)}.diffpick-option[aria-checked=true] .diffpick-name{color:var(--accent-deep)}.diffpick-option[aria-checked=true] .diffpick-count{color:var(--accent-strong)}.diffpick-option[aria-checked=true] .diffpick-tick{opacity:1;transform:scale(1)}@media (max-width: 600px){.diffpick-grid{gap:8px}.diffpick-option{padding:22px 8px 12px;min-height:78px}.diffpick-name{font-size:1.05rem}}@media (max-width: 400px){.diffpick-name{font-size:1rem}.diffpick-count{font-size:.8rem}}@media (prefers-reduced-motion: reduce){.diffpick-option,.diffpick-tick{transition:none}.diffpick-option:active{transform:none}}.puzpg{width:100%;max-width:var(--max-w);margin:0 auto;padding:20px 20px 72px}.puzpg-crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.95rem;color:var(--text-muted);margin-bottom:18px}.puzpg-crumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font:inherit;color:var(--accent-strong);cursor:pointer;padding:2px}.puzpg-crumb:hover{text-decoration:underline}.puzpg-crumb.is-current{color:var(--text-muted);cursor:default;max-width:40ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.puzpg-sep{color:var(--text-faint)}.puzpg-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:32px;align-items:start}.puzpg-figure{margin:0;border-radius:var(--r-lg);overflow:hidden;background:var(--surface-2);box-shadow:var(--shadow-md)}.puzpg-img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}.puzpg-panel{position:sticky;top:20px}.puzpg-title{font-size:2rem;line-height:1.12;margin:0 0 6px}.puzpg-credit{margin:0 0 18px;color:var(--text-muted);font-size:.98rem}.puzpg-credit a{color:var(--accent-strong)}.puzpg-lead{margin:0 0 20px;color:var(--text-muted);line-height:1.6}.puzpg-play{margin-top:22px;width:100%}.puzpg-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:80px 0;color:var(--text-muted)}@media (max-width: 760px){.puzpg-grid{grid-template-columns:1fr;gap:22px}.puzpg-panel{position:static}.puzpg-title{font-size:1.7rem}}@media (max-width: 600px){.puzpg{padding:16px 14px 56px}.puzpg-grid{gap:18px}.puzpg-title{font-size:1.5rem}.puzpg-crumbs{font-size:.88rem;margin-bottom:14px}.puzpg-crumb.is-current{max-width:24ch}.puzpg-lead{font-size:.98rem}}@media (max-width: 400px){.puzpg{padding:14px 12px 48px}.puzpg-title{font-size:1.35rem}.puzpg-crumb.is-current{max-width:16ch}}.evpage{width:100%;max-width:var(--max-w);margin:0 auto;padding:16px 20px 72px}.evpage-back{margin-bottom:14px}.evpage-hero{position:relative;overflow:hidden;border-radius:var(--r-xl);min-height:280px;display:flex;align-items:flex-end;box-shadow:var(--shadow-md);isolation:isolate}.evpage-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:var(--evbg);background-size:cover;background-position:center}.evpage-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(to top,#140e06d1,#140e0673 38%,#140e0614 70%,#140e0600)}.evpage-hero-inner{padding:30px 32px;color:#fff}.evpage-eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#ffffffc7}.evpage-emoji{font-size:1.1rem;letter-spacing:normal}.evpage-title{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,4.6vw,3rem);line-height:1.04;letter-spacing:-.01em;color:#fff;text-wrap:balance}.evpage-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:16px}.evpage-chip--points{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);color:var(--on-accent);font-weight:800;font-size:.85rem;box-shadow:0 2px 8px #1f63c473}.evpage-when{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:#ffffffc7;font-variant-numeric:tabular-nums;white-space:nowrap}.evpage-when svg{flex:none}.evpage-desc{max-width:70ch;margin:20px 0 24px;color:var(--text-muted);font-size:1.1rem;line-height:1.6}.evpage-desc strong{color:var(--accent-deep)}.evpage-state{display:flex;flex-direction:column;align-items:center;gap:14px;padding:70px 0;color:var(--text-muted)}.evpage-note{background:var(--accent-softer);border:1px solid var(--accent-soft);border-radius:var(--r-md);padding:14px 18px;margin-bottom:18px}.evpage-note p{margin:0}@media (max-width: 600px){.evpage{padding:12px 14px 56px}.evpage-hero{min-height:220px;border-radius:var(--r-lg)}.evpage-hero-inner{padding:20px 18px}.evpage-meta{gap:10px;margin-top:12px}.evpage-desc{font-size:1rem;margin:16px 0 20px}.evpage-state{padding:48px 0}.evpage-note{padding:12px 14px}}@media (max-width: 560px){.evpage-title{font-size:1.6rem}}@media (max-width: 400px){.evpage{padding:10px 12px 48px}.evpage-hero{min-height:190px}.evpage-hero-inner{padding:16px 14px}.evpage-title{font-size:1.4rem}.evpage-desc{font-size:.95rem}}.controls-bar{background:linear-gradient(180deg,var(--paper-edge),var(--surface-1));border-bottom:1px solid var(--hairline);box-shadow:var(--shadow-sm)}.controls-inner{width:100%;max-width:var(--max-w);margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.controls-left{display:flex;align-items:center;flex:1 1 auto;min-width:0}.controls-back,.controls-tool{display:inline-flex;align-items:center;gap:8px}.controls-center{display:inline-flex;align-items:baseline;gap:8px;padding:6px 14px;border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--hairline);box-shadow:var(--shadow-xs) inset;order:0;white-space:nowrap}.controls-difficulty{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;color:var(--text)}.controls-dot{color:var(--text-faint)}.controls-count{color:var(--text-muted);font-size:.9rem;font-weight:600}.controls-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:1 1 auto;flex-wrap:wrap}.controls-tool--warn{background:color-mix(in srgb,var(--danger) 12%,var(--surface-1));border-color:var(--danger);color:var(--danger)}.controls-tool--warn:hover{background:color-mix(in srgb,var(--danger) 18%,var(--surface-1));border-color:var(--danger)}.controls-tool--toggle[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-deep);box-shadow:0 0 0 3px var(--accent-ring)}.controls-tool--toggle[aria-pressed=true]:hover{background:var(--accent-softer);border-color:var(--accent)}@media (max-width: 640px){.controls-inner{padding:9px 14px;justify-content:space-between}.controls-center{order:3;flex:1 0 100%;justify-content:center}.controls-left,.controls-right{flex:0 1 auto}.controls-right{flex-wrap:nowrap}}@media (max-width: 600px){.controls-inner{padding:8px 12px;gap:8px}.controls-left{flex:0 0 auto}.controls-right{gap:6px;min-width:0}.controls-back,.controls-tool{gap:6px}}@media (max-width: 400px){.controls-inner{padding:8px 10px}.controls-center{padding:5px 12px;font-size:.92rem}.controls-count{font-size:.82rem}.controls-tool{gap:0;padding:0;min-width:40px;min-height:40px;justify-content:center}.controls-tool .controls-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}.timer-bar{flex:0 0 auto;width:100%;background:linear-gradient(180deg,var(--paper-edge),var(--surface-1));border-top:1px solid var(--hairline);box-shadow:0 -2px 8px #4a36210f}.timer-inner{width:100%;max-width:var(--max-w);margin:0 auto;min-height:52px;padding:8px 20px;display:flex;align-items:center;justify-content:center;gap:22px}.timer-stat{display:flex;align-items:center;gap:8px}.timer-icon{color:var(--text-faint);align-self:center}.timer-label{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.timer-value{font-size:.98rem;font-weight:700;color:var(--text);font-variant-numeric:tabular-nums}.timer-divider{width:1px;align-self:stretch;margin:6px 0;background:var(--border)}.timer-stat--progress{flex:1 1 auto;flex-direction:column;align-items:stretch;gap:5px;max-width:320px}.timer-progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.timer-track{position:relative;height:5px;border-radius:var(--r-pill);background:var(--surface-3);overflow:hidden;box-shadow:var(--shadow-xs) inset}.timer-fill{height:100%;border-radius:var(--r-pill);background:linear-gradient(90deg,var(--accent),var(--accent-strong));box-shadow:0 0 8px var(--accent-ring);transition:width var(--dur) var(--ease)}@media (max-width: 560px){.timer-inner{gap:14px;padding:8px 14px}.timer-stat--progress{max-width:none}}@media (max-width: 400px){.timer-inner{gap:10px;padding:8px 12px;min-height:48px}.timer-stat:not(.timer-stat--progress) .timer-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.timer-stat{gap:5px}.timer-value{font-size:.92rem}}@media (prefers-reduced-motion: reduce){.timer-fill{transition:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(120% 120% at 50% 0%,#3a2c1d6b,#281c1094);-webkit-backdrop-filter:blur(7px) saturate(112%);backdrop-filter:blur(7px) saturate(112%);animation:modal-backdrop-in var(--dur) var(--ease) both;overflow-y:auto;overscroll-behavior:contain}.modal-card{position:relative;width:100%;margin:auto;padding:0;border-radius:var(--r-xl);box-shadow:var(--shadow-lg),0 1px #ffffffd9 inset;outline:none;transform-origin:center;animation:modal-card-in var(--dur) var(--ease-out-back) both;max-height:calc(100dvh - 48px);display:flex;flex-direction:column}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px 14px;border-bottom:1px solid var(--hairline)}.modal-title{font-family:var(--font-display);font-size:1.5rem;line-height:1.2;font-weight:700;letter-spacing:-.01em;color:var(--text);margin:0}.modal-body{padding:20px 24px 24px;color:var(--text);overflow-y:auto;min-height:0;overscroll-behavior:contain}.modal-close{flex:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin:-4px -4px 0 0;border:1px solid transparent;border-radius:var(--r-pill);background:transparent;color:var(--text-muted);font-size:1rem;line-height:1;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.modal-close:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-deep)}.modal-close:active{transform:scale(.94)}.modal-close--floating{position:absolute;top:14px;right:14px;z-index:1;margin:0;background:var(--surface-1);border-color:var(--border);box-shadow:var(--shadow-sm)}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-card-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 600px){.modal-backdrop{padding:14px;align-items:flex-end}.modal-card{max-height:calc(100dvh - 28px)}.modal-header{padding:18px 18px 12px;gap:12px}.modal-title{font-size:1.3rem}.modal-body{padding:16px 18px 20px}.modal-close{width:40px;height:40px}.modal-close--floating{top:10px;right:10px}}@media (max-width: 400px){.modal-backdrop{padding:8px}.modal-card{max-height:calc(100dvh - 16px);border-radius:var(--r-lg)}.modal-header{padding:16px 14px 10px}.modal-title{font-size:1.2rem}.modal-body{padding:14px 14px 18px}}@media (prefers-reduced-motion: reduce){.modal-backdrop,.modal-card{animation-duration:1ms;animation-timing-function:linear}.modal-card{transform:none}}.done-root{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding-top:4px}.done-trophy{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--r-pill);color:var(--on-accent);background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);box-shadow:0 8px 20px #1f63c452,0 1px #ffffff47 inset}.done-confetti{position:absolute;top:-22px;left:0;right:0;height:0;pointer-events:none;z-index:0}.done-ribbon{position:absolute;top:0;width:7px;height:14px;border-radius:2px;opacity:0;transform:translateY(-14px);animation-name:done-fall;animation-timing-function:var(--ease);animation-iteration-count:infinite;will-change:transform,opacity}.done-ribbon--0{background:var(--accent)}.done-ribbon--1{background:var(--accent-strong)}.done-ribbon--2{background:var(--accent-deep);width:6px;height:10px}.done-ribbon--3{background:var(--sage);width:6px;height:12px}@keyframes done-fall{0%{opacity:0;transform:translateY(-14px) rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(170px) rotate(420deg)}}.done-figure{position:relative;margin:0;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px}.done-thumb{display:block;width:100%;max-width:240px;aspect-ratio:3 / 2;object-fit:cover;border-radius:var(--r-md);border:1px solid var(--border);box-shadow:var(--shadow-md);background:var(--surface-2)}.done-seal{position:absolute;top:-14px;right:-14px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;color:var(--on-accent);border-radius:var(--r-pill);background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);box-shadow:0 6px 16px #1f63c459,0 1px #ffffff40 inset;transform:rotate(8deg)}.done-credit{font-size:.78rem;color:var(--text-faint);max-width:260px}.done-lede{margin:0;z-index:1;font-size:.98rem;color:var(--text-muted)}.done-points{z-index:1;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-deep);font-weight:800;font-size:1.05rem;font-variant-numeric:tabular-nums}.done-bonus{padding:3px 9px;border-radius:var(--r-pill);background:linear-gradient(180deg,var(--accent) 0%,var(--accent-strong) 100%);color:var(--on-accent);font-size:.82rem;font-weight:800}.done-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin:0;z-index:1}.done-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-md)}.done-stat-label{display:inline-flex;align-items:center;gap:5px;font-size:.74rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.done-stat-icon{color:var(--accent-strong)}.done-stat-value{margin:0;font-family:var(--font-display);font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-deep);line-height:1}.done-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;z-index:1}.done-action{flex:1 1 160px;display:inline-flex;align-items:center;justify-content:center;gap:8px}@media (max-width: 600px){.done-root{gap:14px}.done-stats{gap:8px}.done-stat{padding:11px 6px}.done-stat-value{font-size:1.3rem}.done-stat-label{font-size:.68rem;letter-spacing:.02em}.done-action{min-height:44px}}@media (max-width: 400px){.done-action{flex-basis:100%}.done-thumb{max-width:200px}}@media (prefers-reduced-motion: reduce){.done-confetti{display:none}.done-seal{transform:none}}.zoomctl{position:absolute;right:16px;bottom:16px;z-index:45;display:inline-flex;align-items:stretch;gap:2px;padding:4px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--surface-1) 92%,transparent);border:1px solid var(--border);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.zoomctl-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:var(--r-pill);background:transparent;color:var(--text);cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.zoomctl-btn:hover{background:var(--surface-2)}.zoomctl-btn:disabled{opacity:.4;cursor:not-allowed}.zoomctl-pct{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:52px;border:0;background:transparent;color:var(--text-muted);font:inherit;font-weight:700;font-variant-numeric:tabular-nums;font-size:.85rem;cursor:pointer;border-radius:var(--r-sm)}.zoomctl-pct:hover{color:var(--text);background:var(--surface-2)}@media (max-width: 600px){.zoomctl{right:10px;bottom:10px}.zoomctl-btn{width:40px;height:40px}}.preview{display:flex;flex-direction:column;gap:18px}.preview-top{display:grid;grid-template-columns:1fr;gap:16px;align-items:center}@media (min-width: 520px){.preview-top{grid-template-columns:200px 1fr}}.preview-figure{margin:0;padding:7px;border-radius:var(--r-lg);background:linear-gradient(160deg,var(--paper-edge),var(--surface-2));border:1px solid var(--border);box-shadow:var(--shadow-md),0 0 0 1px var(--board-rim) inset}.preview-img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover;border-radius:var(--r-md);background:var(--surface-3)}.preview-head{display:flex;flex-direction:column;gap:6px;min-width:0}.preview-eyebrow{margin:0;font-size:.74rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-strong)}.preview-author{margin:0;font-family:var(--font-display);font-size:1.5rem;line-height:1.2;font-weight:700;letter-spacing:-.01em;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-play{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px}@media (max-width: 600px){.preview{gap:14px}.preview-top{gap:12px}.preview-figure{max-width:320px;width:100%;margin:0 auto}.preview-author{font-size:1.25rem}}@media (max-width: 400px){.preview-author{font-size:1.15rem}}.settings-section{display:flex;flex-direction:column;gap:14px}.settings-head{display:flex;align-items:center;gap:14px}.settings-badge{flex:none;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--r-md);color:var(--accent-deep);background:linear-gradient(180deg,var(--accent-softer),var(--accent-soft));border:1px solid var(--border);box-shadow:var(--shadow-xs)}.settings-title{font-family:var(--font-display);font-size:1.18rem;font-weight:700;letter-spacing:-.01em;color:var(--text);margin:0}.settings-subtitle{margin:2px 0 0;font-size:.85rem;color:var(--text-muted)}.settings-lede{margin:0;font-size:.92rem;line-height:1.55;color:var(--text)}.settings-label{margin-top:2px;font-weight:600;font-size:.9rem;color:var(--text)}.settings-hint{display:flex;align-items:flex-start;gap:7px;margin:0;font-size:.83rem;line-height:1.5;color:var(--text-muted)}.settings-hint-icon{flex:none;line-height:1.5}.settings-note{display:flex;align-items:flex-start;gap:9px;margin:0;padding:11px 14px;font-size:.85rem;line-height:1.5;color:var(--text);background:var(--sage-soft);border:1px solid var(--border);border-radius:var(--r-md)}.settings-note-dot{flex:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-top:1px;border-radius:var(--r-pill);font-size:.7rem;font-weight:700;color:#11362a;background:var(--sage)}.settings-link{align-self:flex-start;font-size:.86rem;font-weight:600}.settings-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px;padding-top:14px;border-top:1px solid var(--hairline)}@media (max-width: 420px){.settings-actions{flex-direction:column-reverse}.settings-actions .btn{width:100%}}.settings-divider{border:0;border-top:1px solid var(--hairline);margin:22px 0}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--hairline)}.settings-row:first-of-type{border-top:none}.settings-row-text{display:flex;flex-direction:column;gap:2px}.settings-row-label{font-weight:700;font-size:1.02rem;color:var(--text)}.settings-row-desc{font-size:.9rem;color:var(--text-muted)}.settings-seg{display:inline-flex;background:var(--surface-3);border-radius:var(--r-pill);padding:4px;gap:4px}.settings-seg-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;font:inherit;font-weight:600;color:var(--text-muted);padding:8px 14px;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.settings-seg-btn:hover{color:var(--text)}.settings-seg-btn.is-active{background:linear-gradient(180deg,var(--accent-strong),var(--accent-deep));color:var(--on-accent);box-shadow:var(--shadow-xs)}.settings-switch{position:relative;flex-shrink:0;width:56px;height:32px;border-radius:var(--r-pill);border:1px solid var(--border-strong);background:var(--surface-3);cursor:pointer;padding:0;transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.settings-switch-knob{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:var(--r-pill);background:var(--surface-1);box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease)}.settings-switch.is-on{background:linear-gradient(180deg,var(--accent-strong),var(--accent-deep));border-color:transparent}.settings-switch.is-on .settings-switch-knob{transform:translate(24px)}@media (max-width: 600px){.settings-head{gap:12px}.settings-seg-btn{padding:9px 14px}.settings-divider{margin:18px 0}}@media (max-width: 480px){.settings-row{flex-wrap:wrap;gap:10px}.settings-row-text{flex:1 1 100%}.settings-seg{width:100%;justify-content:space-between}.settings-seg-btn{flex:1 1 0;text-align:center}}.howto-intro{margin:0 0 18px;color:var(--text-muted);font-size:.98rem;line-height:1.55}.howto-list{list-style:none;counter-reset:howto;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.howto-step{counter-increment:howto;display:grid;grid-template-columns:auto auto 1fr;align-items:center;column-gap:14px;padding:12px 16px;background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:var(--shadow-xs);transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.howto-step:hover{background:var(--surface-1);border-color:var(--border);transform:translate(2px)}.howto-step__num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-deep);font-family:var(--font-display);font-weight:700;font-size:1.05rem;line-height:1;border:1px solid var(--accent-ring);flex:none}.howto-step__num:before{content:counter(howto)}.howto-step__icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-deep);border:1px solid var(--accent-ring);flex:none}.howto-step__body{margin:0;line-height:1.45;font-size:.97rem;color:var(--text)}.howto-step__body strong{color:var(--accent-deep);font-weight:700}.howto-kbd{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:var(--r-sm);background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text);font-weight:600;white-space:nowrap}.howto-footnote{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--hairline);color:var(--text-muted);font-size:.92rem;text-align:center}@media (max-width: 600px){.howto-intro{font-size:.94rem;margin-bottom:14px}.howto-step__body{font-size:.92rem}}@media (max-width: 460px){.howto-step{column-gap:10px;padding:11px 12px}.howto-step__icon{width:28px;height:28px}}@media (max-width: 400px){.howto-step{grid-template-columns:auto 1fr;column-gap:10px}.howto-step__icon{display:none}}@media (prefers-reduced-motion: reduce){.howto-step{transition:none}.howto-step:hover{transform:none}}.profile-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-pill);color:#fff;font-family:var(--font-display);font-weight:700;line-height:1;flex:none;box-shadow:var(--shadow-sm),0 0 0 3px #ffffffb3 inset}.profile-avatar--lg{width:64px;height:64px}.profile-avatar-initials{font-size:1.6rem;letter-spacing:.01em}.profile-hero{display:flex;align-items:center;gap:16px;margin-bottom:18px}.profile-hero-name{margin:0;font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--text)}.profile-hero-note{display:inline-flex;align-items:center;gap:6px;margin:4px 0 0;color:var(--text-faint);font-size:.86rem}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.profile-stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 10px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--hairline)}.profile-stat-icon{color:var(--accent-deep);margin-bottom:2px}.profile-stat-num{font-family:var(--font-display);font-weight:700;font-size:1.5rem;color:var(--text);font-variant-numeric:tabular-nums}.profile-stat-label{font-size:.82rem;color:var(--text-muted)}.profile-field{display:block;margin-bottom:18px}.profile-field-label{display:block;font-weight:600;font-size:.9rem;color:var(--text-muted);margin-bottom:8px}.profile-swatches{display:flex;flex-wrap:wrap;gap:10px}.profile-swatch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:38px;height:38px;border-radius:var(--r-pill);border:2px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-xs);transition:transform var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.profile-swatch:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.profile-swatch.is-active{border-color:var(--text);box-shadow:0 0 0 3px var(--surface-1),var(--shadow-sm)}.profile-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.profile-reset{color:var(--danger)}.profile-reset:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}