:root{color-scheme:dark;--bg:#070911;--panel:#121724;--deep:#0b101b;--line:#303747;--line-soft:#222937;--text:#f7f9fb;--muted:#9da8b8;--accent:#dcfb9a;--pink:#ff87b0;--cyan:#7fe7ee;--gold:#f1d987}
*{box-sizing:border-box}html,body{margin:0;min-width:0;min-height:100%;background:var(--bg);color:var(--text)}html{font-family:"DM Sans",system-ui,Arial,sans-serif;font-size:13px}body{height:var(--spd-height,100dvh);max-height:var(--spd-height,100dvh);overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}[hidden]{display:none!important}::selection{background:var(--accent);color:#111}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.appbar{height:64px;display:flex;align-items:center;gap:22px;padding:0 25px;border-bottom:1px solid #ffffff1a;background:#0a0e17;position:relative;z-index:30}
.appbrand{display:flex;align-items:center;gap:10px;white-space:nowrap}.appbrand>strong{font:700 36px/.9 "Space Grotesk",sans-serif;letter-spacing:-.12em}.appbrand>strong span{color:var(--accent)}.brand-spark{color:var(--pink);font:20px "Space Grotesk";font-style:normal;transform:translateY(-7px)}.brand-words{font:700 10px "Space Grotesk",sans-serif;letter-spacing:.11em;margin-left:2px}.brand-words b{color:var(--accent)}
.appmeta{display:flex;gap:6px;align-items:center;font:600 10px "Space Grotesk",sans-serif;letter-spacing:.1em;color:#afbbc8;margin-left:auto}.appmeta #stat-songs{font-weight:700;color:#f0f3ff}.meta-separator{height:13px;border-left:1px solid #495263;margin:0 7px}
.live-dot{display:inline-block;flex:none;width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px var(--accent)}
.top-actions{display:flex;align-items:center;gap:12px}.top-action,.exit-link{border:1px solid #343c4a;background:transparent;color:#c4cbd6;font:700 10px "Space Grotesk",sans-serif;letter-spacing:.08em;padding:9px 13px;white-space:nowrap}.top-action:hover,.exit-link:hover{border-color:var(--accent);color:var(--accent)}.exit-link{border-color:#37404d}
.studio{height:calc(var(--spd-height,100dvh) - 64px);min-height:370px;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;background:#0a0d17}
.lens-rail{flex:none;display:flex;min-height:71px;align-items:center;gap:16px;padding:10px 24px;background:#111522;border-bottom:1px solid #333a48;z-index:8}.lens-caption{color:#909cad;font:700 9px "Space Grotesk";letter-spacing:.16em;white-space:nowrap}.lens-buttons{display:flex;align-items:stretch;gap:5px}.lens-button{border:1px solid #394253;background:#161c2b;color:#aeb9c8;min-width:108px;height:44px;display:flex;align-items:center;justify-content:center;gap:9px;transition:background .18s,box-shadow .18s,color .18s}.lens-button>span{font:700 10px "Space Grotesk";letter-spacing:.055em}.lens-button .lens-glyph{font:700 20px/.95 "Space Grotesk";color:#9fa9d9;min-width:21px}.lens-button[data-lens=names] .lens-glyph{color:var(--cyan)}.lens-button[data-lens=performance] .lens-glyph{color:var(--gold)}.lens-button[data-lens=lyrics] .lens-glyph{color:var(--pink)}.lens-button.active{background:#283442;border-color:var(--accent);color:white;box-shadow:inset 0 -2px var(--accent)}.lens-button:hover{background:#2a3143;color:#fff}
.lens-status{margin-left:auto;min-width:130px;max-width:430px;text-align:right}.lens-status #lens-status{font:700 10px "Space Grotesk";letter-spacing:.13em;color:var(--accent);display:block}.lens-subtext{display:block;color:#8796a9;font-size:10px;line-height:1.4;margin-top:3px}
.action-rail{height:51px;flex:none;display:flex;align-items:center;gap:13px;padding:6px 24px;border-bottom:1px solid #272f3d;background:#0d111d;position:relative;z-index:35}
.mode-wrap{flex:none}.mode-buttons{display:flex;gap:3px}.mode{background:transparent;border:0;padding:8px 11px;font:700 10px "Space Grotesk";letter-spacing:.08em;color:#8894a5}.mode:hover{color:white}.mode.active{background:#252c3a;color:var(--accent)}
.searchbox{height:36px;display:flex;align-items:center;gap:8px;border:1px solid #394253;background:#141a28;padding:0 10px;max-width:350px;min-width:160px;flex:1;margin-left:auto}.searchbox input{flex:1;width:100%;min-width:0;background:none;color:white;border:0;outline:none!important;height:100%;font-size:12px}.searchbox input::placeholder{color:#7f8b9d}.search-glass{font-size:23px;color:var(--accent);line-height:1}.searchbox kbd{border:1px solid #444b5b;color:#8693a1;font:700 10px "Space Grotesk";padding:1px 5px}
.action-button{height:36px;display:flex;align-items:center;gap:12px;background:#242a3b;border:1px solid #444d5d;color:#eef1f7;font:700 10px "Space Grotesk";letter-spacing:.1em;padding:0 13px;white-space:nowrap}.action-button:hover,.action-button[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}
.world{position:relative;flex:1;min-height:0;width:100%;overflow:hidden;background:radial-gradient(ellipse 56% 68% at 50% 49%,#19223c 0,#101527 43%,#090d19 74%,#06090f 100%)}
.world:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#b9b4d951 .8px,transparent 1px);background-size:27px 27px;opacity:.13;z-index:0;mask-image:radial-gradient(ellipse at 50% 50%,black,transparent 86%)}
#map-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:1;touch-action:none;cursor:grab;outline-offset:-4px}#map-canvas:active{cursor:grabbing}
.world-aura{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 20% 28% at 22% 31%,#6e53921a,transparent),radial-gradient(ellipse 25% 35% at 75% 72%,#3a8aa01c,transparent)}
.scene-vignette{position:absolute;inset:0;pointer-events:none;z-index:2;box-shadow:inset 0 0 125px #02030ac2}
.world-hud{position:absolute;z-index:3;left:23px;top:21px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;pointer-events:none}.world-counter{display:flex;align-items:center;gap:7px;padding:10px 13px;background:#101523bd;border:1px solid #42506477;color:#b8c4d1;font:700 10px "Space Grotesk";letter-spacing:.07em}.world-counter strong{color:white}.world-counter .sep{color:#586778;padding:0 3px}.world-depth{display:flex;gap:10px;align-items:center;font:700 8px "Space Grotesk";letter-spacing:.16em;color:#a3bfd1}.depth-symbol{font-size:24px;line-height:1;color:var(--cyan)}
.cluster-labels{position:absolute;inset:0;pointer-events:none;z-index:4}.cluster-label{position:absolute;transform:translate(-50%,-50%);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eaf8ffe8;text-shadow:0 2px 13px #02050d,0 0 18px #191f35;font:700 10px "Space Grotesk";letter-spacing:.06em;text-align:center}.cluster-label:before{content:"";display:block;margin:0 auto 6px;width:31px;height:1px;background:var(--c,var(--accent));box-shadow:0 0 10px var(--c,var(--accent))}
.hover-tip{position:absolute;z-index:11;pointer-events:none;padding:9px 12px;border:1px solid #8496b8b0;background:#111729eb;box-shadow:0 12px 28px #000a;color:white;max-width:250px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px}
.world-tools{position:absolute;right:24px;bottom:22px;z-index:6;display:grid;gap:6px}.world-tools button{width:40px;height:40px;display:grid;place-items:center;background:#151c2cda;color:#e0f4ff;border:1px solid #57677a8c;font:700 22px "Space Grotesk";transition:background .2s,border-color .2s}.world-tools button:hover,.world-tools button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:#2d3643}
.world-hint{position:absolute;bottom:24px;left:23px;z-index:5;display:flex;gap:17px;align-items:center;color:#aebdcd;font:700 9px "Space Grotesk";letter-spacing:.12em;text-shadow:0 1px 6px black}.world-hint i{color:var(--accent);font-style:normal;margin:0 5px}.world-hint button{border:1px solid #536679;color:var(--accent);background:#111722c7;font:700 10px "Space Grotesk";letter-spacing:.08em;padding:9px 12px}.world-hint button:hover{background:#242c3b}
.inspector{position:absolute;z-index:13;top:18px;right:80px;bottom:18px;width:min(344px,calc(100% - 102px));border:1px solid #7182a357;background:linear-gradient(165deg,#20283af4,#121826f6 50%,#0d121df6);box-shadow:0 20px 70px #000a;backdrop-filter:blur(24px);display:flex;flex-direction:column;visibility:hidden;opacity:0;pointer-events:none;transform:translateX(18px);transition:opacity .25s,transform .25s,visibility .25s}
.inspector.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translateX(0)}.inspect-header{height:47px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 16px;border-bottom:1px solid #ffffff24;font:700 9px "Space Grotesk";letter-spacing:.1em;color:var(--accent)}.inspect-header small{font-size:8px;color:#acb8c8;margin-left:12px}.inspect-header button{width:33px;height:32px;border:0;background:#ffffff0f;color:#eff5f9;font-size:22px}.inspect-header button:hover{color:var(--accent)}
#inspect-content{padding:17px 19px 24px;overflow:auto;min-height:0;scrollbar-color:#5d6a7d transparent;scrollbar-width:thin}
.song-overline{display:flex;justify-content:space-between;gap:10px;color:var(--accent);font:700 9px "Space Grotesk";letter-spacing:.1em}.song-overline em{color:#a8b4c4;font-style:normal}.song-feature{display:inline-block;margin-top:12px;padding:5px 8px;border:1px solid #ecd99072;color:var(--gold);font:700 9px "Space Grotesk"}
.song-title{font:700 clamp(26px,2.3vw,36px)/1.02 "Space Grotesk";letter-spacing:-.055em;overflow-wrap:anywhere;margin:14px 0 10px}.song-collab{margin:0 0 19px;color:#b7c2d3;font-size:12px;line-height:1.6}
.inspect-meta{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;padding:17px 0;border-block:1px solid #ffffff28}.inspect-meta>div{min-width:0}.inspect-meta span{color:#8997a9;font:700 9px "Space Grotesk";letter-spacing:.08em;display:block;margin-bottom:7px}.inspect-meta strong{display:block;color:#e6eef9;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.inspect-neighbours{margin-top:18px}.inspect-neighbours>h4{display:flex;justify-content:space-between;gap:10px;font:700 10px "Space Grotesk";letter-spacing:.06em;margin:0 0 7px}.inspect-neighbours h4 span{font-size:9px;color:#a4b1c1;text-align:right}
.neighbour{border:0;border-bottom:1px solid #ffffff1b;background:none;text-align:left;color:#eef5ff;display:flex;gap:8px;justify-content:space-between;align-items:start;width:100%;padding:10px 0}.neighbour:hover{color:var(--accent)}.neighbour>span{flex:1;min-width:0}.neighbour strong{display:block;font-size:12px;line-height:1.4;overflow-wrap:anywhere}.neighbour em{display:block;margin-top:5px;font-style:normal;font-size:10px;line-height:1.5;color:#9fafc0}.neighbour small{color:var(--accent);font-size:15px}.neighbour-breakdown{display:block;color:#899baa;font:500 9px "Space Grotesk";white-space:normal;margin-top:5px}.missing-matches,.lyrics-info{font-size:10px;line-height:1.65;color:#96a5b7;margin:12px 0}
.detail-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.detail-links a{border:1px solid #73809b8a;padding:10px 3px;text-align:center;font:700 9px "Space Grotesk";letter-spacing:.045em}.detail-links a:hover{color:var(--accent);border-color:var(--accent)}
.scene-error{position:absolute;z-index:20;inset:20%;padding:20px;display:grid;place-items:center;background:#0f182ae5;text-align:center;color:#edf2fd;font-size:13px}
.lyric-empty{z-index:12;position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:radial-gradient(ellipse at 50% 50%,#252b42ed 0,#0e1322f0 68%,#090b14f5);padding:22px;overflow:auto}.lyric-symbol{font:700 68px/.8 "Space Grotesk";color:var(--pink);margin-bottom:18px}.lyric-empty h2{font:700 clamp(24px,3vw,42px) "Space Grotesk";letter-spacing:-.06em;margin:0 0 10px}.lyric-empty p{font-size:12px;line-height:1.65;color:#b9c4d4;max-width:340px}.rights-confirm{color:#e7edfd;font-size:12px;display:flex;align-items:center;gap:8px;cursor:pointer;margin:16px 0}.rights-confirm input{accent-color:var(--accent);height:18px;width:18px;flex:none}.upload-btn{border:1px solid var(--pink);background:#dc759722;color:#ffe6ef;padding:12px 20px;font:700 11px "Space Grotesk";letter-spacing:.07em}.upload-btn:disabled{opacity:.4;cursor:not-allowed}.upload-btn:not(:disabled):hover{background:var(--pink);color:#1c1222}.lyric-empty .lyrics-feedback{font-size:10px}
.filters-panel{z-index:15;position:absolute;top:132px;right:20px;bottom:46px;width:360px;max-width:calc(100% - 40px);overflow:auto;background:#141a28f5;backdrop-filter:blur(24px);border:1px solid #59697d;box-shadow:0 20px 60px #000a;padding:18px;scrollbar-color:#586577 transparent}.panel-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font:700 11px "Space Grotesk";letter-spacing:.09em;padding-bottom:14px;border-bottom:1px solid var(--line)}.panel-top button{font:700 9px "Space Grotesk";letter-spacing:.07em;background:none;border:0;color:var(--accent)}
.workspace-filters{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:17px 0}.workspace-filters label{min-width:0;color:#a4b2c5;font:700 9px "Space Grotesk";letter-spacing:.08em}.workspace-filters select{display:block;margin-top:7px;height:37px;width:100%;min-width:0;background:#232c3c;border:1px solid #526074;color:#fff;padding:6px;font-size:11px}.filter-pills{display:grid;grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:4px}.pill{background:#242d3c;border:1px solid #4b566b;color:#bcc8db;font:700 9px "Space Grotesk";padding:9px 4px}.pill.active{color:var(--accent);border-color:var(--accent)}.pill:hover{background:#343c50}
.timebar{padding:18px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.time-labels{display:flex;align-items:center;justify-content:space-between;font:700 10px "Space Grotesk";letter-spacing:.1em;color:#a5b1c0}.time-labels output{color:var(--accent)}#year-range{width:100%;accent-color:var(--accent);margin:18px 0 9px;cursor:pointer}.time-ticks{display:flex;justify-content:space-between;color:#8392a5;font:700 9px "Space Grotesk"}
.song-index{margin-top:15px}.song-index summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;font:700 11px "Space Grotesk";letter-spacing:.06em;padding:7px 0}.song-index summary::-webkit-details-marker{display:none}.song-index summary small{color:#9cabba;font-size:9px;margin-left:auto}.song-index summary b{color:var(--accent);font-size:18px}.song-index[open] summary b{transform:rotate(45deg)}.song-list{display:grid;grid-template-columns:1fr 1fr;gap:4px;max-height:360px;overflow-y:auto;margin-top:10px}.song-list button{border:1px solid #354358;background:#222c3b;padding:10px;text-align:left;color:#eff3fc}.song-list button:hover{border-color:var(--accent)}.song-list strong{font-size:10px;display:block;overflow-wrap:anywhere;line-height:1.3}.song-list span{display:block;font-size:9px;line-height:1.5;color:#96a6b8;margin-top:5px}.no-results{grid-column:1/-1;font-size:12px;color:#a5b2c4}
.statusbar{flex:none;min-height:38px;padding:7px 23px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0b101b;border-top:1px solid #2a3546;position:relative;z-index:7}.legend-row{display:flex;align-items:center;gap:13px;color:#8493a8;font:700 9px "Space Grotesk";letter-spacing:.06em;white-space:nowrap}.era-legend{display:flex;align-items:center;gap:12px}.era-item{display:flex;align-items:center;gap:5px;color:#9facbb;font:600 9px "Space Grotesk";letter-spacing:0}.era-item i{background:var(--c);box-shadow:0 0 8px var(--c);border-radius:50%;display:inline-block;width:6px;height:6px}.status-note{font:600 9px "Space Grotesk";letter-spacing:.045em;color:#798a9c;text-align:right;white-space:nowrap}.status-note button{margin-left:13px;color:var(--accent);background:none;border:0;font:700 9px "Space Grotesk";letter-spacing:.07em}
.info-dialog{border:1px solid #566579;background:#141b29;color:#f4f7fc;width:min(690px,calc(100vw - 28px));max-height:min(85dvh,760px);padding:0;margin:auto;box-shadow:0 30px 85px #000d}.info-dialog::backdrop{background:#01040cce;backdrop-filter:blur(8px)}.info-inner{padding:25px 28px;overflow:auto;max-height:min(85dvh,760px)}.info-heading{display:flex;align-items:start;justify-content:space-between;gap:20px}.info-heading p{color:var(--accent);font:700 9px "Space Grotesk";letter-spacing:.16em;margin:0 0 8px}.info-heading h2{font:700 40px/.95 "Space Grotesk";letter-spacing:-.07em;margin:0}.info-heading button{background:#242c39;color:white;border:1px solid #58667a;width:42px;height:42px;font-size:26px}.info-lede{font-size:12px;color:#b8c5d2;margin:18px 0 22px}.signal-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:23px}.signal-strip>div{background:#202839;border:1px solid #37465a;padding:13px;min-width:0}.signal-strip span{display:block;font:700 9px "Space Grotesk";letter-spacing:.12em;color:#acb8c8}.signal-strip strong{display:block;font:700 27px "Space Grotesk";color:#f4f6ff;margin-top:7px}.signal-strip small{display:block;color:#95a5b7;font-size:9px}.info-details{border-top:1px solid #425066}.info-details summary{list-style:none;padding:17px 0;display:flex;justify-content:space-between;cursor:pointer;font:700 11px "Space Grotesk";letter-spacing:.09em}.info-details summary::-webkit-details-marker{display:none}.info-details summary span{color:var(--accent);font-size:20px}.info-details[open] summary span{transform:rotate(45deg)}.info-details>p{font-size:12px;color:#aebccb;line-height:1.7;margin:0 0 20px}.info-sources{border-top:1px solid #425066;padding-top:17px;display:flex;gap:12px 19px;flex-wrap:wrap}.info-sources a{color:var(--accent);font:700 10px "Space Grotesk"}.info-credit{font-size:10px;color:#95a5b7;line-height:1.7;margin:24px 0 0}
.chart-bars{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:280px;overflow-y:auto;padding:0 0 15px}.chart-item{background:#242c3b;border:1px solid #425166;color:#e9f2fd;text-align:left;padding:10px 8px;display:grid;grid-template-columns:20px 1fr 38px;gap:7px;align-items:center;min-width:0}.chart-item:hover{border-color:var(--accent)}.chart-rank{font-size:10px;color:#a1b2c2}.chart-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.chart-peak{color:var(--accent);font:700 15px "Space Grotesk";text-align:right}.bartrack{height:3px;background:#3a4555;display:block;margin-top:5px}.barfill{display:block;height:100%;background:var(--bar);width:50%}.award-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 0 16px;max-height:300px;overflow:auto}.award-entry{display:flex;flex-direction:column;border:1px solid #3c485b;background:#20293a;padding:13px;gap:6px;min-width:0}.award-entry.winner{border-color:var(--gold)}.award-year{color:var(--accent);font:700 12px "Space Grotesk"}.award-kind{font:700 8px "Space Grotesk";color:#aebcc8}.award-entry strong{font-size:12px;line-height:1.35;flex:1}.award-entry em{font-style:normal;color:var(--gold);font:700 9px "Space Grotesk";margin-top:9px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important}
@media(min-width:1350px){.inspector{width:385px;right:85px}#inspect-content{padding:21px 25px}.world-hint{font-size:10px}}
@media(max-width:1100px){.appmeta{font-size:9px}.meta-separator{display:none}.lens-caption{display:none}.lens-status{max-width:200px}.lens-button{min-width:87px}.lens-rail{padding:10px 14px}.action-rail{padding:6px 14px;gap:8px}.mode{padding:8px 7px;font-size:9px}.era-legend{gap:6px}.status-note{font-size:8px}}
@media(max-width:780px){.appbar{height:56px;padding:0 14px;gap:12px}.appbrand>strong{font-size:32px}.brand-spark{font-size:16px}.brand-words{font-size:9px}.appmeta{display:none}.top-actions{margin-left:auto}.top-action,.exit-link{padding:8px;font-size:10px}.top-action>span,.exit-link>span{display:none}.studio{height:calc(var(--spd-height,100dvh) - 56px);min-height:0}
 .lens-rail{min-height:58px;padding:7px 9px;gap:8px}.lens-buttons{flex:1;gap:4px}.lens-button{min-width:0;flex:1;height:44px;gap:6px;padding:0 4px}.lens-button .lens-glyph{font-size:17px;min-width:16px}.lens-button>span{font-size:9px}.lens-status{display:none}
 .action-rail{height:45px;padding:5px 9px}.mode-wrap{display:none}.searchbox{margin:0;max-width:unset}.searchbox kbd{display:none}.action-button{height:35px;padding:0 10px}
 .world-hud{top:10px;left:10px;gap:3px}.world-counter{padding:8px 10px;font-size:9px}.world-depth{font-size:7px}.depth-symbol{font-size:18px}
 .world-tools{right:12px;bottom:12px;gap:5px}.world-tools button{height:37px;width:37px;font-size:19px}
 .world-hint{bottom:13px;left:12px;max-width:calc(100% - 68px);font-size:8px;flex-wrap:wrap;gap:8px}.world-hint>span{max-width:100%;line-height:1.6}.world-hint button{padding:7px;font-size:9px}
 .statusbar{min-height:29px;padding:6px 10px}.legend-row{font-size:8px}.era-legend{gap:6px}.era-item{font-size:8px}.era-item:nth-child(n+5){display:none}.status-note{display:none}
 .inspector{top:auto;bottom:0;right:0;left:0;width:100%;height:auto;max-height:min(62dvh,530px);border-bottom:0;transform:translateY(18px);background:#151d2bf7}.inspector.is-open{transform:translateY(0)}.inspect-header{height:40px}.song-title{font-size:28px}.inspect-meta{gap:11px}
 .filters-panel{right:7px;left:7px;top:106px;bottom:31px;width:auto;max-width:unset;padding:14px}
 .lyric-empty{padding:14px}.lyric-symbol{font-size:38px;margin-bottom:8px}.lyric-empty h2{font-size:25px}.lyric-empty p{font-size:11px;margin:5px auto}.rights-confirm{font-size:10px;margin:9px}.upload-btn{padding:9px 12px;font-size:10px}.info-inner{padding:20px 15px}.info-heading h2{font-size:29px}.signal-strip{gap:4px}.signal-strip>div{padding:8px 6px}.signal-strip strong{font-size:20px}.chart-bars{grid-template-columns:1fr}
}
@media(max-width:390px){.brand-words{display:none}.lens-button>span{font-size:8px}.world-hint{max-width:calc(100% - 58px)}.era-item:nth-child(n+4){display:none}.signal-strip span{font-size:8px}.world-tools button{width:33px;height:33px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


.search-results{position:absolute;top:46px;right:143px;width:min(360px,calc(100vw - 30px));z-index:41;max-height:min(390px,60dvh);overflow:auto;background:#181f2ef7;border:1px solid #64758a;box-shadow:0 22px 60px #000a;padding:5px;backdrop-filter:blur(20px)}
.search-results button{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid transparent;background:transparent;width:100%;padding:11px 12px;text-align:left;color:#eff6fc}
.search-results button+button{border-top:1px solid #ffffff17}
.search-results button:hover{border-color:var(--accent);background:#303a4b}
.search-results strong{font:600 12px "DM Sans";overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.search-results small{font-size:10px;color:#a4b2bf;white-space:nowrap}
.search-results p{padding:10px;color:#a9b6c6;font-size:12px}
@media(max-width:780px){
 .search-results{top:44px;left:8px;right:73px;width:auto;max-height:45dvh}
 .search-results button{padding:10px}
 .search-results small{max-width:105px;overflow:hidden;text-overflow:ellipsis}
}


.mobile-arrange{display:none}
@media(max-width:780px){
 .mobile-arrange{display:block;grid-column:1/-1}
 .mobile-arrange select{max-width:100%}
}