:root{color-scheme:light;font-family:Inter,Outfit,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;background:#fff;color:#0f172a;--theme-transition: .24s;--ink: #0f172a;--body: #334155;--body-strong: #1e293b;--muted: #64748b;--muted-soft: #748094;--primary: #4f46e5;--primary-active: #4338ca;--primary-soft: #eef2ff;--secondary: #f59e0b;--accent: #0ea5e9;--accent-soft: #e0f2fe;--surface-page: #ffffff;--surface-paper: #ffffff;--surface-card: #ffffff;--surface-card-strong: #f8fafc;--surface-muted: #f1f5f9;--surface-dark: #0f172a;--on-dark: #f8fafc;--hairline: #0f172a;--hairline-strong: #0f172a;--success: #16a34a;--warning: #d97706;--error: #dc2626;--shadow-xs: 2px 2px 0 0 #0f172a;--shadow-sm: 3px 3px 0 0 #0f172a;--shadow-md: 5px 5px 0 0 #0f172a;--shadow-lg: 7px 7px 0 0 #0f172a;--curve: cubic-bezier(.22, 1, .36, 1);--nav-offset: 96px}html.dark{color-scheme:dark;background:#0b1220;color:#e2e8f0;--ink: #f1f5f9;--body: #cbd5e1;--body-strong: #e2e8f0;--muted: #94a3b8;--muted-soft: #94a3b8;--primary: #818cf8;--primary-active: #a5b4fc;--primary-soft: #1e1b4b;--secondary: #fbbf24;--accent: #38bdf8;--accent-soft: #082f49;--surface-page: #0b1220;--surface-paper: #0f172a;--surface-card: #111827;--surface-card-strong: #1e293b;--surface-muted: #1e293b;--surface-dark: #020617;--on-dark: #f8fafc;--hairline: #e2e8f0;--hairline-strong: #f1f5f9;--success: #4ade80;--warning: #fbbf24;--error: #f87171;--shadow-xs: 2px 2px 0 0 #e2e8f0;--shadow-sm: 3px 3px 0 0 #e2e8f0;--shadow-md: 5px 5px 0 0 #e2e8f0;--shadow-lg: 7px 7px 0 0 #e2e8f0}html.dark body{background:var(--surface-page)}html.dark .input,html.dark .textarea,html.dark .select{background:var(--surface-card);color:var(--ink);border-color:var(--hairline);box-shadow:var(--shadow-xs)}html.dark .input:focus,html.dark .textarea:focus,html.dark .select:focus{background:var(--surface-card-strong);border-color:var(--hairline);box-shadow:var(--shadow-md)}html.dark .list-item{background:var(--surface-card)}html.dark .list-item:hover{background:var(--surface-card-strong)}html.dark .list-item-notice{border-left-color:var(--success);background:var(--surface-card)}html.dark .empty{background:var(--surface-card)}html.dark .skin-anchor-card,html.dark .skin-price-chip{background:var(--surface-card-strong)}html.dark .skeleton{background:linear-gradient(100deg,var(--surface-card) 40%,var(--surface-card-strong) 50%,var(--surface-card) 60%);background-size:200% 100%}html.dark .qr-frame{background:var(--surface-card-strong)}html.dark .nav-wrap{background:#0f172ad9;border-bottom-color:var(--hairline)}html.dark select option{background:var(--surface-card);color:var(--ink)}html.dark .tab{background:var(--surface-card)}html.dark .tab:hover{background:var(--accent-soft)}html.dark .metric-card{background:var(--surface-card-strong)}html.dark .metric-card:hover{background:var(--surface-card-strong);border-color:var(--hairline);box-shadow:var(--shadow-md);transform:translate(-1px,-1px)}html.dark .announcement-card:hover{background:var(--surface-card-strong)}html.dark .empty:before{color:var(--muted-soft)}html.dark .nav-user-chip{background:var(--accent-soft);border-color:var(--hairline)}html.dark .nav-surface{background:var(--surface-card)}html.dark ::-webkit-scrollbar-thumb{background:var(--muted)}html.dark ::-webkit-scrollbar-track{background:var(--surface-page)}html.dark ::-webkit-scrollbar-thumb:hover{background:var(--muted-soft)}html.dark .skin-result-card{background:var(--surface-card)}html.dark .skin-result-card:hover{background:var(--surface-card-strong)}html.dark .skin-result-card.active{background:var(--primary-soft);border-color:var(--primary)}html.dark .badge{background:var(--surface-dark);color:var(--on-dark);border-color:var(--hairline)}html.dark .badge-primary{background:var(--secondary);color:var(--ink);border-color:var(--secondary)}html.dark .badge-dark{background:var(--surface-card-strong);color:var(--on-dark)}html.dark .btn-secondary{background:var(--surface-card);color:var(--ink)}html.dark .btn-secondary:hover{background:var(--surface-card-strong)}html.dark .btn-ghost{background:var(--surface-card)}html.dark .btn-ghost:hover{background:var(--accent-soft)}html.dark .card{background:var(--surface-card);border-color:var(--hairline)}html.dark .card-canvas{background:var(--surface-paper);border-color:var(--hairline)}html.dark .panel{background:var(--surface-card);border-color:var(--hairline)}html.dark .card-soft{background:var(--surface-card-strong)}html.dark .modal-layer{background:#000000a6}*{box-sizing:border-box}html{min-height:100%;background:var(--surface-page);scroll-behavior:smooth;transition:background-color .24s var(--curve)}body{min-height:100%;margin:0;overflow-x:hidden;background:var(--surface-page);color:var(--ink);-webkit-font-smoothing:antialiased;transition:background-color var(--theme-transition) var(--curve),color var(--theme-transition) var(--curve)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#app{position:relative;z-index:1;min-height:100dvh}.app-shell{position:relative;min-height:100dvh}.app-content{position:relative;z-index:1;padding-top:0}.t-display-xl,.t-display-lg,.t-display-md,.t-display-sm{font-family:Inter,Outfit,PingFang SC,sans-serif;margin:0;color:var(--ink)}.t-display-xl{font-size:clamp(32px,4.4vw,48px);font-weight:900;line-height:1.05;letter-spacing:-.03em}.t-display-lg{font-size:clamp(26px,3.4vw,36px);font-weight:900;line-height:1.1;letter-spacing:-.025em}.t-display-md{font-size:clamp(22px,2.8vw,28px);font-weight:800;line-height:1.15;letter-spacing:-.02em}.t-display-sm{font-size:clamp(19px,2.2vw,22px);font-weight:800;line-height:1.2;letter-spacing:-.015em}.t-title-md{font-size:16px;font-weight:700;line-height:1.4;margin:0;color:var(--ink)}.t-title-sm{font-size:14px;font-weight:700;line-height:1.4;margin:0;color:var(--ink)}.t-body{font-size:15px;font-weight:500;line-height:1.65;margin:0;color:var(--body)}.t-body-sm{font-size:13.5px;font-weight:500;line-height:1.6;margin:0;color:var(--body)}.t-caption{font-size:11px;font-weight:700;line-height:1.4;margin:0;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.mono{font-family:JetBrains Mono,SF Mono,ui-monospace,monospace;font-size:13px;line-height:1.6}.nav-wrap{position:sticky;top:0;z-index:30;padding:0;background:var(--surface-card);border-bottom:2.5px solid var(--hairline)}.nav-core{display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(1260px,calc(100% - 48px));margin:0 auto;padding:12px 0;border:none;border-radius:0;background:transparent;box-shadow:none}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-pill{padding-right:0}.brand-copy{display:grid;gap:0;min-width:0}.brand-copy strong{font-size:15px;font-weight:700;letter-spacing:.02em;color:var(--ink)}.brand-copy small{color:var(--muted);font-size:11px;letter-spacing:.04em}.brand-mark{width:32px;height:32px;border-radius:6px;display:grid;place-items:center;font-size:12px;background:var(--primary);color:#fff;font-weight:800;border:2.5px solid var(--hairline);box-shadow:var(--shadow-xs);transform:none;transition:transform .14s var(--curve),box-shadow .14s var(--curve)}.brand:hover .brand-mark{background:var(--primary-active);transform:translate(-1px,-1px);box-shadow:var(--shadow-sm)}.nav-surface{padding:4px;border-radius:6px;background:transparent;border:none}.nav-links{display:flex;align-items:center;gap:2px}.nav-actions{display:flex;align-items:center;gap:8px}.nav-link{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:6px;color:var(--ink);font-size:13.5px;font-weight:700;border:2px solid transparent;background:transparent;transition:background .16s var(--curve),border-color .16s var(--curve),box-shadow .14s var(--curve),transform .14s var(--curve)}.nav-link:hover{color:var(--ink);background:var(--surface-card);border-color:var(--hairline);box-shadow:var(--shadow-xs)}.nav-link:active{transform:translate(1px,1px);box-shadow:none}.nav-link.router-link-active{color:#fff;background:var(--primary);border-color:var(--hairline);box-shadow:var(--shadow-sm);position:relative}.nav-link.router-link-active:after{content:none}.nav-link-quiet{background:transparent;color:var(--muted);font-weight:500}.nav-link-quiet:hover{color:var(--ink)}.nav-user-chip{display:grid;gap:0;padding:4px 12px;border-radius:8px;background:var(--surface-muted);border:1px solid var(--hairline);min-width:0;box-shadow:none;transition:background .16s var(--curve)}.nav-user-chip:hover{background:var(--surface-card-strong);transform:none;box-shadow:none}.nav-user-chip strong{font-size:13px;font-weight:600;color:var(--ink)}.nav-user-label{font-size:10px;color:var(--muted);letter-spacing:.04em;font-weight:600}.nav-cta{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:6px;background:var(--primary);color:#fff;font-size:13px;font-weight:800;border:2.5px solid var(--hairline);box-shadow:var(--shadow-sm);transition:transform .14s var(--curve),box-shadow .14s var(--curve),background .16s var(--curve)}.nav-cta:hover{background:var(--primary-active);transform:translate(-1px,-1px);box-shadow:var(--shadow-md)}.nav-cta:active{transform:translate(2px,2px);box-shadow:none}.theme-toggle{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:6px;border:2.5px solid var(--hairline);background:var(--surface-card);color:var(--ink);font-size:14px;cursor:pointer;box-shadow:var(--shadow-xs);transition:transform .14s var(--curve),box-shadow .14s var(--curve)}.theme-toggle:hover{background:var(--surface-muted);transform:translate(-1px,-1px);box-shadow:var(--shadow-sm)}.theme-toggle:active{transform:translate(1px,1px);box-shadow:none}.mobile-menu{width:min(1260px,calc(100% - 48px));margin:8px auto 0;padding:12px;border:2.5px solid var(--hairline);border-radius:8px;background:var(--surface-card);box-shadow:var(--shadow-md)}.hamburger{display:none;width:40px;height:40px;border:2.5px solid var(--hairline);border-radius:6px;background:var(--surface-card);position:relative;box-shadow:var(--shadow-xs)}.hamburger:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-sm)}.hamburger span{position:absolute;left:11px;width:18px;height:2.5px;background:var(--ink);transition:transform .22s var(--curve),opacity .22s var(--curve);border-radius:2px}.hamburger span:first-child{transform:translateY(-5px)}.hamburger span:nth-child(2){transform:translateY(5px)}.hamburger.open span:first-child{transform:rotate(45deg)}.hamburger.open span:nth-child(2){transform:rotate(-45deg)}.eyebrow{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:2px 10px;border-radius:4px;background:var(--primary-soft);border:2px solid var(--hairline);color:var(--primary-active);font-size:11px;font-weight:800;letter-spacing:.04em}.metric{font-size:clamp(28px,3.4vw,36px);line-height:1;letter-spacing:-.04em;font-weight:800;color:var(--ink);transition:color .2s var(--curve)}.metric-card:hover .metric{transform:none}.label{color:var(--muted);font-size:11px;letter-spacing:.06em;font-weight:700}.label-primary{color:var(--primary)}.label-accent{color:var(--accent)}.label-warning{color:var(--warning)}.glyph-clock{font-size:10px;line-height:1;opacity:.85}.glyph-clock-xs{font-size:9px;line-height:1;opacity:.85}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 18px;border-radius:6px;border:2.5px solid var(--hairline);font-size:13.5px;font-weight:700;line-height:1;box-shadow:var(--shadow-sm);transition:transform .12s var(--curve),box-shadow .12s var(--curve),background .16s var(--curve)}.btn:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translate(2px,2px);box-shadow:none}.btn:disabled{cursor:not-allowed;opacity:.55;box-shadow:var(--shadow-xs);transform:none}.btn-primary{background:var(--primary);color:#fff;border-color:var(--hairline)}.btn-primary:hover{background:var(--primary-active)}.btn-secondary{background:var(--surface-card);color:var(--ink);border-color:var(--hairline)}.btn-secondary:hover{background:var(--surface-muted)}.btn-danger{background:#fee2e2;color:var(--error);border-color:var(--hairline)}.btn-danger:hover{background:#fecaca}html.dark .btn-danger{background:#2a0f12;color:#fca5a5;border-color:var(--hairline)}html.dark .btn-danger:hover{background:#3a1418}.btn-ghost{background:transparent;color:var(--body);border-color:transparent;box-shadow:none}.btn-ghost:hover{background:var(--surface-muted);color:var(--ink);box-shadow:none;transform:none}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:18px;height:18px;border:2.5px solid rgba(127,127,127,.22);border-top-color:var(--primary);border-radius:999px;animation:spin .6s linear infinite}.card,.card-soft,.card-canvas,.panel{position:relative;overflow:visible}.card,.card-canvas,.panel{background:var(--surface-card);border:2.5px solid var(--hairline);border-radius:8px;box-shadow:var(--shadow-md);transition:transform .14s var(--curve),box-shadow .14s var(--curve)}.card{padding:24px}.card-soft{background:var(--surface-card-strong);border:2px solid var(--hairline);border-radius:6px;padding:18px;box-shadow:var(--shadow-sm)}.card-canvas{background:var(--surface-card);padding:24px}.panel{padding:22px}.card-bleed{padding:0;overflow:hidden}.card-bleed-content{padding:28px}.card:hover,.card-canvas:hover,.panel:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-lg)}.field{display:grid;gap:6px}.field label{color:var(--body-strong);font-size:13px;font-weight:500}.input,.textarea,.select{width:100%;min-height:40px;padding:0 12px;border:2.5px solid var(--hairline);border-radius:6px;background:var(--surface-card);color:var(--ink);outline:none;font-size:14px;box-shadow:var(--shadow-xs);transition:box-shadow .14s var(--curve),transform .14s var(--curve)}.textarea{padding:10px 12px;min-height:116px;resize:vertical}.input:focus,.textarea:focus,.select:focus{background:var(--surface-card);border-color:var(--hairline);box-shadow:var(--shadow-md);transform:translate(-1px,-1px)}.input::placeholder,.textarea::placeholder{color:var(--muted-soft)}.page-shell{position:relative;z-index:1;width:min(1200px,calc(100% - 48px));margin:0 auto;padding:32px 0 64px}.narrow-shell{position:relative;z-index:1;width:min(960px,calc(100% - 48px));margin:0 auto;padding:32px 0 64px}.section{padding:36px 0}.section-header{display:grid;gap:12px}.section-header-tight{display:grid;gap:6px}.section-title{margin:0}.section-copy{max-width:62ch}.kicker-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row-divider{padding-bottom:12px;border-bottom:1px solid var(--hairline)}.center-shell{display:grid;place-items:center;min-height:80dvh}.auth-card-shell{width:min(420px,100%)}.empty-bare{background:transparent;border:none;box-shadow:none}.col-span-full{grid-column:1 / -1}.spinner-sm{width:12px;height:12px}.text-primary{color:var(--primary)}.t-title-tight{font-size:14px;line-height:1.3}.row-start{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.inline-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inline-icon{display:inline-flex;align-items:center;gap:6px}.center-text{text-align:center}.cluster{display:grid;gap:8px}.stack{display:grid;gap:12px}.stack-lg{display:grid;gap:16px}.stack-xl{display:grid;gap:24px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:6px;min-height:22px;border-radius:4px;padding:2px 10px;background:var(--surface-muted);border:2px solid var(--hairline);color:var(--body-strong);font-size:11.5px;font-weight:700}.badge-primary{background:var(--primary-soft);color:var(--primary-active)}.badge-dark{background:var(--surface-dark);color:var(--on-dark);border-color:var(--surface-dark)}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{padding:7px 14px;border-radius:6px;background:var(--surface-card);color:var(--ink);font-size:13.5px;font-weight:700;border:2.5px solid var(--hairline);cursor:pointer;box-shadow:var(--shadow-xs);transition:transform .12s var(--curve),box-shadow .12s var(--curve),background .16s var(--curve)}.tab:hover{background:var(--surface-muted);transform:translate(-1px,-1px);box-shadow:var(--shadow-sm)}.tab.active{color:#fff;background:var(--primary);box-shadow:var(--shadow-sm);transform:none}.tab.active:hover{background:var(--primary-active)}.tab:active{transform:translate(2px,2px);box-shadow:none}.list-item{display:grid;gap:8px;padding:16px 18px;border-radius:6px;border:2.5px solid var(--hairline);background:var(--surface-card);box-shadow:var(--shadow-sm);transition:transform .14s var(--curve),box-shadow .14s var(--curve)}.list-item:hover{transform:translate(-1px,-1px);background:var(--surface-card);border-color:var(--hairline);box-shadow:var(--shadow-md)}.list-item-quiet:hover{transform:none;box-shadow:var(--shadow-xs)}.list-item-rule{border-left:6px solid var(--hairline)}.list-item-rule-primary{border-left-color:var(--primary)}.list-item-rule-accent{border-left-color:var(--accent)}.list-item-rule-warning{border-left-color:var(--warning)}.list-item-notice{border-left:6px solid var(--success);background:var(--surface-card)}.list-item-notice:hover{background:var(--surface-card)}.list-item-notice .label{color:var(--success)}.arrow-pop{display:inline-flex;align-items:center;justify-content:center;padding:0 6px;min-width:20px;min-height:20px;font-size:12px;font-weight:800;background:var(--surface-card);border:2px solid var(--hairline);border-radius:4px;box-shadow:var(--shadow-xs);transition:transform .14s var(--curve),box-shadow .14s var(--curve)}.list-item:hover .arrow-pop,.announcement-card:hover .arrow-pop{background:var(--primary);color:#fff;transform:translate(-1px,-1px);box-shadow:var(--shadow-sm)}.html-body{color:var(--body);line-height:1.8;text-wrap:pretty}.html-body h1,.html-body h2,.html-body h3,.html-body h4{margin:1.4em 0 .5em;letter-spacing:-.01em;color:var(--ink)}.html-body img{max-width:100%;border-radius:8px;border:2.5px solid var(--hairline);box-shadow:var(--shadow-sm);background:var(--surface-card)}.html-body a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.muted{color:var(--muted)}.body{color:var(--body)}.error-text{color:var(--error)}.success-text{color:var(--success)}.empty{padding:32px 24px;text-align:center;color:var(--muted);border:2.5px dashed var(--hairline);border-radius:6px;background:var(--surface-card-strong);font-size:14px;line-height:1.65;box-shadow:var(--shadow-xs);position:relative}.empty:before{content:"!";display:grid;place-items:center;width:32px;height:32px;margin:0 auto 10px;border-radius:6px;border:2.5px solid var(--hairline);background:var(--surface-card);box-shadow:var(--shadow-xs);font-weight:900;color:var(--ink);font-size:16px}.empty-inline{padding:12px 14px;text-align:left}.empty-inline:before{content:none}.empty-bare:before{content:none}.empty-glyph{font-size:40px;line-height:1;margin-bottom:12px;opacity:.35}.chart-svg{width:100%;height:240px;display:block;border-radius:8px;background:var(--surface-card);border:2.5px solid var(--hairline);box-shadow:var(--shadow-sm)}.preview-img{max-width:100%;border-radius:8px;border:2.5px solid var(--hairline);box-shadow:var(--shadow-sm)}.lock-glyph{font-size:48px;line-height:1;opacity:.35;margin-bottom:12px}.metric-tight{font-size:28px}.modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:20px;background:#0f172a8c}.modal-card{width:min(560px,100%);max-height:min(84dvh,900px);overflow:auto;border:2.5px solid var(--hairline);border-radius:8px;background:var(--surface-card);box-shadow:var(--shadow-lg)}.modal-enter-active,.modal-leave-active{transition:opacity .24s var(--curve),transform .24s var(--curve),backdrop-filter .24s var(--curve)}.modal-enter-from,.modal-leave-to{opacity:0;transform:scale(.96) translateY(8px)}.modal-enter-active .modal-card,.modal-leave-active .modal-card{transition:transform .28s var(--curve)}.modal-enter-from .modal-card,.modal-leave-to .modal-card{transform:scale(.94)}.route-loading{min-height:42dvh;display:grid;place-items:center}.route-loading-shell{min-height:72dvh;display:grid;place-items:center}.route-loading-panel{width:min(520px,100%);padding:24px;border:2.5px solid var(--hairline);border-radius:8px;background:var(--surface-card);box-shadow:var(--shadow-md)}.fade-up{animation:fadeUp .36s var(--curve) both}.delay-1{animation-delay:60ms}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter-active{transition:opacity .22s var(--curve),transform .22s var(--curve)}.page-leave-active{transition:opacity .16s var(--curve),transform .16s var(--curve)}.page-enter-from{opacity:0;transform:translateY(6px)}.page-leave-to{opacity:0;transform:translateY(-4px)}.tab-content-enter-active{transition:opacity .24s var(--curve),transform .24s var(--curve)}.tab-content-leave-active{transition:opacity .18s var(--curve),transform .18s var(--curve)}.tab-content-enter-from{opacity:0;transform:translateY(10px)}.tab-content-leave-to{opacity:0;transform:translateY(-6px)}.route-loading-animated{animation:fadeUp .42s var(--curve) both}.route-loading-bar{width:100%;height:6px;border-radius:999px;background:var(--surface-muted);border:2px solid var(--hairline);overflow:hidden;margin-top:8px}.route-loading-bar-inner{height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,var(--primary) 0%,#ff8a5c 50%,var(--primary) 100%);background-size:200% 100%;animation:loadingBar 1.4s ease-in-out infinite,loadingShimmer 1.8s linear infinite}@keyframes loadingBar{0%{transform:translate(-110%)}50%{transform:translate(120%)}to{transform:translate(-110%)}}@keyframes loadingShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stagger-item{opacity:0;animation:staggerIn .48s var(--curve) forwards}.stagger-item:nth-child(1){animation-delay:0ms}.stagger-item:nth-child(2){animation-delay:60ms}.stagger-item:nth-child(3){animation-delay:.12s}.stagger-item:nth-child(4){animation-delay:.18s}.stagger-item:nth-child(5){animation-delay:.24s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.36s}.stagger-item:nth-child(8){animation-delay:.42s}@keyframes staggerIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.shake{animation:shake .26s var(--curve)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.mobile-menu-enter-active,.mobile-menu-leave-active{transition:opacity .28s var(--curve),transform .28s var(--curve),max-height .36s var(--curve);max-height:600px;overflow:hidden}.mobile-menu-enter-from,.mobile-menu-leave-to{opacity:0;transform:translateY(-10px);max-height:0}.toast-stack{position:fixed;top:calc(var(--nav-offset) + 12px);right:20px;z-index:50;display:grid;gap:10px;width:min(360px,calc(100vw - 40px));pointer-events:none}.toast{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 14px;border-radius:6px;border:2.5px solid var(--hairline);background:var(--surface-card);box-shadow:var(--shadow-md);font-size:13px;font-weight:600;line-height:1.4;pointer-events:auto}.toast--success{background:#ecfdf5;border-color:var(--hairline);color:#065f46}.toast--error{background:#fef2f2;border-color:var(--hairline);color:#991b1b}.toast--warning{background:#fffbeb;border-color:var(--hairline);color:#92400e}.toast--info{background:var(--surface-card);border-color:var(--hairline);color:var(--ink)}html.dark .toast--success{background:#064e3b;border-color:#047857;color:#6ee7b7}html.dark .toast--error{background:#450a0a;border-color:#b91c1c;color:#fca5a5}html.dark .toast--warning{background:#422006;border-color:#b45309;color:#fcd34d}.toast-icon{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:6px;font-size:12px;font-weight:800;flex-shrink:0;border:2px solid var(--hairline)}.toast--success .toast-icon{background:var(--success);color:#fff}.toast--error .toast-icon{background:var(--error);color:#fff}.toast--warning .toast-icon{background:var(--warning);color:#fff}.toast--info .toast-icon{background:var(--accent);color:#fff}.toast-close{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;border:1px solid var(--hairline);background:transparent;color:inherit;font-size:16px;line-height:1;cursor:pointer;flex-shrink:0;opacity:.6;transition:opacity .18s var(--curve),transform .18s var(--curve)}.toast-close:hover{opacity:1}.toast-enter-active,.toast-leave-active{transition:all .32s var(--curve)}.toast-enter-from{opacity:0;transform:translate(40px) scale(.92)}.toast-leave-to{opacity:0;transform:translate(40px) scale(.92);max-height:0;margin:0;padding:0}html{scrollbar-width:thin;scrollbar-color:var(--muted-soft) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--muted-soft);border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.skeleton{background:linear-gradient(100deg,var(--surface-muted) 40%,var(--surface-card) 50%,var(--surface-muted) 60%);background-size:200% 100%;animation:skeletonShimmer 1.4s ease-in-out infinite;border-radius:6px;border:none}.skeleton-text{height:1em;margin:.4em 0}.skeleton-text-sm{width:45%}.skeleton-text-md{width:72%}.skeleton-text-lg{width:92%}.skeleton-title{height:1.4em;width:60%;margin:.3em 0;border-radius:6px}.skeleton-block{height:120px;border-radius:8px}.skeleton-block-tall{height:200px}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}img{opacity:1;transition:opacity .3s var(--curve),transform .4s var(--curve)}img[src=""]{opacity:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.empty{animation:none}.route-loading-bar-inner{animation:none;width:60%}}@media (max-width: 1200px){.skin-search-hero{grid-template-columns:minmax(0,1fr) minmax(300px,.76fr)}.skin-detail-modal{width:min(920px,100%)}}@media (max-width: 980px){.auth-grid,.grid-3,.skin-overview-strip,.metric-grid,.skin-results-grid,.skin-anchor-grid,.skin-snapshot-grid{grid-template-columns:1fr}.skin-snapshot-grid-inline{grid-template-columns:repeat(3,minmax(0,1fr))}.skin-search-form{grid-template-columns:1fr}.skin-quick-toolbar{align-items:start}.nav-surface,.nav-user-chip{display:none}.hamburger{display:block}}@media (max-width: 820px){.tab,.btn,.nav-link,.nav-cta,.hamburger,.input,.toast{min-height:44px;min-width:44px}.tab{padding:12px 18px}.toast-stack{top:calc(var(--nav-offset) + 8px);right:12px;width:calc(100vw - 24px)}:root{--nav-offset: 80px}.page-shell,.narrow-shell{width:calc(100% - 24px);padding-top:18px;padding-bottom:48px}.captcha-box{grid-template-columns:1fr}.nav-wrap{padding:0}.nav-core,.mobile-menu{width:calc(100% - 24px)}.nav-core{padding:10px 0;border-radius:0}.nav-actions>.nav-link-quiet,.nav-actions>.nav-cta{display:none}.page-shell .tabs{gap:6px}.grid-2,.skin-price-grid,.skin-detail-summary-grid{grid-template-columns:1fr}.skin-price-grid-inline,.skin-anchor-grid-inline{grid-template-columns:1fr 1fr}.skin-snapshot-grid-inline{grid-template-columns:1fr}.skin-search-hero,.skin-results-layout,.skin-detail-overview,.skin-results-panel,.stack-xl{gap:18px}.skin-search-form,.skin-anchor-grid,.skin-snapshot-grid,.skin-detail-summary-grid,.stack-lg{gap:12px}.skin-status-bar{grid-template-columns:1fr}.skin-price-chip,.skin-anchor-card,.skin-snapshot-card,.skin-result-card,.list-item,.empty{padding:14px}.skin-result-heading{flex-direction:column;align-items:flex-start;gap:4px}.skin-result-heading-inline{row-gap:4px}.skin-result-subtitle{margin-left:0;white-space:normal}.skin-result-arrow{white-space:normal}.skin-detail-modal{width:100%;max-height:calc(100dvh - 20px);gap:14px}.skin-modal-toolbar{gap:10px}.skin-anchor-card strong,.metric{font-size:18px;line-height:1.05}.t-display-xl{font-size:clamp(28px,9vw,34px)}.t-display-sm{font-size:clamp(20px,6vw,24px)}.card,.card-canvas,.panel{padding:18px;border-radius:8px}.card-soft{padding:14px;border-radius:6px}.section{padding:24px 0}}.skin-search-hero{gap:20px}.skin-search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.skin-status-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.skin-search-input-wrap{min-width:0}.skin-search-actions{display:flex;gap:10px;flex-wrap:wrap}.skin-quick-toolbar{display:flex;align-items:end;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:8px}.skin-quick-tabs{gap:10px}.skin-quick-tabs .tab{min-height:36px;background:transparent}.skin-quick-tabs .tab.active{background:var(--primary-soft);color:var(--primary-active);transform:none}.skin-results-layout{align-items:start}.skin-results-panel{gap:14px}.skin-results-toolbar{align-items:end}.skin-toolbar-meta{justify-content:flex-end}.skin-pagination-bar{justify-content:space-between;align-items:center;gap:12px;padding-top:4px}.skin-pagination-actions{justify-content:flex-end}.skin-pagination-copy{margin:0}.admin-user-filter-grid,.admin-user-list,.admin-user-card{gap:14px}.admin-user-card{transition:border-color .16s var(--curve),box-shadow .16s var(--curve)}.admin-user-card:hover{transform:none;border-color:var(--hairline-strong);box-shadow:var(--shadow-sm)}.skin-results-grid{display:grid;gap:12px}.skin-results-list{grid-template-columns:1fr}.skin-result-card{display:grid;gap:10px;padding:14px 16px;border-radius:6px;border:2.5px solid var(--hairline);background:var(--surface-card);box-shadow:var(--shadow-xs);text-align:left;transition:transform .14s var(--curve),box-shadow .14s var(--curve)}.skin-result-row{grid-template-columns:minmax(0,1fr);align-items:start;gap:10px}.skin-result-main{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;min-width:0}.skin-result-copy{gap:4px}.skin-result-copy-inline{min-width:0}.skin-result-copy-row{display:grid;gap:4px}.skin-result-heading{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.skin-result-heading-inline{gap:6px;row-gap:2px}.skin-result-heading-row{flex-wrap:wrap}.skin-result-title{min-width:0}.skin-result-subtitle{margin-left:auto;white-space:nowrap}.skin-result-subtitle-row{margin-left:0;white-space:normal;overflow:visible;text-overflow:initial}.skin-result-id{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em}.skin-result-card:hover{transform:translate(-1px,-1px);background:var(--surface-card-strong);box-shadow:var(--shadow-sm)}.skin-result-card:active{transform:translate(1px,1px);box-shadow:none}.skin-result-card.active{background:var(--primary-soft);border-color:var(--hairline);box-shadow:var(--shadow-sm)}.skin-result-card.loading{opacity:.88}.skin-result-arrow{display:inline-flex;align-items:center;min-height:22px;padding:0 8px;border-radius:999px;border:2.5px solid var(--hairline);background:var(--surface-card-strong);color:var(--body);font-size:11.5px;font-weight:600;white-space:nowrap}.skin-result-arrow-row{justify-self:start}.skin-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.skin-price-grid-compare{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-price-grid-inline{gap:6px}.skin-price-grid-row{min-width:0;width:100%}.skin-price-chip{display:grid;gap:6px;padding:12px;border-radius:6px;border:2.5px solid var(--hairline);background:var(--surface-card-strong)}.skin-price-chip-inline{gap:2px;padding:8px 10px}.skin-price-chip-row{align-content:center}.skin-price-chip strong{font-size:17px;line-height:1.1}.skin-detail-modal{width:min(980px,100%);max-height:min(84dvh,900px);overflow:auto}.skin-detail-overview{gap:14px}.skin-overview-hero{display:grid;gap:12px}.skin-overview-strip{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr);gap:14px;align-items:start}.skin-overview-copy{min-width:0}.skin-anchor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.skin-anchor-grid-inline{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.skin-anchor-card{display:grid;gap:6px;padding:12px;border-radius:6px;border:2.5px solid var(--hairline);background:var(--surface-card-strong)}.skin-anchor-card-inline{gap:4px;min-height:0;padding:10px 12px}.skin-anchor-card strong{font-size:20px;line-height:1}.skin-snapshot-grid{gap:12px}.skin-snapshot-grid-inline{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.skin-snapshot-card{align-content:start}.skin-snapshot-card-inline{gap:4px;padding:12px 14px}.skin-detail-summary-grid{gap:12px}.skin-detail-summary-grid-inline{align-items:start}.skin-detail-summary-card{gap:8px;padding:14px 16px}.skin-detail-summary-card p{line-height:1.45}.skin-modal-toolbar{align-items:start;padding-bottom:0}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric-card{display:grid;gap:8px;padding:18px;border-radius:6px;border:2.5px solid var(--hairline);background:var(--surface-card);box-shadow:var(--shadow-sm);transition:transform .14s var(--curve),box-shadow .14s var(--curve)}.metric-card:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-md);background:var(--surface-card)}.metric-card .label{color:var(--body-strong)}.metric-card .metric{color:var(--ink)}.metric-note{font-size:11px;color:var(--muted-soft);letter-spacing:.04em}.auth-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.85fr);gap:22px;align-items:stretch}.auth-side,.auth-panel{min-height:100%}.auth-side{position:relative;overflow:hidden}.auth-side:after{content:none}.auth-panel{position:relative}.auth-divider{display:flex;align-items:center;gap:12px;color:var(--muted-soft);font-size:12px;letter-spacing:.04em;margin:4px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:2px;background:var(--hairline)}.captcha-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.qr-frame{width:min(180px,100%);padding:10px;border-radius:8px;border:2.5px solid var(--hairline);background:var(--surface-card);box-shadow:var(--shadow-sm)}.qr-frame img{width:100%;border-radius:8px;border:2.5px solid var(--hairline)}.announcement-card{text-decoration:none;transition:transform .14s var(--curve),box-shadow .14s var(--curve)}.announcement-card:hover{transform:translate(-2px,-2px);background:var(--surface-card);box-shadow:var(--shadow-md)}.announcement-card:hover h3{color:var(--primary-active)}.input:focus-visible,.textarea:focus-visible,.select:focus-visible,.btn:focus-visible,.nav-link:focus-visible,.tab:focus-visible,a:focus-visible,button:focus-visible,[role=button]:focus-visible{outline:2.5px solid var(--primary);outline-offset:2px}.spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:999px;animation:spin .72s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media print{.nav-wrap,.toast-stack,.modal-layer,.skeleton,.spinner,.route-loading-bar,.btn{display:none!important}body,.page-shell,.narrow-shell,.card,.card-soft,.card-canvas,.panel,.list-item,.input,.textarea,.select{background:#fff!important;color:#000!important;box-shadow:none!important}a{color:#000!important;text-decoration:underline}.card,.card-soft,.card-canvas,.panel,.list-item,.input,.textarea,.select{border-color:#cbd5e1!important}}