:root{--gold-300: #f4dca6;--gold-400: #e9c682;--gold-500: #d8ad5f;--gold-600: #bf9244;--gold-700: #9a7333;--gold-soft: rgba(216, 173, 95, .14);--success-500: #2f9e6b;--success-600: #25855a;--danger-500: #d8553f;--danger-600: #c0432f;--warning-500: #d99a2b;--info-500: #4a86c5;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SFMono-Regular", "JetBrains Mono", "Roboto Mono", ui-monospace, Menlo, Consolas, monospace;--fs-11: .6875rem;--fs-12: .75rem;--fs-13: .8125rem;--fs-14: .875rem;--fs-15: .9375rem;--fs-16: 1rem;--fs-18: 1.125rem;--fs-20: 1.25rem;--fs-24: 1.5rem;--fs-30: 1.875rem;--fs-38: 2.375rem;--fs-48: 3rem;--fs-60: 3.75rem;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.12;--lh-snug: 1.3;--lh-normal: 1.55;--tracking-tight: -.02em;--tracking-wide: .04em;--tracking-caps: .12em;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--sp-24: 6rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 999px;--container: 1280px;--container-wide: 1440px;--header-h: 68px;--tap: 44px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .15s;--dur-base: .22s;--dur-slow: .3s;--z-header: 100;--z-bottomnav: 90;--z-modal: 1000;--z-toast: 1100}[data-theme=dark]{color-scheme:dark;--bg: #0c0c0f;--bg-elev: #141417;--bg-elev-2: #1b1b20;--bg-inset: #09090b;--surface-hover: #202027;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--border-accent: rgba(216, 173, 95, .45);--text: #f4f3f0;--text-secondary: #b6b4ad;--text-muted: #86847e;--text-inverse: #14140f;--accent: var(--gold-500);--accent-hover: var(--gold-400);--accent-contrast: #1a1408;--on-accent: #1a1408;--overlay: rgba(8, 8, 10, .72);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px -8px rgba(0, 0, 0, .55);--shadow-lg: 0 24px 60px -18px rgba(0, 0, 0, .7);--shadow-accent: 0 12px 32px -12px rgba(216, 173, 95, .4);--skeleton-base: #1b1b20;--skeleton-shine: rgba(255, 255, 255, .06);--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--gold-400)}[data-theme=light]{color-scheme:light;--bg: #f6f6f4;--bg-elev: #ffffff;--bg-elev-2: #ffffff;--bg-inset: #f0efec;--surface-hover: #f3f2ef;--border: #e6e4df;--border-strong: #d6d3cc;--border-accent: rgba(191, 146, 68, .5);--text: #1d1c19;--text-secondary: #57544d;--text-muted: #8a877f;--text-inverse: #ffffff;--accent: var(--gold-600);--accent-hover: var(--gold-700);--accent-contrast: #ffffff;--on-accent: #ffffff;--overlay: rgba(28, 26, 22, .4);--shadow-sm: 0 1px 2px rgba(28, 26, 22, .06);--shadow-md: 0 6px 20px -8px rgba(28, 26, 22, .16);--shadow-lg: 0 20px 48px -16px rgba(28, 26, 22, .22);--shadow-accent: 0 10px 28px -12px rgba(191, 146, 68, .35);--skeleton-base: #eceae5;--skeleton-shine: rgba(255, 255, 255, .7);--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--gold-600)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}body{font-family:var(--font-sans);font-size:var(--fs-16);line-height:var(--lh-normal);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01";min-height:100vh;overflow-x:hidden}body.is-locked{overflow:hidden}img,picture,video,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-semibold);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--text);text-wrap:balance}p{text-wrap:pretty}:focus{outline:none}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}::selection{background:var(--gold-soft);color:var(--text)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill);border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:content-box}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--sp-6)}@media (min-width: 1280px){.container{max-width:var(--container-wide);padding-inline:var(--sp-10)}}@media (max-width: 600px){.container{padding-inline:var(--sp-4)}}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:var(--sp-2);left:var(--sp-2);z-index:var(--z-toast);padding:var(--sp-2) var(--sp-4);background:var(--accent);color:var(--on-accent);border-radius:var(--radius-sm);font-weight:var(--fw-semibold);transform:translateY(-150%);transition:transform var(--dur-base) var(--ease-out)}.skip-link:focus{transform:translateY(0)}.eyebrow{font-size:var(--fs-12);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--accent)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.rise{animation:rise var(--dur-slow) var(--ease-out) both}.media{position:relative;width:100%;overflow:hidden;background:var(--bg-inset);border-radius:inherit}.media__skeleton{position:absolute;inset:0;border-radius:inherit}.media__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.media__img.is-loaded{opacity:1;transform:scale(1)}.media__fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--text-muted);background:var(--bg-inset)}.media__fallback svg{width:32px;height:32px;opacity:.6}.btn{--btn-bg: transparent;--btn-fg: var(--text);--btn-border: transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--tap);padding:0 var(--sp-5);font-size:var(--fs-14);font-weight:var(--fw-semibold);letter-spacing:.01em;color:var(--btn-fg);background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;user-select:none;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn svg{width:18px;height:18px;flex:none}.btn--primary{--btn-bg: var(--accent);--btn-fg: var(--on-accent);box-shadow:var(--shadow-accent)}.btn--primary:hover{--btn-bg: var(--accent-hover)}.btn--secondary{--btn-bg: var(--bg-elev-2);--btn-fg: var(--text);--btn-border: var(--border-strong)}.btn--secondary:hover{--btn-bg: var(--surface-hover);--btn-border: var(--text-muted)}.btn--ghost{--btn-fg: var(--text-secondary)}.btn--ghost:hover{--btn-bg: var(--surface-hover);--btn-fg: var(--text)}.btn--danger{--btn-bg: var(--danger-500);--btn-fg: #fff}.btn--danger:hover{--btn-bg: var(--danger-600)}.btn--danger-ghost{--btn-fg: var(--danger-500);--btn-border: var(--border)}.btn--danger-ghost:hover{--btn-bg: rgba(216, 85, 63, .1);--btn-border: var(--danger-500)}.btn--sm{min-height:36px;padding:0 var(--sp-3);font-size:var(--fs-13);border-radius:var(--radius-sm)}.btn--lg{min-height:52px;padding:0 var(--sp-8);font-size:var(--fs-16)}.btn--block{width:100%}.btn--loading{color:transparent!important;position:relative;pointer-events:none}.btn--loading:after{content:"";position:absolute;width:18px;height:18px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;color:var(--btn-fg);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tap);height:var(--tap);border-radius:var(--radius-md);color:var(--text-secondary);border:1px solid transparent;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.icon-btn:hover{background:var(--surface-hover);color:var(--text)}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:20px;height:20px}.icon-btn--bordered{border-color:var(--border-strong);background:var(--bg-elev-2)}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:40px;padding:0 var(--sp-4);font-size:var(--fs-14);font-weight:var(--fw-medium);color:var(--text-secondary);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.chip:hover{color:var(--text);border-color:var(--border-strong);transform:translateY(-1px)}.chip[aria-pressed=true],.chip.is-active{color:var(--on-accent);background:var(--accent);border-color:var(--accent);font-weight:var(--fw-semibold)}.chip__count{font-size:var(--fs-12);font-weight:var(--fw-semibold);padding:1px 8px;border-radius:var(--radius-pill);background:var(--surface-hover);color:var(--text-muted);font-variant-numeric:tabular-nums}.chip[aria-pressed=true] .chip__count,.chip.is-active .chip__count{background:#0000002e;color:inherit}.tag{display:inline-flex;align-items:center;padding:3px var(--sp-3);font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--text-secondary);background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-pill);max-width:100%}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;font-size:var(--fs-12);font-weight:var(--fw-semibold);letter-spacing:.02em;border-radius:var(--radius-pill)}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge--gold{color:var(--accent);background:var(--gold-soft)}.badge--neutral{color:var(--text-secondary);background:var(--bg-inset)}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field__label{font-size:var(--fs-13);font-weight:var(--fw-semibold);color:var(--text);display:flex;align-items:center;gap:var(--sp-2)}.field__hint{font-size:var(--fs-12);color:var(--text-muted)}.field__error{font-size:var(--fs-12);font-weight:var(--fw-medium);color:var(--danger-500);display:flex;align-items:center;gap:6px}.field__error:before{content:"!";display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:var(--danger-500);color:#fff;font-size:10px;font-weight:700}.field__error[hidden]{display:none}.input,.textarea,.select{width:100%;min-height:var(--tap);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-14);color:var(--text);background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.input:hover,.textarea:hover,.select:hover{border-color:var(--text-muted)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--gold-soft)}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--danger-500);box-shadow:0 0 0 3px #d8553f24}.textarea{min-height:96px;resize:vertical;line-height:var(--lh-normal)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a877f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--sp-4) center;padding-right:var(--sp-10)}.modal{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--sp-6)}.modal[hidden]{display:none}.modal__overlay{position:absolute;inset:0;background:var(--overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity var(--dur-base) var(--ease-out)}.modal.is-open .modal__overlay{opacity:1}.modal__panel{position:relative;width:100%;max-height:calc(100dvh - var(--sp-12));background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(16px) scale(.985);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.modal.is-open .modal__panel{opacity:1;transform:translateY(0) scale(1)}.modal__panel--sm{max-width:440px}.modal__panel--md{max-width:640px}.modal__panel--lg{max-width:1040px}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border);flex:none}.modal__title{font-size:var(--fs-18)}.modal__body{padding:var(--sp-6);overflow-y:auto;overscroll-behavior:contain;flex:1 1 auto}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-top:1px solid var(--border);background:var(--bg-elev);flex:none}@media (max-width: 600px){.modal{padding:0;place-items:end stretch}.modal__panel{max-height:94dvh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;transform:translateY(100%)}.modal.is-open .modal__panel{transform:translateY(0)}.modal__footer{position:sticky;bottom:0;padding-bottom:max(var(--sp-4),env(safe-area-inset-bottom))}}.toast-region{position:fixed;z-index:var(--z-toast);bottom:var(--sp-6);right:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-3);pointer-events:none;max-width:min(380px,calc(100vw - var(--sp-8)))}@media (max-width: 600px){.toast-region{bottom:auto;top:max(var(--sp-4),env(safe-area-inset-top));left:var(--sp-4);right:var(--sp-4);max-width:none}}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--bg-elev-2);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);color:var(--text);font-size:var(--fs-14);animation:toast-in var(--dur-slow) var(--ease-out) both}.toast.is-leaving{animation:toast-out var(--dur-base) var(--ease-in-out) both}.toast__icon{flex:none;width:20px;height:20px;margin-top:1px}.toast__body{flex:1}.toast__title{font-weight:var(--fw-semibold)}.toast__msg{color:var(--text-secondary);font-size:var(--fs-13)}.toast--success .toast__icon{color:var(--success-500)}.toast--error .toast__icon{color:var(--danger-500)}.toast--info .toast__icon{color:var(--info-500)}.toast__close{flex:none;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-muted);display:grid;place-items:center}.toast__close:hover{background:var(--surface-hover);color:var(--text)}@keyframes toast-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{to{opacity:0;transform:translate(24px)}}@media (max-width: 600px){@keyframes toast-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{to{opacity:0;transform:translateY(-16px)}}}.skeleton{position:relative;overflow:hidden;background:var(--skeleton-base);border-radius:var(--radius-sm)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,var(--skeleton-shine),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.skeleton:after{animation:none}}.skeleton--text{height:.85em;border-radius:var(--radius-sm);margin:.2em 0}.skeleton--title{height:1.2em;width:70%}.state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-4);padding:var(--sp-16) var(--sp-6);max-width:440px;margin-inline:auto}.state__icon{width:64px;height:64px;display:grid;place-items:center;border-radius:var(--radius-xl);background:var(--bg-inset);border:1px solid var(--border);color:var(--text-muted)}.state__icon svg{width:30px;height:30px}.state--error .state__icon{color:var(--danger-500);background:#d8553f1a;border-color:#d8553f40}.state__title{font-size:var(--fs-20)}.state__text{color:var(--text-secondary);font-size:var(--fs-14)}.state__actions{display:flex;gap:var(--sp-3);margin-top:var(--sp-2);flex-wrap:wrap;justify-content:center}.site-header{position:sticky;top:0;z-index:var(--z-header);height:var(--header-h);display:flex;align-items:center;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(150%) blur(14px);backdrop-filter:saturate(150%) blur(14px);border-bottom:1px solid var(--border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);width:100%}.brand{display:flex;align-items:center;gap:var(--sp-3)}.brand__mark{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--gold-400),var(--gold-600));color:#1a1408;box-shadow:var(--shadow-accent)}.brand__mark svg{width:22px;height:22px}.brand__name{font-size:var(--fs-18);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight)}.brand__sub{font-size:var(--fs-11);color:var(--text-muted);letter-spacing:var(--tracking-caps);text-transform:uppercase}.site-header__actions{display:flex;align-items:center;gap:var(--sp-2)}.hero{position:relative;padding:var(--sp-12) 0 var(--sp-8);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(120% 80% at 78% -8%,rgba(216,173,95,.16),transparent 56%),radial-gradient(70% 60% at 6% 0%,rgba(216,173,95,.07),transparent 60%);pointer-events:none}.hero__inner{position:relative;max-width:720px}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--sp-2);padding:6px var(--sp-3);border:1px solid var(--border-accent);border-radius:var(--radius-pill);margin-bottom:var(--sp-4);background:var(--gold-soft)}.hero__eyebrow svg{width:16px;height:16px;color:var(--accent)}.hero__title{font-size:clamp(var(--fs-30),4.5vw,var(--fs-48));font-weight:var(--fw-bold);line-height:var(--lh-tight);margin-bottom:var(--sp-3)}.hero__title em{font-style:normal;color:var(--accent)}.hero__lead{font-size:var(--fs-16);color:var(--text-secondary);max-width:56ch}@media (max-width: 600px){.hero{padding:var(--sp-8) 0 var(--sp-6)}}.toolbar{position:sticky;top:var(--header-h);z-index:calc(var(--z-header) - 1);padding:var(--sp-4) 0;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.searchbar{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.search{position:relative;flex:1;display:flex;align-items:center}.search__icon{position:absolute;left:var(--sp-4);width:20px;height:20px;color:var(--text-muted);pointer-events:none}.search__input{width:100%;height:52px;padding:0 var(--sp-12) 0 calc(var(--sp-10) + 6px);font-size:var(--fs-16);color:var(--text);background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.search__input::placeholder{color:var(--text-muted)}.search__input::-webkit-search-cancel-button{-webkit-appearance:none}.search__input:hover{border-color:var(--text-muted)}.search__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--gold-soft);background:var(--bg-elev-2)}.search__kbd{position:absolute;right:var(--sp-4);display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;font-family:var(--font-mono);font-size:var(--fs-12);color:var(--text-muted);background:var(--bg-inset);border:1px solid var(--border);border-radius:6px;pointer-events:none}.search__clear{position:absolute;right:var(--sp-3);width:32px;height:32px;display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--text-muted)}.search__clear:hover{background:var(--surface-hover);color:var(--text)}.search__clear svg{width:16px;height:16px}.search__clear[hidden]{display:none}.search:has(.search__clear:not([hidden])) .search__kbd{display:none}.toolbar__controls{display:flex;align-items:center;gap:var(--sp-3);flex:none}.toolbar__sort{width:auto;min-width:132px;height:52px}.density{display:inline-flex;flex:none;padding:4px;gap:2px;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius-md)}.density__btn{width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--text-muted);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.density__btn:hover{color:var(--text);background:var(--surface-hover)}.density__btn[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.density__btn svg{width:20px;height:20px}@media (max-width: 600px){.search__input{height:48px;font-size:var(--fs-15)}.search__kbd{display:none}}.filters{display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none;padding-bottom:2px;scroll-snap-type:x proximity}.filters::-webkit-scrollbar{display:none}.filters .chip{scroll-snap-align:start;flex:none}@media (max-width: 600px){.filters{margin-inline:calc(-1 * var(--sp-4));padding-inline:var(--sp-4)}}.results-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-8) 0 var(--sp-5);flex-wrap:wrap}.results-meta__text{font-size:var(--fs-14);color:var(--text-secondary)}.results-meta__text strong{color:var(--text);font-weight:var(--fw-semibold)}.results-meta__count{color:var(--accent);font-variant-numeric:tabular-nums}.results-meta__clear{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--text-secondary);padding:6px var(--sp-3);border-radius:var(--radius-pill);border:1px solid var(--border);transition:color var(--dur-fast),border-color var(--dur-fast),background var(--dur-fast)}.results-meta__clear:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-hover)}.results-meta__clear svg{width:14px;height:14px}.results-meta__clear[hidden]{display:none}.grid{position:relative;padding-bottom:var(--sp-12);transition:opacity var(--dur-base) var(--ease-out)}.grid.is-switching{opacity:.4;pointer-events:none}.masonry__item{position:absolute;top:0;left:0}.masonry__item.card{position:absolute;transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.masonry__item.card:not(.is-in){transform:translateY(12px)}.grid--skel{position:static;column-count:3;column-gap:var(--sp-6);height:auto!important}.grid--skel>.card-skel{break-inside:avoid;margin-bottom:var(--sp-6);width:auto}@media (max-width: 1023px){.grid--skel{column-count:2;column-gap:var(--sp-5)}}@media (max-width: 639px){.grid--skel{column-count:1}}.card{position:relative;border-radius:var(--radius-xl);background:var(--bg-elev);border:1px solid var(--border);overflow:hidden;transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow-lg)}.card:has(.card__btn:focus-visible){box-shadow:var(--focus-ring),var(--shadow-lg);border-color:var(--border-accent)}.card__btn{display:block;width:100%;text-align:left;color:inherit}.card__btn:focus-visible{outline:none;box-shadow:none}.card__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:var(--bg-inset)}.card__split{position:absolute;inset:0}.card__half{position:absolute;inset:0;border-radius:0}.card__half--before{clip-path:inset(0 50% 0 0)}.card__half--after{clip-path:inset(0 0 0 50%);transition:clip-path var(--dur-slow) var(--ease-out)}.card__half .media__img{transition:transform var(--dur-slow) var(--ease-out),opacity var(--dur-slow) var(--ease-out)}.card:hover .card__half .media__img{transform:scale(1.04)}.card__seam{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:linear-gradient(var(--gold-300),var(--gold-500));box-shadow:0 0 0 1px #0003;opacity:.9}.card__chip{position:absolute;top:var(--sp-3);font-size:var(--fs-11);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;padding:3px 8px;border-radius:var(--radius-sm);background:#0a0a0c9e;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card__chip--before{left:var(--sp-3)}.card__chip--after{right:var(--sp-3);background:#d8ad5feb;color:#1a1408}.card__series{position:absolute;bottom:var(--sp-3);left:var(--sp-3);display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--radius-pill);font-size:var(--fs-12);font-weight:var(--fw-semibold);background:#0a0a0c9e;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-variant-numeric:tabular-nums}.card__series svg{width:14px;height:14px}.card__overlay{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(0deg,rgba(8,8,10,.5),transparent 60%);opacity:0;transition:opacity var(--dur-base) var(--ease-out)}.card:hover .card__overlay,.card:has(.card__btn:focus-visible) .card__overlay{opacity:1}.card__cta{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-pill);background:#f4f3f0f2;color:#14140f;font-size:var(--fs-14);font-weight:var(--fw-semibold);transform:translateY(8px);transition:transform var(--dur-base) var(--ease-out);box-shadow:var(--shadow-md)}.card:hover .card__cta,.card:has(.card__btn:focus-visible) .card__cta{transform:translateY(0)}.card__cta svg{width:16px;height:16px}.card__body{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2)}.card__cat{font-size:var(--fs-11)}.card__title{font-size:var(--fs-18);line-height:var(--lh-snug);min-height:2.6em}.card__desc{font-size:var(--fs-14);color:var(--text-secondary);line-height:var(--lh-normal)}.card__tags{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:0 var(--sp-5) var(--sp-5);margin-top:-2px}.tag--more{color:var(--text-muted);font-weight:var(--fw-semibold)}.tag--btn{cursor:pointer;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.tag--btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-hover)}.tag--btn.is-active{color:var(--on-accent);background:var(--accent);border-color:var(--accent);font-weight:var(--fw-semibold)}.tag--btn:focus-visible{box-shadow:var(--focus-ring)}.hl{background:var(--gold-soft);color:var(--accent);border-radius:3px;padding:0 1px;font-weight:var(--fw-semibold)}.card__copy{position:absolute;right:var(--sp-3);top:var(--sp-3);display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 var(--sp-3);font-size:var(--fs-12);font-weight:var(--fw-semibold);color:#14140f;background:#f4f3f0f2;border-radius:var(--radius-pill);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transform:translateY(-4px);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.card__copy svg{width:15px;height:15px}.card:hover .card__copy,.card__copy:focus-visible{opacity:1;transform:translateY(0)}.card__copy:focus-visible{box-shadow:var(--focus-ring),var(--shadow-md)}.card__copy:hover{background:#fff}.card__copy.is-copied{background:var(--success-500);color:#fff;opacity:1;transform:translateY(0)}@media (hover: none){.card__copy{opacity:1;transform:none}}.grid--compact .card{border-radius:var(--radius-md)}.grid--compact .card__body{padding:var(--sp-3);gap:4px}.grid--compact .card__title{font-size:var(--fs-14);min-height:0}.grid--compact .card__desc,.grid--compact .card__tags{display:none}.grid--compact .card__chip{font-size:9px;padding:2px 6px;top:var(--sp-2)}.grid--compact .card__chip--before{left:var(--sp-2)}.grid--compact .card__chip--after{right:var(--sp-2)}.grid--compact .card__cta{padding:var(--sp-2) var(--sp-4);font-size:var(--fs-13)}.grid--compact .card__copy{height:32px;padding:0 10px;font-size:var(--fs-11);right:var(--sp-2);top:var(--sp-2)}.card-skel{border-radius:var(--radius-xl);background:var(--bg-elev);border:1px solid var(--border);overflow:hidden}.card-skel__media{aspect-ratio:4 / 5}.card-skel__body{padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3)}.card-skel__row{display:flex;gap:var(--sp-2)}.feed{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);padding:var(--sp-8) 0 var(--sp-16);min-height:64px}.feed__sentinel{width:1px;height:1px}.feed__loading{display:inline-flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-14);color:var(--text-secondary)}.feed__end{font-size:var(--fs-13);color:var(--text-muted);letter-spacing:.01em}.feed__more{min-width:160px}.feed__more svg{width:16px;height:16px}.feed__error{display:inline-flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-14);color:var(--text-secondary)}.spinner{width:18px;height:18px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:1.4s}}.feed__status{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3);min-height:44px;justify-content:center}.compare{--pos: 50%;position:relative;width:100%;overflow:hidden;border-radius:var(--radius-lg);background:var(--bg-inset);touch-action:pan-y;user-select:none;cursor:ew-resize}.compare__layer{position:absolute;inset:0;border-radius:0}.compare__layer--after{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.compare.is-dragging .compare__layer--after{transition:none}.compare__divider{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;transform:translate(-50%);background:linear-gradient(var(--gold-300),var(--gold-500));box-shadow:0 0 12px #00000059;pointer-events:none}.compare__handle{position:absolute;top:50%;left:var(--pos);transform:translate(-50%,-50%);width:var(--tap);height:var(--tap);border-radius:50%;background:#f4f3f0f5;box-shadow:var(--shadow-md),0 0 0 1px #00000014;display:grid;place-items:center;cursor:ew-resize;touch-action:none;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.compare__handle:hover{transform:translate(-50%,-50%) scale(1.06)}.compare__handle:active{transform:translate(-50%,-50%) scale(.96)}.compare__handle:focus-visible{box-shadow:var(--focus-ring),var(--shadow-md)}.compare__handle-grip{display:flex;align-items:center;gap:3px;color:#14140f}.compare__arrow{width:0;height:0;border-block:5px solid transparent}.compare__arrow--l{border-right:6px solid currentColor}.compare__arrow--r{border-left:6px solid currentColor}.compare__label{position:absolute;bottom:var(--sp-4);padding:4px var(--sp-3);font-size:var(--fs-12);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.compare__label--before{left:var(--sp-4);background:#0a0a0ca8;color:#fff}.compare__label--after{right:var(--sp-4);background:#d8ad5ff0;color:#1a1408}.modal__panel--detail{max-width:1080px}.detail{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--sp-8)}.detail__visual{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}.detail__stage{min-width:0}.detail__series{display:flex;align-items:center;gap:var(--sp-3)}.detail__thumbs{display:flex;gap:var(--sp-2);overflow-x:auto;scrollbar-width:none;padding:2px;flex:1}.detail__thumbs::-webkit-scrollbar{display:none}.detail__thumb{flex:none;width:64px;height:64px;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;opacity:.6;transition:opacity var(--dur-fast),border-color var(--dur-fast),transform var(--dur-fast)}.detail__thumb:hover{opacity:.9;transform:translateY(-2px)}.detail__thumb.is-active{opacity:1;border-color:var(--accent)}.detail__thumb:focus-visible{box-shadow:var(--focus-ring);opacity:1}.detail__nav{flex:none}.detail__counter{position:absolute;display:none}.detail__info{display:flex;flex-direction:column;gap:var(--sp-4);min-width:0}.detail__cat{font-size:var(--fs-12)}.detail__title{font-size:var(--fs-30);line-height:var(--lh-tight)}.detail__desc{font-size:var(--fs-15);color:var(--text-secondary);line-height:var(--lh-normal)}.detail__tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.prompt{margin-top:var(--sp-2);padding:var(--sp-5);border-radius:var(--radius-lg);background:var(--bg-inset);border:1px solid var(--border)}.prompt__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-bottom:var(--sp-3)}.prompt__title{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-13);font-weight:var(--fw-semibold);color:var(--accent)}.prompt__title svg{width:16px;height:16px}.prompt__text{font-family:var(--font-mono);font-size:var(--fs-13);line-height:1.65;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.prompt__toggle{margin-top:var(--sp-3);display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-13);font-weight:var(--fw-semibold);color:var(--accent)}.prompt__toggle svg{width:15px;height:15px;transition:transform var(--dur-fast)}.prompt__copy.is-copied{color:var(--success-500);border-color:var(--success-500)}@media (max-width: 860px){.detail{grid-template-columns:1fr;gap:var(--sp-5)}.detail__info{order:-1}.detail__title{font-size:var(--fs-24)}.prompt{order:2}}.site-footer{border-top:1px solid var(--border);padding:var(--sp-8) 0;margin-top:var(--sp-8)}.site-footer p{font-size:var(--fs-13);color:var(--text-muted);text-align:center}