@font-face{font-family:Playfair Display;src:url(../../../fonts/PlayfairDisplay.ttf) format("truetype");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:"Source Serif Pro";src:url(../../../fonts/SourceSerifPro.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+26}:root{--bg: #f5f5dc;--bg-elev: rgba(255, 255, 255, .5);--bg-elev-hover: rgba(255, 255, 255, .78);--bg-card: rgba(255, 255, 255, .55);--text: #1d2735;--text-body: #334155;--text-muted: #64748b;--accent: #1d2735;--accent-hover: #0f172a;--accent-contrast: #f7f4e9;--added: #5b7553;--added-bg: rgba(91, 117, 83, .12);--danger: #9b3b34;--border: rgba(29, 39, 53, .14);--border-strong: rgba(29, 39, 53, .28);--radius: 12px;--radius-sm: 8px;--maxw: 720px;color-scheme:light;font-family:Playfair Display,"Noto Emoji",Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--bg);color:var(--text-body);min-height:100%}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ampersand{font-family:"Source Serif Pro",Playfair Display,serif}a{color:var(--text);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--accent-hover)}button{font-family:inherit;cursor:pointer}img{display:block}.app{max-width:var(--maxw);margin:0 auto;padding:env(safe-area-inset-top) 16px calc(24px + env(safe-area-inset-bottom))}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:28px 0 16px}.header h1{font-size:2rem;line-height:1.15;margin:0 0 6px;font-weight:700;letter-spacing:.01em;color:var(--text)}.header .subtitle{margin:0;color:var(--text-muted);font-size:1rem;font-style:italic}.lang-toggle{flex:none;background:var(--bg-elev);color:var(--text);border:1px solid var(--border-strong);border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:background .15s ease}.lang-toggle:hover{background:var(--bg-elev-hover)}.search{position:sticky;top:0;z-index:10;background:var(--bg);padding:8px 0 12px}.search-input-wrap{position:relative}.search input{width:100%;padding:14px 44px;font-size:1rem;font-family:inherit;color:var(--text);background:#ffffffa6;border:1px solid var(--border-strong);border-radius:999px;outline:none;transition:border-color .15s ease,background .15s ease}.search input:focus{border-color:var(--accent);background:#ffffffeb}.search .icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search .clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);font-size:1.3rem;line-height:1;padding:6px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:22px 0 10px}.section-head h2{font-size:1.3rem;margin:0;font-weight:700;color:var(--text)}.section-head .count{color:var(--text-muted);font-size:.85rem}.refresh-btn{background:transparent;border:1px solid var(--border-strong);color:var(--text-muted);border-radius:999px;padding:6px 12px;font-size:.8rem;display:inline-flex;align-items:center;gap:6px}.refresh-btn:hover{color:var(--text);border-color:var(--accent)}.tracks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.track{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius-sm);border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.track:hover{background:var(--bg-elev)}.track.in-playlist{background:var(--added-bg);border-color:#5b75534d}.track .cover{width:52px;height:52px;border-radius:6px;object-fit:cover;background:#1d273514;flex:none}.track .cover.placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.track .meta{min-width:0;flex:1}.track .meta .name{font-weight:600;font-size:.98rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track .meta .sub{color:var(--text-muted);font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track .add-btn{flex:none;background:var(--accent);color:var(--accent-contrast);border:1px solid var(--accent);border-radius:999px;padding:8px 16px;font-weight:600;font-size:.85rem;transition:transform .1s ease,background .15s ease;white-space:nowrap}.track .add-btn:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.04)}.track .add-btn:disabled{cursor:default}.track .add-btn.added{background:transparent;color:var(--added);border:1px solid var(--added)}.track .add-btn.error{background:transparent;color:var(--danger);border:1px solid var(--danger)}.track .duration{flex:none;color:var(--text-muted);font-size:.84rem;font-variant-numeric:tabular-nums}.empty,.hint,.error,.loading{color:var(--text-muted);text-align:center;padding:28px 12px;font-size:.95rem;font-style:italic}.error{color:var(--danger);font-style:normal}.spinner{display:inline-block;width:18px;height:18px;border:2px solid var(--text-muted);border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.footer{margin-top:36px;padding-top:16px;border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem;text-align:center;font-style:italic}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--accent);color:var(--accent-contrast);padding:12px 18px;border-radius:var(--radius);font-size:.9rem;box-shadow:0 8px 28px #1d273540;z-index:50;max-width:calc(100vw - 32px)}.toast.error{background:var(--danger);color:#fff}@media (min-width: 520px){.header h1{font-size:2.4rem}}