.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--font-sans: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace}html[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--accent-color: #d97706;--accent-light: #fef3c7;--border-color: #e2e8f0;--header-bg: #475569}:root,html[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--accent-color: #fbbf24;--accent-light: #451a03;--border-color: #334155;--header-bg: rgba(30, 41, 59, .85)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.app-header{background-color:var(--header-bg);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;backdrop-filter:blur(8px);transition:transform .3s ease-in-out;color:#fff}.app-header.header-hidden{transform:translateY(-100%)}.header-container{max-width:600px;margin:0 auto;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between}.theme-toggle-btn{background:none;border:1.5px solid var(--accent-color);border-radius:10px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;color:#fff;background-color:transparent;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.theme-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 2px 5px #00000014}.theme-toggle-btn:active{transform:scale(.95)}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#fff;font-weight:700;font-size:1.25rem;transition:transform .2s ease}.logo:active{transform:scale(.97)}.logo-emoji{font-size:1.4rem}.app-main{flex:1;max-width:600px;width:100%;margin:0 auto;padding:1.25rem 1rem}.app-footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:1.25rem 1rem;text-align:center;margin-top:auto}.footer-container{max-width:600px;margin:0 auto}.footer-container p{font-size:.875rem;color:var(--text-secondary)}a{color:var(--accent-color);transition:color .2s ease}a:hover{color:var(--text-primary)}h1,h2,h3{font-weight:700;line-height:1.25;margin-bottom:.5rem}.header-controls{display:flex;align-items:center;gap:.5rem}.menu-toggle-btn{background:none;border:1.5px solid var(--accent-color);border-radius:10px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;color:#fff;background-color:transparent;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.menu-toggle-btn:hover{transform:translateY(-1px);box-shadow:0 2px 5px #00000014}.menu-toggle-btn:active{transform:scale(.95)}.sidebar-overlay{position:fixed;inset:0;background:#0f172a99;backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1);z-index:1000}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar-menu{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:85%;background-color:var(--bg-secondary);border-left:1px solid var(--border-color);z-index:1001;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 30px #00000026}.sidebar-menu.open{transform:translate(0)}.sidebar-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.sidebar-title{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin:0}.sidebar-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease}.sidebar-close-btn:hover{color:var(--accent-color);transform:scale(1.1)}.sidebar-close-btn:active{transform:scale(.95)}.sidebar-nav{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;flex:1;overflow-y:auto}.sidebar-nav-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text-primary);font-size:1.1rem;font-weight:600;padding:.75rem 1rem;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease}.sidebar-nav-link:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-1px)}.sidebar-nav-link:active{transform:scale(.98)}.nav-icon{font-size:1.25rem}.sidebar-section{border-top:1px solid var(--border-color);padding-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.sidebar-section-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.sidebar-setting-item{display:flex;flex-direction:column;gap:.5rem}.setting-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.notation-selector{display:flex;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:3px;width:100%}.notation-option{flex:1;cursor:pointer;text-align:center;position:relative}.notation-option input{position:absolute;opacity:0;width:0;height:0}.option-button{display:block;padding:.5rem;font-size:.9rem;font-weight:600;border-radius:8px;color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);user-select:none}.notation-option input:checked+.option-button{background-color:var(--accent-color);color:#fff;box-shadow:0 2px 4px #0000001a}.notation-option:hover .option-button:not(input:checked+.option-button){color:var(--text-primary);background-color:#ffffff0d}.app-header{view-transition-name:app-header}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}