:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6f8;--bg-soft:#edf1f4;--card:#fff;--ink:#26313e;--ink-strong:#0e1c2c;--muted:#5a6b7c;--muted-2:#616e7e;--line:#e4e9ee;--line-strong:#d3dae2;--accent:#0f766e;--accent-dark:#0b5a55;--accent-soft:#e8f4f2;--heat:#b45309;--heat-soft:#fdf2e6;--cool:#1d4ed8;--on-accent:#fff;--disabled-bg:#b6c6c3;--warn-border:#f0d5b4;--warn-ink:#7c4a12;--dot-fill:#fff;--radius-lg:16px;--radius-md:12px;--shadow-sm:0 1px 2px #0e1c2c0d;--shadow-md:0 1px 2px #0e1c2c0a, 0 10px 24px -14px #0e1c2c29;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d141c;--bg-soft:#141d27;--card:#1a2530;--ink:#c9d4de;--ink-strong:#eef4f9;--muted:#92a3b3;--muted-2:#9db0c1;--line:#2a3947;--line-strong:#3a4b5c;--accent:#34c0b4;--accent-dark:#5fd5cb;--accent-soft:#12302e;--heat:#e08a2e;--heat-soft:#33261a;--cool:#8ab4ff;--on-accent:#06302c;--disabled-bg:#3d4a58;--warn-border:#6b4423;--warn-ink:#f0b276;--dot-fill:#1a2530;--shadow-sm:0 1px 2px #0006;--shadow-md:0 1px 2px #00000059, 0 10px 24px -14px #0000008c}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--ink);margin:0}h1,h2,h3{margin:0;line-height:1.15}p{margin:0}button{font:inherit;cursor:pointer;color:inherit}input,select{font:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--card);border-bottom:1px solid var(--line)}.topbar__inner{justify-content:space-between;align-items:center;gap:16px;max-width:1280px;margin:0 auto;padding:14px 24px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand__mark{width:26px;height:26px;color:var(--accent);flex:none;display:block}.brand__line{stroke:var(--ink-strong)}.brand__name{letter-spacing:-.01em;color:var(--ink-strong);font-size:1.05rem;font-weight:800}.brand__name-accent{color:var(--accent)}.topbar__badge{color:var(--muted);background:var(--bg-soft);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.topbar__dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px}.topbar__side{align-items:center;gap:10px;display:flex}.theme-toggle{border:1px solid var(--line);background:var(--bg-soft);width:34px;height:34px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.theme-toggle:hover{color:var(--ink-strong);border-color:var(--line-strong)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle__icon{width:18px;height:18px;display:block}.theme-toggle__icon--moon,[data-theme=dark] .theme-toggle__icon--sun{display:none}[data-theme=dark] .theme-toggle__icon--moon{display:block}.page{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:0 24px 56px}.hero{grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:stretch;gap:24px;padding:48px 0 36px;display:grid}.hero__inner{max-width:800px}.hero__kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-dark);font-size:.78rem;font-weight:700}.hero h1{letter-spacing:-.025em;color:var(--ink-strong);max-width:22ch;margin-top:10px;font-size:clamp(2.1rem,4.2vw,3rem);line-height:1.06}.hero__lede{max-width:62ch;color:var(--muted);margin-top:14px;font-size:1.02rem}.hero__facts{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.hero__facts li{color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:.8rem;font-weight:600}.layout{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.layout__planner,.layout__results{flex-direction:column;gap:20px;min-width:0;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card--pad{padding:20px}.card__head{margin-bottom:16px}.card__head--row{justify-content:space-between;align-items:flex-start;gap:10px 16px;display:flex}.card__title{letter-spacing:-.01em;color:var(--ink-strong);font-size:.98rem;font-weight:800}.card__hint{color:var(--muted-2);margin-top:3px;font-size:.82rem}.field{flex-direction:column;gap:7px;display:flex}.field-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.72rem;font-weight:700}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-strong);background:var(--card);color:var(--ink);border-radius:999px;padding:8px 14px;font-size:.86rem;font-weight:600;transition:border-color .15s,background .15s,color .15s}.chip:hover{border-color:var(--accent);color:var(--accent-dark)}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip--active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.chip--active:hover{color:var(--on-accent)}.chip--ghost{color:var(--muted);background:0 0;border-style:dashed}.chip:disabled{opacity:.55;cursor:wait}.segmented{background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.segmented__btn{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 18px;font-size:.88rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.segmented__btn:hover{color:var(--ink-strong)}.segmented__btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.segmented__btn--active{background:var(--card);border-color:var(--line);color:var(--ink-strong);box-shadow:var(--shadow-sm)}.segmented--compact .segmented__btn{padding:5px 12px;font-size:.8rem}select,input[type=text]{appearance:none;border:1px solid var(--line-strong);background:var(--card);width:100%;color:var(--ink-strong);border-radius:10px;padding:10px 12px;font-size:.92rem;transition:border-color .15s,box-shadow .15s}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235a6b7c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;padding-right:36px}select:focus,input[type=text]:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #0f766e29}select:disabled{opacity:.6;cursor:not-allowed}.btn{border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:.95rem;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn--primary{background:var(--accent);color:var(--on-accent);box-shadow:0 1px 2px #0b5a5540}.btn--primary:hover:not(:disabled){background:var(--accent-dark)}.btn--primary:disabled{background:var(--disabled-bg);box-shadow:none;cursor:not-allowed}.btn--secondary{background:var(--card);border:1px solid var(--line-strong);color:var(--ink)}.btn--secondary:hover{border-color:var(--accent);color:var(--accent-dark)}.btn--sm{padding:8px 13px;font-size:.82rem}.search{gap:8px;margin-top:12px;display:flex}.search input{flex:1;min-width:0}.search-results{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.search-result{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:10px;width:100%;padding:10px 12px;font-size:.88rem;transition:border-color .15s,background .15s}.search-result:hover{border-color:var(--accent);background:var(--accent-soft)}.search-result:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.selection{background:var(--bg-soft);border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-top:14px;padding:10px 12px;font-size:.86rem;display:flex}.selection__label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);font-size:.68rem;font-weight:700}.selection strong{color:var(--ink-strong)}.selection__coords{color:var(--muted-2);font-variant-numeric:tabular-nums;font-size:.8rem}.overview__state{color:var(--muted);align-items:center;gap:10px;font-size:.88rem;display:flex}.overview__state[role=alert]{flex-direction:column;align-items:flex-start}.overview__body{flex-direction:column;gap:14px;display:flex}.overview__now{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.overview__now-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);font-size:.68rem;font-weight:800}.overview__temp{color:var(--ink-strong);font-variant-numeric:tabular-nums;margin-top:2px;font-size:2.3rem;font-weight:800;line-height:1}.overview__condition{color:var(--ink);font-size:.92rem;font-weight:600}.overview__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat{background:var(--bg-soft);border-radius:var(--radius-md);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.stat__label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);font-size:.65rem;font-weight:800}.stat__value{color:var(--ink-strong);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:800}.overview__day{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:13px;display:flex}.overview__day-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);font-size:.72rem;font-weight:800}.overview__day-summary{color:var(--muted);margin-top:3px;font-size:.85rem}.overview__day-values{font-variant-numeric:tabular-nums;gap:14px;font-size:.95rem;font-weight:700;display:flex}.overview__high{color:var(--heat)}.overview__low{color:var(--cool)}.overview__note{color:var(--muted-2);font-size:.74rem}.activities{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.activity{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:4px;width:100%;padding:10px 6px;transition:border-color .15s,background .15s,color .15s;display:flex}.activity:hover{border-color:var(--accent)}.activity:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.activity--on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.activity__icon{width:22px;height:22px;color:var(--muted);display:block}.activity__icon svg{width:100%;height:100%;display:block}.activity--on .activity__icon{color:var(--accent-dark)}.activity-knob{fill:var(--card)}.activity--on .activity-knob{fill:var(--accent-soft)}.activity__label{color:var(--ink-strong);font-size:.74rem;font-weight:700;line-height:1.2}.activity__hint{color:var(--muted-2);font-size:.64rem}.activity--on .activity__hint{color:var(--accent-dark)}.pref{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.pref:has(.pref__input:checked){background:var(--accent-soft);border-color:#0f766e73}.pref__input{width:16px;height:16px;accent-color:var(--accent);flex:none;margin:2px 0 0}.pref__input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pref__body{flex-direction:column;gap:2px;display:flex}.pref__label{color:var(--ink-strong);font-size:.86rem;font-weight:700}.pref__hint{color:var(--muted);font-size:.74rem}.task-form{flex-direction:column;gap:16px;display:flex}.hint{color:var(--muted);font-size:.82rem}.hint--warn{color:var(--heat);font-weight:600}.alert{background:var(--heat-soft);border:1px solid var(--warn-border);border-radius:var(--radius-lg);flex-direction:column;align-items:flex-start;gap:10px;padding:16px;display:flex}.alert p{color:var(--warn-ink);font-size:.9rem}.status{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--muted);align-items:center;gap:12px;padding:20px;font-size:.9rem;display:flex}.spinner{border:2px solid #0f766e38;border-top-color:var(--accent);border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{border:1px dashed var(--line-strong);border-radius:var(--radius-lg);text-align:center;background:var(--card);padding:44px 24px}.empty h2{color:var(--ink-strong);font-size:1.02rem}.empty p{max-width:46ch;color:var(--muted);margin:8px auto 0;font-size:.88rem}.result{border-top:3px solid var(--accent);flex-direction:column;gap:18px;display:flex}.result__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.result__kicker{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);font-size:.72rem;font-weight:800}.delta{background:var(--bg-soft);border:1px solid var(--line);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:700}.delta--good{background:var(--accent-soft);color:var(--accent-dark);border-color:#0f766e40}.delta--warm{background:var(--heat-soft);border-color:var(--warn-border);color:var(--warn-ink)}.result__headline{letter-spacing:-.015em;color:var(--ink-strong);font-size:1.45rem}.result__sub{color:var(--muted);margin-top:6px;font-size:.94rem}.blocks{grid-template-columns:1fr 1fr;gap:12px;display:grid}.block{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--card);flex-direction:column;gap:3px;padding:14px;display:flex}.block--best{background:var(--accent-soft);border-color:#0f766e73}.block__kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);font-size:.68rem;font-weight:800}.block__time{color:var(--ink-strong);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:800}.block__temp{color:var(--heat);font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:800;line-height:1.1}.block--best .block__temp{color:var(--accent-dark)}.block__note{color:var(--muted);font-size:.76rem}.chart-block{flex-direction:column;gap:10px;display:flex}.chart-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.chart-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);font-size:.72rem;font-weight:800}.chart-legend{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.legend-item{color:var(--muted);align-items:center;gap:6px;font-size:.74rem;font-weight:600;display:inline-flex}.legend-toggle{background:0 0;border:none;border-radius:6px;padding:2px 4px}.legend-toggle:not(:disabled):hover{color:var(--ink-strong)}.legend-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.legend-toggle--off{opacity:.45}.legend-toggle:disabled{cursor:not-allowed;opacity:.4}.legend-swatch{border-radius:3px;flex:none;width:18px;height:11px}.legend-swatch--feels{border-top:3px solid var(--accent);border-radius:2px;height:0}.legend-swatch--air{border-top:2px dashed var(--ink-strong);border-radius:0;height:0}.legend-swatch--planned{border:1.5px dashed var(--heat);background:#b4530914}.legend-swatch--suggested{border:1.5px solid var(--accent);background:#0f766e1a}.chart-wrap{position:relative}.chart-scroll{overflow-x:auto}.chart-svg{margin:0 auto;display:block}.chart-grid-line{stroke:var(--line);stroke-width:1px}.chart-tick{fill:var(--muted-2);font-variant-numeric:tabular-nums;font-size:10px}.chart-unit{fill:var(--muted-2);font-size:10px;font-weight:700}.chart-hour-label{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.chart-hour-label--active{fill:var(--accent-dark);font-weight:700}.chart-band--planned{fill:#b4530912;stroke:var(--heat);stroke-width:1.5px;stroke-dasharray:5 4}.chart-band--suggested{fill:#0f766e17;stroke:var(--accent);stroke-width:1.5px}.chart-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.chart-line--feels{stroke:var(--accent);stroke-width:2.5px}.chart-line--air{stroke:var(--ink-strong);stroke-width:1.8px;stroke-dasharray:5 4;opacity:.72}.chart-dot{pointer-events:none}.chart-dot--feels{fill:var(--dot-fill);stroke:var(--accent);stroke-width:2px}.chart-dot--air{fill:var(--dot-fill);stroke:var(--ink-strong);stroke-width:1.6px;opacity:.8}.chart-col-highlight{fill:#0f766e0d;pointer-events:none}.chart-col-line{stroke:var(--accent);stroke-width:1px;stroke-dasharray:3 3;opacity:.45;pointer-events:none}.hour-hit{fill:#0000;cursor:pointer}.hour-hit:focus{outline:none}.hour-hit:focus-visible{fill:#0f766e24;stroke:var(--accent);stroke-width:1.5px}.chart-tip{z-index:5;background:var(--card);border:1px solid var(--line);width:216px;box-shadow:var(--shadow-md);pointer-events:none;border-radius:12px;flex-direction:column;gap:8px;padding:10px 12px;display:none;position:absolute}@media (hover:hover){.chart-tip{display:flex}}.chart-tip__title{color:var(--ink-strong);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:800}.chart-tip__condition{color:var(--muted);font-weight:600}.chart-tip__grid,.chart-detail__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;margin:0;display:grid}.chart-tip__grid dt,.chart-detail__grid dt{letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);font-size:.6rem;font-weight:800}.chart-tip__grid dd,.chart-detail__grid dd{color:var(--ink-strong);font-variant-numeric:tabular-nums;margin:2px 0 0;font-size:.78rem;font-weight:700}.chart-detail{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.chart-detail__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.chart-detail__time{color:var(--ink-strong);font-variant-numeric:tabular-nums;font-size:.88rem;font-weight:800}.chart-detail__condition{color:var(--muted);font-size:.8rem;font-weight:600}.chart-detail__clear{color:var(--accent-dark);background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:.76rem;font-weight:700}.chart-detail__clear:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chart-detail__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-detail__grid dd{font-size:.86rem}.chart-empty{border:1px dashed var(--line-strong);border-radius:var(--radius-md);text-align:center;color:var(--muted);padding:24px 16px;font-size:.86rem}.options{flex-direction:column;gap:10px;display:flex}.options__head{flex-direction:column;gap:3px;display:flex}.options__hint{color:var(--muted-2);font-size:.78rem}.options__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.option{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:10px 12px;width:100%;padding:10px 12px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.option:hover{border-color:var(--accent)}.option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.option--selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.option__rank{background:var(--bg-soft);width:22px;height:22px;color:var(--muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:inline-flex}.option--selected .option__rank{background:var(--accent);color:var(--on-accent)}.option__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.option__time{color:var(--ink-strong);font-variant-numeric:tabular-nums;font-size:.92rem;font-weight:800}.option__delta{color:var(--muted);font-size:.74rem}.option__avg{color:var(--heat);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:800}.option--selected .option__avg{color:var(--accent-dark)}.option__tag{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;background:var(--accent-soft);color:var(--accent-dark);border:1px solid #0f766e40;border-radius:999px;padding:3px 7px;font-size:.62rem;font-weight:800}.option__tag--sel{background:var(--bg-soft);border-color:var(--line);color:var(--muted)}.meta{background:var(--bg-soft);border-radius:var(--radius-md);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:0;padding:14px 16px;display:grid}.meta dt{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);font-size:.68rem;font-weight:800}.meta dd{color:var(--ink-strong);margin:3px 0 0;font-size:.9rem}.result__source{border-top:1px solid var(--line);color:var(--muted-2);padding-top:12px;font-size:.78rem}.result__actions{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.copy-feedback{color:var(--accent-dark);font-size:.78rem;font-weight:600}.copy-feedback--error{color:var(--heat)}.notice{background:var(--heat-soft);border:1px solid var(--warn-border);border-radius:var(--radius-lg);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.notice p{color:var(--warn-ink);font-size:.84rem}.notice__dismiss{color:var(--warn-ink);background:0 0;border:none;border-radius:6px;flex:none;padding:2px 6px;font-size:.78rem;font-weight:700}.notice__dismiss:focus-visible{outline:2px solid var(--heat);outline-offset:1px}.sample-banner{background:var(--heat-soft);border:1px solid var(--warn-border);color:var(--warn-ink);border-radius:10px;padding:10px 12px;font-size:.84rem;font-weight:700}.footer{border-top:1px solid var(--line);background:var(--card)}.footer__inner{flex-direction:column;gap:6px;max-width:1280px;margin:0 auto;padding:20px 24px 28px;display:flex}.footer p{max-width:90ch;color:var(--muted);font-size:.78rem}.footer__rule{background:var(--line);height:1px;margin:8px 0 6px}.footer__copyright{color:var(--muted);font-size:.76rem}.compliance__list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.compliance__item{position:relative}.compliance-badge{background:var(--card);border:1px solid var(--line-strong);color:var(--ink);border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:.78rem;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.compliance-badge:hover{border-color:var(--accent)}.compliance-badge:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.compliance-badge--open{border-color:var(--accent);background:var(--accent-soft)}.compliance-badge__dot{background:var(--muted-2);border-radius:50%;flex:none;width:6px;height:6px}.compliance-badge__dot--ok{background:var(--accent)}.compliance-badge__dot--warn{background:var(--heat)}.compliance-badge__icon{width:16px;height:16px;color:var(--muted);display:inline-flex}.compliance-badge__icon svg{width:100%;height:100%;display:block}.compliance-badge--open .compliance-badge__icon{color:var(--accent-dark)}.compliance-badge__chev{width:12px;height:12px;color:var(--muted-2);transition:transform .15s;display:inline-flex}.compliance-badge__chev svg{width:100%;height:100%;display:block}.compliance-badge__chev--open{transform:rotate(180deg)}.compliance-panel{z-index:20;background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);width:min(440px,100vw - 32px);max-height:min(70vh,540px);box-shadow:var(--shadow-md);flex-direction:column;gap:12px;padding:16px;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto}.compliance-panel__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.compliance-panel__title{color:var(--ink-strong);font-size:.9rem;font-weight:800}.status{border:1px solid var(--line);background:var(--bg-soft);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:.66rem;font-weight:800;display:inline-flex}.status__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.status--ok{background:var(--accent-soft);color:var(--accent-dark);border-color:#0f766e40}.status--warn{background:var(--heat-soft);border-color:var(--warn-border);color:var(--warn-ink)}.status--neutral{background:var(--bg-soft);border-color:var(--line);color:var(--muted)}.compliance-panel__scope{color:var(--muted);font-size:.8rem}.compliance-panel__section{flex-direction:column;gap:6px;display:flex}.compliance-panel__label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);font-size:.66rem;font-weight:800}.check-list{flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;display:flex}.check{flex-direction:column;gap:1px;display:flex}.check__name{color:var(--ink-strong);font-size:.78rem;font-weight:700}.check__result{color:var(--muted);font-size:.78rem}.compliance-panel__list{color:var(--muted);flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:.78rem;display:flex}.compliance-panel__note{border-top:1px solid var(--line);color:var(--muted-2);padding-top:10px;font-size:.74rem}@media (width<=1023px){.hero{grid-template-columns:1fr;padding:36px 0 28px}.layout{grid-template-columns:1fr}}@media (width<=640px){.topbar__inner{padding:12px 16px}.topbar__badge{display:none}.page{padding:0 16px 40px}.hero{padding:32px 0 26px}.hero h1{font-size:2rem}.grid-2,.blocks,.meta{grid-template-columns:1fr}.chart-detail__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-empty{padding:20px 12px}}