:root{--ink:#0A1834;--navy:#12244A;--brand:#1E5BFF;--brand-ink:#1442C4;--brand-soft:#E8F0FF;--bg:#FFFFFF;--surface:#F5F8FC;--surface-2:#EDF2F9;--line:#E1E8F2;--muted:#556680;--faint:#8A99B2;--ok:#12A150;--ok-soft:#E5F5EC;--warn:#B76E00;--warn-soft:#FBF0DC;--crit:#D92D20;--crit-soft:#FBE7E5;--r:10px;--shadow:0 1px 2px rgba(10,24,52,.04),0 4px 16px rgba(10,24,52,.06);--shadow-lg:0 8px 30px rgba(10,24,52,.10);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-13:52px;--sp-20:80px;--sans:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic","Segoe UI",Roboto,sans-serif;--mono:"SF Mono",ui-monospace,"JetBrains Mono","Roboto Mono",Menlo,monospace;--maxw:1080px}@media (prefers-color-scheme:dark){:root{--ink:#EAF1FB;--navy:#0E1A30;--brand:#5488FF;--brand-ink:#7AA2FF;--brand-soft:#16233F;--bg:#0A1120;--surface:#111C31;--surface-2:#16233C;--line:#22314E;--muted:#97A7C2;--faint:#6B7B99;--ok:#3BC57F;--ok-soft:#10261C;--warn:#E0A64B;--warn-soft:#2A2113;--crit:#F0736A;--crit-soft:#2C1614;--shadow:0 1px 2px rgba(0,0,0,.3),0 4px 18px rgba(0,0,0,.35);--shadow-lg:0 10px 34px rgba(0,0,0,.5)}}:root[data-theme=light]{--ink:#0A1834;--navy:#12244A;--brand:#1E5BFF;--brand-ink:#1442C4;--brand-soft:#E8F0FF;--bg:#FFFFFF;--surface:#F5F8FC;--surface-2:#EDF2F9;--line:#E1E8F2;--muted:#556680;--faint:#8A99B2;--ok:#12A150;--ok-soft:#E5F5EC;--warn:#B76E00;--warn-soft:#FBF0DC;--crit:#D92D20;--crit-soft:#FBE7E5;--shadow:0 1px 2px rgba(10,24,52,.04),0 4px 16px rgba(10,24,52,.06);--shadow-lg:0 8px 30px rgba(10,24,52,.10)}:root[data-theme=dark]{--ink:#EAF1FB;--navy:#0E1A30;--brand:#5488FF;--brand-ink:#7AA2FF;--brand-soft:#16233F;--bg:#0A1120;--surface:#111C31;--surface-2:#16233C;--line:#22314E;--muted:#97A7C2;--faint:#6B7B99;--ok:#3BC57F;--ok-soft:#10261C;--warn:#E0A64B;--warn-soft:#2A2113;--crit:#F0736A;--crit-soft:#2C1614;--shadow:0 1px 2px rgba(0,0,0,.3),0 4px 18px rgba(0,0,0,.35);--shadow-lg:0 10px 34px rgba(0,0,0,.5)}.rds-base{background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}.rds-base :focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (prefers-reduced-motion:reduce){.rds-base *{transition:none!important;animation:none!important}}:root{--navy-900:var(--ink);--navy-800:var(--navy);--navy-600:var(--brand-ink);--action-blue:var(--brand);--page:var(--surface);--card:var(--bg);--table-header:var(--surface-2);--row-alt:var(--surface);--critical-bg:color-mix(in srgb,var(--crit) 12%,var(--bg));--critical-border:color-mix(in srgb,var(--crit) 45%,var(--bg));--critical-text:color-mix(in srgb,var(--ink) 10%,var(--crit));--warning-bg:color-mix(in srgb,var(--warn) 12%,var(--bg));--warning-border:color-mix(in srgb,var(--warn) 45%,var(--bg));--warning-text:color-mix(in srgb,var(--ink) 20%,var(--warn));--safe-bg:color-mix(in srgb,var(--ok) 12%,var(--bg));--safe-border:color-mix(in srgb,var(--ok) 45%,var(--bg));--safe-text:color-mix(in srgb,var(--ink) 30%,var(--ok));--nodata-bg:var(--surface-2);--nodata-border:var(--line);--nodata-text:var(--muted);--pdf-bg:var(--brand-soft);--pdf-border:color-mix(in srgb,var(--brand) 40%,var(--bg));--pdf-text:var(--brand-ink);--neutral-200:var(--line);--neutral-500:var(--faint);--neutral-700:var(--muted);--neutral-800:var(--ink);--fs-caption:12px;--fs-label:13px;--fs-body:14px;--fs-body-lg:16px;--fs-h3:18px;--fs-h2:22px;--fs-h1:28px;--fs-display:40px;--lh-tight:1.45;--lh-body:1.6;--lh-relaxed:1.75;--ls-sm:.02em;--ls-md:.01em;--ls-lg:0;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-full:999px;--elev-1:0 1px 2px rgba(10,24,52,.05);--elev-2:0 1px 2px rgba(10,24,52,.06),0 6px 20px rgba(10,24,52,.07);--dur:140ms;--ease:cubic-bezier(.2,.7,.3,1)}*{box-sizing:border-box}html{font-family:var(--font-noto),"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic UI",Meiryo,system-ui,sans-serif;color:var(--neutral-800);background:var(--page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:normal;line-break:strict}.banner,.error-box,.field-error{overflow-wrap:anywhere}body{margin:0;font-size:var(--fs-body);line-height:var(--lh-body)}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--action-blue);outline-offset:2px}.shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:var(--navy-800);color:var(--bg);padding:16px 12px;position:-webkit-sticky;position:sticky;top:0;height:100vh;z-index:100}.brand{height:56px;display:flex;align-items:center;font-weight:700;font-size:18px}.nav{display:grid;grid-gap:6px;gap:6px}.nav a{display:flex;align-items:center;gap:10px;min-height:40px;padding:8px 10px;border-radius:6px;color:rgba(255,255,255,.78)}.nav a.active,.nav a:hover{background:var(--navy-600);color:var(--bg)}.main{padding:24px;max-width:1280px;width:100%}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:20px}.eyebrow{color:var(--neutral-500);font-size:12px;line-height:18px;margin:0 0 4px}h1{font-size:var(--fs-h1);line-height:var(--lh-tight);margin:0;color:var(--navy-900);letter-spacing:var(--ls-lg)}h2{font-size:var(--fs-h2);margin:0 0 var(--s3)}h2,h3{line-height:var(--lh-tight);color:var(--navy-900);letter-spacing:var(--ls-md)}h3{font-size:var(--fs-h3);margin:0 0 var(--s2)}.section{margin-bottom:24px}.grid{display:grid;grid-gap:16px;gap:16px}.kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.two{grid-template-columns:360px 1fr}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--neutral-200);border-radius:var(--r-md);padding:var(--s5);box-shadow:var(--elev-1)}.kpi-label{color:var(--neutral-500);font-size:var(--fs-caption);line-height:var(--lh-tight);letter-spacing:var(--ls-sm);display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}.kpi-value{font-size:var(--fs-display);line-height:1.15;font-weight:700;margin-top:var(--s2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi-value,.mono{font-family:JetBrains Mono,Roboto Mono,SFMono-Regular,Menlo,monospace}.mono{font-weight:600}.unit{font-size:.85em;font-weight:400}.critical{color:var(--critical-text)}.warning{color:var(--warning-text)}.safe{color:var(--safe-text)}.muted{color:var(--neutral-500)}.badge{display:inline-flex;align-items:center;gap:var(--s1);border-radius:var(--r-full);padding:2px var(--s2);font-size:var(--fs-caption);line-height:1.5;letter-spacing:var(--ls-sm);font-weight:600;border:1px solid;white-space:nowrap}.badge.critical{background:var(--critical-bg);border-color:var(--critical-border)}.badge.warning{background:var(--warning-bg);border-color:var(--warning-border)}.badge.safe{background:var(--safe-bg);border-color:var(--safe-border)}.badge.no_data{background:var(--nodata-bg);border-color:var(--nodata-border);color:var(--nodata-text)}.table-wrap{overflow:auto;border:1px solid var(--neutral-200);border-radius:var(--r-md);background:var(--bg);box-shadow:var(--elev-1)}table{width:100%;border-collapse:collapse;min-width:780px}th{position:-webkit-sticky;position:sticky;top:0;background:var(--table-header);color:var(--neutral-700);font-size:var(--fs-label);letter-spacing:var(--ls-sm);font-weight:600;text-align:left;white-space:nowrap}td,th{line-height:var(--lh-tight);padding:var(--s3)}td{height:48px;border-top:1px solid var(--neutral-200);font-size:var(--fs-body);vertical-align:middle}.kpi-value,td .mono,td .num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}tr:nth-child(2n) td{background:var(--row-alt)}tr.row-critical td{background:var(--critical-bg)}tr.row-warning td{background:var(--warning-bg)}tr.row-no_data td{background:var(--nodata-bg)}tbody tr{transition:background var(--dur) var(--ease)}tbody tr:hover td{background:var(--brand-soft)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:36px;padding:0 var(--s3);border-radius:var(--r-sm);border:1px solid transparent;cursor:pointer;font-weight:600;font-size:var(--fs-body);letter-spacing:var(--ls-md);transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.button:hover{box-shadow:var(--elev-2)}.button:active{transform:scale(.97)}.button.primary{background:var(--action-blue);color:var(--bg)}.button.primary:hover{background:var(--brand-ink)}.button.secondary{background:var(--bg);border-color:var(--neutral-200);color:var(--neutral-700)}.button.secondary:hover{background:var(--surface-2)}.button.pdf{background:var(--pdf-bg);border-color:var(--pdf-border);color:var(--pdf-text)}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}.input{min-height:36px;padding:6px 10px}.banner,.input{border-radius:6px}.banner{border-left:4px solid var(--critical-border);background:var(--critical-bg);color:var(--critical-text);padding:14px 16px;display:flex;justify-content:space-between;gap:12px;align-items:center}.gauge{width:92px}.track{height:6px;background:var(--neutral-200);position:relative;overflow:hidden}.fill,.track{border-radius:999px}.fill{height:100%}.fill.safe{background:var(--ok)}.fill.warning{background:var(--warn)}.fill.critical{background:var(--crit)}.marker{position:absolute;top:-2px;width:1px;height:10px;background:var(--neutral-500)}.empty,.error-box{padding:24px;text-align:center;color:var(--neutral-500)}.error-box{border:1px solid var(--critical-border);background:var(--critical-bg);color:var(--critical-text);border-radius:8px}.bottom-nav{display:none}.alert-card{border-left:4px solid}.alert-card.critical{border-left-color:var(--critical-border);background:var(--critical-bg)}.alert-card.warning{border-left-color:var(--warning-border);background:var(--warning-bg)}.bars{display:grid;grid-gap:8px;gap:8px}.barline{display:grid;grid-template-columns:140px 1fr 64px;grid-gap:10px;gap:10px;align-items:center;font-size:13px}.bar{height:18px;background:var(--neutral-200);border-radius:4px;overflow:hidden}.bar span{display:block;height:100%;background:var(--action-blue)}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:6px;gap:6px}.day{min-height:58px;border:1px solid var(--neutral-200);border-radius:6px;padding:6px}.day,.print-doc{background:var(--bg)}.print-doc{border:1px solid var(--neutral-200);padding:24px;min-height:720px}.stamp{width:112px;height:112px;border:1px dashed var(--neutral-500);display:grid;place-items:center;color:var(--neutral-700);margin-left:auto}@media (max-width:960px){.shell{grid-template-columns:1fr;padding-bottom:64px}.sidebar{display:none}.main{padding:16px}.kpis,.three,.two{grid-template-columns:1fr}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:200;display:grid;grid-template-columns:repeat(5,1fr);background:var(--bg);border-top:1px solid var(--neutral-200)}.bottom-nav a{min-height:56px;display:grid;place-items:center;font-size:11px;color:var(--neutral-700)}td{height:56px}}@media print{.bottom-nav,.button,.filters,.sidebar,.topbar{display:none!important}.shell{display:block}.main{padding:15mm;max-width:none}body{background:var(--bg);font-size:10pt}.card,.print-doc,.table-wrap{border-color:var(--ink)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.lp{max-width:1080px;margin:0 auto;padding:0 var(--s5)}.lp-head{display:flex;align-items:center;justify-content:space-between;height:var(--s8)}.lp-head .logo{font-size:var(--fs-h3);font-weight:700;color:var(--ink);letter-spacing:var(--ls-md)}.lp-head nav{display:flex;align-items:center;gap:var(--s5);font-size:var(--fs-body)}.lp-hero{padding:var(--s7) 0 var(--s8)}.lp-hero-copy{max-width:760px}.lp-eyebrow{display:inline-block;background:var(--brand-soft);color:var(--brand-ink);font-size:var(--fs-label);font-weight:700;letter-spacing:var(--ls-sm);padding:var(--s1) var(--s3);border-radius:var(--r-full);margin:0 0 var(--s4)}.lp-hero h1{font-size:clamp(26px,3.2vw,36px);line-height:1.45;letter-spacing:var(--ls-lg);margin:0 0 var(--s4);color:var(--ink)}.lp-lead{font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);color:var(--muted);margin:0}.lp-cta{display:flex;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s6)}.lp-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 var(--s5);border-radius:var(--r-sm);font-weight:700;font-size:var(--fs-body-lg);letter-spacing:var(--ls-md);transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.lp-btn:active{transform:scale(.97)}.lp-btn.primary{background:var(--brand);color:var(--bg);box-shadow:var(--elev-1)}.lp-btn.primary:hover{background:var(--brand-ink);box-shadow:var(--elev-2)}.lp-btn.ghost{border:1px solid var(--line);color:var(--ink)}.lp-btn.ghost:hover{background:var(--surface-2)}.lp-note{font-size:var(--fs-label);color:var(--muted);margin-top:var(--s3)}.lp-sec{padding:var(--s8) 0;border-top:1px solid var(--line)}.lp-sec>h2{font-size:var(--fs-h2);margin:0 0 var(--s2);color:var(--ink)}.lp-sub{font-size:var(--fs-body);color:var(--muted);margin:0 0 var(--s5)}.lp-grid{display:grid;grid-gap:var(--s4);gap:var(--s4)}.lp-grid.c3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.lp-grid.c2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--s6)}.lp-fact{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s5);background:var(--surface)}.lp-fact dt{font-size:var(--fs-label);color:var(--muted);letter-spacing:var(--ls-sm);margin:0}.lp-fact dd{font-size:var(--fs-h3);font-weight:700;color:var(--ink);margin:var(--s2) 0 0;line-height:var(--lh-tight)}.lp-feat{display:flex;gap:var(--s4)}.lp-feat svg{color:var(--brand);flex-shrink:0;margin-top:2px}.lp-feat h3{font-size:var(--fs-body-lg);margin:0 0 var(--s2);color:var(--ink)}.lp-feat p{font-size:var(--fs-body);line-height:var(--lh-relaxed);color:var(--muted);margin:0}.lp-plan{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s5);background:var(--bg);box-shadow:var(--elev-1);transition:box-shadow var(--dur) var(--ease)}.lp-plan:hover{box-shadow:var(--elev-2)}.lp-plan .name{font-size:var(--fs-label);font-weight:700;color:var(--brand-ink);letter-spacing:var(--ls-sm)}.lp-plan .price{font-size:var(--fs-h1);font-weight:700;color:var(--ink);margin:var(--s2) 0 var(--s1);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lp-plan .price span{font-weight:400}.lp-caveat,.lp-plan .note,.lp-plan .price span{font-size:var(--fs-body);color:var(--muted)}.lp-caveat{line-height:var(--lh-relaxed);padding-left:var(--s5);margin:0}.lp-caveat li+li{margin-top:var(--s3)}.shot{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg);box-shadow:var(--elev-2);overflow:hidden}.shot-bar{display:flex;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);background:var(--surface);font-size:var(--fs-caption);color:var(--muted);letter-spacing:var(--ls-sm)}.shot-dot{width:8px;height:8px;border-radius:var(--r-full);background:var(--line)}.shot-body{padding:var(--s4)}.shot-row{display:grid;grid-template-columns:1fr auto auto;grid-gap:var(--s3);gap:var(--s3);align-items:center;padding:var(--s3) 0;border-top:1px solid var(--line);font-size:var(--fs-label)}.shot-row:first-child{border-top:none}.shot-row .nm{color:var(--ink);font-weight:500}.shot-row .hr{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink);font-weight:700}.shot-cap{font-size:var(--fs-caption);color:var(--muted);text-align:center;margin-top:var(--s3)}.site-footer{border-top:1px solid var(--line);margin-top:var(--s8);padding:var(--s5);font-size:var(--fs-label);color:var(--muted);display:flex;gap:var(--s5);flex-wrap:wrap;justify-content:center}.site-footer a{color:var(--brand-ink)}.site-footer a:hover{text-decoration:underline}@media (max-width:860px){.lp-hero{padding:var(--s6) 0 var(--s7)}.lp-hero h1{font-size:var(--fs-h1)}.lp-sec{padding:var(--s7) 0}}.sidebar{display:flex;flex-direction:column}.nav-logout{margin-top:auto;padding-top:var(--s4);border-top:1px solid rgba(255,255,255,.14)}.nav-logout button{width:100%;background:none;border:none;color:rgba(255,255,255,.7);cursor:pointer;font-size:var(--fs-label);text-align:left;padding:var(--s2) var(--s3);border-radius:var(--r-sm);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.nav-logout button:hover{background:var(--navy-600);color:var(--bg)}.field{display:grid;grid-gap:var(--s2);gap:var(--s2)}.field+.field{margin-top:var(--s4)}.label{font-size:var(--fs-label);font-weight:500;line-height:1.4;letter-spacing:var(--ls-sm);color:var(--ink)}.hint{font-size:var(--fs-caption);line-height:1.45;color:var(--muted)}.input{width:100%;min-height:40px;border:1px solid var(--neutral-200);border-radius:var(--r-sm);padding:var(--s2) var(--s3);background:var(--bg);font-size:var(--fs-body);line-height:1.5;color:var(--ink);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.input:hover{border-color:var(--muted)}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.input::placeholder{color:var(--faint)}.field-error{font-size:var(--fs-label);line-height:1.5;color:var(--critical-text);margin:var(--s2) 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:44px;width:100%;padding:0 var(--s4);border-radius:var(--r-sm);border:1px solid transparent;background:var(--brand);color:var(--bg);font-weight:700;font-size:var(--fs-body);letter-spacing:var(--ls-md);cursor:pointer;transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease),transform var(--dur) var(--ease)}.btn:hover:not(:disabled){background:var(--brand-ink);box-shadow:var(--elev-2)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.55;cursor:default}.auth{min-height:76vh;display:grid;place-items:center;padding:var(--s7) var(--s5)}.auth-box{width:100%;max-width:440px}.auth-logo{display:block;text-align:center;font-size:var(--fs-h3);font-weight:700;color:var(--ink);letter-spacing:var(--ls-md);margin-bottom:var(--s6)}.auth-card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s6);box-shadow:var(--elev-2)}.auth-card h1{font-size:var(--fs-h2);margin:0 0 var(--s2)}.auth-card>.lead{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted);margin:0 0 var(--s5)}.auth-submit{margin-top:var(--s5)}.auth-alt{text-align:center;font-size:var(--fs-label);color:var(--muted);margin:var(--s5) 0 0}.auth-alt a{color:var(--brand-ink);font-weight:500}.auth-alt a:hover{text-decoration:underline}.lp-shot{margin:var(--s7) 0 0}.lp-shot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--elev-2);background:var(--bg)}.lp-shot figcaption{font-size:var(--fs-caption);color:var(--muted);text-align:center;margin-top:var(--s3)}.lp-shot.inline{margin-top:var(--s6)}.lp-shot.inline img{border-radius:var(--r-md)}.onb{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);grid-gap:var(--s7);gap:var(--s7);align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s6);box-shadow:var(--elev-1);margin-bottom:var(--s5)}.onb h2{font-size:var(--fs-h2);margin:0 0 var(--s2);color:var(--ink)}.onb-lead{font-size:var(--fs-body);line-height:var(--lh-body);color:var(--muted);margin:0 0 var(--s5)}.onb-cta{width:auto}.onb-hint{margin-top:var(--s3);max-width:46ch}.onb-steps{list-style:none;margin:var(--s6) 0 0;padding:var(--s5) 0 0;border-top:1px solid var(--line);display:grid;grid-gap:var(--s3);gap:var(--s3)}.onb-steps li{display:flex;align-items:center;gap:var(--s3);font-size:var(--fs-body)}.onb-num{width:22px;height:22px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--r-full);background:var(--surface-2);color:var(--muted);font-size:var(--fs-caption);font-weight:700}.onb-steps li.done .onb-num{background:var(--safe-bg);color:var(--safe-text)}.onb-steps li.done a{color:var(--muted)}.onb-steps a{color:var(--brand-ink);font-weight:500}.onb-steps a:hover{text-decoration:underline}.onb-done-tag{font-size:var(--fs-caption);color:var(--muted)}.onb-preview{margin:0}.onb-preview img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--elev-2)}.onb-preview figcaption{font-size:var(--fs-caption);color:var(--muted);text-align:center;margin-top:var(--s2)}.spin{animation:onb-spin .9s linear infinite}@keyframes onb-spin{to{transform:rotate(1turn)}}.sample-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text);border-radius:var(--r-md);padding:var(--s3) var(--s4);font-size:var(--fs-label);margin-bottom:var(--s5)}@media (max-width:900px){.onb{grid-template-columns:1fr;gap:var(--s5);padding:var(--s5)}}