:root{--bg-primary: #000000;--bg-secondary: #16181c;--bg-tertiary: #202327;--bg-glass: rgba(22, 24, 28, .75);--text-primary: #f7f9f9;--text-secondary: #71767b;--text-muted: #53575b;--accent-primary: #1d9bf0;--accent-primary-hover: #1a8cd8;--accent-secondary: #00ba7c;--accent-warning: #ffd400;--accent-danger: #f4212e;--ruby-color: #1d9bf0;--ruby-known-color: transparent;--pitch-line-color: #00ba7c;--border-color: #2f3336;--border-radius-sm: 8px;--border-radius-md: 16px;--border-radius-lg: 24px;--border-radius-full: 9999px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-japanese: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .6);--glass-blur: blur(12px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden;-webkit-user-select:none;user-select:none}body{display:flex;justify-content:center;align-items:flex-start}#root{width:100%;max-width:480px;min-height:100vh;background-color:var(--bg-primary);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);position:relative;display:flex;flex-direction:column}ruby{ruby-position:over;font-family:var(--font-japanese)}rt{font-size:.65em;color:var(--ruby-color);-webkit-user-select:none;user-select:none;font-weight:500}