:root{--color-bg: #faf7f2;--color-bg-alt: #f4efe6;--color-surface: #fffdfa;--color-surface-sunken: #f6f1e8;--color-border: #e6ddcf;--color-border-strong: #d8cbb8;--color-text: #2f2a25;--color-text-soft: #5c5349;--color-text-muted: #8a7f72;--color-accent: #c05f3c;--color-accent-hover: #a94e2e;--color-accent-soft: #f3ded4;--color-accent-softer: #faf0ea;--color-agree: #4f7a5f;--color-agree-soft: #e2ece3;--color-agree-strong: #3c6349;--color-disagree: #6e5a8c;--color-disagree-soft: #e8e2f0;--color-disagree-strong: #564473;--color-neutral: #b3aca1;--color-neutral-soft: #eceae5;--color-success: #4f7a5f;--color-warning: #b5822f;--color-danger: #b0442f;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-serif: "Iowan Old Style", "Songti SC", "Source Han Serif SC", "Noto Serif SC", Georgia, serif;--font-mono: ui-monospace, "SFMono-Regular", "Cascadia Code", Consolas, monospace;--text-xs: .78rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.35rem;--text-2xl: 1.75rem;--text-3xl: 2.4rem;--text-4xl: 3.1rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 26px;--radius-pill: 999px;--shadow-xs: 0 1px 2px rgba(60, 46, 32, .05);--shadow-sm: 0 2px 6px rgba(60, 46, 32, .06);--shadow-md: 0 8px 24px rgba(60, 46, 32, .08);--shadow-lg: 0 18px 48px rgba(60, 46, 32, .12);--content-width: 68rem;--reading-width: 46rem;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-spring: cubic-bezier(.34, 1.4, .64, 1);--duration-fast: .14s;--duration: .24s;--duration-slow: .42s}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.7;color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(circle at 12% -10%,rgba(192,95,60,.09),transparent 45%),radial-gradient(circle at 88% 0%,rgba(79,122,95,.07),transparent 40%);background-attachment:fixed;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{margin:0 0 var(--space-3);line-height:1.25;font-weight:650;letter-spacing:-.01em}p{margin:0 0 var(--space-3)}a{color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:var(--color-accent-hover)}img{max-width:100%;display:block}button{font:inherit;color:inherit}ul,ol{margin:0 0 var(--space-3);padding-left:1.25em}li{margin-bottom:var(--space-1)}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:var(--space-3) var(--space-4);background:var(--color-accent);color:#fff;border-radius:0 0 var(--radius-md) 0}.skip-link:focus{left:0}.container{width:100%;max-width:var(--content-width);margin:0 auto;padding:0 var(--space-4)}.reading{max-width:var(--reading-width)}.stack>*+*{margin-top:var(--space-4)}.text-muted{color:var(--color-text-muted)}.text-soft{color:var(--color-text-soft)}.text-center{text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.site-header{position:sticky;top:0;z-index:40;backdrop-filter:blur(12px);background:#faf7f2e0;border-bottom:1px solid var(--color-border)}.site-header__inner{display:flex;align-items:center;gap:var(--space-4);min-height:4rem;padding:var(--space-2) 0}.brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text);font-weight:700;letter-spacing:-.01em;margin-right:auto}.brand__mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--radius-md);background:linear-gradient(140deg,var(--color-accent),#d98a5f);color:#fff;font-size:.8125rem;font-weight:700;line-height:1.15;letter-spacing:0;text-align:center;overflow:hidden;box-shadow:var(--shadow-sm);flex:none}.brand__text{display:flex;flex-direction:column;line-height:1.2}.brand__name{font-size:var(--text-base)}.brand__sub{font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted)}.nav{display:flex;align-items:center;gap:var(--space-1)}.nav__link{display:inline-flex;align-items:center;min-height:2.5rem;padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--color-text-soft);text-decoration:none;font-size:var(--text-sm);font-weight:550;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.nav__link:hover{background:var(--color-surface-sunken);color:var(--color-text)}.nav__link[aria-current=page]{background:var(--color-accent-soft);color:var(--color-accent-hover)}@media(max-width:640px){.brand__sub{display:none}.brand{min-width:0;flex:1 1 auto;gap:var(--space-2)}.brand__name{font-size:var(--text-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand__mark{width:1.9rem;height:1.9rem}.nav{max-width:100%;overflow-x:auto;scrollbar-width:none;flex:none}.nav::-webkit-scrollbar{display:none}.nav__link{padding:0 var(--space-2);font-size:var(--text-xs);min-height:2.2rem}}@media(max-width:400px){.brand__name{display:none}.site-main{padding-top:var(--space-5)}.question-card{padding:var(--space-5) var(--space-4) var(--space-4)}.quiz__actions .btn{padding:0 var(--space-4)}}.site-main{padding:var(--space-7) 0 var(--space-8);min-height:60vh}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-6) 0;background:var(--color-bg-alt);color:var(--color-text-muted);font-size:var(--text-sm)}.site-footer p{margin-bottom:var(--space-2)}.site-footer__links{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.site-footer__sep{color:var(--color-border-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:2.85rem;padding:0 var(--space-5);border:1px solid transparent;border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;font-size:var(--text-base);font-weight:600;text-decoration:none;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-sm);touch-action:manipulation}.btn:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}.btn--secondary:hover{background:var(--color-surface-sunken);color:var(--color-text)}.btn--ghost{background:transparent;color:var(--color-text-soft);border-color:transparent;box-shadow:none}.btn--ghost:hover{background:var(--color-surface-sunken);color:var(--color-text);box-shadow:none}.btn--large{min-height:3.4rem;padding:0 var(--space-6);font-size:var(--text-lg)}.btn--sm{min-height:2.35rem;padding:0 var(--space-4);font-size:var(--text-sm)}.btn--block{width:100%}.btn-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.card--flat{box-shadow:none}.card--pad-sm{padding:var(--space-4)}.card__title{font-size:var(--text-lg);margin-bottom:var(--space-2)}.card__meta{font-size:var(--text-sm);color:var(--color-text-muted)}.tag{display:inline-flex;align-items:center;gap:.3em;padding:.2em .75em;border-radius:var(--radius-pill);background:var(--color-surface-sunken);border:1px solid var(--color-border);color:var(--color-text-soft);font-size:var(--text-xs);font-weight:550;white-space:nowrap}.tag--accent{background:var(--color-accent-soft);border-color:transparent;color:var(--color-accent-hover)}.tag--agree{background:var(--color-agree-soft);border-color:transparent;color:var(--color-agree-strong)}.tag--disagree{background:var(--color-disagree-soft);border-color:transparent;color:var(--color-disagree-strong)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--space-7);align-items:center;padding:var(--space-6) 0 var(--space-7)}.hero__eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:.3em .9em;border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent-hover);font-size:var(--text-xs);font-weight:650;letter-spacing:.04em;margin-bottom:var(--space-4)}.hero__title{font-size:clamp(2rem,5.2vw,var(--text-4xl));line-height:1.2;margin-bottom:var(--space-4);letter-spacing:-.02em}.hero__title em{font-style:normal;color:var(--color-accent);background:linear-gradient(transparent 62%,var(--color-accent-soft) 62%);padding:0 .1em}.hero__lead{font-size:var(--text-lg);color:var(--color-text-soft);max-width:34rem}.hero__facts{display:flex;flex-wrap:wrap;gap:var(--space-5);margin:var(--space-5) 0 var(--space-6);padding:0;list-style:none}.fact{display:flex;flex-direction:column;gap:.1rem}.fact__value{font-size:var(--text-xl);font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums}.fact__label{font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.03em}.preview-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-5)}.preview-card__title{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.preview-card__question{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-5)}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:var(--space-6);padding-top:var(--space-4)}}.section{padding:var(--space-7) 0;border-top:1px solid var(--color-border)}.section__title{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.section__lead{color:var(--color-text-soft);max-width:var(--reading-width);margin-bottom:var(--space-5)}.quiz{max-width:46rem;margin:0 auto}.quiz__topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.progress{height:.5rem;background:var(--color-surface-sunken);border-radius:var(--radius-pill);overflow:hidden;border:1px solid var(--color-border)}.progress__bar{height:100%;width:0;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-accent),#d98a5f);transition:width var(--duration-slow) var(--ease-out)}.progress__legend{display:flex;justify-content:space-between;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.question-card{margin-top:var(--space-6);padding:var(--space-6) var(--space-5) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);animation:rise-in var(--duration-slow) var(--ease-out) both}.question-card--leaving{animation:fade-out var(--duration) var(--ease-out) both}.question-card__index{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);font-weight:650;margin-bottom:var(--space-3)}.question-card__text{font-size:clamp(1.15rem,3.2vw,var(--text-2xl));font-weight:600;line-height:1.5;margin-bottom:var(--space-2)}.question-card__hint{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}.scale{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-2);align-items:end;margin:0 auto var(--space-3);max-width:42rem}.scale__item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;background:none;border:0;cursor:pointer;border-radius:var(--radius-md);min-height:5.5rem;justify-content:flex-end;transition:background var(--duration-fast) var(--ease-out)}.scale__item:hover{background:var(--color-surface-sunken)}.scale__dot{--dot-size: 1rem;position:relative;width:var(--dot-size);height:var(--dot-size);border-radius:50%;border:2px solid currentColor;background:transparent;transition:transform var(--duration) var(--ease-spring),background var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out)}.scale__item[data-size="0"] .scale__dot{--dot-size: .85rem}.scale__item[data-size="1"] .scale__dot{--dot-size: 1.15rem}.scale__item[data-size="2"] .scale__dot{--dot-size: 1.5rem}.scale__item[data-size="3"] .scale__dot{--dot-size: 1.9rem}.scale__item[data-side=agree]{color:var(--color-agree)}.scale__item[data-side=disagree]{color:var(--color-disagree)}.scale__item[data-side=neutral]{color:var(--color-neutral)}.scale__item:hover .scale__dot{transform:scale(1.14);background:currentColor;box-shadow:0 0 0 6px color-mix(in srgb,currentColor 16%,transparent)}.scale__item[aria-checked=true] .scale__dot{background:currentColor;box-shadow:0 0 0 5px color-mix(in srgb,currentColor 22%,transparent)}.scale__item[aria-checked=true]{background:color-mix(in srgb,currentColor 10%,transparent)}.scale__item[aria-checked=true] .scale__label{color:currentColor;font-weight:700}.scale__label{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;line-height:1.3;transition:color var(--duration-fast) var(--ease-out)}.scale__item:hover .scale__label{color:currentColor}.scale__axis{display:flex;justify-content:space-between;max-width:40rem;margin:0 auto var(--space-6);font-size:var(--text-xs);color:var(--color-text-muted)}.scale__axis span:first-child{color:var(--color-agree-strong)}.scale__axis span:last-child{color:var(--color-disagree-strong)}.scale__status{min-height:1.6rem;text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.scale__status strong{color:var(--color-text)}@media(max-width:560px){.scale{column-gap:0}.scale__item{padding:var(--space-1) 0;min-height:5rem;min-width:0}.scale__label{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:-.05em;font-size:.68rem;height:3.1rem;max-width:100%}}.quiz__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5)}.quiz__counter{font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.quiz__hint{margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.question-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.6rem,1fr));gap:var(--space-2)}.question-grid__item{aspect-ratio:1;display:grid;place-items:center;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.question-grid__item:hover{transform:translateY(-1px);background:var(--color-surface-sunken)}.question-grid__item[data-answered=true]{background:var(--color-accent-soft);border-color:transparent;color:var(--color-accent-hover);font-weight:650}.question-grid__item[aria-current=true]{outline:2px solid var(--color-accent);outline-offset:1px}.result-hero{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-6);align-items:center;padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:radial-gradient(circle at 0% 0%,var(--color-accent-softer),transparent 60%),var(--color-surface);box-shadow:var(--shadow-md);overflow:hidden}.result-hero__avatar{position:relative;width:min(100%,15rem);aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-sunken);border:1px solid var(--color-border);box-shadow:var(--shadow-md);margin:0 auto}.result-hero__avatar img{width:100%;height:100%;object-fit:cover}.result-hero__rank{position:absolute;top:var(--space-3);left:var(--space-3);padding:.15em .7em;border-radius:var(--radius-pill);background:#2f2a25d1;color:#fff;font-size:var(--text-xs);font-weight:650;letter-spacing:.06em}.result-hero__name{font-size:clamp(1.6rem,4vw,var(--text-3xl));margin-bottom:var(--space-1)}.result-hero__summary{font-size:var(--text-lg);color:var(--color-text-soft)}.score-ring{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-4) 0}.score-ring__dial{--value: 0;position:relative;width:6.5rem;height:6.5rem;flex:none;border-radius:50%;background:conic-gradient(var(--color-accent) calc(var(--value) * 1%),var(--color-surface-sunken) calc(var(--value) * 1%));display:grid;place-items:center;transition:background var(--duration-slow) var(--ease-out)}.score-ring__dial:after{content:"";position:absolute;inset:.55rem;border-radius:50%;background:var(--color-surface);border:1px solid var(--color-border)}.score-ring__value{position:relative;z-index:1;font-size:var(--text-2xl);font-weight:750;font-variant-numeric:tabular-nums;line-height:1}.score-ring__label{font-size:var(--text-sm);color:var(--color-text-muted)}.result-hero__actions{margin-top:var(--space-4)}@media(max-width:820px){.result-hero{grid-template-columns:1fr;text-align:left}}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-5)}.podium__card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:rise-in var(--duration-slow) var(--ease-out) both}.podium__card:nth-child(2){animation-delay:90ms}.podium__card:nth-child(3){animation-delay:.18s}.podium__head{display:flex;align-items:center;gap:var(--space-3)}.podium__avatar{width:3.25rem;height:3.25rem;border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface-sunken);border:1px solid var(--color-border);flex:none}.podium__avatar img{width:100%;height:100%;object-fit:cover}.podium__name{font-weight:650;margin:0;line-height:1.3}.podium__rank{font-size:var(--text-xs);color:var(--color-text-muted)}.podium__score{font-variant-numeric:tabular-nums;font-weight:700;color:var(--color-accent)}.podium__reason{font-size:var(--text-sm);color:var(--color-text-soft);margin:0}@media(max-width:760px){.podium{grid-template-columns:1fr}}.chart-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-6);align-items:start}@media(max-width:880px){.chart-block{grid-template-columns:1fr}}.radar{width:100%;max-width:26rem;margin:0 auto;display:block}.radar text{font-size:11px;fill:var(--color-text-muted)}.radar__grid{fill:none;stroke:var(--color-border);stroke-width:1}.radar__axis{stroke:var(--color-border);stroke-width:1}.radar__user{fill:color-mix(in srgb,var(--color-accent) 22%,transparent);stroke:var(--color-accent);stroke-width:2}.radar__up{fill:color-mix(in srgb,var(--color-agree) 14%,transparent);stroke:var(--color-agree);stroke-width:2;stroke-dasharray:5 4}.radar__dot{fill:var(--color-accent)}.chart-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-soft);margin-bottom:var(--space-4)}.chart-legend__item{display:inline-flex;align-items:center;gap:var(--space-2)}.chart-legend__swatch{width:.9rem;height:.9rem;border-radius:3px;flex:none}.chart-legend__swatch--user{background:var(--color-accent)}.chart-legend__swatch--up{background:var(--color-agree)}.bars{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.bar-row{display:grid;grid-template-columns:5.5rem 1fr 3rem;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.bar-row__label{color:var(--color-text-soft);font-weight:550}.bar-row__track{position:relative;height:.7rem;background:var(--color-surface-sunken);border-radius:var(--radius-pill);overflow:hidden}.bar-row__fill{position:absolute;inset:0 auto 0 0;border-radius:var(--radius-pill);background:var(--color-accent);transition:width var(--duration-slow) var(--ease-out)}.bar-row__mark{position:absolute;top:-.2rem;bottom:-.2rem;width:2px;background:var(--color-agree);border-radius:2px}.bar-row__value{text-align:right;font-variant-numeric:tabular-nums;color:var(--color-text-muted)}@media(max-width:560px){.bar-row{grid-template-columns:4.4rem 1fr 2.6rem;font-size:var(--text-xs)}}.diff-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.diff-table th,.diff-table td{padding:var(--space-2) var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.diff-table th{color:var(--color-text-muted);font-weight:600;font-size:var(--text-xs);letter-spacing:.04em}.diff-table td.num{text-align:right;font-variant-numeric:tabular-nums}.diff-table tr:last-child td{border-bottom:0}.share-grid{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:var(--space-6);align-items:start}@media(max-width:820px){.share-grid{grid-template-columns:1fr}}.share-preview{border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-sunken);padding:var(--space-3);box-shadow:var(--shadow-sm)}.share-preview canvas,.share-preview img{width:100%;height:auto;border-radius:var(--radius-md);display:block}.share-caption{width:100%;min-height:9rem;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-soft);font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.7;resize:vertical}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{padding:.35em .95em;border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-soft);font-size:var(--text-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.chip:hover{background:var(--color-surface-sunken)}.chip[aria-pressed=true]{background:var(--color-accent);border-color:transparent;color:#fff;font-weight:600}.search-input{flex:1 1 14rem;min-height:2.6rem;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-text)}.search-input::placeholder{color:var(--color-text-muted)}.up-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--space-4)}.up-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);text-align:left;cursor:pointer;transition:transform var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out)}.up-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.up-card__head{display:flex;align-items:center;gap:var(--space-3)}.up-card__avatar{width:3.5rem;height:3.5rem;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface-sunken);flex:none}.up-card__avatar img{width:100%;height:100%;object-fit:cover}.up-card__name{margin:0;font-size:var(--text-lg);line-height:1.3}.up-card__uid{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.up-card__summary{font-size:var(--text-sm);color:var(--color-text-soft);margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.empty-state{padding:var(--space-7) var(--space-5);text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface)}.detail-backdrop{position:fixed;inset:0;z-index:60;background:#2f2a256b;backdrop-filter:blur(3px);display:grid;place-items:center;padding:var(--space-4);animation:fade-in var(--duration) var(--ease-out) both}.detail-panel{width:min(100%,44rem);max-height:min(88vh,54rem);overflow-y:auto;background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);padding:var(--space-6);animation:rise-in var(--duration-slow) var(--ease-out) both;overscroll-behavior:contain}.detail-panel__close{position:sticky;top:0;float:right;margin:-.5rem -.5rem 0 0}.detail-head{display:flex;gap:var(--space-4);align-items:center;margin-bottom:var(--space-5)}.detail-head__avatar{width:5rem;height:5rem;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface-sunken);flex:none}.detail-head__avatar img{width:100%;height:100%;object-fit:cover}.detail-section{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.detail-section__title{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-3);font-weight:650}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.about-section{padding:var(--space-5) 0;border-bottom:1px solid var(--color-border)}.about-section:last-child{border-bottom:0}.definition-list{display:grid;gap:var(--space-3);margin:0}.definition-list dt{font-weight:650;color:var(--color-text)}.definition-list dd{margin:0 0 var(--space-2);color:var(--color-text-soft);font-size:var(--text-sm)}.notice{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-sunken);font-size:var(--text-sm);color:var(--color-text-soft)}.notice--accent{background:var(--color-accent-softer);border-color:var(--color-accent-soft)}.notice--warning{background:#fdf5e6;border-color:#eeddb8;color:#6d5320}.link-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--space-4);margin:var(--space-4) 0}.link-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.link-card__body{min-width:0}.link-card__title{margin:0 0 var(--space-1);font-weight:650;overflow-wrap:anywhere}.link-card__desc{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);overflow-wrap:anywhere}.link-card .btn{align-self:flex-start}.settings-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.settings-header__intro{flex:1 1 20rem;min-width:0}.settings-header h1{margin-bottom:var(--space-2)}.settings-status{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.settings-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.settings-layout{display:grid;grid-template-columns:minmax(0,17rem) minmax(0,1fr);gap:var(--space-5);align-items:start}.settings-side{position:sticky;top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.settings-side__search{min-width:0}.settings-list{display:flex;flex-direction:column;gap:var(--space-1);max-height:32rem;overflow-y:auto;padding-right:var(--space-1)}.settings-list__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;cursor:pointer;font:inherit;color:inherit;transition:border-color .15s ease,background .15s ease}.settings-list__item:hover{border-color:var(--color-accent)}.settings-list__item.is-active{border-color:var(--color-accent);background:var(--color-accent-soft, #fbf1ea)}.settings-list__avatar{flex:none;width:1.75rem;height:1.75rem;border-radius:var(--radius-sm);overflow:hidden}.settings-list__avatar img{width:100%;height:100%;object-fit:cover;display:block}.settings-list__meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.settings-list__name{font-weight:600;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-list__sub{font-size:var(--text-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-list__badge{flex:none;font-size:var(--text-xs)}.settings-editor{min-width:0}.settings-editor>*{min-width:0}.score-rows{min-width:0}.settings-editor__head{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-start;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.settings-editor__avatar{flex:none;width:4.5rem;height:4.5rem;border-radius:var(--radius-md);overflow:hidden}.settings-editor__avatar img{width:100%;height:100%;object-fit:cover;display:block}.settings-editor__info{flex:1 1 16rem;min-width:0}.settings-editor__info h2,.settings-editor__info p{margin-bottom:var(--space-1);overflow-wrap:anywhere}.settings-editor__changed{color:var(--color-accent);font-weight:600}.score-rows{display:flex;flex-direction:column;gap:var(--space-3)}.score-row{display:grid;grid-template-columns:minmax(0,9rem) minmax(0,1fr) 2.5rem;align-items:center;gap:var(--space-3);min-width:0}.score-row>*{min-width:0}.score-row__label{display:flex;flex-direction:column;min-width:0}.score-row__name{font-size:var(--text-sm);font-weight:600;overflow-wrap:anywhere}.score-row__base{font-size:var(--text-xs);color:var(--color-text-muted);overflow-wrap:anywhere}.score-row__range{display:block;width:100%;min-width:0;max-width:100%;box-sizing:border-box;accent-color:var(--color-accent)}.score-row__value{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;font-size:var(--text-sm)}.settings-preview{margin-top:var(--space-5);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.settings-preview h3{margin-bottom:var(--space-2)}.settings-preview__rank{font-weight:600;margin-bottom:var(--space-3);overflow-wrap:anywhere}.settings-preview__body{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}.settings-preview__body canvas{max-width:100%;height:auto}.settings-code{max-height:22rem;overflow:auto;margin:var(--space-3) 0;padding:var(--space-3);background:#f6f3ee;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--text-xs);line-height:1.6;white-space:pre;tab-size:2}.gallery__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}@media(max-width:900px){.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-side{position:static}.settings-list{max-height:18rem}}@media(max-width:560px){.settings-actions .btn{flex:1 1 auto}.score-row{grid-template-columns:minmax(0,1fr) 2.5rem;grid-template-areas:"label value" "range range";row-gap:var(--space-2)}.score-row__label{grid-area:label}.score-row__value{grid-area:value}.score-row__range{grid-area:range}}.page-enter{animation:page-in var(--duration-slow) var(--ease-out) both}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.reveal{animation:reveal-pop .62s var(--ease-spring) both}@keyframes reveal-pop{0%{opacity:0;transform:scale(.94) translateY(18px)}to{opacity:1;transform:none}}.toast{position:fixed;left:50%;bottom:var(--space-5);transform:translate(-50%) translateY(120%);z-index:80;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);background:var(--color-text);color:#fff;font-size:var(--text-sm);box-shadow:var(--shadow-lg);transition:transform var(--duration) var(--ease-out),opacity var(--duration) var(--ease-out);opacity:0;pointer-events:none}.toast[data-visible=true]{transform:translate(-50%) translateY(0);opacity:1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}@media print{.site-header,.site-footer,.btn,.toast{display:none!important}body{background:#fff}.card,.result-hero{box-shadow:none;border-color:#ccc}}