.archive-tools{display:grid;gap:18px;margin-bottom:18px}.song-row{grid-template-columns:minmax(0,1fr) auto auto!important}.song-row-link{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;color:inherit;text-decoration:none;min-width:0}.spotify-play{width:44px;height:44px;border:0;border-radius:50%;background:#1ed760;color:#07150b;font-size:1rem;font-weight:900;cursor:pointer}.spotify-play:hover,.spotify-play:focus-visible{background:#42e579;outline:2px solid #fff;outline-offset:2px}.actions.wrap{flex-wrap:wrap}.file{width:100%;padding:18px;border:1px dashed #4b5364;border-radius:12px;background:#0d1016;color:var(--muted)}.preview,.update{margin-top:14px;padding:16px;border-radius:12px;background:#202632}.choice{display:grid;gap:10px;margin:14px 0}.choice label{display:flex;align-items:center;gap:10px;min-height:44px}.backup{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.backup span,.backup small{display:block}.backup small{color:var(--muted);margin-top:4px}.update{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#342d55}@media(max-width:700px){.backup,.update{align-items:stretch;flex-direction:column}.backup .actions{display:grid}.archive-tools .button{width:100%}}.conflicts{display:grid;gap:12px;margin:16px 0}.conflict{padding:14px;border:1px solid var(--line);border-radius:14px}.conflict-values{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.choice-card{display:grid;gap:5px;text-align:left;padding:12px;border:2px solid var(--line);border-radius:10px;background:#0d1016;color:#fff;cursor:pointer}.choice-card.selected{border-color:var(--accent)}.choice-card small{color:var(--muted)}.choice-card span{overflow-wrap:anywhere}.conflict textarea{width:100%;margin-top:5px;background:#0d1016;color:#fff;border:1px solid var(--line);border-radius:8px;padding:8px}@media(max-width:700px){.conflict-values{grid-template-columns:1fr}}.device-sync{margin-top:18px}.device-sync label{display:block;color:var(--muted);font-size:.8rem;margin-bottom:10px}.device-sync input{display:block;width:100%;min-height:44px;margin-top:5px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#0d1016;color:#fff}.pairing-code{display:grid;gap:5px;margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:12px}.pairing-code strong{font-size:2rem;letter-spacing:.16em}.pairing-code code{-webkit-user-select:all;user-select:all}.danger-zone{margin-top:18px;border-color:#6e3040}:root{font-family:Inter,ui-sans-serif,system-ui;color:#f4f5f8;background:#090b10;font-synthesis:none;--panel:#141821;--line:#292f3b;--muted:#a8b0c0;--accent:#927cff}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}aside{position:sticky;top:0;height:100vh;padding:30px 22px;border-right:1px solid var(--line);background:#11141b;display:flex;flex-direction:column}.brand{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:12px;margin-bottom:40px}.brand b{display:grid;place-items:center;height:48px;border-radius:14px;background:var(--accent)}.brand span{font-weight:700;line-height:1.15}nav{display:grid;gap:6px}nav a{color:#aab1c1;text-decoration:none;padding:12px 14px;border-radius:10px;min-height:44px}nav a:hover,nav a.active{color:#fff;background:#222735}aside small{margin-top:auto;color:#7e8799}main{padding:clamp(24px,5vw,72px);min-width:0}.page{max-width:1280px;margin:auto}.narrow{max-width:860px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.eyebrow{color:#ad9eff;text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:800}h1{font-size:clamp(2rem,5vw,4.25rem);letter-spacing:-.05em;margin:.2em 0 0}h2{font-size:1.05rem;margin:0 0 18px}.panel,.card{padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#171b25,#11151c)}.empty{max-width:720px;margin:10vh auto;padding:clamp(28px,5vw,58px)}p{color:var(--muted);line-height:1.6}.button,.back{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border:0;border-radius:11px;background:var(--accent);color:#fff;text-decoration:none;font-weight:750;cursor:pointer}.button.secondary,.back{background:#242a38}.back{margin-bottom:22px}.danger{background:#a83d52}.actions{display:flex;gap:8px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;margin-bottom:20px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px}.metric span{display:block;color:var(--muted);font-size:.8rem}.metric strong{font-size:1.8rem}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.artist-card{color:inherit;text-decoration:none}.filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(110px,1fr));gap:10px;padding:16px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.filters label,.form label{color:var(--muted);font-size:.78rem}.filters input,.filters select,.form input,.form select,.form textarea{width:100%;min-height:44px;margin-top:6px;padding:10px 12px;border:1px solid #343b49;border-radius:10px;background:#0d1016;color:#fff}.result-count{font-size:.85rem}.song-list{display:grid;gap:8px}.song-row{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;min-height:68px;padding:8px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:inherit;text-decoration:none}.song-row:hover{border-color:#5d527e}.song-row span{display:block;color:var(--muted);font-size:.85rem;margin-top:3px}.cover{width:48px;height:48px;display:grid;place-items:center;border-radius:10px;background:#252b38;overflow:hidden}.cover img,.hero-cover img{width:100%;height:100%;object-fit:cover}.form{display:grid;gap:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{display:flex;align-items:center;gap:10px}.check input{width:22px;min-height:22px;margin:0}.detail-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);gap:18px}.hero-cover{aspect-ratio:1;max-width:360px;display:grid;place-items:center;background:#242a38;border-radius:18px;font-size:5rem;overflow:hidden}dl{display:grid;grid-template-columns:120px 1fr;gap:8px;margin-top:24px}dt{color:var(--muted)}dd{margin:0}.badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.badges span{padding:6px 10px;border-radius:999px;background:#352e57;color:#c7bbff;font-size:.75rem}.timeline{border-left:2px solid #4f456d;padding:0 0 22px 18px}.timeline time{display:block;color:var(--muted);font-size:.75rem}.timeline p{margin:5px 0;font-size:.85rem;overflow-wrap:anywhere}.ranking{padding:0;list-style:none}.ranking li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.ranking span{color:var(--muted)}progress{width:100%;height:12px;accent-color:var(--accent)}.histogram{height:190px;display:flex;align-items:end;gap:7px}.histogram div{flex:1;display:grid;align-items:end;gap:5px;text-align:center}.histogram span{display:block;background:linear-gradient(var(--accent),#4b3f77);border-radius:5px 5px 2px 2px}.status{padding:18px;border-radius:12px;background:#202632}.status.error{background:#48202a;color:#ffc5d0}.fab{position:fixed;right:28px;bottom:28px;z-index:5;display:flex;align-items:center;gap:8px;min-height:52px;padding:0 18px;border-radius:999px;background:var(--accent);color:#fff;text-decoration:none;font-weight:800;box-shadow:0 12px 36px #0008}.mobile-nav{display:none}@media(max-width:900px){.filters{grid-template-columns:repeat(2,1fr)}.filters label:first-child{grid-column:1/-1}.grid2,.detail-grid{grid-template-columns:1fr}}@media(max-width:700px){body{padding-bottom:76px}.shell{display:block}.shell>aside{display:none}main{padding:max(20px,env(safe-area-inset-top)) 16px 24px}.mobile-nav{position:fixed;display:flex;z-index:4;left:0;right:0;bottom:0;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#11151def;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);overflow:auto}.mobile-nav a{flex:1;display:grid;place-items:center;min-width:76px;min-height:48px;color:var(--muted);text-decoration:none;font-size:.72rem}.mobile-nav a.active{color:#fff}.fab{right:16px;bottom:80px;width:54px;height:54px;padding:0;justify-content:center;font-size:1.4rem}.fab span{display:none}.page-head{align-items:start;flex-direction:column}.page-head .button{width:100%}.filters,.form-grid{grid-template-columns:1fr}.filters label:first-child{grid-column:auto}.actions{width:100%}.actions>*{flex:1}.panel{padding:18px}.hero-cover{max-width:none}.ranking li{align-items:start;flex-direction:column}input,select,textarea{font-size:16px!important}h1{font-size:2.4rem}}@media(orientation:landscape)and (max-height:520px){.fab{bottom:68px}.mobile-nav a{min-height:44px}}:root{color:#103f58;background:#76d9ff;--panel: rgba(244, 253, 255, .76);--line: rgba(255, 255, 255, .8);--muted: #37677a;--accent: #009ce7;--aero-green: #62c826;font-family:Segoe UI,Tahoma,ui-sans-serif,sans-serif}body{background:#79d7fa url(/frutiger-aero-bg.png) center/cover fixed no-repeat;color:#103f58}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#ffffff0a,#0076bc2e);pointer-events:none}.shell{background:transparent}.shell>aside{background:linear-gradient(180deg,#f6fdffe0,#beeeffbd);border-right:1px solid #fff;box-shadow:8px 0 30px #005e8c2e;-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%)}.brand b{background:linear-gradient(145deg,#9df36b,#20b9e8 60%,#0878c8);border:2px solid #fff;box-shadow:inset 0 2px 5px #fff9,0 6px 15px #147da44d;color:#fff;text-shadow:0 1px 2px #065b80}.brand span{color:#075477;text-shadow:0 1px #fff}nav a{color:#17617e;border:1px solid transparent;text-shadow:0 1px #fff}nav a:hover,nav a.active{color:#fff;background:linear-gradient(#54d3ff,#0084d3 60%,#0874b9);border-color:#fff;box-shadow:inset 0 1px 4px #fff,0 4px 10px #037bb74d;text-shadow:0 1px 2px #075270}aside small{color:#28718b}main{background:linear-gradient(120deg,rgba(255,255,255,.12),transparent 60%)}h1{color:#fff;text-shadow:0 2px 3px #08628a,0 5px 15px #006b9d80}h2{color:#075477}.eyebrow{color:#fff;text-shadow:0 1px 3px #006596}.panel,.card,.metric,.filters,.song-row{background:linear-gradient(145deg,#ffffffe0,#daf8ffb3);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 1px 2px #fff,0 8px 24px #004f7a2e;-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%)}.panel,.card{position:relative;overflow:hidden}.panel:before,.card:before{content:"";position:absolute;inset:0 0 auto;height:42%;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent);pointer-events:none}.panel>*,.card>*{position:relative}.metric strong{color:#046a9e;text-shadow:0 1px #fff}.metric span,.song-row span,p{color:#37677a}.button,.back,.fab{border:1px solid #fff;background:linear-gradient(#42d1ff,#008bd7 58%,#0874b9);box-shadow:inset 0 2px 3px #fff9,0 4px 10px #036d9d55;color:#fff;text-shadow:0 1px 2px #075478;transition:.16s}.button:hover,.back:hover,.fab:hover{filter:brightness(1.08);transform:translateY(-1px)}.button.secondary,.back{background:linear-gradient(#f9feff,#b8e9f6 55%,#7ccbdd);color:#125a74;text-shadow:0 1px #fff}.button.danger,.danger{background:linear-gradient(#ff8d95,#dc4056 58%,#aa263b)}.spotify-button,.spotify-play{background:linear-gradient(#87ed58,#31bd32 58%,#13902a)!important;border:1px solid #e9ffd8!important;box-shadow:inset 0 2px 3px #fff9,0 4px 10px #16862f55!important}.cover,.hero-cover{background:linear-gradient(145deg,#dffbff,#78d9ee);border:1px solid #fff;box-shadow:inset 0 1px 4px #fff,0 3px 9px #087ba44d}.filters input,.filters select,.form input,.form select,.form textarea,.spotify-connect input,.device-sync input,.conflict textarea{background:#ffffffd6!important;color:#104b62!important;border:1px solid rgba(14,135,183,.35)!important;box-shadow:inset 0 2px 5px #0878a31f}.cloud-sync{display:grid;gap:14px;margin-bottom:18px}.cloud-login{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cloud-login label{color:var(--muted);font-size:.82rem}.cloud-login input{width:100%;min-height:44px;margin-top:6px;padding:10px 12px;border:1px solid rgba(31,109,139,.25);border-radius:12px;background:#ffffffb3;color:inherit}.cloud-login .actions{grid-column:1 / -1}@media(max-width:700px){.cloud-login{grid-template-columns:1fr}.cloud-login .actions{grid-column:auto}}.filters label,.form label{color:#28677e}.song-row:hover{border-color:#33bce9;box-shadow:inset 0 1px 2px #fff,0 8px 22px #0389bd40}.ranking li{border-color:#09779f33}progress{accent-color:#56c829}.histogram span{background:linear-gradient(#64dfff,#078bd2 60%,#39bd42)}.badges span{background:linear-gradient(#b7f782,#4bc33c);border:1px solid #fff;color:#155d28;box-shadow:inset 0 1px 2px #fff}.status{background:#dcfaffeb;border:1px solid #fff;color:#15566d}.status.error{background:#ffdce0f0;color:#8b2436}.mobile-nav{background:#e1faffeb;border-color:#fff}.mobile-nav a{color:#17617e}.mobile-nav a.active{color:#0084c7}.mobile-more{display:none}@media(max-width:700px){.fab{bottom:calc(94px + env(safe-area-inset-bottom))}.mobile-nav{overflow:visible}.mobile-nav a,.mobile-nav button{flex:1;display:grid;place-items:center;min-width:0;min-height:48px;padding:4px;border:0;background:transparent;color:#17617e;font-size:.72rem;font-weight:700;text-decoration:none}.mobile-more{position:fixed;z-index:8;right:max(10px,env(safe-area-inset-right));bottom:calc(72px + env(safe-area-inset-bottom));display:grid;min-width:190px;padding:8px;border:1px solid rgba(255,255,255,.9);border-radius:18px;background:#e1fafff0;box-shadow:0 14px 38px #10536e47;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-more a{min-height:46px;padding:12px 14px;border-radius:12px;color:#15566d;text-decoration:none;font-weight:750}.mobile-more a.active{background:#23a1d32b;color:#0078b5}html[data-theme=dark] .mobile-more{border-color:#ffffff29;background:#12202bf0}html[data-theme=dark] .mobile-more a,html[data-theme=dark] .mobile-nav button{color:#d7eef6}}.timeline{border-left-color:#19aee1}.aero-switch{display:flex;align-items:center;gap:10px}.aero-switch input{appearance:none;width:56px;height:30px;border-radius:999px;background:#9cc5d1;border:2px solid #fff;box-shadow:inset 0 2px 5px #07567555;cursor:pointer;transition:.2s}.aero-switch input:checked{background:linear-gradient(#8be65b,#35b92e)}.aero-switch input:after{content:"";display:block;width:22px;height:22px;margin:2px;border-radius:50%;background:linear-gradient(#fff,#d6f6ff);box-shadow:0 2px 5px #07567566;transition:.2s}.aero-switch input:checked:after{transform:translate(26px)}.sound-setting{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.sound-setting h2,.sound-setting p{margin:0 0 4px}.pairing-code,.conflict,.choice-card{background:#f2fdffc7!important;color:#124f67!important}.choice-card.selected{border-color:#21b8e5!important;box-shadow:0 0 0 3px #4bc8e933}.danger-zone{background:linear-gradient(145deg,#fff5f6eb,#ffdae1c7)}@media(max-width:700px){body{background-position:center}.sound-setting{align-items:flex-start;flex-direction:column}.panel,.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}h1{text-shadow:0 2px 8px #075f87}}.startup-splash{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,#46c8ff,#baf3ff 53%,#69d742 54%,#21ae55 69%,#00a9df 70%,#087fc5);cursor:pointer;animation:splash-away .6s ease 2.55s forwards}.startup-splash:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 18%,#fff 0 2%,#fff7 3%,transparent 12%),radial-gradient(ellipse at 50% 48%,#fff8,transparent 45%);animation:sky-glow 2.4s ease}.startup-splash:after{content:"";position:absolute;left:-10%;right:-10%;bottom:0;height:31%;background:repeating-radial-gradient(ellipse at 50% -20%,#9cf4ff 0 4px,#ffffff80 6px,#079bd0 11px,#016dad 22px);opacity:.82;animation:water-wave 2s ease-in-out infinite alternate}.startup-sun{position:absolute;top:9%;left:11%;width:90px;height:90px;border-radius:50%;background:#fff;box-shadow:0 0 25px 12px #fff,0 0 90px 40px #fff8;animation:sun-pulse 1.8s ease-in-out infinite}.startup-bubble{position:absolute;z-index:3;width:clamp(145px,22vw,230px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 24%,#fff 0 4%,#fff8 7%,transparent 18%),radial-gradient(circle at 62% 67%,#5df26955,transparent 35%),linear-gradient(135deg,#ffffff70,#28d9ff38 45%,#6d62ff40);border:3px solid #fff9;box-shadow:inset -18px -24px 40px #007bd455,inset 18px 18px 28px #fff8,0 22px 45px #00689866;animation:bubble-rise 2.55s cubic-bezier(.22,.9,.28,1) forwards}.startup-bubble span{color:#fff;font-size:clamp(2.4rem,7vw,4.8rem);font-weight:900;letter-spacing:-.08em;text-shadow:0 2px 3px #087ca5,0 0 14px #fff}.startup-pop-ring{position:absolute;z-index:2;width:210px;aspect-ratio:1;border:6px solid #fff;border-radius:50%;opacity:0;animation:pop-ring .5s ease 2.05s forwards}.startup-droplets{position:absolute;z-index:3;width:10px;height:10px}.startup-droplets i{--angle: calc(var(--drop) * 36deg);position:absolute;width:15px;height:15px;border:2px solid #fff;border-radius:50%;background:#44dfff88;opacity:0;transform:rotate(var(--angle)) translate(0);animation:droplet-pop .65s ease 2.08s forwards}.startup-title{position:absolute;z-index:4;top:66%;display:grid;text-align:center;gap:4px;opacity:0;transform:translateY(18px);animation:title-arrive .55s ease 2.12s forwards}.startup-title strong{font-size:clamp(1.5rem,4vw,2.4rem);color:#fff;text-shadow:0 2px 4px #076f9a}.startup-title small{color:#eaffff;font-weight:700;text-shadow:0 1px 3px #08749a}.startup-splash button{position:absolute;z-index:5;right:22px;bottom:18px;border:1px solid #fff9;border-radius:999px;padding:8px 14px;background:#fff4;color:#fff;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@keyframes bubble-rise{0%{transform:translateY(55vh) scale(.25);opacity:0}28%{opacity:1}72%{transform:translateY(-2vh) scale(1)}84%{transform:translateY(-2vh) scale(.94)}91%{transform:translateY(-2vh) scale(1.08);opacity:1}to{transform:translateY(-2vh) scale(1.42);opacity:0}}@keyframes pop-ring{0%{transform:scale(.5);opacity:.9}to{transform:scale(2.1);opacity:0}}@keyframes droplet-pop{0%{opacity:1;transform:rotate(var(--angle)) translate(70px) scale(.3)}to{opacity:0;transform:rotate(var(--angle)) translate(190px) scale(1)}}@keyframes title-arrive{to{opacity:1;transform:translateY(0)}}@keyframes splash-away{to{opacity:0;visibility:hidden}}@keyframes water-wave{to{transform:translateY(8px) scaleX(1.03)}}@keyframes sun-pulse{50%{transform:scale(1.08);opacity:.86}}@keyframes sky-glow{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.startup-bubble,.startup-title{animation:none;opacity:1}.startup-pop-ring,.startup-droplets{display:none}.startup-splash{animation:splash-away .2s ease .25s forwards}}.brand b{overflow:hidden;padding:0;background:#151126}.brand b img{display:block;width:100%;height:100%;object-fit:cover}.duel-reset{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.duel-reset p{max-width:580px;margin:0;color:var(--muted)}.duel-reset .danger{flex:0 0 auto}.rating-history-chart{grid-column:1 / -1;padding:0;overflow:hidden}.rating-history-chart summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;cursor:pointer;list-style:none}.rating-history-chart summary::-webkit-details-marker{display:none}.rating-history-chart summary span{display:grid;gap:4px}.rating-history-chart summary small{color:var(--muted);font-weight:400}.rating-history-chart summary>b{min-width:48px;color:var(--accent);font-size:1.2rem;text-align:right}.rating-history-chart summary:after{content:"⌄";color:var(--muted);transition:transform .16s ease}.rating-history-chart[open] summary:after{transform:rotate(180deg)}.rating-chart-wrap{padding:0 22px 20px;border-top:1px solid var(--line)}.rating-chart-wrap svg{display:block;width:100%;max-height:220px;margin-top:14px}.rating-chart-wrap line{stroke:var(--line);stroke-width:1}.rating-chart-wrap text{fill:var(--muted);font-size:11px}.rating-chart-wrap polyline{fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.rating-chart-wrap circle{fill:var(--accent);stroke:var(--panel);stroke-width:3}.rating-chart-dates{display:flex;justify-content:space-between;padding-left:42px;color:var(--muted);font-size:.78rem}.pwa-install{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 24px}.pwa-install h2,.pwa-install p{margin-top:0}.pwa-install>small{grid-column:1/-1;color:var(--muted)}@media(max-width:700px){.duel-reset{align-items:stretch;flex-direction:column}.duel-reset .danger{width:100%}.rating-history-chart summary{padding:17px}.rating-chart-wrap{padding:0 12px 16px}.pwa-install{grid-template-columns:1fr}.pwa-install>small{grid-column:auto}}html[data-theme=logo]{color-scheme:dark;--panel: rgba(18, 17, 35, .84);--line: rgba(167, 139, 250, .2);--muted: #aaa7bd;--accent: #865cff;color:#f4f1ff;background:#090813}html[data-theme=logo] body{color:#f4f1ff;background:radial-gradient(circle at 78% 12%,rgba(118,72,255,.2),transparent 30%),radial-gradient(circle at 15% 82%,rgba(74,42,164,.16),transparent 36%),linear-gradient(145deg,#080711,#100d1d,#090812)}html[data-theme=logo] body:before{background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;opacity:.45;-webkit-backdrop-filter:none;backdrop-filter:none}html[data-theme=logo] .shell>aside{background:linear-gradient(180deg,#0f0d1df7,#0a0913f2);border-right-color:#9d7eff2e;box-shadow:12px 0 40px #00000047;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}html[data-theme=logo] .brand b{background:linear-gradient(145deg,#9d7bff,#6237e6 62%,#352080);border:1px solid rgba(218,204,255,.58);box-shadow:0 8px 26px #7044ff57,inset 0 1px 1px #ffffff73}html[data-theme=logo] .brand span,html[data-theme=logo] h1,html[data-theme=logo] h2,html[data-theme=logo] strong,html[data-theme=logo] dd{color:#f5f2ff;text-shadow:none}html[data-theme=logo] h1{letter-spacing:-.045em}html[data-theme=logo] p,html[data-theme=logo] dt,html[data-theme=logo] .metric span,html[data-theme=logo] .song-row span,html[data-theme=logo] .prediction-row span,html[data-theme=logo] .prediction-row small,html[data-theme=logo] aside small{color:#aaa7bd}html[data-theme=logo] .eyebrow{color:#aa8cff;text-shadow:none}html[data-theme=logo] nav a{color:#aaa7bd;text-shadow:none}html[data-theme=logo] nav a:hover,html[data-theme=logo] nav a.active{color:#fff;background:linear-gradient(100deg,#865cff57,#865cff1f);border-color:#b297ff47;box-shadow:inset 3px 0 #9b78ff,0 8px 22px #00000029}html[data-theme=logo] .panel,html[data-theme=logo] .card,html[data-theme=logo] .metric,html[data-theme=logo] .filters,html[data-theme=logo] .song-row{background:linear-gradient(145deg,#19172de6,#0e0d1be6);border-color:#a688ff33;box-shadow:0 14px 38px #0000003d,inset 0 1px #ffffff0b;-webkit-backdrop-filter:blur(22px) saturate(105%);backdrop-filter:blur(22px) saturate(105%)}html[data-theme=logo] .panel:before,html[data-theme=logo] .card:before{background:linear-gradient(100deg,rgba(177,151,255,.08),transparent 42%);opacity:.6}html[data-theme=logo] .button,html[data-theme=logo] .back,html[data-theme=logo] .fab{color:#fff;background:linear-gradient(145deg,#9a76ff,#7248ef 60%,#5530ca);border:1px solid rgba(214,200,255,.34);box-shadow:0 8px 24px #5d33db4d,inset 0 1px #ffffff52;text-shadow:none}html[data-theme=logo] .button.secondary,html[data-theme=logo] .back{color:#ddd5f8;background:#8069c424;border-color:#ae91ff33}html[data-theme=logo] .button.danger,html[data-theme=logo] .danger{background:linear-gradient(#a94768,#7d2948)}html[data-theme=logo] input,html[data-theme=logo] select,html[data-theme=logo] textarea,html[data-theme=logo] .cloud-login input{color:#f5f2ff;background:#07060fa3;border-color:#a486ff3d}html[data-theme=logo] input::placeholder,html[data-theme=logo] textarea::placeholder{color:#77728c}html[data-theme=logo] .status{color:#dcd5f6;background:#6449b033;border-color:#ac8fff33}html[data-theme=logo] .status.error{color:#ffc5d3;background:#7b234170}html[data-theme=logo] .theme-options button{color:#b9b2cd;background:#0c0a1794;border-color:#a688ff2e}html[data-theme=logo] .theme-options button.selected{color:#fff;background:linear-gradient(#9974ff,#693fe2);box-shadow:0 6px 18px #5b33d247}html[data-theme=logo] .mobile-nav{background:#0c0a17f0;border-color:#a688ff33}html[data-theme=logo] .mobile-nav a,html[data-theme=logo] .mobile-nav button{color:#aaa5bd}html[data-theme=logo] .mobile-nav a.active{color:#a98bff}html[data-theme=logo] .mobile-more{background:#120f21f5;border-color:#ac8fff3d}html[data-theme=logo] .mobile-more a{color:#d8d1eb}html[data-theme=logo] .startup-splash{background:radial-gradient(circle at 50% 40%,rgba(124,79,255,.28),transparent 34%),linear-gradient(145deg,#090812,#18122d 58%,#0a0914)}html[data-theme=logo] .startup-splash:before{background:radial-gradient(circle,rgba(181,153,255,.13),transparent 66%)}html[data-theme=logo] .startup-sun{display:none}.cloud-badge{position:fixed;z-index:12;top:14px;right:18px;display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:7px 12px;border:1px solid rgba(156,126,255,.25);border-radius:999px;color:#dcd5f6;background:#0f0c1cd1;box-shadow:0 8px 24px #0003;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-decoration:none;font-size:.76rem;font-weight:750}.cloud-badge span{width:8px;height:8px;border-radius:50%;background:#63db9b;box-shadow:0 0 10px #63db9b}.cloud-badge.has-problem span{background:#ff7f9e;box-shadow:0 0 10px #ff7f9e}.conflict-center{display:grid;gap:12px;padding-top:8px}.cloud-conflict{padding:16px;border:1px solid var(--line);border-radius:16px;background:#0b091659}.cloud-conflict .choice-card{cursor:pointer}.quick-rating select{width:70px;min-height:38px;margin:0;padding:6px 8px;border-radius:10px;font-weight:800;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.cloud-badge{top:max(8px,env(safe-area-inset-top));right:10px;max-width:48vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.quick-rating select{width:62px}}.page{animation:page-arrive .34s cubic-bezier(.2,.8,.2,1) both}.panel,.card,.metric,.song-row,.button,.back,.fab,nav a{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease,filter .18s ease}.panel:hover,.card:hover{border-color:#a88bfa52}.song-row:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000038}.button:active,.back:active,.fab:active,.duel-card:active{transform:scale(.97)}.button:disabled,.duel-card:disabled{opacity:.58;cursor:wait}.duel-count{padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#1411268c}.duel-intro{max-width:720px;margin-top:-12px;margin-bottom:24px}.duel-arena{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:980px;margin:0 auto 24px}.duel-card{position:relative;display:grid;justify-items:center;gap:8px;padding:22px;border:1px solid rgba(166,136,255,.24);border-radius:24px;color:#f5f2ff;background:linear-gradient(145deg,#1d1934f5,#0c0b18f5);box-shadow:0 18px 45px #0000004d;cursor:pointer;overflow:hidden}.duel-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(149,111,255,.18),transparent 42%);pointer-events:none}.duel-card:hover{transform:translateY(-5px) scale(1.01);border-color:#b79eff8c;box-shadow:0 24px 55px #361c8247}.duel-card>*{position:relative}.duel-cover{width:min(100%,320px);aspect-ratio:1;margin-bottom:8px;border-radius:20px;overflow:hidden;display:grid;place-items:center;background:#151227;font-size:4rem}.duel-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.duel-card:hover .duel-cover img{transform:scale(1.035)}.duel-card>small{color:#a98bff;font-weight:900;letter-spacing:.18em}.duel-card>strong{font-size:clamp(1.15rem,2vw,1.55rem);text-align:center}.duel-card>span{color:var(--muted)}.duel-card>em{color:#c6b6f5;font-style:normal}.duel-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px}.duel-actions button{min-height:42px;padding:9px 14px;border:1px solid rgba(184,159,255,.25);border-radius:999px;color:#fff;cursor:pointer;font-weight:800}.duel-listen{background:#25d36629}.duel-listen:hover{background:#25d36647}.duel-vote{background:linear-gradient(145deg,#9670ff,#6840df)}.duel-vs{position:absolute;z-index:2;left:50%;top:42%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border:1px solid rgba(216,202,255,.5);border-radius:50%;color:#fff;background:#6f48df;box-shadow:0 8px 24px #00000059;font-weight:950}.duel-ranking{max-width:980px;margin:0 auto}.duel-rank-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--line)}.duel-rank-row>span{display:grid}.duel-rank-row small,.duel-rank-row em{color:var(--muted);font-style:normal}@keyframes page-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:700px){.duel-arena{grid-template-columns:1fr;gap:14px}.duel-card{grid-template-columns:92px 1fr;justify-items:start;text-align:left;padding:14px}.duel-cover{grid-row:1/7;width:92px;border-radius:14px}.duel-actions{justify-content:flex-start}.duel-actions button{padding:8px 11px}.duel-vs{top:50%;left:106px;width:40px;height:40px}.duel-rank-row{grid-template-columns:36px 1fr}.duel-rank-row>em{grid-column:2}.page-head .duel-count{width:auto}}@media(prefers-reduced-motion:reduce){.page,.panel,.card,.metric,.song-row,.button,.duel-card,.duel-cover img{animation:none!important;transition:none!important}}.theme-setting{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:18px}.theme-setting h2,.theme-setting p{margin:0 0 4px}.theme-options{display:flex;gap:5px;padding:5px;border:1px solid rgba(26,101,128,.2);border-radius:14px;background:#d6ebf0b8}.theme-options button{min-height:38px;padding:7px 14px;border:0;border-radius:10px;background:transparent;color:#315d6d;font-weight:700;cursor:pointer}.theme-options button.selected{background:#fffffff0;color:#12516a;box-shadow:0 2px 8px #0d4a602b}html[data-theme=dark]{color:#e6f2f4;background:#0c1b24;--panel: rgba(18, 37, 48, .88);--line: rgba(190, 230, 239, .18);--muted: #b5cbd2;--accent: #42a9cb}html[data-theme=dark] body{color:#e6f2f4;background:linear-gradient(#05141db8,#071b25d1),url(/frutiger-aero-bg.png) center/cover fixed no-repeat}html[data-theme=dark] body:before{background:linear-gradient(#04121b33,#020c1266);-webkit-backdrop-filter:saturate(52%) brightness(.68);backdrop-filter:saturate(52%) brightness(.68)}html[data-theme=dark] .shell>aside{background:linear-gradient(180deg,#11242ff2,#0a1b25ed);border-color:#c6ebf229;box-shadow:6px 0 24px #00000047}html[data-theme=dark] .panel,html[data-theme=dark] .card,html[data-theme=dark] .metric,html[data-theme=dark] .filters,html[data-theme=dark] .song-row{background:linear-gradient(145deg,#1b303ce6,#0d1f29e0);border-color:#cdeef42b;box-shadow:inset 0 1px #ffffff14,0 7px 22px #00000040;-webkit-backdrop-filter:blur(26px) saturate(60%);backdrop-filter:blur(26px) saturate(60%)}html[data-theme=dark] h1,html[data-theme=dark] h2,html[data-theme=dark] .brand span,html[data-theme=dark] strong,html[data-theme=dark] dd{color:#eff9fa;text-shadow:none}html[data-theme=dark] p,html[data-theme=dark] dt,html[data-theme=dark] .metric span,html[data-theme=dark] .song-row span,html[data-theme=dark] .prediction-row span,html[data-theme=dark] .prediction-row small,html[data-theme=dark] aside small{color:#b5cbd2}html[data-theme=dark] .eyebrow,html[data-theme=dark] .evidence summary{color:#78cce5}html[data-theme=dark] nav a{color:#b8ced5}html[data-theme=dark] nav a:hover,html[data-theme=dark] nav a.active{color:#fff;background:linear-gradient(#287d9a,#16546e)}html[data-theme=dark] .filters input,html[data-theme=dark] .filters select,html[data-theme=dark] .form input,html[data-theme=dark] .form select,html[data-theme=dark] .form textarea,html[data-theme=dark] .spotify-connect input,html[data-theme=dark] .device-sync input,html[data-theme=dark] .conflict textarea,html[data-theme=dark] .prediction-input select,html[data-theme=dark] .chatty-settings select,html[data-theme=dark] .hypothesis textarea{color:#edf8fa!important;background:#05141cb8!important;border-color:#9bd5e440!important}html[data-theme=dark] .button.secondary,html[data-theme=dark] .back{color:#e7f7fa;background:linear-gradient(#355a68,#213f4c);text-shadow:none}html[data-theme=dark] .theme-options{background:#04131b9e;border-color:#b6e1eb2b}html[data-theme=dark] .theme-options button{color:#b5cbd2}html[data-theme=dark] .theme-options button.selected{color:#effbfc;background:#3d6777b8}@media(max-width:700px){.theme-setting{align-items:stretch;flex-direction:column}.theme-options button{flex:1}}.startup-splash{background:#55c9ff url(/startup-aero-bg.png) center/cover no-repeat;animation:splash-away .6s ease 2.55s forwards}.startup-splash:before{background:linear-gradient(180deg,#ffffff0f,#0082d214);animation:sky-glow 1s ease}.startup-splash:after{display:none}.startup-sun{display:none}.startup-bubble{width:clamp(260px,43vw,520px);background:transparent;border:0;box-shadow:none;animation:generated-bubble-logo 2.5s cubic-bezier(.22,.9,.28,1) forwards}.startup-bubble span{font-size:clamp(3rem,8vw,6rem);text-shadow:0 3px 5px #087ca5,0 0 18px #fff,0 0 38px #24c8ff}.startup-title{top:72%}@keyframes generated-bubble-logo{0%{transform:translateY(22px) scale(.72);opacity:0}25%{transform:translateY(0) scale(1);opacity:1}72%{transform:scale(1);opacity:1}88%{transform:scale(1.1);opacity:1}to{transform:scale(1.5);opacity:0}}:root{color:#173f50;--panel: rgba(248, 253, 255, .92);--muted: #466674;--accent: #087eae}body{color:#173f50;font-size:16px;line-height:1.55;background:linear-gradient(#e0f0f394,#a8cdd5a8),url(/frutiger-aero-bg.png) center/cover fixed no-repeat}body:before{background:linear-gradient(180deg,#ecf9fc66,#0d4d6942);-webkit-backdrop-filter:saturate(72%) brightness(.94);backdrop-filter:saturate(72%) brightness(.94)}.shell>aside{background:linear-gradient(180deg,#f8fdfef5,#daf0f4ed);box-shadow:5px 0 22px #0f3f5224;-webkit-backdrop-filter:blur(22px) saturate(85%);backdrop-filter:blur(22px) saturate(85%)}.panel,.card,.metric,.filters,.song-row{background:linear-gradient(145deg,#fcfefff5,#e7f5f8ed);border-color:#ffffffd1;box-shadow:0 5px 18px #12455821;-webkit-backdrop-filter:blur(24px) saturate(68%);backdrop-filter:blur(24px) saturate(68%)}.panel:before,.card:before{height:26%;opacity:.42}h1{color:#123f52;letter-spacing:-.035em;text-shadow:0 1px 0 rgba(255,255,255,.85)}h2,.brand span,strong,dd{color:#123f52}p,.metric span,.song-row span,dt,.prediction-row span,.prediction-row small{color:#3f5d69}.eyebrow{color:#176b8c;text-shadow:none;letter-spacing:.12em}nav a{color:#285c70;text-shadow:none;font-weight:600}nav a:hover,nav a.active{background:linear-gradient(#4db3d3,#167da7);box-shadow:0 3px 10px #0a526f3d}.button,.back,.fab{background:linear-gradient(#30a5ca,#0878a5);box-shadow:0 3px 9px #0552703d;text-shadow:none}.button:hover,.back:hover,.fab:hover{filter:brightness(1.03)}.startup-splash,.startup-splash.is-ready{cursor:default;animation:none}.startup-splash .startup-bubble{position:absolute;inset:auto;z-index:4;width:clamp(260px,43vw,520px);height:auto;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;cursor:default;animation:bubble-wait-in 1.45s cubic-bezier(.22,.9,.28,1) forwards}.startup-splash.is-ready .startup-bubble{cursor:url(/bubble-pointer.svg) 16 16,pointer;animation:bubble-float 2.8s ease-in-out infinite}.startup-splash.is-ready .startup-bubble:hover{filter:brightness(1.08);transform:scale(1.035)}.startup-splash.is-popping .startup-bubble{pointer-events:none;animation:bubble-click-pop .52s ease-out forwards}.startup-splash .startup-pop-ring,.startup-splash .startup-droplets i{animation:none}.startup-splash.is-popping .startup-pop-ring{animation:pop-ring .5s ease forwards}.startup-splash.is-popping .startup-droplets i{animation:droplet-pop .52s ease forwards}.startup-splash .startup-title{animation:title-arrive .5s ease .9s forwards}.startup-splash.is-popping{animation:splash-away .38s ease .2s forwards}@keyframes bubble-wait-in{0%{transform:translateY(34vh) scale(.55);opacity:0}70%{transform:translateY(-1vh) scale(1.04);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes bubble-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}@keyframes bubble-click-pop{0%{transform:scale(1);opacity:1}35%{transform:scale(.88);opacity:1}70%{transform:scale(1.3);opacity:.7}to{transform:scale(1.7);opacity:0}}@media(prefers-reduced-motion:reduce){.startup-splash,.startup-splash .startup-bubble,.startup-splash .startup-title{animation-duration:.01ms;animation-delay:0s}.startup-splash.is-ready .startup-bubble{animation:none;opacity:1}}.spotify-connect{max-width:720px}.rating-dialog-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:#071c2685;-webkit-backdrop-filter:blur(12px) saturate(70%);backdrop-filter:blur(12px) saturate(70%)}.rating-dialog{width:min(680px,100%);display:grid;grid-template-columns:180px 1fr;gap:24px;padding:24px;border:1px solid rgba(255,255,255,.75);border-radius:24px;background:#f4fcfdf0;box-shadow:0 24px 70px #04202d52}.rating-dialog>img{width:180px;aspect-ratio:1;object-fit:cover;border-radius:18px;box-shadow:0 8px 22px #083e5438}.rating-dialog h2{margin:6px 0 10px;font-size:1.55rem}.rating-dialog p{margin:3px 0 15px}.rating-dialog label{display:block;color:#315d6d;font-size:.82rem;font-weight:700}.rating-dialog input{display:block;width:100%;min-height:48px;margin:6px 0 17px;padding:10px 13px;border:1px solid rgba(18,111,145,.32);border-radius:11px;background:#ffffffe6;color:#123f52;font-size:1.1rem}.dialog-cancel{min-height:44px;padding:8px 10px;border:0;background:transparent;color:#526d77;cursor:pointer}html[data-theme=dark] .rating-dialog{border-color:#cdeef42b;background:#10232ef2;box-shadow:0 24px 75px #00000085}html[data-theme=dark] .rating-dialog label,html[data-theme=dark] .dialog-cancel{color:#b5cbd2}html[data-theme=dark] .rating-dialog input{color:#edf8fa;background:#05141cbd;border-color:#9bd5e440}@media(max-width:620px){.rating-dialog{grid-template-columns:1fr;max-height:92vh;overflow:auto}.rating-dialog>img{width:100px}.rating-dialog .actions{flex-direction:column}}.spotify-connect label{display:block;color:var(--muted);font-size:.8rem}.spotify-connect input{display:block;width:100%;max-width:520px;min-height:44px;margin:7px 0 16px;padding:10px 12px;border:1px solid #343b49;border-radius:10px;background:#0d1016;color:#fff}.spotify-button{background:#1db954;color:#07120a}.spotify-account,.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.spotify-account p,.section-head p{margin:4px 0}.spotify-dot{color:#1db954;margin-right:10px}.recent-list{display:grid;gap:8px}.recent-row{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;padding:9px;border:1px solid var(--line);border-radius:14px}.recent-row img{width:58px;height:58px;object-fit:cover;border-radius:9px}.recent-row span,.recent-row small{display:block;color:var(--muted);margin-top:3px}.recent-row small{font-size:.72rem}code{overflow-wrap:anywhere}@media(max-width:700px){.spotify-account,.section-head{align-items:stretch;flex-direction:column}.recent-row{grid-template-columns:50px 1fr}.recent-row img{width:50px;height:50px}.recent-row .button{grid-column:1/-1;width:100%}}.listening-card{align-self:start}.listening-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.listening-metrics>div{padding:14px;border-radius:12px;background:#0d1016}.listening-metrics strong,.listening-metrics span{display:block}.listening-metrics span{margin-top:5px;color:var(--muted);font-size:.75rem}.timeline summary{display:flex;justify-content:space-between;gap:14px;cursor:pointer}.timeline summary time{color:var(--muted);font-size:.75rem}.timeline[open]{padding-bottom:12px}.ranking-note{font-size:.82rem}.award-lists{margin-top:18px}.award-lists .song-row{margin-top:8px}.chatty-page{display:grid;gap:18px}.chatty-hero{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:20px}.chatty-orb{width:82px;height:82px;display:grid;place-items:center;border-radius:50%;font-size:2.2rem;color:#fff;background:radial-gradient(circle at 28% 20%,#fff 0 5%,transparent 15%),linear-gradient(145deg,#7cf1ff,#009fe3 55%,#4ac63f);border:2px solid white;box-shadow:inset 0 5px 12px #fff9,0 7px 20px #057aa755}.insight,.hypothesis,.prediction-row{padding:14px 0;border-bottom:1px solid #1689aa33}.insight>strong,.hypothesis>strong{display:block;margin:8px 0}.evidence summary{cursor:pointer;color:#0879a7;font-weight:700}.evidence dl{grid-template-columns:100px 1fr;font-size:.82rem}.feedback{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px}.feedback button{border:1px solid white;border-radius:999px;background:#d9f8ff;color:#17617e;cursor:pointer}.hypothesis-status{display:inline-block;padding:4px 8px;border-radius:999px;background:#fff4a3;color:#6d5a00;font-size:.72rem}.hypothesis textarea{width:100%;padding:8px;border:1px solid #1596bd55;border-radius:9px;background:#fff9;color:#164e63}.prediction-input{display:flex;gap:10px}.prediction-input select,.chatty-settings select{min-height:44px;padding:8px 12px;border:1px solid #168daf66;border-radius:10px;background:#fff;color:#174f63}.prediction-row{display:flex;justify-content:space-between;gap:18px;align-items:center}.prediction-row span,.prediction-row small{display:block;color:var(--muted);margin-top:4px}.learning-bars{height:130px;display:flex;align-items:end;gap:6px;padding:12px;background:#fff5;border-radius:12px}.learning-bars i{flex:1;max-width:30px;min-width:7px;background:linear-gradient(#78e553,#0b9bdd);border-radius:5px 5px 0 0}.chatty-settings{display:flex;justify-content:space-between;align-items:center}.chatty-settings h2,.chatty-settings p{margin:0 0 4px}@media(max-width:700px){.chatty-hero{grid-template-columns:1fr}.prediction-input,.prediction-row,.chatty-settings{align-items:stretch;flex-direction:column}.prediction-row{display:flex}}