:root{--bg-desktop: #6b7d94;--bg-chrome: #b8c1cf;--bg-content: #ffffff;--bg-content-code: #f2f4f8;--fg-chrome: #0d1220;--fg-content: #1a1f28;--fg-muted: #4a5568;--fg-subtle: #6b7280;--accent: #3d5a80;--accent-hover: #2c4362;--accent-visited: #6a4a80;--selection-bg: #3d5a80;--selection-fg: #ffffff;--border: #7c8ba1;--titlebar-bg: #465878;--titlebar-fg: #ffffff;--titlebar-inactive-bg: #8a99b0;--bevel-light: #d9dee7;--bevel-shadow: #7c8ba1;--bevel-dark: #384556;--font-chrome: "Helvetica Neue", Helvetica, Arial, Meiryo, "Hiragino Sans", "Yu Gothic", "Noto Sans JP", sans-serif;--font-body: "Helvetica Neue", Helvetica, Arial, Meiryo, "Hiragino Sans", "Yu Gothic", "Noto Sans JP", sans-serif;--font-mono: "SFMono-Regular", "Cascadia Code", "DejaVu Sans Mono", Consolas, monospace;--max-width: 720px;--bp-mobile: 480px;--bp-tablet: 768px;--bp-desktop: 1024px;--font-size-base: clamp(15px, .94rem + .13vw, 16px);--font-size-h1: clamp(22px, 1.1rem + 1.6vw, 28px);--font-size-h2: clamp(18px, .95rem + 1vw, 22px);--font-size-h3: clamp(16px, .9rem + .5vw, 18px);--font-size-meta: clamp(12px, .75rem + .05vw, 13px);--font-size-code: clamp(12px, .78rem + .1vw, 14px);--space-frame-y: clamp(16px, 1rem + 1vw, 32px);--space-frame-x: clamp(16px, 1rem + .6vw, 24px);--space-section: clamp(24px, 1.5rem + 1vw, 48px)}@media(prefers-color-scheme:dark){:root{--bg-desktop: #1a2432;--bg-chrome: #2f3a4a;--bg-content: #1a1f28;--bg-content-code: #0f1319;--fg-chrome: #dfe4ec;--fg-content: #dfe4ec;--fg-muted: #a0acbe;--fg-subtle: #7c8ba1;--accent: #8fb4de;--accent-hover: #b0cdf0;--accent-visited: #b088cc;--selection-bg: #3d5a80;--selection-fg: #ffffff;--border: #4a5568;--titlebar-bg: #3d4d6a;--titlebar-fg: #ffffff;--titlebar-inactive-bg: #2a3244;--bevel-light: #5a6478;--bevel-shadow: #1a2028;--bevel-dark: #000000}}:root[data-theme=light]{--bg-desktop: #6b7d94;--bg-chrome: #b8c1cf;--bg-content: #ffffff;--bg-content-code: #f2f4f8;--fg-chrome: #0d1220;--fg-content: #1a1f28;--fg-muted: #4a5568;--fg-subtle: #6b7280;--accent: #3d5a80;--accent-hover: #2c4362;--accent-visited: #6a4a80;--selection-bg: #3d5a80;--selection-fg: #ffffff;--border: #7c8ba1;--titlebar-bg: #465878;--titlebar-fg: #ffffff;--titlebar-inactive-bg: #8a99b0;--bevel-light: #d9dee7;--bevel-shadow: #7c8ba1;--bevel-dark: #384556}:root[data-theme=dark]{--bg-desktop: #1a2432;--bg-chrome: #2f3a4a;--bg-content: #1a1f28;--bg-content-code: #0f1319;--fg-chrome: #dfe4ec;--fg-content: #dfe4ec;--fg-muted: #a0acbe;--fg-subtle: #7c8ba1;--accent: #8fb4de;--accent-hover: #b0cdf0;--accent-visited: #b088cc;--selection-bg: #3d5a80;--selection-fg: #ffffff;--border: #4a5568;--titlebar-bg: #3d4d6a;--titlebar-fg: #ffffff;--titlebar-inactive-bg: #2a3244;--bevel-light: #5a6478;--bevel-shadow: #1a2028;--bevel-dark: #000000}*{box-sizing:border-box}html{background:var(--bg-desktop)}body{margin:0;background:var(--bg-desktop);color:var(--fg-content);font-family:var(--font-body);font-size:var(--font-size-base);line-height:1.7}::selection{background:var(--selection-bg);color:var(--selection-fg)}a{color:var(--accent);text-decoration:underline}a:visited{color:var(--accent-visited)}@media(hover:hover){a:hover{color:var(--accent-hover)}}h1,h2,h3,h4{color:var(--fg-content);line-height:1.3;margin-top:1.6em;margin-bottom:.6em;font-weight:700}p{margin:.8em 0}img{max-width:100%;height:auto}:focus-visible{outline:1px dotted var(--fg-chrome);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@media(max-width:480px){body{font-size:15px}}.bevel-out{box-shadow:inset 1px 1px 0 var(--bevel-light),inset -1px -1px 0 var(--bevel-dark),inset 2px 2px 0 var(--bevel-light),inset -2px -2px 0 var(--bevel-shadow)}.bevel-in{box-shadow:inset 1px 1px 0 var(--bevel-dark),inset -1px -1px 0 var(--bevel-light),inset 2px 2px 0 var(--bevel-shadow),inset -2px -2px 0 var(--bevel-light)}.win-btn{background:var(--bg-chrome);color:var(--fg-chrome);font-family:var(--font-chrome);font-size:12px;padding:4px 12px;border:0;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:22px;box-shadow:inset 1px 1px 0 var(--bevel-light),inset -1px -1px 0 var(--bevel-dark),inset 2px 2px 0 var(--bevel-light),inset -2px -2px 0 var(--bevel-shadow)}.win-btn:active{box-shadow:inset 1px 1px 0 var(--bevel-dark),inset -1px -1px 0 var(--bevel-light),inset 2px 2px 0 var(--bevel-shadow),inset -2px -2px 0 var(--bevel-light);padding:5px 11px 3px 13px}.win-menu-item{color:var(--fg-chrome);text-decoration:none;padding:2px 6px;display:inline-block;font-family:var(--font-chrome);font-size:12px;line-height:1.4}.win-menu-item:hover{background:var(--titlebar-bg);color:var(--titlebar-fg)}.win-menu-item[data-active=true]{box-shadow:inset 1px 1px 0 var(--bevel-dark),inset -1px -1px 0 var(--bevel-light);background:var(--bg-chrome)}@media(max-width:480px){.win-btn{min-height:32px;padding:6px 14px;font-size:13px}.win-menu-item{padding:12px 10px;font-size:14px}}