.light-pillar-fallback{display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.1);color:#888;font-size:14px}.light-pillar-container,.light-pillar-fallback{width:100%;height:100%;position:absolute;top:0;left:0}:root{--color-bg-primary:#0e0f11;--color-bg-secondary:#141518;--color-bg-elevated:#1a1c20;--color-bg-overlay:#21242a;--color-surface-1:#1e2126;--color-surface-2:#252830;--color-surface-3:#2c3038;--color-border-subtle:rgba(255,255,255,0.06);--color-border-default:rgba(255,255,255,0.1);--color-border-strong:rgba(255,255,255,0.18);--color-text-primary:#e8eaf0;--color-text-secondary:#9da3b0;--color-text-muted:#5c6270;--color-text-inverse:#0e0f11;--color-accent:#c9a86c;--color-accent-dim:rgba(201,168,108,0.12);--color-accent-hover:#d9bc84;--color-accent-glow:rgba(201,168,108,0.2);--wkw:32px;--wkh:130px;--bkw:calc(var(--wkw) * 0.62);--bkh:calc(var(--wkh) * 0.62);--color-piano-white:#e8eaf0;--color-piano-black:#141518;--color-piano-active:var(--color-accent);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--space-14:56px;--space-16:64px;--section-padding-x:var(--space-12);--section-padding-y:var(--space-16);--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:42px;--text-4xl:56px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 4px 12px rgba(0,0,0,0.5);--shadow-lg:0 8px 24px rgba(0,0,0,0.6);--shadow-xl:0 16px 48px rgba(0,0,0,0.7);--shadow-accent:0 0 20px rgba(201,168,108,0.15);--transition-fast:100ms ease;--transition-base:180ms ease;--transition-slow:280ms ease;--transition-theme:300ms ease;--backdrop-bg:rgba(0,0,0,0.65)}[data-theme=light]{--color-bg-primary:#f5f5f3;--color-bg-secondary:#ffffff;--color-bg-elevated:#ffffff;--color-bg-overlay:#efefed;--color-surface-1:#ffffff;--color-surface-2:#f0f0ee;--color-surface-3:#e8e8e6;--color-border-subtle:rgba(0,0,0,0.05);--color-border-default:rgba(0,0,0,0.09);--color-border-strong:rgba(0,0,0,0.15);--color-text-primary:#1a1c20;--color-text-secondary:#4a5060;--color-text-muted:#8a9098;--color-text-inverse:#f5f5f3;--color-accent:#9a7840;--color-accent-dim:rgba(154,120,64,0.1);--color-accent-hover:#b08840;--color-accent-glow:rgba(154,120,64,0.15);--color-piano-white:#1a1c20;--color-piano-black:#f5f5f3;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.12);--shadow-lg:0 8px 24px rgba(0,0,0,0.16);--shadow-xl:0 16px 48px rgba(0,0,0,0.2);--shadow-accent:0 0 20px rgba(154,120,64,0.12);--backdrop-bg:rgba(0,0,0,0.4)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:100%;background-color:#0e0f11}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:Arial,sans-serif;font-size:var(--text-base);font-weight:400;line-height:1.6;background:rgba(0,0,0,.5);color:var(--color-text-primary);transition:background-color var(--transition-theme),color var(--transition-theme);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light],[data-theme=light] html{background-color:#f5f5f3}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.mainBackground{position:fixed;height:100%;width:100%;top:0;bottom:0;left:0;z-index:-1;pointer-events:none}.skip-nav{position:fixed;top:var(--space-4);left:var(--space-4);z-index:9999;padding:var(--space-3) var(--space-5);background-color:var(--color-accent);color:var(--color-text-inverse);border-radius:var(--radius-md);font-family:Consolas,monospace;font-size:var(--text-sm);font-weight:500;text-decoration:none;white-space:nowrap;transform:translateY(calc(-100% - var(--space-8)));transition:transform var(--transition-base)}.skip-nav:focus{transform:translateY(0);outline:2px solid var(--color-text-inverse);outline-offset:2px}.app-shell{display:flex;min-height:100vh;align-items:stretch}h1,h2,h3,h4,h5,h6{font-family:Arial,sans-serif;font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6,p{transition:color var(--transition-theme)}p{color:var(--color-text-secondary);line-height:1.7}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-accent-hover)}button{cursor:pointer;padding:0;line-height:1}button,input,select,textarea{border:none;background:none;font-family:inherit;font-size:inherit;color:inherit}input,select,textarea{outline:none}ol,ul{list-style:none}canvas,img,picture,svg,video{display:block;max-width:100%}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{background:var(--color-surface-3);border-radius:var(--radius-full);-webkit-transition:background var(--transition-theme);transition:background var(--transition-theme)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}*{scrollbar-width:thin;scrollbar-color:var(--color-surface-3) rgba(0,0,0,0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border-width:0}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}