.rating-badge{display:inline-flex;align-items:baseline;gap:var(--space-2);border-radius:8px;font-weight:600;font-variant-numeric:tabular-nums;background:color-mix(in srgb,currentColor 8%,transparent);padding:2px 8px;line-height:1.4}.rating-badge--small{font-size:var(--text-subhead)}.rating-badge--large{font-size:34px;padding:4px 14px;letter-spacing:-.02em}.rating-badge em{font-style:normal;font-size:.42em;font-weight:500;opacity:.85}.rating-badge--small em{font-size:var(--text-caption)}.rating-badge--empty{color:var(--color-faint);background:var(--color-surface-soft)}.status-notice{display:grid;min-height:min(46vh,380px);place-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-6) 0;text-align:center}.status-notice h1,.status-notice h2{margin:0;font-size:var(--text-title);font-weight:600;letter-spacing:-.02em}.status-notice p{margin:0;max-width:34ch;color:var(--color-muted);font-size:var(--text-callout);line-height:1.6}.status-notice button{min-height:var(--tap-min);margin-top:var(--space-2);padding:0 var(--space-5);border:0;border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;font-size:var(--text-callout);font-weight:500}.status-notice button:hover{background:var(--color-accent-strong)}.status-skeleton{padding:var(--space-5) 0}.status-skeleton__line{height:14px;margin-bottom:var(--space-3);border-radius:7px;background:var(--color-surface-soft)}.status-skeleton__line--title{height:26px;width:45%;margin-bottom:var(--space-5)}.status-skeleton__line--short{width:60%}.rankings__axes{display:flex;gap:2px;max-width:100%;margin:var(--space-4) 0 0;padding:2px;border-radius:10px;background:var(--color-fill);overflow-x:auto;scrollbar-width:none}.rankings__axes::-webkit-scrollbar{display:none}.rankings__axes button{flex:1 0 auto;min-height:34px;padding:0 var(--space-3);border:0;border-radius:8px;background:transparent;color:var(--color-muted);font-size:var(--text-subhead);white-space:nowrap}.rankings__axes button.is-active{background:var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-text);font-weight:500}.rankings__tabs{display:flex;gap:var(--space-2);margin:var(--space-3) 0 0;padding-bottom:var(--space-1);overflow-x:auto;scrollbar-width:none}.rankings__tabs::-webkit-scrollbar{display:none}.rankings__tabs button{flex:none;min-width:52px;min-height:34px;padding:0 var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-muted);font-size:var(--text-subhead);white-space:nowrap}.rankings__tabs button.is-active{border-color:transparent;background:var(--color-accent);color:#fff;font-weight:500}.rankings__list{list-style:none;margin:var(--space-4) 0 0;padding:0;overflow:hidden;border:1px solid var(--color-hairline);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.rankings__list li+li{border-top:1px solid var(--color-hairline)}.rankings__list button{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"name badge chevron" "meta badge chevron";align-items:center;gap:0 var(--space-3);width:100%;min-height:60px;padding:var(--space-3) var(--space-4);background:none;border:0;text-align:left}.rankings__list button:after{grid-area:chevron;content:"";width:7px;height:7px;border-top:1.6px solid var(--color-faint);border-right:1.6px solid var(--color-faint);transform:rotate(45deg)}.rankings__list button:active{background:var(--color-surface-soft)}@media(hover:hover){.rankings__list button:hover{background:var(--color-surface-soft)}}.rankings__name{grid-area:name;display:flex;align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-body);font-weight:500}.rankings__meta{grid-area:meta;overflow:hidden;color:var(--color-muted);font-size:var(--text-footnote);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.rankings__list .rating-badge,.rankings__list .grade-badge,.rankings__list .label-badge,.rankings__list .direction-badge{grid-area:badge}.rankings__note{margin:var(--space-5) var(--space-1) 0;color:var(--color-faint);font-size:var(--text-caption)}.markdown{font-size:var(--text-body);line-height:var(--reading-leading);color:var(--color-text);overflow-wrap:anywhere}.markdown p{margin:0 0 var(--space-4)}.markdown h3,.markdown h4{margin:var(--space-5) 0 var(--space-2);font-size:var(--text-headline);font-weight:600}.markdown ul{margin:0 0 var(--space-4);padding-left:1.2em}.markdown li{margin-bottom:var(--space-2)}.markdown code{font-family:var(--font-mono);font-size:.9em;background:var(--color-surface-soft);padding:1px 5px;border-radius:5px}.markdown hr{border:0;border-top:1px solid var(--color-hairline);margin:var(--space-5) 0}.markdown__table-scroll{overflow-x:auto;margin:0 0 var(--space-4);-webkit-overflow-scrolling:touch}.markdown table{border-collapse:collapse;width:100%;min-width:360px;font-size:var(--text-callout);font-variant-numeric:tabular-nums}.markdown th,.markdown td{border-bottom:1px solid var(--color-hairline);padding:var(--space-2) var(--space-3);text-align:left;white-space:nowrap}.markdown th{color:var(--color-muted);font-weight:500}.report__header h1{margin:0 0 var(--space-1);font-size:var(--text-large-title);font-weight:600;letter-spacing:-.02em}.report__identity{margin:0 0 var(--space-5);color:var(--color-muted);font-size:var(--text-subhead);font-variant-numeric:tabular-nums}.report__verdict{padding:var(--space-4) var(--space-4) var(--space-2);border:1px solid var(--color-hairline);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.report__verdict-head{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.report__reason{margin:0;flex:1 1 240px;font-size:var(--text-body);line-height:1.6}.report__verdict dl{margin:var(--space-4) 0 0}.report__verdict dl>div{display:grid;grid-template-columns:76px 1fr;gap:var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--color-hairline)}.report__verdict dt{color:var(--color-muted);font-size:var(--text-subhead)}.report__verdict dd{margin:0;font-size:var(--text-callout);line-height:1.6}.report__meta{margin:var(--space-4) 0 0;color:var(--color-muted);font-size:var(--text-footnote);font-variant-numeric:tabular-nums}.report__notice{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--color-warning-soft);color:var(--color-warning);font-size:var(--text-footnote)}.report__section{padding-top:var(--space-5);margin-top:var(--space-5);border-top:1px solid var(--color-hairline)}.report__section h2{margin:0 0 var(--space-3);font-size:var(--text-headline);font-weight:600;letter-spacing:-.01em}.report__disclaimer{margin:var(--space-6) 0 0;color:var(--color-faint);font-size:var(--text-caption);line-height:1.6}.report-page__actions{display:flex;justify-content:flex-end;margin-bottom:var(--space-2)}.report-page__history{margin:var(--space-6) 0 0;padding-top:var(--space-4);border-top:1px solid var(--color-hairline)}.report-page__history button{min-height:var(--tap-min);padding:0;border:0;background:none;color:var(--color-accent);font-size:var(--text-callout)}.report-history ul{list-style:none;margin:var(--space-4) 0 0;padding:0;overflow:hidden;border:1px solid var(--color-hairline);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.report-history li+li{border-top:1px solid var(--color-hairline)}.report-history ul button{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"label badge chevron" "meta badge chevron";align-items:center;gap:0 var(--space-3);width:100%;min-height:60px;padding:var(--space-3) var(--space-4);background:none;border:0;text-align:left}.report-history ul button:after{grid-area:chevron;content:"";width:7px;height:7px;border-top:1.6px solid var(--color-faint);border-right:1.6px solid var(--color-faint);transform:rotate(45deg)}.report-history ul button:active{background:var(--color-surface-soft)}@media(hover:hover){.report-history ul button:hover{background:var(--color-surface-soft)}}.report-history__label{grid-area:label;font-size:var(--text-body);font-weight:500}.report-history__meta{grid-area:meta;color:var(--color-muted);font-size:var(--text-footnote);font-variant-numeric:tabular-nums}.report-history .rating-badge,.report-history .label-badge{grid-area:badge}.search__title{margin:var(--space-2) 0 var(--space-2);font-size:var(--text-large-title);font-weight:600;letter-spacing:-.022em;line-height:1.2}.search__tagline{margin:0 0 var(--space-5);color:var(--color-muted);font-size:var(--text-callout)}.search__field{display:flex;align-items:center;min-height:50px;padding:0 var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);box-shadow:var(--shadow-card)}.search__field:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.search__field input{width:100%;min-height:48px;border:0;background:transparent;color:var(--color-text);font-size:var(--text-headline);outline:none;appearance:none}.search__field input::placeholder{color:var(--color-faint)}.search__coverage,.search__hint{margin:var(--space-3) var(--space-1) 0;color:var(--color-muted);font-size:var(--text-subhead)}.search__empty{margin:var(--space-6) 0;color:var(--color-muted);font-size:var(--text-callout);text-align:center}.search__results ul,.search__recents ul{list-style:none;margin:var(--space-3) 0 0;padding:0;overflow:hidden;border:1px solid var(--color-hairline);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.search__results li+li,.search__recents li+li{border-top:1px solid var(--color-hairline)}.search__results ul button,.search__recents ul button{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"name badge chevron" "meta badge chevron";align-items:center;gap:0 var(--space-3);width:100%;min-height:60px;padding:var(--space-3) var(--space-4);background:none;border:0;text-align:left}.search__results ul button:after,.search__recents ul button:after{grid-area:chevron;content:"";width:7px;height:7px;border-top:1.6px solid var(--color-faint);border-right:1.6px solid var(--color-faint);transform:rotate(45deg)}.search__results ul button:active,.search__recents ul button:active{background:var(--color-surface-soft)}@media(hover:hover){.search__results ul button:hover,.search__recents ul button:hover{background:var(--color-surface-soft)}}.search__name{grid-area:name;display:flex;align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-body);font-weight:500}.search__meta{grid-area:meta;overflow:hidden;color:var(--color-muted);font-size:var(--text-footnote);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.search__results .rating-badge,.search__recents .rating-badge,.search__results .grade-badge,.search__recents .grade-badge,.search__results .label-badge,.search__recents .label-badge,.search__results .direction-badge,.search__recents .direction-badge{grid-area:badge}.search__recents header{display:flex;align-items:baseline;justify-content:space-between;margin-top:var(--space-6);padding:0 var(--space-1)}.search__recents h2{margin:0;color:var(--color-muted);font-size:var(--text-footnote);font-weight:600}.search__recents header button{min-height:32px;padding:0;border:0;background:none;color:var(--color-accent);font-size:var(--text-footnote)}:root{color-scheme:light dark;--color-canvas: #f5f5f7;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-surface-soft: rgba(0, 0, 0, .04);--color-fill: rgba(118, 118, 128, .12);--color-text: #1d1d1f;--color-muted: #6e6e73;--color-faint: #aeaeb2;--color-hairline: rgba(0, 0, 0, .07);--color-line: rgba(0, 0, 0, .1);--color-accent: #0071e3;--color-accent-strong: #0077ed;--color-accent-soft: rgba(0, 113, 227, .1);--color-warning: #9a6200;--color-warning-soft: rgba(154, 98, 0, .09);--shadow-card: 0 1px 2px rgba(0, 0, 0, .04);--shadow-floating: 0 8px 28px rgba(0, 0, 0, .12);--chrome-blur: saturate(180%) blur(20px);--chrome-bg: rgba(245, 245, 247, .72);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--text-display: clamp(28px, 6vw, 38px);--text-large-title: 30px;--text-title: 22px;--text-headline: 17px;--text-body: 16px;--text-callout: 15px;--text-subhead: 14px;--text-footnote: 13px;--text-caption: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--radius-card: 18px;--radius-control: 12px;--radius-inner: 8px;--radius-pill: 999px;--page-inset: 20px;--content-width: 720px;--shell-width: 1200px;--rail-width: 216px;--reading-leading: 1.7;--tap-min: 44px}@media(min-width:900px){:root{--text-large-title: 34px}}@media(prefers-color-scheme:dark){:root{--color-canvas: #000000;--color-surface: #1c1c1e;--color-surface-raised: #2c2c2e;--color-surface-soft: rgba(255, 255, 255, .06);--color-fill: rgba(118, 118, 128, .24);--color-text: #f5f5f7;--color-muted: #98989d;--color-faint: #6e6e73;--color-hairline: rgba(255, 255, 255, .1);--color-line: rgba(255, 255, 255, .16);--color-accent: #0a84ff;--color-accent-strong: #409cff;--color-accent-soft: rgba(10, 132, 255, .18);--color-warning: #ffb340;--color-warning-soft: rgba(255, 179, 64, .14);--shadow-card: 0 1px 2px rgba(0, 0, 0, .4);--shadow-floating: 0 8px 28px rgba(0, 0, 0, .5);--chrome-bg: rgba(20, 20, 22, .72)}}:root{--rating-a: #1d7a4d;--rating-bplus: #2e7d5b;--rating-b: #5a6270;--rating-cplus: #8a6a1f;--rating-c: #9a5b18;--rating-d: #a33a2e}@media(prefers-color-scheme:dark){:root{--rating-a: #30d158;--rating-bplus: #4cc38a;--rating-b: #98989d;--rating-cplus: #ffd60a;--rating-c: #ff9f0a;--rating-d: #ff6961}}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.skip-link{position:fixed;top:var(--space-3);left:var(--space-3);z-index:60;padding:10px 14px;border-radius:var(--radius-control);background:var(--color-text);color:var(--color-canvas);font-size:var(--text-subhead);transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.mobile-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:center;min-height:52px;padding:0 var(--space-4);padding-top:env(safe-area-inset-top);border-bottom:.5px solid var(--color-hairline);background:var(--chrome-bg);backdrop-filter:var(--chrome-blur);-webkit-backdrop-filter:var(--chrome-blur)}.header-back{position:absolute;left:var(--space-2);display:inline-flex;align-items:center;gap:2px;min-height:var(--tap-min);padding:0 var(--space-2);border:0;background:none;color:var(--color-accent);font-size:var(--text-callout);white-space:nowrap}.header-back svg{width:20px;height:20px}.header-title{overflow:hidden;max-width:62%;font-size:var(--text-headline);font-weight:600;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis}.main-content{display:flex;flex:1;flex-direction:column;width:100%;max-width:calc(var(--content-width) + var(--page-inset) * 2);margin:0 auto;padding:var(--space-4) var(--page-inset) calc(var(--space-7) + 56px + env(safe-area-inset-bottom))}.app-shell:not(:has(>.mobile-header)) .main-content{padding-top:calc(var(--space-4) + env(safe-area-inset-top))}.app-footer{margin-top:auto;padding-top:var(--space-7);border-top:1px solid var(--color-hairline);color:var(--color-faint);font-size:var(--text-caption);line-height:1.6}.app-footer p{margin:0 0 var(--space-2)}.app-footer a,.app-footer button{min-height:32px;padding:0;border:0;background:none;color:var(--color-muted);font-size:var(--text-caption);text-decoration:none}.app-footer a:hover,.app-footer button:hover{color:var(--color-text);text-decoration:none}.tab-bar{position:fixed;right:0;bottom:0;left:0;z-index:20;display:flex;border-top:.5px solid var(--color-hairline);background:var(--chrome-bg);padding-bottom:env(safe-area-inset-bottom);backdrop-filter:var(--chrome-blur);-webkit-backdrop-filter:var(--chrome-blur)}.tab-bar a,.tab-bar button{display:grid;flex:1;min-height:52px;align-content:center;justify-items:center;gap:2px;padding:0;border:0;background:none;color:var(--color-muted);font-size:10px;letter-spacing:.01em;text-decoration:none}.tab-bar a:hover,.tab-bar button:hover{text-decoration:none}.tab-bar [aria-current=page]{color:var(--color-accent)}.tab-bar svg,.side-rail svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.brand{display:inline-flex;align-items:center;gap:10px;min-height:var(--tap-min);padding:0;border:0;background:none;color:inherit;font-size:var(--text-headline);font-weight:600;letter-spacing:-.01em;text-align:left;text-decoration:none}.brand:hover{text-decoration:none}.brand-mark{flex:none;width:30px;height:30px;border-radius:8px;box-shadow:var(--shadow-card)}.side-rail,.report-toc,.mobile-toc{display:none}@media(min-width:900px){.app-shell{display:grid;grid-template-columns:var(--rail-width) minmax(0,1fr)}.mobile-header,.tab-bar{display:none}.side-rail{position:sticky;top:0;display:flex;height:100dvh;flex-direction:column;padding:var(--space-6) var(--space-3);border-right:1px solid var(--color-hairline);background:var(--chrome-bg);backdrop-filter:var(--chrome-blur);-webkit-backdrop-filter:var(--chrome-blur)}.side-rail .brand{padding:0 var(--space-2)}.side-rail nav{display:grid;gap:2px;margin-top:var(--space-6)}.side-rail nav a,.side-rail nav button{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 var(--space-2);border:0;border-radius:10px;background:none;color:var(--color-muted);font-size:var(--text-callout);text-align:left;text-decoration:none}.side-rail nav a:hover,.side-rail nav button:hover{background:var(--color-surface-soft);color:var(--color-text);text-decoration:none}.side-rail nav [aria-current=page]{background:var(--color-accent-soft);color:var(--color-accent);font-weight:500}.side-rail .privacy-link{margin-top:auto;min-height:36px;padding:0 var(--space-2);border:0;background:none;color:var(--color-faint);font-size:var(--text-footnote);text-align:left;text-decoration:none}.side-rail .privacy-link:hover{color:var(--color-muted);text-decoration:none}.main-content{max-width:calc(var(--content-width) + var(--space-7) * 2);padding:var(--space-7)}.app-footer a,.app-footer button,.app-footer--links-only{display:none}}@media(max-width:899px){.mobile-toc{position:fixed;right:var(--space-4);bottom:calc(68px + env(safe-area-inset-bottom));z-index:15;display:block}}.mobile-toc summary{display:grid;min-width:48px;min-height:48px;place-items:center;border:.5px solid var(--color-hairline);border-radius:var(--radius-pill);background:var(--chrome-bg);box-shadow:var(--shadow-floating);color:var(--color-accent);font-size:var(--text-footnote);font-weight:500;list-style:none;backdrop-filter:var(--chrome-blur);-webkit-backdrop-filter:var(--chrome-blur)}.mobile-toc summary::-webkit-details-marker{display:none}.mobile-toc nav{position:absolute;right:0;bottom:calc(100% + var(--space-2));display:grid;width:min(72vw,240px);padding:var(--space-1);border:.5px solid var(--color-hairline);border-radius:14px;background:var(--chrome-bg);box-shadow:var(--shadow-floating);backdrop-filter:var(--chrome-blur);-webkit-backdrop-filter:var(--chrome-blur)}.mobile-toc nav a{display:flex;min-height:42px;align-items:center;padding:0 var(--space-3);border-radius:9px;color:var(--color-text);font-size:var(--text-subhead);text-decoration:none}.mobile-toc nav a:active{background:var(--color-accent-soft)}@media(min-width:1240px){.app-shell--toc{grid-template-columns:var(--rail-width) minmax(0,1fr) 190px}.app-shell--toc .report-toc{position:sticky;top:var(--space-7);display:block;align-self:start;padding:var(--space-7) var(--space-4) 0 0}.report-toc p{margin:0 0 var(--space-2);color:var(--color-faint);font-size:var(--text-caption);letter-spacing:.03em}.report-toc nav{display:grid;gap:1px}.report-toc a{padding:6px var(--space-2);border-radius:var(--radius-inner);color:var(--color-muted);font-size:var(--text-footnote);text-decoration:none}.report-toc a:hover{background:var(--color-accent-soft);color:var(--color-accent);text-decoration:none}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(52px + var(--space-4))}body{margin:0;min-width:320px;background:var(--color-canvas);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--reading-leading);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:6px}svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.visually-hidden,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.page-head{margin:var(--space-2) 0 var(--space-5)}.page-title,.page-heading{margin:0;font-size:var(--text-large-title);font-weight:600;letter-spacing:-.022em;line-height:1.2}.page-sub{margin:var(--space-2) 0 0;color:var(--color-muted);font-size:var(--text-callout)}.text-page>p{margin:var(--space-4) 0 0;color:var(--color-muted);font-size:var(--text-callout);line-height:var(--reading-leading)}.section-title{margin:var(--space-6) 0 var(--space-2);padding:0 var(--space-1);color:var(--color-muted);font-size:var(--text-footnote);font-weight:600;letter-spacing:.01em}.card{border:1px solid var(--color-hairline);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.card--inset{padding:var(--space-4)}.rows{list-style:none;margin:0;padding:0;overflow:hidden;border:1px solid var(--color-hairline);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-card)}.rows>li+li{border-top:1px solid var(--color-hairline)}.row{display:flex;width:100%;align-items:center;gap:var(--space-3);min-height:56px;padding:var(--space-3) var(--space-4);border:0;background:none;color:inherit;text-align:left}.row:active{background:var(--color-surface-soft)}@media(hover:hover){.row:hover{background:var(--color-surface-soft)}}.field{display:flex;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface)}.field:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.field svg{flex:none;width:18px;height:18px;color:var(--color-faint)}.field input{width:100%;border:0;background:transparent;color:var(--color-text);font-size:var(--text-headline);outline:none;appearance:none}.field input::placeholder{color:var(--color-faint)}.segmented{display:inline-flex;gap:2px;padding:2px;border-radius:10px;background:var(--color-fill)}.segmented button{min-height:32px;padding:0 var(--space-3);border:0;border-radius:8px;background:transparent;color:var(--color-muted);font-size:var(--text-subhead)}.segmented button.is-active{background:var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-text);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font-size:var(--text-callout)}.btn--primary{border-color:transparent;border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;font-weight:500}.btn--primary:hover{background:var(--color-accent-strong)}.share-button{min-height:var(--tap-min);padding:0 var(--space-3);border:0;background:none;color:var(--color-accent);font-size:var(--text-callout)}.btn--quiet{min-height:var(--tap-min);padding:0 var(--space-2);border:0;background:none;color:var(--color-accent)}.btn:disabled{cursor:wait;opacity:.55}.state{display:grid;min-height:min(52vh,420px);place-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-6) 0;text-align:center}.state h2{margin:0;font-size:var(--text-title);font-weight:600;letter-spacing:-.02em}.state p{margin:0;max-width:32ch;color:var(--color-muted);font-size:var(--text-callout)}.state .btn{margin-top:var(--space-3)}.loading-mark{width:8px;height:8px;border-radius:50%;background:var(--color-accent);animation:breathe 1.4s ease-in-out infinite}@keyframes breathe{50%{opacity:.3;transform:scale(.8)}}.banner{display:flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-muted);font-size:var(--text-subhead)}.banner--warning{background:var(--color-warning-soft);box-shadow:none;color:var(--color-warning)}.skeleton{border-radius:var(--radius-inner);background:var(--color-surface-soft);animation:breathe 1.6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
