.checker-layout{padding-bottom:clamp(1.5rem,5vw,3.5rem)}.checker-hero{padding:clamp(2rem,6vw,3.6rem) 0 clamp(0.4rem,2.5vw,1rem)}.checker-hero .container{display:grid;gap:1.1rem;max-width:1100px}.checker-main.container{max-width:1100px}.eyebrow{font-size:0.85rem;letter-spacing:0.18em;text-transform:uppercase;font-weight:600;color:var(--accent,#ef4444)}body[data-theme="light"] .eyebrow{color:#b91c1c}.checker-hero .lead{margin:0;max-width:960px;line-height:1.6;color:var(--text-primary,rgba(226,232,240,0.9))}.checker-hero .checker-privacy{margin:0;font-size:0.95rem;color:var(--text-muted,rgba(148,163,184,0.78))}body[data-theme="light"] .checker-hero .lead,body[data-theme="light"] .checker-hero .checker-privacy{color:#0f172a}.checker-main{padding:clamp(0.6rem,2.2vw,1.2rem) 0 clamp(0.6rem,2.2vw,1.2rem);display:grid;gap:clamp(1rem,2vw,1.6rem)}.checker-top{width:min(1100px,100%);margin:0 auto;border:1px solid var(--border-soft,rgba(148,163,184,0.24));border-radius:var(--radius-lg,24px);background:var(--surface-card,rgba(15,23,42,0.92));box-shadow:var(--shadow-lg,0 30px 60px rgba(15,23,42,0.4));display:grid;gap:1rem;padding:clamp(1.1rem,2.2vw,1.6rem);align-items:start}@media (min-width:960px){.checker-top{width:min(1100px,100%);margin:0 auto;grid-template-columns:minmax(0,1.1fr) minmax(320px,360px);gap:clamp(1.5rem,3vw,2.5rem)}}body[data-theme="light"] .checker-top{width:min(1100px,100%);margin:0 auto;background:#ffffff;box-shadow:var(--shadow-md,0 16px 35px rgba(148,163,184,0.25))}.checker-top__form{display:grid;gap:0.65rem}.checker-label{font-weight:600;font-size:1rem;color:var(--text-strong,#f8fafc)}body[data-theme="light"] .checker-label{color:var(--text-strong,#0f172a)}.legacy-input{display:flex;align-items:center;gap:0.75rem;padding:0.85rem 1rem;border:1px solid var(--border-soft,rgba(148,163,184,0.24));border-radius:var(--radius-md,16px);background:var(--surface-soft,rgba(30,41,59,0.75));transition:border-color var(--transition,180ms ease),box-shadow var(--transition,180ms ease)}body[data-theme="light"] .legacy-input{background:rgba(255,255,255,0.88)}.legacy-input:focus-within{border-color:var(--accent-border,rgba(239,68,68,0.45));box-shadow:0 0 0 3px var(--accent-focus,rgba(239,68,68,0.18))}.legacy-input input{flex:1;border:none;background:transparent;color:var(--text-primary,rgba(226,232,240,0.92));font-size:1.1rem;line-height:1.4}.legacy-input input::placeholder{color:var(--text-muted,rgba(148,163,184,0.7))}.legacy-input input:focus{outline:none}.checker-toggle{border:1px solid var(--border-soft,rgba(148,163,184,0.24));background:var(--surface-muted,rgba(148,163,184,0.12));color:var(--text-primary,rgba(226,232,240,0.92));font-weight:600;font-size:0.95rem;border-radius:var(--radius-sm,10px);padding:0.35rem 0.9rem;cursor:pointer;transition:background var(--transition,180ms ease),border-color var(--transition,180ms ease)}body[data-theme="light"] .checker-toggle{background:rgba(226,232,240,0.6);color:var(--text-strong,#0f172a)}.checker-toggle:hover,.checker-toggle:focus-visible{background:var(--accent-soft,rgba(239,68,68,0.16));border-color:var(--accent-border,rgba(239,68,68,0.45));outline:none}.checker-note{margin:0;font-size:0.9rem;color:var(--text-muted,rgba(148,163,184,0.7))}body[data-theme="light"] .checker-note{color:#475569}.score-panel{width:100%;width:100%;border:1px solid var(--border-soft,rgba(148,163,184,0.24));border-radius:var(--radius-md,16px);padding:clamp(1.1rem,3vw,1.6rem);background:var(--surface-soft,rgba(30,41,59,0.65));display:grid;gap:clamp(0.9rem,2vw,1.2rem)}body[data-theme="light"] .score-panel{width:100%;background:rgba(255,255,255,0.76)}.score-panel__col{display:grid;gap:0.35rem}.score-panel__col--meter{gap:0.6rem}@media (min-width:960px){.score-panel{width:100%;align-self:stretch;grid-template-rows:repeat(2,auto)}}.score-value{display:flex;align-items:flex-end;gap:0.35rem;font-weight:700;color:var(--text-strong,#f8fafc)}body[data-theme="light"] .score-value{color:var(--text-strong,#0f172a)}.score-value__number{font-size:clamp(2.2rem,4vw,3rem);line-height:1}.score-value__suffix{font-size:clamp(1rem,2vw,1.25rem);line-height:1.1;color:var(--text-muted,rgba(148,163,184,0.7))}.score-caption,.score-complexity{margin:0;font-size:0.95rem;color:var(--text-muted,rgba(148,163,184,0.75))}.score-complexity span{font-weight:600;color:var(--text-strong,#f8fafc)}body[data-theme="light"] .score-caption,body[data-theme="light"] .score-complexity{color:#334155}body[data-theme="light"] .score-complexity span{color:#0f172a}.meter{width:100%;height:0.75rem;border-radius:999px;background:rgba(148,163,184,0.15);overflow:hidden}.meter-bar span{display:block;width:100%;height:100%;transform-origin:left center;transform:scaleX(0);background:var(--meter-gradient,linear-gradient(90deg,#ef4444 0%,#f59e0b 40%,#22c55e 100%));transition:transform 200ms ease-in-out}.metrics__header h2{margin:0 0 0.5rem;font-size:1.2rem;color:var(--text-strong,#f8fafc)}body[data-theme="light"] .metrics__header h2{color:var(--text-strong,#0f172a)}.metrics__header p{margin:0;color:var(--text-primary,rgba(226,232,240,0.9));line-height:1.6}body[data-theme="light"] .metrics__header p{color:var(--text-primary,rgba(15,23,42,0.88))}.metrics-table{overflow-x:auto}.metrics-table table{width:100%;border-collapse:collapse;min-width:900px}.metrics-table th,.metrics-table td{padding:0.65rem 0.75rem;text-align:left;border-bottom:1px solid var(--border-soft,rgba(148,163,184,0.18));color:var(--text-primary,rgba(226,232,240,0.9));font-size:0.78rem}body[data-theme="light"] .metrics-table th,body[data-theme="light"] .metrics-table td{color:var(--text-primary,rgba(15,23,42,0.88));border-bottom:1px solid rgba(15,23,42,0.08)}.metrics,.checker-sidebar{width:100%;max-width:1100px;margin:0 auto;border-radius:var(--radius-md,20px);border:1px solid var(--border-soft,rgba(148,163,184,0.24));box-shadow:var(--shadow-lg,0 30px 60px rgba(15,23,42,0.4));background:var(--surface-card,rgba(15,23,42,0.92))}.metrics{display:flex;flex-direction:column;gap:1.1rem;padding:clamp(1.3rem,3vw,1.8rem)}.checker-sidebar{padding:clamp(1.8rem,3.5vw,2.4rem);display:grid;gap:1.8rem}body[data-theme="light"] .metrics,body[data-theme="light"] .checker-sidebar{background:#ffffff;box-shadow:var(--shadow-md,0 16px 35px rgba(148,163,184,0.25))}.metrics-table th{font-size:0.78rem;text-transform:uppercase;letter-spacing:0.08em;font-weight:600;color:var(--text-muted,rgba(148,163,184,0.65))}.metrics{width:min(1100px,100%);margin:0 auto;border-radius:var(--radius-md,20px);border:1px solid var(--border-soft,rgba(148,163,184,0.24));display:flex;flex-direction:column;gap:1.1rem;padding:clamp(1.3rem,3vw,1.8rem);background:var(--surface-card,rgba(15,23,42,0.92));box-shadow:var(--shadow-lg,0 30px 60px rgba(15,23,42,0.4))}body[data-theme="light"] .metrics{background:#ffffff;box-shadow:var(--shadow-md,0 16px 35px rgba(148,163,184,0.25))}.metrics-table__status{width:120px}.metrics-table__type,.metrics-table__ratio,.metrics-table__count,.metrics-table__bonus{text-align:center;font-variant-numeric:tabular-nums}.metrics-table__divider th{padding-top:1.2rem;text-transform:uppercase;letter-spacing:0.08em}.metric-pill{display:inline-flex;align-items:center;justify-content:center;min-width:72px;padding:0.2rem 0.6rem;border-radius:999px;font-size:0.75rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;background:rgba(148,163,184,0.16);color:var(--text-muted,rgba(148,163,184,0.8))}.metric-pill.state-exceed{background:rgba(34,197,94,0.18);color:rgba(34,197,94,0.95)}.metric-pill.state-pass{background:rgba(59,130,246,0.18);color:rgba(59,130,246,0.95)}.metric-pill.state-warn{background:rgba(250,204,21,0.18);color:rgba(217,119,6,0.95)}.metric-pill.state-fail{background:rgba(239,68,68,0.18);color:rgba(239,68,68,0.95)}body[data-theme="light"] .metric-pill{background:rgba(148,163,184,0.12);color:#0f172a}body[data-theme="light"] .metric-pill.state-pass{color:#1d4ed8}body[data-theme="light"] .metric-pill.state-exceed{color:#15803d}body[data-theme="light"] .metric-pill.state-warn{background:rgba(250,204,21,0.16);color:#b45309}body[data-theme="light"] .metric-pill.state-fail{background:rgba(239,68,68,0.14);color:#b91c1c}.checker-sidebar{border-radius:var(--radius-lg,24px);border:1px solid var(--border-soft,rgba(148,163,184,0.24));box-shadow:var(--shadow-lg,0 30px 60px rgba(15,23,42,0.4));background:var(--surface-elevated,rgba(30,41,59,0.95));padding:clamp(1.8rem,3.5vw,2.4rem);display:grid;gap:1.8rem}body[data-theme="light"] .checker-sidebar{background:#ffffff;box-shadow:var(--shadow-md,0 16px 35px rgba(148,163,184,0.25))}.sidebar-section h2{margin:0 0 0.75rem;font-size:1.15rem;color:var(--text-strong,#f8fafc)}body[data-theme="light"] .sidebar-section h2{color:var(--text-strong,#0f172a)}.sidebar-list,.sidebar-sublist{margin:0;padding-left:1.2rem;color:var(--text-primary,rgba(226,232,240,0.9));line-height:1.7}body[data-theme="light"] .sidebar-list,body[data-theme="light"] .sidebar-sublist{color:var(--text-primary,rgba(15,23,42,0.9))}.sidebar-sublist{margin-top:-0.6rem}.sidebar-note{margin:0.75rem 0 0;font-size:0.95rem;color:var(--text-muted,rgba(148,163,184,0.75))}.legend-list{margin:0;padding:0;list-style:none;display:grid;gap:0.8rem;color:var(--text-primary,rgba(226,232,240,0.9));line-height:1.6}body[data-theme="light"] .legend-list{color:var(--text-primary,rgba(15,23,42,0.88))}.legend-dot{display:inline-flex;width:14px;height:14px;border-radius:999px;margin-right:0.5rem;vertical-align:middle}.legend-dot--exceed{background:rgba(34,197,94,0.85)}.legend-dot--pass{background:rgba(59,130,246,0.85)}.legend-dot--warn{background:rgba(250,204,21,0.85)}.legend-dot--fail{background:rgba(239,68,68,0.85)}.info-block{margin-top:clamp(0.9rem,2.3vw,1.6rem)}.info-block h2{margin-top:0}.legacy-footer{margin-top:clamp(1rem,2.5vw,1.8rem)}.legacy-credit{margin:clamp(1.5rem,3vw,2.2rem) 0 0;font-size:0.95rem;color:var(--text-muted,rgba(148,163,184,0.75));text-align:center}.legacy-credit a{color:inherit;text-decoration:underline}.checker-sidebar-group{display:grid;gap:clamp(1.6rem,3vw,2.4rem);width:min(1100px,100%);margin:0 auto}@media (min-width:900px){.checker-sidebar-group{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:899px){.checker-sidebar-group{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.checker-card{border:1px solid var(--border-soft,rgba(148,163,184,0.24));border-radius:var(--radius-md,20px);padding:clamp(1.5rem,3vw,2rem);background:var(--surface-card,rgba(15,23,42,0.92));box-shadow:var(--shadow-lg,0 30px 60px rgba(15,23,42,0.4));display:grid;gap:0.9rem}body[data-theme="light"] .checker-card{background:#ffffff;box-shadow:var(--shadow-md,0 16px 35px rgba(148,163,184,0.25))}.checker-card h2{margin:0;font-size:1.1rem;color:var(--text-strong,#f8fafc)}body[data-theme="light"] .checker-card h2{color:var(--text-strong,#0f172a)}.checker-card .sidebar-list,.checker-card .sidebar-sublist{padding-left:1.2rem;margin:0;color:var(--text-primary,rgba(226,232,240,0.9));line-height:1.65}body[data-theme="light"] .checker-card .sidebar-list,body[data-theme="light"] .checker-card .sidebar-sublist{color:var(--text-primary,rgba(15,23,42,0.9))}.checker-card .sidebar-note{margin:0;font-size:0.95rem;color:var(--text-muted,rgba(148,163,184,0.75))}body[data-theme="light"] .checker-card .sidebar-note{color:var(--text-muted,rgba(71,85,105,0.75))}.checker-card .legend-list{padding:0;list-style:none;display:grid;gap:0.6rem;color:var(--text-primary,rgba(226,232,240,0.9));line-height:1.6}body[data-theme="light"] .checker-card .legend-list{color:var(--text-primary,rgba(15,23,42,0.88))}.legend{width:min(1100px,100%);margin:0 auto clamp(1.6rem,3vw,2.2rem);border-radius:var(--radius-md,20px);border:1px solid var(--border-soft,rgba(148,163,184,0.24));padding:clamp(1.5rem,3vw,2rem);background:var(--surface-card,rgba(15,23,42,0.92));box-shadow:var(--shadow-lg,0 30px 60px rgba(15,23,42,0.4))}body[data-theme="light"] .legend{background:#ffffff;box-shadow:var(--shadow-md,0 16px 35px rgba(148,163,184,0.25))}.container,.checker-top,.score-panel,.metrics,.checker-sidebar-group,.legend,.info-block{width:min(1100px,100%);margin-left:auto;margin-right:auto}.legend-inline{display:none;margin:0.8rem 0 0;padding:0.85rem 1rem;border-radius:var(--radius-sm,12px);background:var(--surface-soft,rgba(30,41,59,0.6));border:1px solid var(--border-soft,rgba(148,163,184,0.24));color:var(--text-primary,rgba(226,232,240,0.92));display:grid;gap:0.5rem}body[data-theme="light"] .legend-inline{display:none;background:rgba(255,255,255,0.88);color:var(--text-primary,rgba(15,23,42,0.88))}.legend-inline ul{margin:0;padding-left:1.2rem;display:grid;gap:0.45rem;list-style:none}.legend-inline li{display:flex;align-items:center;gap:0.55rem;line-height:1.5}.metrics-notes{margin:0.4rem 0 0;font-size:0.84rem;color:var(--text-muted,rgba(148,163,184,0.74));line-height:1.55}.metrics-notes--top{margin:0 0 0.85rem}body[data-theme="light"] .metrics-notes{color:var(--text-muted,rgba(71,85,105,0.78))}.metrics-disclaimer{margin:0.7rem 0 0;font-size:0.9rem;color:var(--text-muted,rgba(148,163,184,0.78));line-height:1.65;display:grid;gap:0.75rem}.metrics-disclaimer h3{margin:0;font-size:1rem;color:var(--text-strong,#f8fafc)}body[data-theme="light"] .metrics-disclaimer{color:var(--text-muted,rgba(71,85,105,0.85))}body[data-theme="light"] .metrics-disclaimer h3{color:var(--text-strong,#0f172a)}.legend-inline-block{width:min(1100px,100%);margin:0 auto clamp(1.4rem,3vw,2rem);display:grid;gap:0.4rem;font-size:0.78rem;color:var(--text-muted,rgba(148,163,184,0.8))}.legend-inline-block span{display:flex;align-items:center;gap:0.5rem}.legend-inline{margin:0.75rem 0 0;font-size:0.78rem;color:var(--text-muted,rgba(148,163,184,0.78));line-height:1.5}body[data-theme="light"] .legend-inline{color:var(--text-muted,rgba(71,85,105,0.8))}.inline-legend{display:inline-flex;gap:0.45rem;align-items:center;margin-left:0.55rem;font-size:0.78rem;color:var(--text-muted,rgba(148,163,184,0.78))}body[data-theme="light"] .inline-legend{color:var(--text-muted,rgba(71,85,105,0.82))}.inline-legend span{display:inline-flex;align-items:center;gap:0.3rem}@supports (content-visibility:auto){.metrics,.metrics-disclaimer,.info-block,.faq{content-visibility:auto}.metrics{contain-intrinsic-size:780px}.metrics-disclaimer{contain-intrinsic-size:420px}.info-block{contain-intrinsic-size:520px}.faq{contain-intrinsic-size:640px}}