:root{color-scheme:light dark;--bg: #f4f6fb;--surface: #ffffff;--surface-muted: #eef2ff;--fg: #111827;--fg-soft: #334155;--muted: #526072;--border: #d9dfeb;--border-strong: #94a3b8;--accent: #365df5;--accent-strong: #2447cb;--accent-soft: rgba(54, 93, 245, .12);--success: #166534;--success-bg: #effcf3;--danger: #b91c1c;--danger-bg: #fef2f2;--focus: #365df5;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--container: 1360px;--sidebar: 320px;--gutter: 24px;--radius: 18px;--line: 1.65;--shadow: 0 12px 40px rgba(15, 23, 42, .06)}:root[data-theme=dark]{--bg: #0b1220;--surface: #121a2b;--surface-muted: #172033;--fg: #f8fafc;--fg-soft: #dbe4f0;--muted: #b3c0d4;--border: #2a3750;--border-strong: #415274;--accent: #9ab8ff;--accent-strong: #c8d8ff;--accent-soft: rgba(154, 184, 255, .18);--success: #8be1a4;--success-bg: rgba(34, 197, 94, .08);--danger: #ffb4b4;--danger-bg: rgba(239, 68, 68, .08);--focus: #8fb2ff;--shadow: 0 16px 44px rgba(0, 0, 0, .28)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0b1220;--surface: #121a2b;--surface-muted: #172033;--fg: #f8fafc;--fg-soft: #dbe4f0;--muted: #b3c0d4;--border: #2a3750;--border-strong: #415274;--accent: #9ab8ff;--accent-strong: #c8d8ff;--accent-soft: rgba(154, 184, 255, .18);--success: #8be1a4;--success-bg: rgba(34, 197, 94, .08);--danger: #ffb4b4;--danger-bg: rgba(239, 68, 68, .08);--focus: #9ab8ff;--shadow: 0 16px 44px rgba(0, 0, 0, .28)}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--sans);line-height:var(--line);background:var(--bg);color:var(--fg)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}button,input,textarea,select{font:inherit}code,pre{font-family:var(--mono)}.container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}.layout{min-height:100dvh;display:flex;flex-direction:column}.siteHeader{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.siteHeader__inner{min-height:84px;display:flex;justify-content:space-between;align-items:center;gap:20px}.siteHeader__actions{display:flex;gap:12px;align-items:center;flex-wrap:nowrap}.brand{font-weight:800;color:inherit}.brand--large{display:inline-block;font-size:30px;letter-spacing:-.03em}.siteHeader__tagline{margin:6px 0 0;color:var(--muted)}.appShell{display:grid;grid-template-columns:minmax(260px,var(--sidebar)) minmax(0,1fr);gap:28px;padding-top:28px;padding-bottom:48px;flex:1}.sidebar{align-self:start;position:sticky;top:108px;display:grid;gap:18px}.navSection,.panel,.heroPanel,.toolListPanel,.categoryPanel,.contentBlock,.contextBar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.navSection,.panel,.heroPanel,.toolListPanel,.categoryPanel,.contentBlock{padding:18px}.navSection__title,.sectionTitle{margin:0;font-size:20px;line-height:1.2;letter-spacing:-.02em}.navSection__title{font-size:15px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.heroActions,.row,.themeToggle,.inlineActionGroup,.footer__links{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.navSection__items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.navPill{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:42px;padding:0 12px;border-radius:14px;border:1px solid var(--border-strong);background:transparent;color:var(--fg);font-weight:600;text-align:center}.navPill:hover{border-color:var(--accent);background:var(--accent-soft);color:inherit}.navPill--active{border-color:var(--accent);background:var(--accent-soft);color:var(--fg)}.contentArea{min-width:0;display:grid;gap:20px}.contentArea>*{min-width:0}.contentArea h1:not(.pageTitle){margin:0;font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.035em}.contentArea h2:not(.sectionTitle){margin:0;font-size:22px;line-height:1.2;letter-spacing:-.02em}.contentArea p,.contentArea li,.contentArea label,.contentArea summary{color:var(--fg-soft)}.contentArea p{max-width:75ch}.contentArea section,.contentArea article,.contentArea details{max-width:100%}.contentArea input:not(.input),.contentArea textarea:not(.textarea),.contentArea select:not(.select){width:100%;border:1px solid var(--border-strong);border-radius:14px;background:var(--surface);color:inherit;padding:12px 14px}.contentArea button:not(.btn){appearance:none;min-height:42px;border:1px solid var(--border-strong);border-radius:12px;background:transparent;color:inherit;padding:0 14px;cursor:pointer}.contentArea button:not(.btn):hover{border-color:var(--accent)}.contextBar{display:flex;gap:10px;align-items:center;padding:12px 16px}.main,.footer{width:100%}.footer{border-top:1px solid var(--border);background:transparent}.footer__inner{min-height:72px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}.footer__link{color:inherit}.muted{color:var(--muted)}.eyebrow{font-size:12px;line-height:1.2;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.pageTitle{margin:0;font-size:clamp(40px,5vw,64px);line-height:1.02;letter-spacing:-.045em}.pageSubtitle,.bodyCopy,.sidebar__copy{color:var(--muted)}.pageSubtitle,.sidebar__copy,.bodyCopy{margin:0;max-width:70ch}.heroPanel{padding:28px}.stack-lg,.stack-md,.stack-sm{display:grid}.stack-lg{gap:28px}.stack-md{gap:16px}.stack-sm{gap:10px}.toolGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.toolCard,.toolRowLink{display:grid;gap:6px;color:inherit}.toolCard{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.toolCard:hover,.toolRowLink:hover{border-color:var(--accent);background:var(--accent-soft)}.toolListPanel{display:grid}.toolRowLink{padding:14px 4px;border-bottom:1px solid var(--border)}.toolRowLink:last-child{border-bottom:0}.splitGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.categoryPanelList{display:grid;gap:12px}.categoryPanel h3{margin:0;font-size:18px}.panel{display:grid}.contentBlock{line-height:1.7}.btn{appearance:none;min-height:44px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);color:var(--fg);padding:0 14px;cursor:pointer;font-weight:600}.btn:hover{border-color:var(--accent)}.btn:disabled{opacity:.45;cursor:not-allowed;color:var(--muted)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn--ghost{background:color-mix(in srgb,var(--surface) 78%,transparent)}.iconBtn{appearance:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--border-strong);background:var(--surface);color:var(--fg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px}.iconBtn:hover{border-color:var(--accent)}.iconBtn--active{border-color:var(--accent);background:var(--accent-soft)}.btn--small{min-height:32px;padding:0 10px;border-radius:10px}.input,.textarea,.select{width:100%;border:1px solid var(--border-strong);border-radius:14px;background:var(--surface);color:inherit;padding:12px 14px}.input--lg{min-height:52px;font-size:18px}.textarea{line-height:1.5;resize:vertical}.fieldLabel{font-weight:700;display:block}.checkboxRow{display:inline-flex;align-items:center;gap:10px;color:var(--fg)}.notice{border:1px solid var(--border-strong);border-radius:14px;padding:12px 14px}.notice--error{border-color:var(--danger);background:var(--danger-bg);color:var(--danger)}.notice__title{font-weight:700;margin-bottom:6px}.code{font-family:var(--mono)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media(max-width:1100px){.appShell{grid-template-columns:1fr}.sidebar{position:static}}@media(max-width:720px){.container{padding:0 16px}.siteHeader__inner,.footer__inner,.splitGrid{grid-template-columns:1fr;display:grid}.siteHeader__actions{justify-content:flex-start;flex-wrap:wrap}.navSection__items{grid-template-columns:repeat(2,minmax(0,1fr))}.heroPanel{padding:22px 18px}.pageTitle{font-size:38px}}