@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{--ref-color-neutral-25: #FFFDF8;--ref-color-neutral-50: #FFF8F1;--ref-color-neutral-100: #F4EADF;--ref-color-neutral-200: #E7D7C6;--ref-color-neutral-600: #8B7663;--ref-color-neutral-800: #5B4636;--ref-color-primary-300: #F3A86A;--ref-color-primary-400: #E69250;--ref-color-primary-600: #C97537;--ref-color-accent-300: #95B8A6;--ref-color-accent-400: #7EA28F;--ref-color-accent-600: #5F8370;--ref-color-feedback-successLight: #95B8A6;--ref-color-feedback-successBase: #7EA28F;--ref-color-feedback-successDark: #5F8370;--ref-color-feedback-warning: #E7B65C;--ref-color-feedback-error: #D98372;--ref-color-feedback-info: #7FAEBA;--ref-color-rarity-common-bg: #F4EADF;--ref-color-rarity-common-text: #8B7663;--ref-color-rarity-blue-bg: #D9EBF4;--ref-color-rarity-blue-text: #2A627A;--ref-color-rarity-purple-bg: #EDE2F5;--ref-color-rarity-purple-text: #6B3D8E;--ref-color-rarity-gold-bg: #FFF0DE;--ref-color-rarity-gold-text: #8C5018;--ref-color-rarity-void-bg: #1A1030;--ref-color-rarity-void-text: #C9AAFF;--ref-color-white: #FFFFFF;--ref-space-1: 4px;--ref-space-2: 8px;--ref-space-3: 12px;--ref-space-4: 16px;--ref-space-5: 20px;--ref-space-6: 24px;--ref-space-7: 28px;--ref-space-8: 32px;--ref-space-10: 40px;--ref-radius-sm: 8px;--ref-radius-md: 14px;--ref-radius-lg: 20px;--ref-radius-xl: 28px;--ref-radius-full: 999px;--ref-shadow-sm: 0 2px 8px rgba(91,70,54,.08);--ref-shadow-md: 0 8px 24px rgba(91,70,54,.1);--ref-shadow-lg: 0 24px 60px rgba(91,70,54,.14);--ref-motion-fast: .12s ease;--ref-motion-base: .18s ease;--ref-motion-slow: .3s ease;--ref-font-display: "Noto Serif SC", serif;--ref-font-body: "Noto Serif SC", serif;--ref-fontSize-xs: 12px;--ref-fontSize-sm: 13px;--ref-fontSize-md: 14px;--ref-fontSize-base: 1rem;--ref-fontSize-lg: 1.2rem;--ref-fontSize-xl: 1.7rem;--ref-fontSize-2xl: 2rem;--sys-color-bg-page: #FFFDF8;--sys-color-bg-subtle: #FFF8F1;--sys-color-surface-card: #FFFFFF;--sys-color-surface-overlay: #FFF8F1;--sys-color-border-subtle: #F4EADF;--sys-color-border-default: #E7D7C6;--sys-color-border-strong: #8B7663;--sys-color-text-primary: #5B4636;--sys-color-text-secondary: #8B7663;--sys-color-text-onDark: #FFFFFF;--sys-color-text-brand: #C97537;--sys-color-brand-accent: #E69250;--sys-color-brand-accentHover: #C97537;--sys-color-brand-accentSoft: #F3A86A;--sys-color-brand-secondary: #7EA28F;--sys-color-brand-secondaryHover: #5F8370;--sys-color-feedback-successBg: #EBF5EF;--sys-color-feedback-successBorder: #7EA28F;--sys-color-feedback-successText: #5F8370;--sys-color-feedback-warningBg: #FEF7E4;--sys-color-feedback-warningBorder: #E7B65C;--sys-color-feedback-warningText: #7A5A10;--sys-color-feedback-errorBg: #FAEAE8;--sys-color-feedback-errorBorder: #D98372;--sys-color-feedback-errorText: #8C3C30;--sys-color-feedback-infoBg: #E5F2F6;--sys-color-feedback-infoBorder: #7FAEBA;--sys-color-feedback-infoText: #255670;--cmp-card-bg: #FFFFFF;--cmp-card-border: #E7D7C6;--cmp-card-radius: 28px;--cmp-card-shadow: 0 8px 24px rgba(91,70,54,.1);--cmp-card-padding: 24px;--cmp-topbar-bg: #FFFFFF;--cmp-topbar-border: #E7D7C6;--cmp-topbar-radius: 28px;--cmp-topbar-shadow: 0 2px 8px rgba(91,70,54,.08);--cmp-topbar-padding: 20px;--cmp-button-primary-bg: #E69250;--cmp-button-primary-bgHover: #C97537;--cmp-button-primary-text: #FFFFFF;--cmp-button-primary-radius: 20px;--cmp-button-primary-shadow: 0 4px 16px rgba(230,146,80,.3);--cmp-button-secondary-bg: #7EA28F;--cmp-button-secondary-bgHover: #5F8370;--cmp-button-secondary-text: #FFFFFF;--cmp-button-secondary-radius: 20px;--cmp-button-ghost-bg: transparent;--cmp-button-ghost-bgHover: #FFF8F1;--cmp-button-ghost-border: #E7D7C6;--cmp-button-ghost-text: #5B4636;--cmp-button-ghost-radius: 20px;--cmp-input-bg: #FFFDF8;--cmp-input-bgFocus: #FFFFFF;--cmp-input-border: #E7D7C6;--cmp-input-borderHover: #8B7663;--cmp-input-borderFocus: #E69250;--cmp-input-focusRing: rgba(230,146,80,.2);--cmp-input-radius: 20px;--cmp-input-text: #5B4636;--cmp-input-placeholder: #8B7663;--cmp-pill-bg: #FFF8F1;--cmp-pill-text: #8B7663;--cmp-pill-radius: 999px;--cmp-tag-bg: #FFF8F1;--cmp-tag-text: #8B7663;--cmp-tag-radius: 999px;--cmp-detailPanel-bg: #FFF8F1;--cmp-detailPanel-border: #F4EADF;--cmp-detailPanel-radius: 28px;--cmp-sheet-overlayBg: rgba(91,70,54,.42);--cmp-iconShell-bg: rgba(230,146,80,.14);--cmp-iconShell-color: #E69250;--cmp-iconShell-radius: 999px;--cmp-iconShell-size: 34px;--cmp-winner-leftBg: #F3A86A;--cmp-winner-leftText: #C97537;--cmp-winner-rightBg: #FAEAE8;--cmp-winner-rightText: #8C3C30;--cmp-winner-tieBg: #FFF8F1;--cmp-winner-tieText: #8B7663;--cmp-backdrop-orbLeft: rgba(201,117,55,.2);--cmp-backdrop-orbRight: rgba(149,184,166,.2);--cmp-grid-lineColor: rgba(91,70,54,.06);--cmp-grid-size: 20px;--domain-rarity-common-bg: #F4EADF;--domain-rarity-common-text: #8B7663;--domain-rarity-blue-bg: #D9EBF4;--domain-rarity-blue-text: #2A627A;--domain-rarity-purple-bg: #EDE2F5;--domain-rarity-purple-text: #6B3D8E;--domain-rarity-gold-bg: #FFF0DE;--domain-rarity-gold-text: #8C5018;--domain-rarity-void-bg: #1A1030;--domain-rarity-void-text: #C9AAFF}:root{color-scheme:light;--bg-page: var(--sys-color-bg-page);--bg-subtle: var(--sys-color-bg-subtle);--surface-card: var(--sys-color-surface-card);--surface-overlay: var(--sys-color-surface-overlay);--border-subtle: var(--sys-color-border-subtle);--border-default: var(--sys-color-border-default);--border-strong: var(--sys-color-border-strong);--text: var(--sys-color-text-primary);--muted: var(--sys-color-text-secondary);--text-brand: var(--sys-color-text-brand);--brand: var(--sys-color-brand-accent);--brand-hover: var(--sys-color-brand-accentHover);--brand-soft: var(--sys-color-brand-accentSoft);--feedback-error-bg: var(--sys-color-feedback-errorBg);--feedback-error-border: var(--sys-color-feedback-errorBorder);--feedback-error-text: var(--sys-color-feedback-errorText);--space-1: var(--ref-space-1);--space-2: var(--ref-space-2);--space-3: var(--ref-space-3);--space-4: var(--ref-space-4);--space-5: var(--ref-space-5);--space-6: var(--ref-space-6);--space-8: var(--ref-space-8);--radius-sm: var(--ref-radius-sm);--radius-md: var(--ref-radius-md);--radius-lg: var(--ref-radius-lg);--radius-xl: var(--ref-radius-xl);--radius-full: var(--ref-radius-full);--shadow-sm: var(--ref-shadow-sm);--shadow-md: var(--ref-shadow-md);--shadow-lg: var(--ref-shadow-lg);--motion-fast: var(--ref-motion-fast);--motion-base: var(--ref-motion-base)}.app-content{display:grid;gap:16px;animation:tab-enter .22s cubic-bezier(.16,1,.3,1) both}@keyframes tab-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-bar{position:relative;padding-bottom:14px;border-bottom:1px solid var(--border-subtle)}.app-bar-content{display:flex;justify-content:space-between;align-items:center;padding:0;gap:var(--space-4)}.app-bar-title{margin:0;font-family:"Noto Serif SC",serif;font-size:clamp(1.5rem,5vw,2rem);line-height:1.2;color:var(--text)}.app-bar-actions{display:flex;gap:var(--space-2);flex-shrink:0}.app-bar-btn{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-subtle);color:var(--text);cursor:pointer;transition:transform .1s ease,opacity .1s ease}.app-bar-btn:hover{background:var(--surface-card);border-color:var(--border-strong)}.app-bar-btn:active,.app-bar-btn.pressed{transform:scale(.95);opacity:.8}.app-bar-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.status-ribbon{margin:0;padding:12px 14px;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-subtle);color:var(--brand);box-shadow:var(--shadow-sm)}.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-card);color:var(--text);cursor:pointer}.secondary-button-danger{color:var(--feedback-error-text);border-color:var(--feedback-error-border);background:var(--feedback-error-bg)}.sheet-overlay{position:fixed;inset:0;z-index:100;background:var(--cmp-sheet-overlayBg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:sheet-fade-in .2s ease}@keyframes sheet-fade-in{0%{opacity:0}to{opacity:1}}.sheet{position:fixed;right:0;bottom:0;left:0;display:flex;max-height:85vh;flex-direction:column;border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--shadow-lg);animation:sheet-slide-up .3s cubic-bezier(.16,1,.3,1)}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--border-subtle)}.sheet-title{margin:0;font-family:"Noto Serif SC",serif;font-size:1.25rem;color:var(--text)}.sheet-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}.sheet-close:hover{background:var(--border-subtle);color:var(--text)}.sheet-close:active{transform:scale(.95)}.sheet-close:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.sheet-body{overflow-y:auto;padding:var(--space-5);-webkit-overflow-scrolling:touch}.sheet-section{margin-bottom:var(--space-6)}.sheet-section:last-child{margin-bottom:0}.sheet-section h3{margin:0 0 var(--space-3);font-size:1rem;font-weight:600;color:var(--text)}.sheet-section p{margin:0;color:var(--muted);font-size:.9375rem;line-height:1.7}.sheet-list{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.sheet-list li{position:relative;padding-left:var(--space-5);color:var(--muted);font-size:.9375rem;line-height:1.6}.sheet-list li:before{content:"";position:absolute;top:.5em;left:0;width:6px;height:6px;border-radius:var(--radius-full);background:var(--brand)}.sheet-list.ordered{counter-reset:sheet-list}.sheet-list.ordered li{padding-left:var(--space-6)}.sheet-list.ordered li:before{content:counter(sheet-list);top:0;width:20px;height:20px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:600;counter-increment:sheet-list}.action-list{display:flex;flex-direction:column;gap:var(--space-2)}.action-item{display:flex;width:100%;align-items:center;justify-content:space-between;padding:var(--space-4);border:0;border-bottom:1px solid var(--border-subtle);border-radius:0;background:transparent;cursor:pointer;text-align:left;transition:background .15s ease,transform .15s ease}.action-item:last-child{border-bottom:0}.action-item:hover{background:var(--bg-subtle)}.action-item:active{transform:scale(.98)}.action-item:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.action-item-content{display:flex;min-width:0;flex:1;flex-direction:column;gap:var(--space-1)}.action-item-label{font-size:1rem;font-weight:500;color:var(--text)}.action-item-desc{font-size:.875rem;color:var(--muted)}.action-item-arrow{flex-shrink:0;margin-left:var(--space-3);color:var(--muted)}.more-page{margin-top:16px}.more-list{display:grid;gap:0;margin-top:18px}.more-row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;border-top:1px solid var(--border-subtle);background:transparent;text-align:left}.more-row-action{border-right:0;border-bottom:0;border-left:0;cursor:pointer}.more-row-copy{display:grid;gap:6px;min-width:0}.more-row-title{font-size:1rem;font-weight:500;color:var(--text)}.more-row-desc{color:var(--muted);font-size:.92rem;line-height:1.6}.more-row-arrow{flex-shrink:0;color:var(--brand);font-size:.92rem}.history-page{display:grid;gap:16px}.history-list-shell,.history-detail-header,.history-detail-card{margin-top:16px}.history-list-shell{display:grid;gap:0}.history-meta{margin:0;color:var(--muted);font-size:.92rem}.history-detail-card .card-head{align-items:start;gap:10px 12px}.history-detail-card .card-head h2{line-height:1.08}.history-detail-card .result-shell{margin-top:14px}.history-detail-meta{display:grid;gap:10px}.history-detail-inline-actions{display:flex;flex-wrap:wrap;gap:10px}.history-empty-state{gap:16px}.history-list{display:grid;gap:12px;margin-top:18px}.history-record-row{padding:16px 0 0;border-top:1px solid var(--border-subtle)}.history-record-head{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap}.history-record-head h3{margin:0;font-size:1rem}.history-record-head p{margin:6px 0 0;color:var(--muted);font-size:.88rem}.history-inline-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.history-inline-stat{display:grid;gap:6px;padding:10px 12px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg-subtle) 74%,transparent)}.history-inline-stat span{display:block;color:var(--muted);font-size:12px}.history-inline-stat strong{display:block;font-size:.95rem}.history-chip-row{margin-top:12px}.history-record-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.bottom-nav{position:fixed;right:max(14px,env(safe-area-inset-right,0px));bottom:0;left:max(14px,env(safe-area-inset-left,0px));z-index:90;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 0 calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid color-mix(in srgb,var(--border-default) 82%,transparent);background:color-mix(in srgb,var(--bg-page) 92%,transparent);box-shadow:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav-item{position:relative;z-index:1;display:grid;grid-template-rows:22px min-content;align-content:center;justify-items:center;gap:3px;min-height:60px;padding:9px 4px;border:0;border-radius:var(--radius-lg);background:transparent;color:var(--muted);cursor:pointer;outline:0;-webkit-tap-highlight-color:transparent;transition:color .18s ease,transform .18s ease}.bottom-nav-item:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.bottom-nav-pill{position:absolute;top:8px;left:calc(var(--active-idx, 0) * ((100% - 16px) / 3 + 8px));width:calc((100% - 16px) / 3);height:60px;border-radius:var(--radius-lg);background:var(--brand-hover);pointer-events:none;transition:left .3s cubic-bezier(.16,1,.3,1)}.bottom-nav-item-active{color:var(--cmp-button-primary-text)}.bottom-nav-item:active{transform:scale(.98)}.bottom-nav-icon{display:grid;place-items:center}.bottom-nav-label{font-size:11px;font-weight:600;line-height:1.1;white-space:nowrap}@media(min-width:820px){.history-list{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav{left:50%;width:min(520px,calc(100vw - 48px));transform:translate(-50%)}.sheet{inset:50% auto auto 50%;width:100%;max-width:480px;max-height:80vh;border-radius:var(--radius-xl);transform:translate(-50%,-50%);animation:sheet-scale-in .3s cubic-bezier(.16,1,.3,1)}}@keyframes sheet-scale-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.confirm-sheet-body{display:grid;gap:var(--space-5);padding-bottom:var(--space-2)}.confirm-sheet-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto;border-radius:var(--radius-full);animation:confirm-icon-pop .32s cubic-bezier(.34,1.56,.64,1) both}.confirm-sheet-icon-danger{background:var(--feedback-error-bg);color:var(--feedback-error-text);border:1.5px solid var(--feedback-error-border)}.confirm-sheet-icon-warning{background:color-mix(in srgb,var(--brand-soft) 60%,transparent);color:var(--brand);border:1.5px solid color-mix(in srgb,var(--brand) 20%,transparent)}@keyframes confirm-icon-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.confirm-sheet-message{margin:0;text-align:center;color:var(--muted);font-size:.9375rem;line-height:1.65}.confirm-sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.confirm-sheet-cancel,.confirm-sheet-confirm{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-full);font-size:.9375rem;font-weight:500;cursor:pointer;transition:opacity .15s ease,transform .15s ease,background .15s ease}.confirm-sheet-cancel{border:1px solid var(--border-default);background:var(--surface-card);color:var(--text)}.confirm-sheet-cancel:hover{background:var(--bg-subtle)}.confirm-sheet-cancel:active{transform:scale(.97)}.confirm-sheet-cancel:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.confirm-sheet-confirm{border:0}.confirm-sheet-confirm-danger{background:var(--feedback-error-text);color:var(--cmp-button-primary-text)}.confirm-sheet-confirm-danger:hover{opacity:.88}.confirm-sheet-confirm-warning{background:var(--brand);color:var(--cmp-button-primary-text)}.confirm-sheet-confirm-warning:hover{opacity:.88}.confirm-sheet-confirm:active{transform:scale(.97)}.confirm-sheet-confirm:focus-visible{outline:2px solid var(--feedback-error-text);outline-offset:2px}.startup-gate-panel{display:grid;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-sm)}.startup-gate-panel h2{margin:0;font-size:1.1rem;font-family:"Noto Serif SC",serif;color:var(--text)}.startup-gate-panel p{margin:0;color:var(--muted);line-height:1.65}.startup-retry-button{margin-top:var(--space-2)}.startup-gate-hint{display:none}.consent-gate-body{display:grid;gap:var(--space-5)}.consent-gate-section{display:grid;gap:var(--space-3)}.consent-gate-section h3{margin:0;font-size:1rem;color:var(--text)}.consent-announcement-card{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:color-mix(in srgb,var(--brand-soft) 20%,var(--bg-subtle))}.consent-announcement-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.consent-announcement-head strong{color:var(--text)}.consent-announcement-head span{color:var(--muted);font-size:.8rem}.consent-announcement-card p,.consent-legal-copy{margin:0;color:var(--muted);line-height:1.65}.consent-legal-copy a{margin:0 var(--space-1);color:var(--brand);text-decoration:underline}.consent-checkbox-row{display:flex;gap:var(--space-2);align-items:flex-start;color:var(--text);line-height:1.5}.consent-checkbox-row input{margin-top:3px}.consent-accept-button{margin-top:var(--space-1)}.about-sheet-section{display:grid;gap:var(--space-3);margin-bottom:var(--space-6)}.about-sheet-section:last-child{margin-bottom:0}.about-sheet-section h3{margin:0;font-size:1rem;color:var(--text)}.about-sheet-kv{display:grid;gap:var(--space-2)}.about-sheet-kv-row{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle)}.about-sheet-kv-row span{color:var(--muted);font-size:.875rem}.about-sheet-kv-row strong{color:var(--text);font-size:.875rem;text-align:right}.about-sheet-link{color:var(--brand);font-weight:600;text-decoration:underline}.about-sheet-log-list{display:grid;gap:var(--space-4)}.about-sheet-log-item{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle)}.about-sheet-log-item p{margin:0;color:var(--muted);line-height:1.6}.about-sheet-log-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.about-sheet-log-head strong{color:var(--text)}.about-sheet-log-head span{color:var(--muted);font-size:.8rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:0;overflow-x:clip;background:var(--bg-page);color:var(--text);font-family:"Noto Serif SC",serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(var(--cmp-grid-lineColor) 1px,transparent 1px),linear-gradient(90deg,var(--cmp-grid-lineColor) 1px,transparent 1px);background-size:var(--cmp-grid-size) var(--cmp-grid-size);opacity:.6}a{color:inherit;text-decoration:none}button,input,summary{font:inherit}summary{list-style:none}summary::-webkit-details-marker{display:none}#root{min-height:100vh}.landing-shell{position:relative;width:min(100%,1120px);margin:0 auto;padding:18px 14px calc(104px + env(safe-area-inset-bottom,0px))}.backdrop-orb{position:fixed;border-radius:999px;filter:blur(30px);pointer-events:none;opacity:.5}.orb-left{left:-40px;top:60px;width:120px;height:120px;background:var(--cmp-backdrop-orbLeft)}.orb-right{right:-20px;top:180px;width:160px;height:160px;background:var(--cmp-backdrop-orbRight)}.hero-section,.result-panel,.surface-section{margin-top:16px}.hero-section,.result-panel,.surface-section{position:relative}.hero-section{display:grid;gap:var(--space-5)}.result-panel,.surface-section{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.result-panel h2,.surface-section h2{margin:0;font-family:"Noto Serif SC",serif}.section-tag{margin:0;color:var(--brand);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.hero-tagline{margin:0;color:var(--muted);font-size:1rem;line-height:1.6;text-align:left}.card-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;align-items:start}.card-head>div:first-child{min-width:0;flex:1 1 160px}.result-card-titleblock{display:grid;gap:10px}.auto-fit-text{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:clip;line-height:1.05}.auto-fit-heading{max-width:100%}.card-head h2,.result-panel h2,.surface-section h2{font-size:clamp(1.4rem,5vw,2rem)}.card-head-tight{align-items:center}.compare-form{display:grid;gap:var(--space-5);padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.form-fields{display:grid;gap:var(--space-4)}.input-card{display:grid;gap:8px}.input-card span{color:var(--muted);font-size:14px}.input-card input{width:100%;padding:16px 18px;border:1px solid var(--cmp-input-border);border-radius:var(--cmp-input-radius);background:var(--cmp-input-bg);color:var(--cmp-input-text);outline:none;transition:border-color .18s ease,background .18s ease}.input-card input:hover{border-color:var(--border-strong)}.input-card input::placeholder{color:var(--cmp-input-placeholder)}.input-card input:focus{border-color:var(--cmp-input-borderFocus);background:var(--cmp-input-bgFocus);outline:none}.input-card input:focus-visible{outline:2px solid var(--cmp-input-borderFocus);outline-offset:2px}.compare-button,.detail-trigger,.load-more{transition:transform .14s ease,opacity .14s ease,background .18s ease,border-color .18s ease}.compare-button{width:100%;padding:var(--space-4) var(--space-5);border:0;border-radius:var(--cmp-button-primary-radius);background:var(--cmp-button-primary-bg);color:var(--cmp-button-primary-text);font-weight:700;cursor:pointer;box-shadow:var(--cmp-button-primary-shadow)}.compare-button:hover{transform:translateY(-1px)}.compare-button:focus-visible,.detail-trigger:focus-visible,.load-more:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.compare-button:active{transform:scale(.98);opacity:.85}.compare-button:disabled{cursor:progress;opacity:.72}.error-ribbon{margin:14px 0 0;padding:12px 14px;border:1px solid var(--feedback-error-border);border-radius:var(--radius-md);background:var(--feedback-error-bg);color:var(--feedback-error-text)}.visitor-counter{margin:14px 0 0;color:var(--muted);font-size:13px;line-height:1.6;text-align:center}.status-pill{display:inline-flex;padding:8px 12px;border-radius:var(--cmp-pill-radius);background:var(--cmp-pill-bg);color:var(--brand);font-size:13px}.result-shell{display:grid;gap:14px;margin-top:20px}.share-panel{display:grid;gap:14px;padding:18px;border:1px solid var(--cmp-card-border);border-radius:var(--cmp-card-radius);background:linear-gradient(180deg,color-mix(in srgb,var(--brand-soft) 22%,transparent),transparent 48%),color-mix(in srgb,var(--bg-subtle) 82%,transparent);box-shadow:var(--shadow-sm)}.share-panel-head{display:grid;gap:10px}.share-panel-head h3{margin:0;font-size:1.02rem;line-height:1.35}.share-panel-copy,.share-feedback{margin:0;color:var(--muted);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.share-summary-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.share-summary-chip{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-card) 78%,transparent);min-width:0}.share-summary-chip span{color:var(--muted);font-size:12px}.share-summary-chip strong{font-size:.95rem;line-height:1.3;text-align:right;overflow-wrap:anywhere}.share-panel-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.share-panel-actions .secondary-button{width:100%;min-width:0}.result-tab-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start}.result-tab-strip{position:relative;min-width:0}.result-tab-strip-collapsed:after{content:"";position:absolute;top:0;right:0;bottom:4px;width:28px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--bg-page))}.result-tab-bar{display:flex;gap:8px;padding:0 0 4px;scrollbar-width:none}.result-tab-strip-collapsed .result-tab-bar{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap}.result-tab-strip-expanded .result-tab-bar{overflow:visible;flex-wrap:wrap}.result-tab-bar::-webkit-scrollbar{display:none}.result-tab-button{flex:0 0 auto;padding:10px 14px;border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:transparent;color:var(--muted);cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .14s ease}.result-tab-button:hover{border-color:var(--border-strong);color:var(--text)}.result-tab-button:active{transform:scale(.98)}.result-tab-button-active{border-color:transparent;background:var(--brand-soft);color:var(--brand);font-weight:600}.result-tab-toggle{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid var(--border-subtle);border-radius:999px;background:transparent;color:var(--muted);cursor:pointer;transition:transform .16s ease,border-color .18s ease,color .18s ease,background .18s ease}.result-tab-toggle:hover{border-color:var(--border-strong);color:var(--text)}.result-tab-toggle:active{transform:scale(.96)}.result-tab-toggle-expanded svg{transform:rotate(180deg)}.result-tab-toggle svg{transition:transform .18s ease}.result-tab-panel{min-width:0}.result-section{display:grid;gap:16px;padding:16px 0 0;border-top:1px solid var(--border-subtle)}.comparison-section-head{display:grid;gap:6px}.comparison-section-head h3,.detail-section-head h3,.category-band-head h3{margin:0;font-size:clamp(1.08rem,3vw,1.34rem);font-family:"Noto Serif SC",serif;line-height:1.2}.summary-matrix-shell{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle)}.summary-matrix{display:grid;gap:0;font-variant-numeric:tabular-nums}.summary-matrix-header,.summary-matrix-row{display:grid;grid-template-columns:minmax(112px,.94fr) repeat(2,minmax(0,1fr));gap:12px;align-items:start}.summary-matrix-header{padding:0 0 12px;border-bottom:1px solid var(--border-subtle)}.summary-matrix-corner,.summary-matrix-columnhead{min-width:0}.summary-matrix-corner{display:flex;align-items:flex-end}.summary-matrix-corner-label{display:block;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.summary-matrix-group-row{padding:12px 0 6px;border-top:1px solid var(--border-subtle)}.summary-matrix-grid>.summary-matrix-group-row:first-child{border-top:0;padding-top:14px}.summary-matrix-group-label{display:block;grid-column:1 / -1;text-align:left;color:var(--brand);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.summary-matrix-row{padding:10px 0;border-top:1px solid var(--border-subtle)}.summary-matrix-grid>.summary-matrix-row:first-child{border-top:0}.summary-matrix-group-row+.summary-matrix-row{border-top:0}.summary-metric-label{min-width:0;display:grid;align-content:center}.summary-metric-copy{display:flex;align-items:center;gap:8px;min-width:0}.summary-metric-copy strong{min-width:0;font-size:13px;line-height:1.25;font-weight:600;overflow-wrap:anywhere}.summary-value-cell{min-width:0;padding:10px 12px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg-subtle) 76%,transparent);text-align:right}.summary-value-cell strong{display:block;font-size:15px;line-height:1.15;letter-spacing:-.03em;overflow-wrap:anywhere}.summary-value-cell-strong{background:color-mix(in srgb,var(--brand-soft) 30%,var(--bg-subtle))}.summary-value-cell-muted{background:color-mix(in srgb,var(--bg-subtle) 88%,transparent)}.summary-value-cell-neutral{background:color-mix(in srgb,var(--surface-card) 72%,var(--bg-subtle))}.summary-value-cell-strong strong,.comparison-value-cell-strong .comparison-value-number{color:var(--brand);font-weight:700}.summary-value-cell-muted strong,.comparison-value-cell-muted .comparison-value-number{color:var(--text);opacity:.72}.summary-value-cell-neutral strong,.comparison-value-cell-neutral .comparison-value-number{color:var(--text);font-weight:600}.summary-matrix .comparison-table-account{align-items:flex-start}.summary-matrix .comparison-table-account-copy{gap:3px}.summary-matrix .comparison-table-account-name{font-size:13px;line-height:1.2}.summary-matrix .comparison-table-account-tag{font-size:10px;line-height:1.35}.comparison-table-wrap{margin-top:12px;border-top:1px solid var(--border-subtle)}.comparison-table{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}.comparison-col-metric{width:34%}.comparison-col-value{width:33%}.comparison-table-head th{padding:14px 0 12px;border-bottom:1px solid var(--border-subtle);vertical-align:top}.comparison-table-title{text-align:left;color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.comparison-table-account-cell,.comparison-value-cell{padding-left:12px}.comparison-table-account{display:flex;align-items:center;gap:8px;min-width:0}.comparison-table-avatar{width:34px;height:34px;border-radius:10px;object-fit:cover;display:block;flex:0 0 auto;background:color-mix(in srgb,var(--bg-subtle) 76%,var(--surface-card))}.comparison-table-avatar-fallback{display:grid;place-items:center;border:1px solid var(--border-subtle);color:var(--brand);font-size:.9rem;letter-spacing:.08em;font-family:"Noto Serif SC",serif}.comparison-table-account-copy{display:grid;gap:2px;min-width:0}.comparison-table-account-name{display:block;font-size:13px;line-height:1.15;font-family:"Noto Serif SC",serif;overflow-wrap:anywhere;word-break:break-word}.comparison-table-account-tag{margin:0;color:var(--muted);font-size:11px;line-height:1.3;overflow-wrap:anywhere}.comparison-group-cell{padding:12px 0 6px;border-top:1px solid var(--border-subtle);text-align:left;color:var(--brand);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.comparison-table-row th,.comparison-table-row td{padding:10px 0;border-top:1px solid var(--border-subtle);vertical-align:top}.comparison-group-row+.comparison-table-row th,.comparison-group-row+.comparison-table-row td{border-top:0}.comparison-metric-cell{min-width:0;display:grid;gap:4px;text-align:left}.comparison-metric-main{display:flex;align-items:center;gap:8px;min-width:0}.comparison-metric-label{min-width:0;font-size:13px;line-height:1.25;font-weight:600;overflow-wrap:anywhere}.comparison-metric-meta{color:var(--muted);font-size:11px;line-height:1.3}.comparison-value-cell{text-align:right}.comparison-value-content{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:4px;min-width:0;max-width:100%}.cbg-asset-icon{width:16px;height:16px;flex:0 0 16px;display:inline-block;background-position:center;background-repeat:no-repeat;background-size:contain}.comparison-value-number{display:block;font-size:15px;line-height:1.15;letter-spacing:-.03em;overflow-wrap:anywhere;word-break:break-word}.comparison-value-mark{color:var(--brand);font-size:10px;line-height:1}.comparison-value-cell-strong .comparison-value-number{color:var(--brand);font-weight:700}.comparison-value-cell-muted .comparison-value-number{color:var(--text);opacity:.72}.comparison-value-cell-neutral .comparison-value-number{color:var(--text);font-weight:600}.duel-side{margin:0;color:var(--brand);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.category-band-list{display:grid;gap:14px}.category-band-wrap{display:grid;gap:10px}.category-band{display:grid;gap:14px;padding:16px 0;border-top:1px solid var(--border-subtle)}.category-tab-panel .category-band{padding-top:0;border-top:0}.category-band-active{color:var(--text)}.category-band-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.winner-pill{display:inline-flex;align-items:center;padding:6px 9px;border-radius:var(--radius-full);font-size:12px;max-width:7em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.winner-left{background:var(--cmp-winner-leftBg);color:var(--cmp-winner-leftText)}.winner-right{background:var(--cmp-winner-rightBg);color:var(--cmp-winner-rightText)}.winner-tie{background:var(--cmp-winner-tieBg);color:var(--cmp-winner-tieText)}.stat-pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-pair{display:grid;gap:5px;padding:10px 12px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg-subtle) 74%,transparent)}.stat-pair span,.bucket-pills span,.detail-summary-stat span{color:var(--muted);font-size:12px}.stat-pair strong,.detail-summary-stat strong{font-size:1.18rem;line-height:1.1}.bucket-pills{display:flex;flex-wrap:wrap;gap:8px}.bucket-pills span{padding:6px 8px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--bg-subtle) 88%,transparent)}.detail-trigger,.load-more{width:100%;padding:13px 16px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:transparent;color:var(--text);cursor:pointer}.detail-trigger:hover,.load-more:hover{border-color:var(--border-strong);background:color-mix(in srgb,var(--brand-soft) 40%,transparent)}.detail-trigger:active,.load-more:active{transform:scale(.99);opacity:.8}.detail-section{display:grid;gap:16px;padding:18px 0 0;border-top:1px solid var(--brand-soft)}.detail-section-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;align-items:end}.detail-section-count{color:var(--brand);font-size:13px}.detail-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.detail-summary-stat{display:grid;gap:6px;padding:10px 12px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg-subtle) 76%,transparent)}.detail-clusters{display:grid;gap:12px}.character-compare-panel{gap:14px}.character-filter-row{display:flex;flex-wrap:wrap;gap:8px}.character-filter-button{padding:9px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:transparent;color:var(--muted);cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .14s ease}.character-filter-button:hover{border-color:var(--border-strong);color:var(--text)}.character-filter-button:active{transform:scale(.98)}.character-filter-button-active{border-color:transparent;background:var(--brand-soft);color:var(--brand);font-weight:600}.fashion-compare-panel{gap:18px}.fashion-filter-toolbar{display:grid;gap:14px;padding:14px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:linear-gradient(180deg,color-mix(in srgb,var(--brand-soft) 28%,transparent),transparent 44%),color-mix(in srgb,var(--bg-subtle) 80%,transparent)}.fashion-filter-block{display:grid;gap:8px}.fashion-filter-label{color:var(--muted);font-size:11px;line-height:1.3}.fashion-search-input{width:100%;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:color-mix(in srgb,var(--bg) 86%,transparent);color:var(--text);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.fashion-search-input::placeholder{color:color-mix(in srgb,var(--muted) 82%,transparent)}.fashion-search-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-soft) 56%,transparent)}.fashion-selected-role-list,.fashion-role-search-results,.fashion-filter-option-row{display:flex;flex-wrap:wrap;gap:8px}.fashion-role-suggestion,.fashion-quality-option,.fashion-unique-toggle{padding:6px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:transparent;color:var(--muted);cursor:pointer;font-size:12px;line-height:1.25;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .14s ease}.fashion-role-suggestion:hover,.fashion-quality-option:hover,.fashion-unique-toggle:hover{border-color:var(--border-strong);color:var(--text)}.fashion-role-suggestion:active,.fashion-quality-option:active,.fashion-unique-toggle:active{transform:scale(.98)}.fashion-selected-role-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:0;border-radius:var(--radius-full);cursor:pointer;font-size:11px;line-height:1.2;font-weight:500;transition:transform .14s ease,opacity .18s ease}.fashion-selected-role-chip:hover{opacity:.82}.fashion-selected-role-chip:active{transform:scale(.98)}.fashion-search-empty{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.fashion-filter-option-active{border-color:transparent;background:var(--brand-soft);color:var(--brand);font-weight:600}.fashion-selected-role-chip.fashion-filter-option-active{background:color-mix(in srgb,var(--brand-soft) 62%,var(--bg) 38%);color:color-mix(in srgb,var(--brand) 70%,var(--text) 30%);font-weight:500}.fashion-group-list{display:grid;gap:16px}.fashion-group-section{display:grid;gap:12px;padding-top:4px;border-top:1px solid var(--border-subtle)}.fashion-group-head strong{display:block;color:var(--brand);font-size:.96rem;line-height:1.3}.fashion-group-head p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.fashion-column{gap:12px}.fashion-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.character-compare-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.character-group-list{display:grid;gap:16px}.character-group-section{display:grid;gap:10px}.character-group-head{padding-top:4px;border-top:1px solid var(--border-subtle)}.character-group-head strong{display:block;color:var(--brand);font-size:.92rem;line-height:1.3}.character-column{display:grid;gap:10px;min-width:0}.character-column-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.character-column-head span{min-width:0;color:var(--muted);font-size:12px;line-height:1.3;overflow-wrap:anywhere}.character-column-head strong{flex-shrink:0;font-size:.95rem}.character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.character-card{display:grid;gap:6px}.character-card-media{aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--bg-subtle) 82%,transparent)}.character-card-image,.character-card-fallback{display:block;width:100%;height:100%}.character-card-image{object-fit:cover}.character-card-fallback{background:color-mix(in srgb,var(--bg-subtle) 82%,transparent)}.character-card-name{margin:0;font-size:12px;line-height:1.35;color:var(--text);text-align:center;overflow-wrap:anywhere}.detail-cluster{border-top:1px solid var(--border-subtle)}.detail-cluster-summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;cursor:pointer}.detail-cluster-summary>div:first-child{min-width:0;flex:1 1 120px}.detail-cluster-summary strong{font-size:1rem;min-width:0;overflow-wrap:break-word}.detail-cluster-summary p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.detail-cluster-summary>span{flex-shrink:0;color:var(--brand)}.detail-cluster-body{display:grid;gap:14px;padding:0 0 14px}.bucket-strip{display:grid;gap:12px;padding:12px 0 0;border-top:1px dashed var(--border-subtle)}.bucket-strip:first-child{border-top:0;padding-top:0}.bucket-strip-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.bucket-strip-head strong{font-size:.96rem}.bucket-strip-head span{color:var(--brand);font-size:13px}.item-tile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.item-tile{overflow:hidden;display:grid;gap:10px}.item-thumb-wrap{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-lg);overflow:hidden;background:color-mix(in srgb,var(--bg-subtle) 80%,transparent)}.item-thumb{width:100%;height:100%;object-fit:cover;display:block}.item-thumb-fallback{display:grid;place-items:center;height:100%;font-size:1.3rem;color:var(--brand);font-family:"Noto Serif SC",serif}.item-tile-copy{display:grid;gap:4px}.item-tile-copy h5{margin:0;font-size:.95rem;line-height:1.3}.item-tile-copy p{margin:0;color:var(--muted);font-size:12px}.empty-copy{margin:0;color:var(--muted);font-size:13px}.empty-state{display:grid;place-items:center;min-height:120px;margin-top:18px}.empty-state-copy{margin:0;color:var(--muted);font-size:.9rem;text-align:center;line-height:1.7}.category-detail-wrapper{margin-top:2px}.quality-pill{position:absolute;bottom:var(--space-3);left:var(--space-3);padding:3px var(--space-2);border-radius:var(--radius-full);font-size:12px;font-weight:600;letter-spacing:.06em;pointer-events:none;line-height:1.4}.quality-pill.q-common{background:var(--domain-rarity-common-bg);color:var(--domain-rarity-common-text)}.quality-pill.q-blue{background:var(--domain-rarity-blue-bg);color:var(--domain-rarity-blue-text)}.quality-pill.q-purple{background:var(--domain-rarity-purple-bg);color:var(--domain-rarity-purple-text)}.quality-pill.q-gold{background:var(--domain-rarity-gold-bg);color:var(--domain-rarity-gold-text)}.quality-pill.q-void{background:var(--domain-rarity-void-bg);color:var(--domain-rarity-void-text)}.compare-progress-wrap{display:grid;gap:10px;padding:16px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--bg-subtle) 70%,transparent);animation:compare-progress-enter .24s cubic-bezier(.16,1,.3,1) both}@keyframes compare-progress-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.compare-progress-track{display:flex;align-items:flex-start}.compare-progress-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 auto}.compare-progress-connector{flex:1;height:2px;margin-top:10px;border-radius:var(--radius-full);background:var(--border-default);transition:background .4s ease}.compare-progress-connector-done{background:var(--brand)}.compare-progress-node{display:grid;place-items:center;width:22px;height:22px;border-radius:var(--radius-full);flex-shrink:0;transition:background .3s ease,border-color .3s ease}.compare-progress-node-pending{border:1.5px solid var(--border-default);background:var(--bg-page)}.compare-progress-node-active{border:0;background:var(--brand);color:var(--cmp-button-primary-text);animation:compare-node-pulse 1.4s ease-in-out infinite}.compare-progress-node-done{border:0;background:var(--brand);color:var(--cmp-button-primary-text)}@keyframes compare-node-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--brand) 50%,transparent)}50%{box-shadow:0 0 0 5px transparent}}.compare-progress-spinner{display:block;width:9px;height:9px;border:1.5px solid color-mix(in srgb,var(--cmp-button-primary-text) 40%,transparent);border-top-color:var(--cmp-button-primary-text);border-radius:var(--radius-full);animation:compare-spin .65s linear infinite}@keyframes compare-spin{to{transform:rotate(360deg)}}.compare-progress-label{font-size:10px;color:var(--muted);text-align:center;white-space:nowrap;line-height:1.2}.compare-progress-label-active{color:var(--brand);font-weight:600}.compare-progress-detail{margin:0;text-align:center;color:var(--muted);font-size:.8125rem;line-height:1.5;animation:compare-detail-enter .28s ease both}@keyframes compare-detail-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(max-width:599px){.result-shell{gap:16px}.share-panel{padding:18px 16px}.result-tab-toolbar{grid-template-columns:minmax(0,1fr)}.result-tab-toggle{justify-self:end}.summary-matrix-header,.summary-matrix-row{grid-template-columns:minmax(88px,.92fr) repeat(2,minmax(0,1fr));gap:8px}.summary-value-cell{padding:9px 8px;border-radius:var(--radius-sm)}.summary-matrix .comparison-table-account{display:grid;gap:6px}.summary-matrix .comparison-table-avatar{width:32px;height:32px;border-radius:8px}.summary-matrix .comparison-table-account-tag{display:none}}@media(min-width:820px){.landing-shell{padding:28px 24px 124px}.hero-section,.result-panel,.surface-section{margin-top:20px}.summary-matrix-header,.summary-matrix-row{grid-template-columns:minmax(148px,.88fr) repeat(2,minmax(0,1fr));gap:14px}.summary-value-cell{padding:12px 14px}.comparison-col-metric{width:26%}.comparison-col-value{width:37%}.comparison-table-account{gap:10px}.comparison-table-avatar{width:38px;height:38px}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-band-list{grid-template-columns:repeat(2,minmax(0,1fr))}.category-detail-wrapper{grid-column:1 / -1}.detail-cluster-body{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.item-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fashion-filter-toolbar{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.1fr);align-items:start}.fashion-item-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.score-editor{display:grid;gap:20px;margin-top:20px}.score-editor-toolbar{position:sticky;top:0;z-index:10;display:grid;gap:10px;padding:8px 0;background:color-mix(in srgb,var(--bg-page) 96%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.score-editor-category-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.score-editor-category-tabs::-webkit-scrollbar{display:none}.score-editor-category-tab{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:7px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:13px;white-space:nowrap;transition:background var(--motion-base),border-color var(--motion-base),color var(--motion-base)}.score-editor-category-tab:hover{border-color:var(--border-strong);color:var(--text)}.score-editor-category-tab:active{transform:scale(.97)}.score-editor-category-tab strong{display:inline-flex;align-items:center;justify-content:center;min-width:18px;padding:1px 5px;border-radius:var(--radius-sm);background:var(--bg-subtle);font-size:11px;font-weight:700;line-height:1.4;transition:background var(--motion-base),color var(--motion-base)}.score-editor-category-tab-active{border-color:transparent;background:var(--brand-soft);color:var(--brand)}.score-editor-category-tab-active strong{background:color-mix(in srgb,var(--brand) 18%,transparent);color:var(--brand)}.score-editor-category-tab-empty{opacity:.45}.score-editor-filters{display:flex;gap:8px;align-items:flex-end}.score-editor-search{display:grid;gap:5px;flex:1;min-width:0}.score-editor-search>span{display:block;font-size:11px;font-weight:500;color:var(--muted);letter-spacing:.04em}.score-editor-search input{width:100%;padding:9px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle);color:var(--text);font:inherit;font-size:14px;outline:none;transition:border-color var(--motion-base),background var(--motion-base),box-shadow var(--motion-base)}.score-editor-search input:focus{border-color:var(--brand);background:var(--surface-card);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-soft) 56%,transparent)}.score-editor-search input::placeholder{color:color-mix(in srgb,var(--muted) 60%,transparent)}.score-editor-toggle{flex-shrink:0;padding:9px 12px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-size:13px;white-space:nowrap;transition:background var(--motion-base),border-color var(--motion-base),color var(--motion-base)}.score-editor-toggle:hover{border-color:var(--border-strong);color:var(--text)}.score-editor-toggle-active{border-color:transparent;background:var(--brand-soft);color:var(--brand);font-weight:600}.score-editor-summary{display:flex;gap:0;font-size:12px;color:var(--muted);padding:0 2px}.score-editor-summary span+span:before{content:" · "}.score-editor-groups{display:grid;gap:0}.score-editor-group{padding-top:14px;border-top:1px solid var(--border-subtle)}.score-editor-group:first-child{border-top:0;padding-top:0}.score-editor-group-head{margin-bottom:8px}.score-editor-group-head strong{display:block;font-size:.875rem;color:var(--brand);line-height:1.3}.score-editor-group-head p{margin:3px 0 0;font-size:11px;color:var(--muted);line-height:1.3}.score-editor-item-list{display:grid;gap:0}.score-editor-item-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 0;border-top:1px solid var(--border-subtle)}.score-editor-item-row:first-child{border-top:0}.score-editor-item-copy{min-width:0;flex:1}.score-editor-item-copy strong{display:block;font-size:13px;line-height:1.35;overflow-wrap:anywhere}.score-editor-item-copy p{margin:2px 0 0;font-size:11px;color:var(--muted);line-height:1.3;overflow-wrap:anywhere}.score-editor-item-actions{display:flex;align-items:center;gap:5px;flex-shrink:0}.score-editor-score-buttons{display:flex;gap:3px}.score-chip{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-subtle);color:var(--muted);cursor:pointer;font:inherit;font-size:12px;font-weight:600;transition:background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),transform var(--motion-fast)}.score-chip:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.score-chip:active{transform:scale(.9)}.score-chip-active{border-color:transparent;background:var(--brand);color:var(--cmp-button-primary-text)}.score-chip-active:hover{background:var(--brand-hover);border-color:transparent;color:var(--cmp-button-primary-text)}.score-clear-button{padding:3px 6px;border:0;background:transparent;color:color-mix(in srgb,var(--muted) 55%,transparent);cursor:pointer;font:inherit;font-size:11px;line-height:1;transition:color var(--motion-fast)}.score-clear-button:hover{color:var(--feedback-error-text)}.custom-score-panel{gap:20px}.custom-score-summary-table,.custom-score-reason-list{display:grid;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;background:color-mix(in srgb,var(--bg-subtle) 72%,transparent)}.custom-score-summary-row,.custom-score-reason-row{display:grid;gap:10px;padding:12px 14px;border-top:1px solid var(--border-subtle)}.custom-score-summary-row:first-child,.custom-score-reason-row:first-child{border-top:none}.custom-score-summary-row-head,.custom-score-reason-row-head{background:color-mix(in srgb,var(--bg-subtle) 92%,white 8%)}.custom-score-summary-row-head>span,.custom-score-reason-row-head>span{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.04em}.custom-score-summary-row>strong,.custom-score-reason-row>strong{display:block;min-width:0;font-size:.9375rem;line-height:1.35;color:var(--text);overflow-wrap:anywhere}.custom-score-summary-row>p,.custom-score-reason-row>p{margin:0;min-width:0;font-size:13px;color:var(--muted);line-height:1.55}.custom-score-summary-row-highlight{background:var(--brand-soft)}.custom-score-summary-row-highlight>strong:nth-child(2){color:var(--brand)}.custom-score-detail-list{display:grid;gap:0;border-top:1px solid var(--border-subtle)}.custom-score-detail-card{padding:14px 0;border-bottom:1px solid var(--border-subtle)}.custom-score-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.custom-score-detail-head>div>strong{display:block;font-size:.9375rem;line-height:1.3}.custom-score-detail-head>div>p{margin:4px 0 0;font-size:12px;color:var(--muted);line-height:1.4}.custom-score-detail-head>span{flex-shrink:0;font-size:12px;color:var(--brand);font-weight:600;line-height:1.4}.custom-score-detail-grid{display:grid;gap:8px}.custom-score-detail-grid>div{display:grid;gap:6px;padding:10px 0;border-top:1px dashed var(--border-subtle)}.custom-score-detail-grid>div>strong{font-size:1.1rem;line-height:1.1;letter-spacing:-.02em}.custom-score-detail-label{display:block;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;line-height:1.3}.custom-score-chip-list{display:flex;flex-wrap:wrap;gap:4px}.custom-score-item-chip{display:inline-flex;padding:3px 8px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--bg-subtle) 88%,transparent);border:1px solid var(--border-subtle);color:var(--muted);font-size:11px;line-height:1.4}.custom-score-empty{margin:0;font-size:12px;color:color-mix(in srgb,var(--muted) 65%,transparent);font-style:italic}@media(min-width:600px){.custom-score-summary-row,.custom-score-reason-row{grid-template-columns:minmax(120px,1.2fr) minmax(96px,.8fr) minmax(0,2fr);align-items:center}.custom-score-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.onboarding-guide{position:fixed;inset:0;z-index:95;pointer-events:none}.onboarding-guide-backdrop{position:absolute;inset:0;background:var(--cmp-sheet-overlayBg)}.onboarding-guide-spotlight{position:fixed;border:2px solid var(--brand);border-radius:24px;box-shadow:0 0 0 999px var(--cmp-sheet-overlayBg),0 0 0 6px color-mix(in srgb,var(--brand-soft) 24%,transparent);transition:top .22s ease,left .22s ease,width .22s ease,height .22s ease}.onboarding-guide-card{position:fixed;left:12px;right:12px;bottom:20px;display:grid;gap:10px;padding:18px;border:1px solid var(--cmp-card-border);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--cmp-card-shadow);pointer-events:auto}.onboarding-guide-eyebrow,.onboarding-guide-step{margin:0;color:var(--brand);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.onboarding-guide-card h2{margin:0;font-size:1.2rem;line-height:1.25}.onboarding-guide-copy{margin:0;color:var(--text);line-height:1.6}.onboarding-guide-actions{display:flex;gap:10px}.onboarding-guide-secondary,.onboarding-guide-primary{flex:1 1 0;padding:12px 14px;border-radius:var(--radius-md);font:inherit;font-weight:600;cursor:pointer;transition:transform .14s ease,border-color .18s ease,background .18s ease,color .18s ease}.onboarding-guide-secondary{border:1px solid var(--border-default);background:transparent;color:var(--text)}.onboarding-guide-primary{border:0;background:var(--cmp-button-primary-bg);color:var(--cmp-button-primary-text);box-shadow:var(--cmp-button-primary-shadow)}.onboarding-guide-secondary:hover,.onboarding-guide-primary:hover{transform:translateY(-1px)}.onboarding-guide-secondary:focus-visible,.onboarding-guide-primary:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.onboarding-guide-secondary:active,.onboarding-guide-primary:active{transform:scale(.98)}@media(min-width:720px){.onboarding-guide-card{right:auto}}
