*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #111111;--surface: #1a1a1a;--border: #333333;--text: #f2f2f2;--text-muted: #999999;--primary: #ff5500;--primary-hover: #ff7700;--radius: 8px;--font: "Helvetica Neue", Helvetica, Arial, sans-serif}[data-theme=light]{--bg: #f2f2f2;--surface: #ffffff;--border: #d0d0d0;--text: #111111;--text-muted: #666666;--primary: #ff5500;--primary-hover: #e64d00}html,body{height:100%;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem;position:relative;z-index:1}#visualizer{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;opacity:.55;mix-blend-mode:screen;filter:blur(.4px)}[data-theme=light] #visualizer{opacity:.32;mix-blend-mode:multiply}@media (prefers-reduced-motion: reduce){#visualizer{display:none}}.container{width:100%;max-width:640px}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:1.75rem;font-weight:700;color:var(--primary);letter-spacing:-.02em}.header p{color:var(--text-muted);font-size:.9rem;margin-top:.25rem}.controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.genre-select{width:100%;padding:.75rem 1rem;font-size:1rem;font-family:var(--font);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23999' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;cursor:pointer}.genre-select:focus{outline:none;border-color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-family:var(--font);font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:var(--radius);cursor:pointer;transition:background .15s ease;min-height:48px;min-width:48px}.btn:hover{background:var(--primary-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--shuffle{width:100%;font-size:1.1rem}.btn--next{width:100%;background:var(--surface);color:var(--primary);border:1px solid var(--border)}.btn--next:hover{background:var(--border)}.widget-area{margin-bottom:1.5rem}.widget-area iframe{width:100%;border:none;border-radius:var(--radius)}.track-info{margin-top:.75rem;font-size:.85rem;color:var(--text-muted);text-align:center}.status{text-align:center;padding:1rem;color:var(--text-muted);font-size:.9rem}.status--error{color:#f85149}.status--loading{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.theme-toggle{position:fixed;top:1rem;right:1rem;z-index:2;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:background .15s ease;padding:0}.theme-toggle:hover{background:var(--border)}.footer{margin-top:auto;padding-top:2rem;text-align:center;font-size:.8rem;color:var(--text-muted)}.footer a{color:var(--primary);text-decoration:none}.footer a:hover{text-decoration:underline}.history{margin-top:1.5rem}.history h2{font-size:.9rem;font-weight:600;color:var(--text-muted);margin-bottom:.5rem}.history-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.history-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:.85rem;cursor:pointer;transition:background .15s ease}.history-item:hover{background:var(--border)}.history-item__title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item__duration{color:var(--text-muted);font-size:.8rem;flex-shrink:0}@media (max-width: 480px){.app{padding:1.5rem .75rem}.header h1{font-size:1.4rem}}