:root{color-scheme:light;--bg-top: #f3f4f6;--bg-bottom: #e6e8ec;--card: #ffffff;--card-muted: #f4f5f7;--text: #1c1d21;--text-secondary: #5c6370;--accent: #1760d0;--accent-soft: rgba(23, 96, 208, .14);--on-accent: #ffffff;--paper: #ffffff;--paper-text: #1c1d21;--paper-sub: #5c6370;--good: #2f7d4a;--warning: #b57912;--danger: #c0443d;--phone: #d64545;--phone-soft: rgba(214, 69, 69, .22);--brush: "Yuji Syuku", "Hiragino Mincho ProN", "Yu Mincho", serif;--line: rgba(0, 0, 0, .08);--chart-grid: rgba(0, 0, 0, .08);--notice-bg: color-mix(in srgb, var(--warning) 18%, var(--card));--scrim: rgba(0, 0, 0, .35);--card-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 4px 14px rgba(0, 0, 0, .04);--paper-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 4px 14px rgba(0, 0, 0, .04);--bar-shadow: 0 6px 16px rgba(0, 0, 0, .07);--photo-radius: var(--radius-m);--placeholder-from: #1e4f9a;--placeholder-to: #5b8def;--result-card: #ffffff;--result-card-text: #171b24;--result-card-sub: #626875;--result-card-border: #e5e7eb;--result-card-accent: #1760d0;--radius-s: 4px;--radius-m: 12px;--radius-l: 16px;--radius: 22px;--radius-pill: 999px;--weight-normal: 400;--weight-medium: 600;--weight-bold: 700;--weight-heavy: 800;--motion-quick: .1s;--motion-base: .25s;--motion-slow: .35s;--motion-slower: .55s;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif}html[data-theme=dark]{color-scheme:dark;--bg-top: #1a1c20;--bg-bottom: #121316;--card: #26282d;--card-muted: #30333a;--text: #f2f3f5;--text-secondary: #a7adb8;--accent: #7eb6ff;--accent-soft: rgba(126, 182, 255, .18);--on-accent: #0b1220;--good: #8dcea8;--warning: #e3b15a;--danger: #ef8d86;--phone: #ff8d8d;--phone-soft: rgba(255, 141, 141, .24);--line: rgba(255, 255, 255, .08);--chart-grid: rgba(255, 255, 255, .16);--notice-bg: color-mix(in srgb, var(--warning) 14%, var(--card));--scrim: rgba(0, 0, 0, .55);--card-shadow: 0 0 0 1px rgba(255, 255, 255, .07), 0 1px 2px rgba(0, 0, 0, .5);--paper-shadow: 0 0 0 1px rgba(0, 0, 0, .2), 0 8px 20px rgba(0, 0, 0, .45);--bar-shadow: 0 6px 16px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:clip}body{color:var(--text);background:linear-gradient(180deg,var(--bg-top),var(--bg-bottom)) fixed;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}.site-header{position:sticky;top:0;z-index:42;background:color-mix(in srgb,var(--bg-top) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.site-header-inner{max-width:520px;margin:0 auto;min-height:52px;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.site-logo{margin:0;padding:0;border:none;background:none;color:var(--text);cursor:pointer;display:flex;align-items:center}.site-logo:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-m)}.site-logo svg{height:28px;width:auto;display:block;fill:currentColor}.site-header-actions{display:flex;align-items:center;gap:4px}.header-restart,.diagnosis-title{display:inline-flex;align-items:center;gap:4px;border:none;background:none;font-size:13px;font-weight:var(--weight-bold);line-height:1.2;padding:8px 4px;cursor:pointer;white-space:nowrap;min-width:0}.header-restart{color:var(--accent);margin-left:auto}.diagnosis-title{margin:0;color:var(--text-secondary);text-align:left}.diagnosis-title-spacer{flex:1;min-width:0}.heading-mark{width:14px;height:14px;flex:none}.heading-mark path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.menu-button{width:40px;height:40px;border:none;border-radius:var(--radius-m);background:transparent;display:inline-flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer;padding:0 9px}.menu-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.menu-button span{display:block;height:2px;background:var(--text);border-radius:var(--radius-s);transition:transform var(--motion-base) ease,opacity var(--motion-base) ease}.menu-button.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-button.open span:nth-child(2){opacity:0}.menu-button.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity var(--motion-base) ease;z-index:40}.menu-backdrop.open{opacity:1;pointer-events:auto}.menu-panel{position:fixed;top:52px;right:0;bottom:0;width:min(320px,86vw);background:var(--card);color:var(--text);z-index:43;padding:calc(20px + env(safe-area-inset-top)) 18px 24px;display:flex;flex-direction:column;gap:4px;transform:translate(100%);transition:transform var(--motion-base) ease;pointer-events:none}.menu-panel.open{transform:translate(0);pointer-events:auto}.menu-label{margin:0 0 8px;color:var(--text-secondary);font-size:12px;font-weight:var(--weight-bold)}.menu-item{display:block;width:100%;text-align:left;text-decoration:none;border:none;background:transparent;border-radius:var(--radius-m);padding:14px 8px;font-size:16px;font-weight:var(--weight-bold);cursor:pointer}.menu-item:hover{background:var(--card-muted)}.menu-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.menu-item[aria-current=page]{color:var(--accent)}.screen{max-width:520px;margin:0 auto;padding:12px 16px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;overflow-x:clip}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:8px;min-width:0}.topbar-title{font-size:17px;font-weight:var(--weight-medium)}.diagnosis-topbar{min-height:36px}.text-button{border:none;background:none;color:var(--accent);font-weight:var(--weight-medium);padding:8px 4px;cursor:pointer}.text-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.header-restart,.diagnosis-title,.text-button,.question-info{position:relative}.header-restart:after,.diagnosis-title:after,.text-button:after,.question-info:after{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}.topbar .text-button{min-width:56px;text-align:left}.card{background:var(--card);border-radius:var(--radius);padding:14px;box-shadow:var(--card-shadow)}.brush{font-family:var(--brush);font-weight:var(--weight-normal)}.diagnosis-cta{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;width:100%;text-align:left;border-radius:var(--radius);padding:12px;background:var(--paper);color:var(--paper-text);box-shadow:var(--paper-shadow)}.cta-copy{display:flex;flex-direction:column;gap:2px}.cta-headline{margin:0;font-size:22px;font-weight:var(--weight-heavy);line-height:1.25}.cta-sub{margin:0;color:var(--paper-sub);font-size:13px;font-weight:var(--weight-medium)}.cta-stage{position:relative;height:44px}.cta-go{width:100%;border:none;border-radius:var(--radius-m);padding:12px;background:var(--accent);color:var(--on-accent);font-size:17px;font-weight:var(--weight-heavy);cursor:pointer}.cta-go:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cta-marquee-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.cta-marquee{display:flex;width:max-content;animation:flow-ltr var(--marquee-duration, 18s) linear infinite}.cta-marquee-group{display:flex;gap:8px;padding-right:8px}.cta-phone{width:22px;height:32px;flex:none}.diagnosis-cta .phone-image{mix-blend-mode:normal}@keyframes flow-ltr{0%{transform:translate(-50%)}to{transform:translate(0)}}.cta-bar{position:fixed;left:0;right:0;z-index:26;background:color-mix(in srgb,var(--card) 97%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:var(--bar-shadow);transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform var(--motion-base) ease,opacity var(--motion-base) ease}.cta-bar.show{transform:translateY(0);opacity:1;pointer-events:auto}.cta-bar-inner{max-width:520px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;gap:12px}.cta-bar-label{flex:1;min-width:0;margin:0;font-size:15px;font-weight:var(--weight-heavy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cta-bar-go{flex:none;border:none;border-radius:var(--radius-m);padding:11px 18px;background:var(--accent);color:var(--on-accent);font-size:15px;font-weight:var(--weight-heavy);cursor:pointer}.cta-bar-go:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.cta-marquee{animation:none}.cta-bar{transition:none}}.series{display:flex;flex-direction:column;gap:8px;container-type:inline-size}.series-head{display:flex;align-items:center;gap:8px}.series-head .thumb{width:46px;height:58px;flex:none}.series-title{margin:0;font-size:16px;font-weight:var(--weight-bold)}.verdict{width:100%;margin:0;font-size:min(32px,calc(100cqw / (var(--verdict-chars, 11) * .94 + .4)));line-height:1.15;letter-spacing:-.06em;white-space:nowrap}.verdict.still{color:var(--good)}.verdict.soon{color:var(--warning)}.verdict.now{color:var(--danger)}.age-meter{display:flex;align-items:center;gap:8px}.age-track{flex:1;height:8px;background:var(--line);border-radius:var(--radius-pill);overflow:hidden}.age-fill{height:100%;border-radius:var(--radius-pill);background:var(--accent)}.age-fill.still{background:var(--good)}.age-fill.soon{background:var(--warning)}.age-fill.now{background:var(--danger)}.age-label{display:flex;flex-direction:column;align-items:flex-end;gap:1px;min-width:4.6em;font-size:13px}.age-prefix{font-size:11px;font-weight:var(--weight-bold);color:var(--text-secondary);line-height:1.2;letter-spacing:.02em}.age-text{font-size:14px;font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;text-align:right;line-height:1.2}.fold-toggle{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;border:none;background:none;padding:0;color:var(--text-secondary);font-size:14px;font-weight:var(--weight-bold);cursor:pointer;text-align:left;border-radius:var(--radius-m);transition:color var(--motion-base) ease,background-color var(--motion-base) ease}.fold-toggle:hover{color:var(--text)}.fold-toggle:active{background:var(--card-muted)}.fold-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fold-caption{flex:1}.fold-mark{width:7px;height:7px;flex:none;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform var(--motion-slow) ease}.fold-mark.open{transform:rotate(45deg)}.fold{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--motion-slow) ease}.fold.open{grid-template-rows:1fr}.fold-inner{overflow:hidden;opacity:0;transform:translateY(-6px);transition:opacity var(--motion-base) ease,transform var(--motion-base) ease}.fold.open .fold-inner{opacity:1;transform:translateY(0);transition-delay:var(--motion-quick)}.model-list{display:flex;flex-direction:column;gap:8px;padding-top:2px}.model-line{display:flex;align-items:flex-start;gap:8px}.model-line .thumb{width:34px;height:44px;flex:none}.model-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.model-name{margin:0;font-size:14px;font-weight:var(--weight-bold)}.model-body .age-track{height:6px}.model-body .age-label{font-size:12px;min-width:4.9em}.model-body .age-prefix{font-size:10px}@media(prefers-reduced-motion:reduce){.fold,.fold-mark,.fold-inner,.fold-toggle{transition:none}.fold.open .fold-inner{transition-delay:0s}}.caption{color:var(--text-secondary);font-size:13px;margin:0}.info-copy{margin:0;line-height:1.7;font-size:15px}.info-doc{display:flex;flex-direction:column;gap:20px}.info-lead{margin:0;font-size:16px;font-weight:var(--weight-bold);line-height:1.75}.info-section{display:flex;flex-direction:column;gap:8px}.info-heading{margin:0;font-size:15px;font-weight:var(--weight-bold);color:var(--text);padding-left:10px;border-left:3px solid var(--accent);line-height:1.4}.info-list{margin:0;padding-left:1.25em;display:flex;flex-direction:column;gap:8px}.info-list li{font-size:15px;line-height:1.7}.info-updated{margin:0;color:var(--text-secondary);font-size:13px}.phone-image{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}html[data-theme=dark] .phone-image{mix-blend-mode:normal;border-radius:var(--photo-radius)}html[data-theme=dark] .thumb,html[data-theme=dark] .cta-phone{background:var(--paper);border-radius:var(--photo-radius);overflow:hidden}.phone-image-empty{background:linear-gradient(135deg,var(--placeholder-from),var(--placeholder-to));border-radius:var(--radius-l)}.primary-button{width:100%;border:none;border-radius:var(--radius-l);padding:16px;background:var(--accent);color:var(--on-accent);font-size:17px;font-weight:var(--weight-bold);cursor:pointer}.primary-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary-button:disabled{opacity:.4;cursor:default}.secondary-button{width:100%;border:none;border-radius:var(--radius-l);padding:15px;background:var(--card);color:var(--text);font-size:17px;font-weight:var(--weight-medium);cursor:pointer}.secondary-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.option-button{width:100%;border:none;border-radius:var(--radius-l);padding:18px 16px;background:var(--card);color:var(--text);font-size:17px;font-weight:var(--weight-medium);text-align:left;cursor:pointer;display:flex;align-items:center;gap:12px}.option-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.option-button.point{display:flex;align-items:center;gap:12px}.option-button.is-selected{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.pick-note{margin:8px 0 0;color:var(--text-secondary);font-size:13px;font-weight:var(--weight-bold)}.pick-next{margin-top:16px}.phone-option{display:flex;align-items:center;gap:12px;padding:8px 16px}.phone-option .thumb{width:32px;height:42px;flex:none}.phone-option .phone-name-with-badge{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.phone-option .latest-badge{display:inline-block;font-size:12px;font-weight:var(--weight-medium);color:var(--warning);padding:2px 6px;background:var(--notice-bg);border-radius:var(--radius-s);white-space:nowrap}.question{width:100%;max-width:none;font-size:28px;font-weight:var(--weight-bold);margin:0 0 6px;line-height:1.35;letter-spacing:-.02em;overflow-wrap:anywhere;word-break:break-word;line-break:strict;text-wrap:wrap}.multi-badge{display:inline-block;margin-left:.45em;padding:3px 8px;border-radius:var(--radius-pill);font-size:12px;font-weight:var(--weight-bold);line-height:1.3;letter-spacing:.02em;vertical-align:middle;color:var(--text-secondary);background:var(--card);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 16%,transparent);white-space:nowrap}.guide-copy{display:flex;flex-direction:column;gap:16px}.guide-copy p{width:100%;margin:0;font-size:16px;line-height:1.75;text-wrap:wrap}.guide-copy .guide-note{margin-top:-8px;font-size:12px;font-weight:var(--weight-normal);line-height:1.4;color:var(--text-secondary)}.guide-title{font-size:20px;font-weight:var(--weight-bold);line-height:1.5}.guide-title:focus{outline:none}.guide-copy .guide-title{font-size:20px;line-height:1.45}.waiting{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}.waiting-dots{display:inline-flex;gap:8px}.waiting-dots span{width:12px;height:12px;border-radius:50%;background:var(--accent);opacity:.6;animation:wait-bounce 1.2s ease-in-out infinite}.waiting-dots span:nth-child(2){animation-delay:.15s}.waiting-dots span:nth-child(3){animation-delay:.3s}@keyframes wait-bounce{0%,60%,to{transform:translateY(0);opacity:.6}30%{transform:translateY(-8px);opacity:1}}.waiting-note{max-width:22em;line-height:1.6}@media(prefers-reduced-motion:reduce){.waiting-dots span{animation:none;opacity:.9}}.failure{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:var(--radius);background:var(--card);border:2px solid var(--danger);box-shadow:0 0 0 4px color-mix(in srgb,var(--danger) 12%,transparent)}.failure-reason{margin:0;font-size:15px;line-height:1.7}.failure-actions{display:flex;flex-direction:column;gap:8px;margin-top:4px}.failure .secondary-button{background:var(--card-muted)}.recommend-line{margin:0;font-size:16px;font-weight:var(--weight-bold)}.result-tiles,.result-tile{display:flex;flex-direction:column;gap:12px}.result-tile p{width:100%;margin:0;font-size:16px;line-height:1.75;text-wrap:wrap}.result-tile .guide-title{margin:0;font-size:20px;line-height:1.45}.result-tile .guide-note{font-size:12px;font-weight:var(--weight-normal);line-height:1.4;color:var(--text-secondary)}.latest-attention{display:flex;flex-direction:column;gap:12px;margin:0;padding:14px 16px;border-radius:var(--radius-l);background:var(--notice-bg);color:var(--text);font-size:15px;font-weight:var(--weight-bold);line-height:1.7}.latest-attention p{margin:0;font-size:15px;font-weight:var(--weight-bold);line-height:1.7}.latest-attention .latest-detail{font-weight:var(--weight-normal);color:var(--text-secondary)}.latest-actions{display:flex;flex-direction:column;gap:8px}.result-models{display:flex;flex-direction:column;gap:12px}.result-model{display:flex;gap:10px;align-items:flex-start;background:var(--card);border-radius:var(--radius-l);padding:10px 8px 10px 12px}.result-model .thumb{width:64px;height:88px;flex:none}.result-model-copy{flex:1;min-width:0}.result-model .name{margin:0;font-weight:var(--weight-bold);font-size:15px;line-height:1.35}.result-model .caption{margin-top:2px}.result-model .name,.result-model .caption,.result-model .link{line-break:strict;word-break:keep-all}@media(max-width:380px){.result-tile{padding:14px}.result-model{gap:8px;padding:8px}.result-model .thumb{width:48px;height:66px}}.screen-with-float{gap:8px;padding-top:8px;padding-bottom:calc(100px + env(safe-area-inset-bottom))}.floating-next{position:fixed;z-index:30;left:50%;bottom:0;transform:translate(-50%);width:min(520px,100%);padding:14px 16px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,var(--bg-bottom) 36%);box-sizing:border-box}.floating-next .action-row{display:flex;align-items:stretch;gap:8px;width:100%}.floating-next .primary-button{flex:1;width:auto}.phone-group{display:flex;flex-direction:column;gap:8px}.phone-group h3{margin:4px 0 0;font-size:13px;font-weight:var(--weight-medium);color:var(--text-secondary)}.progress{position:relative;display:flex;flex-direction:column;gap:0;margin:0 2px 2px}.progress-hint-row{position:relative;height:26px}.progress-hint{position:absolute;bottom:0;width:0;display:flex;flex-direction:column;align-items:center;pointer-events:none}.progress-hint .progress-caption{width:max-content;max-width:min(100vw - 40px,18em);margin:0;color:var(--text-secondary);font-size:11px;font-weight:var(--weight-bold);line-height:1.2;white-space:nowrap}.progress-hint.is-start .progress-caption{transform:translate(50%);text-align:left}.progress-hint.is-center .progress-caption{text-align:center}.progress-hint.is-end .progress-caption{transform:translate(-50%);text-align:right}.progress-hint .caret{width:0;height:0;margin-top:2px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--accent)}.progress .track-wrap{position:relative;height:8px}.progress .track{height:8px;background:var(--line);border-radius:var(--radius-pill);overflow:hidden}.progress .fill{height:100%;background:var(--accent);border-radius:var(--radius-pill) 0 0 var(--radius-pill);transition:width var(--motion-base) ease}.progress .mark{position:absolute;top:4px;width:0;height:0}.progress .knob{position:absolute;left:0;top:0;width:12px;height:12px;transform:translate(-50%,-50%);border-radius:50%;background:var(--line);box-shadow:0 0 0 2px var(--card);transition:background-color var(--motion-base) ease}.progress .mark.reached .knob{background:var(--accent)}.match-rate,.result-tile .match-rate,.guide-copy .match-rate{margin:2px 0 0;color:var(--accent);font-size:13px;font-weight:var(--weight-bold);line-height:1.4}.match-reason,.result-tile .match-reason,.guide-copy .match-reason{margin:6px 0 0;font-size:13px;font-weight:var(--weight-normal);line-height:1.65}.match-diffs{display:flex;flex-wrap:wrap;gap:4px 10px;margin:6px 0 0;color:var(--text-secondary);font-size:13px;font-weight:var(--weight-normal);line-height:1.5}.reason-fix{display:inline-block;margin:4px 0 0;padding:6px 0;font-size:13px}.error{color:var(--danger);font-size:13px;margin:0}.placeholder{color:var(--text-secondary);font-size:14px;margin:10px 0 0;line-height:1.5}.result-copy{font-size:15px;line-height:1.7;margin:10px 0 0}.card>.result-copy:first-child{margin-top:0}.list{display:flex;flex-direction:column;gap:6px}.list.is-two-col{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.list.is-two-col .option-button{overflow-wrap:anywhere}@media(max-width:359px){.list.is-two-col{grid-template-columns:1fr}}.question-info{display:inline-flex;align-items:center;gap:6px;margin:0 0 10px;padding:4px 2px;border:none;background:none;color:var(--accent);font:inherit;font-size:.875rem;cursor:pointer}.question-info:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-s)}.option-info-icon{width:16px;height:16px;display:block}.note-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:24px}.note-dialog{width:min(420px,100%);background:var(--card);border-radius:var(--radius-l);padding:18px 16px 12px;box-shadow:var(--card-shadow)}.note-dialog p{margin:0 0 8px;font-size:15px;line-height:1.65}.link{color:var(--accent);font-weight:var(--weight-medium);text-decoration:none}.question-note,.section-lead,.choice-hint{width:100%;max-width:none;text-wrap:wrap}.question-note,.section-lead{margin:0 0 4px;color:var(--text-secondary);font-size:13px;line-height:1.45}.section-lead{font-weight:var(--weight-bold);color:var(--text)}.choice-hint{margin:0;color:var(--text-secondary);font-size:13px;font-weight:var(--weight-bold);line-height:1.4}.price-note{margin:4px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.5}.result-language-status{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.result-language{min-height:112px}.result-language-message{animation:result-language-in var(--motion-slow) ease-out both}@keyframes result-language-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.result-language-message{animation:none}}.result-page-title{margin:4px 0;font-size:24px;line-height:1.4}.result-tile{min-width:0}.result-tile .analysis-lead{font-weight:var(--weight-medium)}.result-tile .result-model{background:var(--result-card);color:var(--result-card-text);border:1px solid var(--result-card-border)}.result-tile .result-model .caption{color:var(--result-card-sub)}.result-tile .result-reason-label{margin-top:12px;font-size:12px;font-weight:var(--weight-medium);color:var(--result-card-sub)}.result-model .result-rank{display:inline-block;margin-bottom:4px;padding:2px 8px;border-radius:var(--radius-pill);font-size:12px;font-weight:var(--weight-bold);line-height:1.5;color:var(--result-card-sub);background:var(--card-muted)}.result-tile .result-model .result-price{margin-top:4px;font-size:18px;font-weight:var(--weight-bold);line-height:1.4;color:var(--result-card-text)}.result-tile .result-model.is-top{border:2px solid var(--result-card-accent);padding:14px 12px 14px 14px}.result-model.is-top .result-rank{color:#fff;background:var(--result-card-accent)}.result-model.is-top .name{font-size:20px}.result-tile .result-model.is-top .result-price{font-size:22px}.result-model.is-top .thumb{width:80px;height:110px}.result-top{padding:0;background:transparent;box-shadow:none}.result-tile .result-model.is-top{flex-direction:column;gap:12px;padding:16px}.result-top-head{display:flex;gap:14px;align-items:center;width:100%}.result-model.is-top .name{font-size:22px}.result-tile .result-model.is-top .result-price{font-size:26px;margin-top:2px}.result-tile .result-model.is-top .caption{font-size:12px}.result-tile .result-top-reason{font-size:15px;line-height:1.75}.result-tile .result-model.is-top .result-model-link{margin-top:0}.result-battery .battery-prices{display:flex;flex-direction:column;gap:8px;margin:0}.result-battery .battery-prices>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px;border-radius:var(--radius-m);background:var(--card-muted)}.result-battery .battery-prices dt{font-size:14px}.result-battery .battery-prices dd{margin:0;text-align:right;font-size:18px;font-weight:var(--weight-bold)}.result-battery .battery-prices dd span{display:block;font-size:12px;font-weight:var(--weight-normal);color:var(--text-secondary)}.result-links{display:flex;flex-wrap:wrap;gap:4px 16px}.result-links .text-button{text-decoration:none}.result-tile .result-model-link{display:inline-block;margin-top:6px;font-size:14px;font-weight:var(--weight-medium);color:var(--result-card-accent)}.spec-comparison-scroll{width:100%;max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-m)}.spec-comparison-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.spec-comparison{width:100%;min-width:680px;border-collapse:separate;border-spacing:0;font-size:13px;line-height:1.6}.spec-comparison caption{padding:12px;text-align:left;font-size:12px;color:var(--text-secondary)}.spec-comparison th,.spec-comparison td{min-width:140px;padding:12px;text-align:left;vertical-align:top;border-top:1px solid var(--line)}.spec-comparison thead th{font-weight:var(--weight-medium)}.spec-comparison tr>:first-child{position:sticky;left:0;z-index:1;min-width:112px;width:112px;background:var(--card);border-right:1px solid var(--line)}.spec-comparison .is-current{background:var(--card-muted)}.comparison-current-label{display:block;margin-bottom:4px;font-size:11px;font-weight:var(--weight-normal);color:var(--text-secondary)}@media(min-width:700px){body{background:var(--bg-bottom)}.screen{min-height:calc(100vh - 53px);background:linear-gradient(180deg,var(--bg-top),color-mix(in srgb,var(--bg-top) 60%,var(--bg-bottom)));box-shadow:0 0 0 1px var(--line),0 0 32px #0000000d}}@media(hover:hover)and (pointer:fine){.primary-button:not(:disabled):hover,.cta-go:hover,.cta-bar-go:hover{filter:brightness(1.08)}.secondary-button{transition:box-shadow var(--motion-quick) ease}.secondary-button:hover{box-shadow:inset 0 0 0 1px var(--accent)}.option-button:not(.is-selected):hover{background:color-mix(in srgb,var(--accent-soft) 45%,var(--card))}.text-button:hover,.question-info:hover{opacity:.75}.site-logo:hover{opacity:.8}}.step-pane{display:contents}.step-pane.is-forward>:not(.floating-next):not(.note-overlay){animation:step-in-forward var(--motion-base) ease-out}.step-pane.is-back>:not(.floating-next):not(.note-overlay){animation:step-in-back var(--motion-base) ease-out}@keyframes step-in-forward{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes step-in-back{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.step-pane.is-forward>*,.step-pane.is-back>*{animation:none}}.note-overlay{animation:note-fade-in var(--motion-base) ease-out}.note-overlay .note-dialog{animation:note-rise-in var(--motion-base) ease-out}.note-overlay.is-closing{animation:note-fade-out .16s ease-in forwards}@keyframes note-fade-in{0%{opacity:0}to{opacity:1}}@keyframes note-fade-out{0%{opacity:1}to{opacity:0}}@keyframes note-rise-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.note-overlay,.note-overlay .note-dialog,.note-overlay.is-closing{animation:none}}.option-button,.primary-button,.cta-go,.cta-bar-go{transition:transform var(--motion-quick) ease,background-color var(--motion-base) ease,box-shadow var(--motion-base) ease,opacity var(--motion-base) ease,filter var(--motion-quick) ease}.option-button:not(:disabled):active,.primary-button:not(:disabled):active,.cta-go:active,.cta-bar-go:active{transform:scale(.97)}@media(prefers-reduced-motion:reduce){.option-button,.primary-button,.cta-go,.cta-bar-go{transition:none}}.result-compare{gap:10px}.result-tile .compare-legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:12px;line-height:1.5;color:var(--text-secondary)}.compare-swatch{display:inline-block;width:12px;height:6px;border-radius:3px}.compare-swatch.is-next{margin-left:10px}.compare-swatch.is-now,.compare-bar.is-now i{background:color-mix(in srgb,var(--text-secondary) 45%,transparent)}.compare-swatch.is-next,.compare-bar.is-next i{background:var(--accent)}.compare-rows{list-style:none;margin:0;padding:0}.compare-row{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}.compare-row:first-child{border-top:0;padding-top:4px}.result-tile .compare-label{font-size:15px;font-weight:var(--weight-bold);line-height:1.4}.compare-label span{display:block;font-size:11px;font-weight:var(--weight-normal);color:var(--text-secondary);line-height:1.4}.compare-bars{display:flex;flex-direction:column;gap:6px}.compare-bar{display:block;height:8px;border-radius:var(--radius-pill);background:var(--card-muted);overflow:hidden}.compare-bar i{display:block;height:100%;border-radius:var(--radius-pill)}.result-tile .compare-change{font-size:14px;font-weight:var(--weight-medium);line-height:1.5}.compare-change.is-better{color:var(--good)}.compare-change.is-worse{color:var(--text-secondary)}.result-tile .compare-values{font-size:14px;font-weight:var(--weight-bold);line-height:1.4;text-align:right;white-space:nowrap}@media(max-width:380px){.compare-row{grid-template-columns:72px minmax(0,1fr) auto;gap:8px}}.result-others{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.result-tile .result-model.result-other{flex-direction:column;align-items:flex-start;gap:4px;padding:12px}.result-other .thumb{width:44px;height:58px;margin-bottom:4px}.result-other .result-rank{margin-bottom:0}.result-tile .result-other .name{font-size:15px}.result-tile .result-model.result-other .result-price{margin-top:0;font-size:15px;line-height:1.4}.result-tag{display:inline-block;margin-top:4px;padding:2px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:var(--weight-bold);line-height:1.6;color:var(--result-card-accent);background:var(--accent-soft)}.result-tile .result-other .result-model-link{margin-top:4px}@media(max-width:380px){.result-tile .result-model.result-other{padding:10px}.result-other .thumb{width:40px;height:52px}}.result-fold{border-top:1px solid var(--line);padding-top:4px}.result-fold>summary{display:flex;align-items:center;gap:6px;min-height:44px;cursor:pointer;list-style:none;font-size:15px;font-weight:var(--weight-medium);color:var(--accent)}.result-fold>summary::-webkit-details-marker{display:none}.result-fold>summary:after{content:"";width:7px;height:7px;margin-left:2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--motion-base)}.result-fold[open]>summary:after{transform:translateY(2px) rotate(-135deg)}.result-fold[open]>summary{margin-bottom:8px}.result-fold>*:not(summary)+*{margin-top:12px}.result-tile .result-summary{font-size:15px;line-height:1.7}.result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px}.result-actions .option-button,.result-actions .primary-button{display:flex;align-items:center;justify-content:center;min-height:52px;padding:10px 12px;font-size:15px;text-align:center;text-decoration:none;line-height:1.4}@media(max-width:380px){.result-actions{grid-template-columns:1fr}}.verdict-group{display:flex;flex-direction:column;gap:6px;container-type:inline-size}.series-list{list-style:none;margin:0;padding:0}.series-list .series{display:block;border-top:1px solid var(--line)}.series-list .series:first-child{border-top:0}.series-row{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:10px 0;border:none;background:none;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:var(--radius-m)}.series-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.series-row .thumb{width:30px;height:40px;flex:none}.series-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.series-row .series-title{font-size:15px;font-weight:var(--weight-bold);line-height:1.3}.series-row .age-track{height:6px}.series-row .fold-mark{color:var(--text-secondary);margin:0 4px 0 2px}.series-row .fold-mark{transform:rotate(45deg)}.series-row .fold-mark.open{transform:rotate(-135deg)}.series-list .model-list{padding:0 0 12px 42px}.progress{gap:6px}.progress-count{margin:0;align-self:flex-end;font-size:12px;font-weight:var(--weight-bold);color:var(--text-secondary);font-variant-numeric:tabular-nums;line-height:1.2}.progress .fill.is-done{border-radius:var(--radius-pill)}.question{word-break:auto-phrase;text-wrap:pretty}.diagnosis-topbar .progress-count{align-self:center;margin:0 2px 0 auto;font-size:13px}.option-check{width:20px;height:20px;flex:none;margin-left:auto;fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.option-button.is-selected{color:var(--accent)}.auto-next-note{margin-top:12px}.question{font-size:22px;line-height:1.45;margin-bottom:12px}.list{gap:8px}.option-button{min-height:52px;padding:14px 16px;font-size:16px;line-height:1.45;border-radius:var(--radius-m);box-shadow:inset 0 0 0 1px var(--line)}.option-button.is-selected{box-shadow:inset 0 0 0 2px var(--accent)}.phone-option{padding:8px 16px}.phone-group{gap:8px}@media(max-width:380px){.question{font-size:20px}.option-button{font-size:15px}}.question-lead{margin:-6px 0 14px;font-size:13px;line-height:1.5;color:var(--text-secondary)}.question-head{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:8px 0 10px}.question-head>*{margin:0}.question-head .section-lead{font-size:13px;font-weight:var(--weight-bold);line-height:1.5;color:var(--accent)}.question-head .question-note,.question-head .question-lead{font-size:13px;line-height:1.5;color:var(--text-secondary)}.question-head .question-info{margin-top:2px;padding:2px 0;font-size:13px;font-weight:var(--weight-medium)}