/* XAN AJANS 360 · v0.2.8 / visual constitution: #03475D + #F94301 + white */
:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-synthesis:none;font-weight:300;color:#fff;background:#021923;--petrol:#03475D;--orange:#F94301;--panel:#073549;--panel2:#03475D;--border:#24647a;--ink:#f8fdff;--muted:#bfd4dd}
.app-shell strong,.app-shell b{font-weight:500}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-height:100vh;min-height:100dvh;margin:0;background:radial-gradient(ellipse 90% 500px at 70% 0,#07516a 0,#042b3b 65%,#021923 100%);color:var(--ink)}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:2px}[hidden]{display:none!important}.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}
.app-shell{min-height:100dvh;max-width:1920px;margin:0 auto;display:flex;flex-direction:column;padding-bottom:12px}
.app-header{display:grid;grid-template-columns:minmax(195px,1fr) auto minmax(195px,1fr);gap:16px;align-items:center;position:sticky;top:0;z-index:30;padding:11px clamp(14px,2.1vw,38px);background:#023348f2;border-bottom:1px solid #2a6377;box-shadow:0 10px 27px #00131b80;backdrop-filter:blur(20px)}
.brand{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;min-width:0;text-decoration:none;justify-self:center}.brand img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:1px solid var(--orange);box-shadow:0 0 18px #F943014a}.brand span{display:grid;place-items:center;min-width:0}.brand strong{font-size:20px;font-weight:500;letter-spacing:.04em;white-space:nowrap;text-align:center;color:#fff}.brand em,.brand small{display:none}
.header-nav{display:flex;gap:2px;align-items:stretch;background:#052b3a;border:1px solid #185c76;padding:4px;border-radius:13px}.header-nav button{color:#c5dce5;border:0;background:transparent;padding:11px 13px;border-radius:9px;font-size:12px;white-space:nowrap;font-weight:400}.header-nav button[aria-current=page],.header-nav button.is-active,.header-nav button:hover{background:var(--orange);color:#fff}
.header-actions{display:flex;justify-content:flex-end;gap:8px;align-items:center;min-width:0}.connection{font-size:11px;color:#d1e7ed;white-space:nowrap}.install-btn,.profile-link{min-height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #35748b;color:#fff;background:#0a465b;border-radius:9px;padding:8px 12px;font-weight:400;text-decoration:none;white-space:nowrap;font-size:11px}.install-btn{background:var(--orange);border-color:var(--orange)}
.app-update,.app-transfer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:10px 25px;border-bottom:1px solid #35748b;background:#05415a;color:#fff;font-size:12px}.app-update button,.app-transfer button{background:var(--orange);border:0;border-radius:8px;padding:9px 12px;color:#fff;min-height:37px}.app-transfer>span{min-width:0;flex:1}.app-transfer progress{width:200px;max-width:100%;accent-color:var(--orange)}
.app-content{width:100%;flex:1;padding:18px clamp(12px,1.45vw,28px) 20px;min-width:0}.intro{padding:5px 4px 10px;display:grid;justify-items:center;gap:5px;text-align:center}.intro h1{font-size:clamp(23px,2.15vw,31px);line-height:1.18;margin:0;color:#fff;font-weight:500}.intro p:not(.eyebrow){font-size:12px;color:#c9dfe7;margin:0}.eyebrow{color:#fff;font-size:10px;font-weight:500;letter-spacing:.07em;margin:0 0 5px}.intro .eyebrow{margin:0}
.app-main-grid{display:grid;grid-template-columns:minmax(255px,.92fr) minmax(320px,1.44fr) minmax(290px,1.08fr);align-items:start;gap:12px}.app-left,.app-right,.app-middle{min-width:0}.app-left,.app-right{background:linear-gradient(155deg,#07394d,#042b3b 75%);border:1px solid #2b6579;border-radius:16px;padding:16px;box-shadow:0 18px 48px #0007}.app-middle{display:grid;gap:12px}.left-head h2,.right-heading h2{font-size:19px;font-weight:500;color:#fff;margin:0}.left-head{padding:2px 1px 14px;text-align:center}.left-head .eyebrow{margin-bottom:6px}.small-muted{display:block;margin-top:5px;font-size:11px;color:#b9d4de;text-align:center}
.search-panel{min-width:0}.search-bar{display:flex;align-items:center;gap:9px;border:1px solid #428097;border-radius:11px;background:#052b3a;padding:7px 7px 7px 12px}.search-bar>span{font-size:21px;color:#d8edf6}.search-bar input{min-width:0;flex:1;color:#fff;outline:0;border:0;background:transparent;min-height:39px;font-size:12px}.search-bar input::placeholder{color:#a8c5d0;opacity:1}.search-bar:focus-within{outline:2px solid #f9430199}.primary{min-height:39px;padding:8px 16px;border:1px solid var(--orange);background:var(--orange);color:#fff;font-weight:400;border-radius:9px}.filter-row{display:grid;gap:12px;margin-top:13px}.kind-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.kind-tabs button{background:#07384a;color:#ecf7fa;border:1px solid #2d6e84;border-radius:9px;padding:10px 5px;min-height:41px;font-weight:400;font-size:12px}.kind-tabs button[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:#fff}.source-picker{display:grid;gap:5px;color:#c7dce5;font-size:11px}.source-picker select,.radio-filters select{min-width:0;width:100%;min-height:41px;border:1px solid #3b7890;border-radius:9px;padding:8px 10px;background:#043246;color:#fff;color-scheme:dark;font-size:12px}.radio-filters{display:grid;gap:7px;margin-top:12px;padding:11px 8px;background:#033247;border:1px solid #2e677b;border-radius:10px;color:#d3e4e9;font-size:12px}.radio-filters span{font-size:10px;color:#adcfda;line-height:1.5}
.left-links,.left-roadmap{margin-top:20px;border-top:1px solid #30677a;padding-top:15px}.left-links h3,.left-roadmap h3,.module-strip h3,.media-note h3{font-size:13px;font-weight:500;margin:0 0 11px;color:#fff;text-align:center}.module-strip>h3,.media-note>h3{text-align:center}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-grid button{min-height:70px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;border:1px solid #2b6b80;background:#0a4255;color:#fff;padding:11px;border-radius:10px;text-align:left;font-size:12px}.quick-grid button span{font-size:20px;color:var(--orange)}.quick-grid button:hover,.module-grid button:hover{border-color:var(--orange)}.left-roadmap{padding-bottom:2px;text-align:center}.left-roadmap p{font-size:11px;line-height:1.65;color:#b4d2dd;margin:0 0 12px}.development-tag{display:inline-block;padding:7px 9px;font-size:10px;border:1px solid #5a8895;border-radius:8px;color:#c9e2e9;background:#033042}
.app-stage{position:relative;overflow:hidden;min-height:440px;background:radial-gradient(ellipse at 55% 32%,#0a4f68 0%,#03475D 43%,#022c3e 100%);border:1px solid #32768d;border-radius:16px;box-shadow:0 16px 43px #0007;display:flex;flex-direction:column}.stage-top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:15px 16px;border-bottom:1px solid #ffffff20}.stage-label{grid-column:2;font-size:11px;font-weight:500;color:#fff;letter-spacing:.04em;text-align:center}.stage-state{grid-column:3;justify-self:end;font-size:10px;color:#d4eaf2;white-space:nowrap}.stage-idle{display:flex;align-items:center;justify-content:center;flex:1;flex-direction:column;gap:9px;text-align:center;padding:17px 20px}.stage-art{position:relative;display:grid;place-items:center;width:clamp(115px,12vw,165px);aspect-ratio:1;border:1px solid #39809a;border-radius:21px;background:linear-gradient(135deg,#082c3a,#05627d);box-shadow:0 0 0 9px #ffffff08,0 12px 42px #00152199;margin-bottom:18px}.stage-wordmark{display:grid;justify-items:center;color:#fff;text-align:center;line-height:1;gap:8px}.stage-wordmark strong{font-size:clamp(33px,3.4vw,48px);font-weight:500;letter-spacing:-.06em}.stage-wordmark small{font-size:clamp(11px,1.1vw,16px);font-weight:400;letter-spacing:.4em;margin-left:.4em;color:#fff}.stage-art::after{content:"";position:absolute;bottom:16px;width:45%;height:3px;background:#F94301;border-radius:4px}.stage-idle h2{font-size:clamp(18px,2.2vw,24px);font-weight:500;margin:0;color:#fff}.stage-idle p:not(.eyebrow){font-size:12px;color:#c6dfe7;max-width:340px;line-height:1.65;margin:2px 0 6px}.stage-action{margin-top:5px}.stage-footer{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;border-top:1px solid #ffffff22;padding:13px 16px;color:#b7d4dc;font-size:10px}
.app-stage:has(.player:not([hidden])) .stage-idle{display:none}.player{display:grid;position:relative;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 18px;justify-items:center;align-content:center;flex:1;width:100%;padding:22px 28px 24px;background:transparent;color:#fff;box-shadow:none;bottom:auto;left:auto;right:auto;border:0;margin:0}.player .player-art{grid-column:1/-1;position:relative;display:grid;place-items:center;width:clamp(112px,9.5vw,150px);aspect-ratio:1;margin:0 auto 2px}.player img{width:100%;height:100%;object-fit:cover;border:0;box-shadow:none;border-radius:15px;background:transparent}.player-cover-fallback{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 42% 35%,#0b647c,#04384d 64%,#022b3c);color:#F94301;font-size:clamp(34px,4vw,52px);font-weight:400;border:1px solid #2e7187}.player-copy{grid-column:1/-1;text-align:center;width:min(100%,620px);min-width:0;display:grid;gap:7px}.player-copy strong{display:block;font-weight:500;font-size:clamp(15px,1.45vw,19px);white-space:nowrap;width:max-content;max-width:none}.player-marquee{max-width:100%;overflow:hidden;white-space:nowrap;position:relative}.player-marquee.is-scrolling strong{animation:xan-track-scroll 15s ease-in-out infinite alternate;will-change:transform}@keyframes xan-track-scroll{0%,16%{transform:translateX(0)}84%,100%{transform:translateX(calc(-1 * var(--marquee-shift,0px)))}}.player-copy small{font-size:11px;color:#d8eaf0}.player input{accent-color:var(--orange);width:100%;min-height:17px}.player .time{grid-column:1/-1;justify-self:center;align-self:center;font-size:11px;color:#cfe5ef}.player-volume{grid-column:1;justify-self:stretch;display:grid;grid-template-columns:auto minmax(130px,260px);align-items:center;justify-content:center;gap:10px}.player-volume label{font-size:10px;color:#d8eaf0}.player-controls{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:9px}.player button{width:42px;height:42px;min-width:42px;border-radius:11px;border:1px solid #34768d;background:#0e536b;color:#fff;font-size:17px}.player button#app-toggle{width:48px;height:48px;min-width:48px;border-color:var(--orange);background:var(--orange);font-size:21px}.player button:hover{border-color:var(--orange)}.player button:disabled{opacity:.28}.player[data-media-kind="radio"] .time{font-weight:500;color:#fff}.player[data-media-kind="radio"] #app-seek{display:none}
.module-strip,.media-note{padding:15px;border:1px solid #24677d;border-radius:15px;background:#063245}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.module-grid button{display:grid;gap:6px;justify-items:start;min-width:0;text-align:left;border:1px solid #2e6981;background:#0a435a;color:#fff;border-radius:10px;padding:10px 9px;min-height:76px}.module-grid button span{font-size:22px;line-height:1;color:var(--orange)}.module-grid button strong{font-size:12px;font-weight:500}.module-grid button small{font-size:10px;color:#a9cbd7}.media-note p{margin:0;color:#b8d7e1;font-size:11px;line-height:1.7}
.search-results-section{min-width:0}.right-heading{display:flex;justify-content:center;gap:10px;align-items:center;padding:2px 0 11px;border-bottom:1px solid #2d6376;text-align:center}.right-heading>div{width:100%;text-align:center}.right-badge{padding:6px;border:1px solid #4a879b;border-radius:6px;color:#d0e8ef;white-space:nowrap;font-size:9px}.status-line{min-height:35px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px;padding:12px 0}.status-line p{font-size:10px;color:#c7dce4;margin:0}.status-line a{font-size:11px;color:#fff;text-decoration:none;text-underline-offset:3px}.extra-links{display:flex;gap:10px;flex-wrap:wrap}.app-recent{display:flex;gap:6px;flex-wrap:wrap;padding:9px 0 0;align-items:center}.app-recent span{font-size:10px;color:#d3e4ea}.app-recent button{border:1px solid #327189;color:#fff;background:#0b4356;border-radius:999px;padding:6px 9px;max-width:160px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:11px}.app-recent button.recent-clear{color:#fff;border-color:transparent;background:transparent}
.results{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.result{display:grid;grid-template-columns:54px minmax(0,1fr);gap:9px;align-items:center;min-height:73px;background:#0a4255;border:1px solid #23657c;border-radius:11px;padding:9px;min-width:0}.result-cover-wrap{position:relative;width:54px;height:54px;border-radius:9px;overflow:hidden;background:#06384b;display:grid;place-items:center}.result-cover{width:54px;height:54px;border-radius:9px;object-fit:cover;background:#03475D}.result-cover-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:22px;color:#F94301;background:radial-gradient(circle at 40% 32%,#0c5f76,#04384b 68%);font-weight:400}.result-body{display:grid;gap:5px;min-width:0}.result-body strong{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.result-body small{font-size:11px;color:#b9d3dd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.result-actions button,.result-actions a{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #397d95;background:#0d5d74;color:#fff;min-height:31px;border-radius:7px;padding:6px 9px;text-decoration:none;font-size:10px;font-weight:400;white-space:nowrap}.result-actions button.play{background:var(--orange);border-color:var(--orange)}.result-actions button.save{background:#09506a}.result-actions button.saved{background:var(--orange);border-color:var(--orange)}.result-actions button.remove{background:#874456}.result-actions button.download{background:#135b55}.result-actions a.origin{background:#044458}.result-actions .xan-icon-only{width:34px;min-width:34px;min-height:34px;padding:5px;aspect-ratio:1}.xan-action-icon{width:15px;height:15px;flex:none;display:block}.result-actions .play .xan-action-icon{width:14px;height:14px}.result-actions button:focus-visible,.result-actions a:focus-visible{outline:2px solid #F94301;outline-offset:2px}.empty{text-align:center;color:#c0dae3;padding:36px 8px;font-size:12px}.more-btn{display:block;margin:12px auto 0;padding:10px 16px;border-radius:9px;background:var(--orange);border:0;color:#fff;font-size:12px}
.library-panel{min-width:0}.section-head{display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;gap:10px;margin-bottom:14px}.section-head>div{width:100%;text-align:center}.section-head h2{font-size:20px;font-weight:500;margin:0;color:#fff}.section-head p:not(.eyebrow){margin:5px 0 0;font-size:11px;color:#c5dbe4}.library-tools{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.library-tools button,.file-button,.sync-row button,.storage-health button{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:8px 10px;border-radius:8px;border:1px solid var(--orange);background:var(--orange);color:#fff;cursor:pointer;font-size:11px;font-weight:400}.library-tools button,.file-button.muted{background:#09506a;border-color:#387d94}.library-status{font-size:11px;min-height:18px;color:#d3e7ee}/* v0.2.24 — on-device file organizer, no storage schema or destructive filter operations. */
.local-organizer{display:grid;gap:11px;padding:13px;margin:12px 0;border-radius:12px;border:1px solid #326f86;background:#063c50;color:#fff;min-width:0}
.local-organizer-title{display:grid;gap:4px;justify-items:center;text-align:center}.local-organizer-title strong{font-weight:500;font-size:15px;color:#fff}.local-organizer-title span{font-size:11px;line-height:1.5;color:#d2e7ed}
.local-organizer-fields{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:9px}
.local-organizer-fields label{display:grid;gap:5px;font-size:11px;color:#e1eef2;min-width:0}
.local-organizer-fields input,.local-organizer-fields select{width:100%;min-width:0;min-height:43px;background:#032e40;border:1px solid #5a91a2;border-radius:8px;color:#fff;padding:8px 9px;font-size:12px;font-weight:400}
.local-organizer-footer{display:flex;gap:9px;justify-content:space-between;align-items:center;flex-wrap:wrap}.local-organizer-footer span{font-size:11px;color:#fff;line-height:1.5;min-width:0;overflow-wrap:anywhere}
.local-organizer-footer button{background:#F94301;border:1px solid #F94301;border-radius:8px;min-height:39px;padding:8px 11px;color:#fff;font-weight:400;font-size:11px;cursor:pointer}
.local-organizer-footer button:disabled{opacity:.54;cursor:default}
.local-file-shelf{min-width:0;display:grid;gap:8px}.local-file-shelf-title{margin:8px 0 1px;font-size:13px;font-weight:500;color:#fff}.local-file-shelf-list{display:grid;gap:8px;min-width:0}.local-file-meta{color:#daedf2!important}
.local-organizer :focus-visible{outline:2px solid #ff9568;outline-offset:3px}
@media(max-width:850px){.local-organizer-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.local-organizer-fields label:first-child{grid-column:1/-1}}
@media(max-width:390px){.local-organizer{padding:10px}.local-organizer-fields{gap:7px}.local-organizer-fields input,.local-organizer-fields select{font-size:11px}.local-organizer-footer button{width:100%}}
.sync-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:13px}.sync-row small{color:#c3dde6;font-size:10px}.storage-health{display:grid;gap:9px;margin:10px 0 13px;padding:12px;border:1px solid #31748c;border-radius:12px;background:#073d51}.storage-health>div{display:flex;gap:7px;flex-wrap:wrap}.storage-health>span,.storage-health>p,.storage-health small{font-size:11px;line-height:1.6;color:#c3dce6;margin:0}.storage-health strong{font-weight:500;color:#fff}.backup-panel{margin-top:12px}.storage-health button:last-child{background:var(--orange);border-color:var(--orange)}
.bottom-nav{display:none}.modal{position:fixed;inset:0;z-index:90;background:#001019de;display:grid;place-items:center;padding:12px}.video-shell{background:#03475D;border:1px solid #397c92;color:#fff;border-radius:15px;width:min(850px,100%);display:grid;gap:10px;padding:12px}.video-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.video-head strong{font-size:13px;font-weight:500}.video-head button{font-size:22px;border:0;background:var(--orange);color:#fff;border-radius:8px;width:40px;height:40px}.video-shell iframe,.video-shell video{width:100%;aspect-ratio:16/9;background:#000;border:0;border-radius:9px}.video-shell>a{color:#fff;font-size:12px}.toast{position:fixed;left:16px;right:16px;bottom:30px;max-width:430px;margin:auto;z-index:99;background:#03475d;border:1px solid #6b9cae;padding:12px;color:#fff;border-radius:10px;font-size:12px;text-align:center;box-shadow:0 9px 20px #0007}
@media (max-width:1320px){.app-header{grid-template-columns:auto minmax(0,1fr) auto}.header-nav{justify-self:center}.header-nav button{padding:10px}.connection{display:none}.app-main-grid{grid-template-columns:minmax(220px,.85fr) minmax(290px,1.25fr) minmax(260px,1fr)}.app-left,.app-right{padding:13px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1050px){.app-header{grid-template-columns:1fr auto}.header-nav{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:space-between}.header-nav button{flex:1}.app-main-grid{grid-template-columns:minmax(260px,.9fr) minmax(0,1.4fr)}.app-left{grid-row:1 / span 2}.app-right{grid-column:2}.app-middle{grid-column:2}.app-stage{min-height:340px}.app-left{align-self:start}.stage-art{width:135px}.player img{width:120px;height:120px}}
@media (max-width:700px){.app-shell{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.app-header{padding:9px 12px;gap:6px}.brand img{width:39px;height:39px}.brand strong{font-size:17px}.brand small{font-size:8px}.header-actions .profile-link,.header-nav,.connection{display:none}.install-btn{padding:7px 9px;font-size:11px;min-height:37px}.app-content{padding:12px 10px 16px}.intro{display:block;padding:4px 2px 12px}.intro .eyebrow{display:block}.intro h1{font-size:21px;margin-bottom:4px}.intro p:not(.eyebrow){font-size:11px}.app-main-grid{display:flex;flex-direction:column;gap:10px}.app-left,.app-middle,.app-right{width:100%;min-height:auto}.app-left{order:2;padding:13px}.app-middle{order:1}.app-right{order:3;padding:13px}.app-stage{min-height:320px}.stage-art{width:110px;margin-bottom:7px}.stage-idle{padding:14px}.stage-idle h2{font-size:19px}.left-roadmap{display:none}.left-links{margin-top:12px;padding-top:11px}.left-links h3{display:none}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.quick-grid button{min-height:60px;padding:7px 5px;font-size:9px;align-items:center;text-align:center;line-height:1.3}.quick-grid button span{font-size:18px}.filter-row{grid-template-columns:minmax(0,1fr) minmax(125px,.7fr);align-items:end}.kind-tabs button{min-height:37px;font-size:10px;padding:7px 4px}.source-picker select{min-height:38px}.module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.module-grid button{min-height:76px;padding:8px 5px}.module-grid button strong{font-size:10px}.module-grid button small{font-size:9px}.module-grid button span{font-size:18px}.media-note{display:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;gap:0;background:#023448fa;border-top:1px solid #2d738c;padding:6px 5px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px #0009}.bottom-nav button{flex:1;min-width:0;background:transparent;border:0;color:#d1e5ed;min-height:48px;display:grid;gap:3px;align-content:center;justify-items:center;font-size:10px;font-weight:400}.bottom-nav button span{font-size:19px}.bottom-nav button[aria-current=page],.bottom-nav button.is-active{color:#fff;background:#F94301;border-radius:8px}.player{position:fixed;z-index:39;bottom:calc(63px + env(safe-area-inset-bottom));left:7px;right:7px;width:auto;min-height:66px;flex:none;display:flex;gap:7px;background:#03475df7;border:1px solid #3d849b;border-radius:12px;box-shadow:0 8px 25px #000c;padding:8px;align-content:initial;justify-items:initial}.player img{width:42px;height:42px;flex-shrink:0;border-radius:8px}.player-copy{flex:1;display:grid;gap:2px;min-width:0;width:auto;text-align:left}.player-copy strong{font-size:11px}.player-copy small{font-size:9px}.player input{height:9px;min-height:8px}.player .time{display:none}.player button{width:32px;min-width:32px;height:35px;border-radius:7px;font-size:15px}.player button#app-toggle{width:36px;min-width:36px;height:38px;font-size:19px}.app-stage:has(.player:not([hidden])) .stage-idle{display:flex}.app-stage:has(.player:not([hidden])) .stage-idle .stage-action{display:none}.toast{bottom:calc(140px + env(safe-area-inset-bottom))}.right-badge{display:none}}
@media(max-width:390px){.app-header .brand img{height:34px;width:34px}.brand strong{font-size:15px}.brand small{font-size:7px}.app-content{padding:10px 7px}.filter-row{display:grid;grid-template-columns:1fr}.kind-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.kind-tabs button{font-size:10px}.source-picker{display:flex;align-items:center;justify-content:space-between}.source-picker select{max-width:70%}.quick-grid button{font-size:8px}.result{grid-template-columns:48px minmax(0,1fr);gap:7px;padding:7px}.result-cover{width:48px;height:48px}.result-actions button,.result-actions a{padding:5px 6px;font-size:9px}.module-grid button small{display:none}.app-stage{min-height:285px}.stage-footer{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v0.2.8 — XAN Radio 360: actual station filters, accessible genre navigation and recent plays. */
.radio-filter-head{display:flex;justify-content:space-between;gap:6px;align-items:baseline}.radio-filter-head strong{font-size:14px;color:#fff;font-weight:500}.radio-filter-head span{color:#c2dce5;font-size:10px}.radio-filter-head button{background:#073d52;border:1px solid #3f8297;border-radius:8px;color:#fff;font-size:11px;font-weight:400;min-height:34px;padding:6px 9px;cursor:pointer}.radio-filter-head button:hover,.radio-filter-head button:focus-visible{border-color:#F94301;outline-offset:2px}.radio-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.radio-filter-grid label{display:grid;gap:5px;color:#d8e8ee;font-size:11px}.radio-filter-grid label:last-child{grid-column:1/-1}.radio-favorites-toggle{display:flex;align-items:center;gap:9px;background:#073b50;border:1px solid #2c718b;border-radius:9px;padding:10px;font-size:12px;color:#fff;cursor:pointer}.radio-favorites-toggle input{width:18px;height:18px;accent-color:#F94301}.status-line #app-radio-retry:not([hidden]){align-self:flex-start;color:#fff;background:#03475D;border:1px solid #F94301;border-radius:8px;padding:8px 12px;font-weight:400;cursor:pointer;min-height:38px}.status-line #app-radio-retry:focus-visible{outline:2px solid #F94301;outline-offset:2px}.radio-recent{border-top:1px solid #2c718b;margin-top:16px;padding-top:14px}.radio-recent-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.radio-recent-title strong{font-size:12px;font-weight:500}.radio-recent-title button{font-size:10px;color:#fff;border:1px solid #2f758b;border-radius:7px;background:#08445b;padding:7px}.radio-recent-list{display:grid;gap:6px}.radio-recent-item{display:flex;gap:9px;align-items:center;min-width:0;text-align:left;background:#083c51;border:1px solid #235e75;padding:7px;border-radius:10px;color:#fff;min-height:52px}.radio-recent-item img{width:37px;height:37px;border-radius:7px;object-fit:cover;background:#03475D}.radio-recent-item span{display:grid;gap:3px;min-width:0}.radio-recent-item strong{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-recent-item small,.radio-recent-empty{font-size:10px;color:#bad2dc}.radio-recent-item:hover{border-color:#F94301}.radio-stage{flex:1;min-height:345px;padding:25px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:14px}.radio-stage-tag{color:#fff;font-size:11px;letter-spacing:.05em;font-weight:500}.radio-stage-emblem{display:grid;place-content:center;gap:6px;min-width:164px;height:164px;border-radius:25px;background:linear-gradient(145deg,#043549,#09718b);border:1px solid #4b8da2;color:white;font-size:33px;font-weight:500;letter-spacing:.025em;box-shadow:0 12px 32px #001b2799}.radio-stage-emblem span{font-size:16px;letter-spacing:.2em;font-weight:400;color:#fff}.radio-stage h2{font-weight:500;font-size:21px;margin:0}.radio-stage p{font-size:12px;line-height:1.65;max-width:320px;color:#d0e3e9;margin:0}.radio-stage small{font-size:10px;color:#a7cad5}.radio-stream-info{font-size:11px;color:#c8e4e9}
@media(max-width:1100px){.radio-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.radio-stage{min-height:275px;padding:17px}.radio-stage-emblem{height:110px;min-width:110px;font-size:24px}.radio-stage-emblem span{font-size:11px}.radio-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.radio-filter-grid label:last-child{grid-column:1/-1}.radio-filter-grid select{width:100%}}
@media(max-width:390px){.radio-stage{min-height:215px;gap:9px}.radio-stage-emblem{height:85px;min-width:85px;font-size:20px}.radio-stage h2{font-size:16px}.radio-stage p{font-size:10px}.radio-stage small{font-size:9px}}
/* Reserve the entire mobile mini-player and bottom navigation footprint so action buttons remain reachable. */
@media(max-width:700px){.app-shell:has(.player:not([hidden])){padding-bottom:calc(220px + env(safe-area-inset-bottom))}}

/* v0.2.18: first-party music playlist controls (no duplicate player or data store). */
.music-playlists{border:1px solid #316c7f;border-radius:13px;background:#06394c;padding:15px;display:grid;gap:12px;margin:0 0 17px;min-width:0;color:#fff}
.music-list-head{text-align:center}.music-list-head h3{font-size:17px;font-weight:500;margin:0 0 4px;color:#fff}.music-list-head p,.music-list-disclaimer{font-size:11px;color:#d7e9ef;line-height:1.55;margin:0}
.music-list-create,.music-list-controls,.music-list-backup{display:flex;flex-wrap:wrap;gap:7px;align-items:end;min-width:0}
.music-list-create input,.music-list-controls select,.music-list-dialog select{background:#032f40;border:1px solid #6290a0;color:#fff;border-radius:8px;min-width:0;min-height:42px;padding:8px 10px;font:inherit;font-size:12px}
.music-list-create input{flex:1 1 130px}.music-list-controls label{flex:1 1 135px;display:grid;gap:4px;font-size:11px;color:#f5fbfc}.music-list-controls select{width:100%}
.music-list-create button,.music-list-controls button,.music-list-backup button,.music-list-backup .file-button{background:#0b4a62;border:1px solid #56869a;border-radius:8px;color:#fff;padding:8px 10px;min-height:42px;font-size:11px;font-weight:400;cursor:pointer}
.music-list-create button,.music-list-controls button:first-of-type{background:#F94301;border-color:#F94301;color:#fff}
.music-list-controls button:disabled{opacity:.55;cursor:not-allowed}.music-list-tracks{display:grid;gap:8px;max-height:460px;overflow:auto;overscroll-behavior:contain}
.music-list-tracks .result{width:100%;min-width:0}.result-actions .playlist-add{border-color:#F94301;color:#fff;background:#9b350e}
.music-list-dialog{color:#fff;background:#073b50;border:1px solid #5090a2;border-radius:14px;max-width:min(92vw,400px);width:100%;padding:0;box-shadow:0 15px 60px #001821}
.music-list-dialog::backdrop{background:#001c2bdb}.music-list-dialog-content{display:grid;gap:18px;padding:20px}.music-list-dialog-content h3{font-weight:500;margin:0;font-size:19px}.music-list-dialog-content label{display:grid;gap:8px;font-size:12px}.music-list-dialog-content>div{display:flex;justify-content:end;gap:10px}.music-list-dialog-content button{border:1px solid #6394a3;color:white;background:#0b5165;border-radius:8px;padding:11px;font-size:12px;min-height:44px}.music-list-dialog-content #app-music-playlist-add{background:#F94301;border-color:#F94301}
.music-playlists :focus-visible,.music-list-dialog :focus-visible{outline:2px solid #ff925f;outline-offset:3px}
@media(max-width:700px){.music-playlists{padding:11px}.music-list-controls button{flex:1 1 90px}.music-list-tracks{max-height:none}}

/* v0.2.21 — existing audio player's session-only listening controls. */
#app-player #app-listen-toggle{position:absolute;top:12px;right:12px;width:38px;min-width:38px;height:38px;font-size:19px;z-index:3}
#app-player #app-listen-toggle[aria-expanded="true"]{background:#F94301;border-color:#F94301}
#app-player .app-listen-panel{position:absolute;top:56px;right:12px;z-index:5;width:min(315px,calc(100% - 24px));padding:14px;display:grid;gap:11px;background:#03475D;color:#fff;border:1px solid #5c9db1;border-radius:13px;box-shadow:0 15px 34px #001b2cba;text-align:left}
.app-listen-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.app-listen-heading strong{font-size:14px;font-weight:500}
#app-player .app-listen-heading button{height:30px;min-width:30px;width:30px;font-size:20px}
#app-player .app-listen-panel label{display:grid;gap:6px;font-size:12px;font-weight:400;color:#fff}
#app-player .app-listen-panel select{background:#092f43;color:#fff;border:1px solid #5790a4;border-radius:9px;padding:10px;min-height:42px;font-size:13px;max-width:100%}
#app-player .app-listen-panel select:disabled{opacity:.55;cursor:not-allowed}
#app-listen-status{margin:0;color:#fff;font-size:12px;font-weight:400}
#app-player .app-listen-panel small{color:#e0edf2;line-height:1.55;font-size:11px}
@media(max-width:700px){
 #app-player #app-listen-toggle{top:auto;right:auto;left:7px;bottom:calc(100% + 7px);height:37px;width:37px;min-width:37px}
 #app-player .app-listen-panel{position:fixed;top:auto;bottom:calc(128px + env(safe-area-inset-bottom));left:9px;right:9px;width:auto;max-height:min(65vh,400px);overflow:auto;z-index:43;padding:13px}
}

/* v0.2.23 — Native, reversible local playlist management within existing controls. */
.music-list-rename{display:flex;gap:8px;align-items:end;flex-wrap:wrap;min-width:0}
.music-list-rename label{display:grid;gap:5px;flex:1 1 165px;font-size:11px;color:#fff}
.music-list-rename input{width:100%;min-width:0;min-height:42px;background:#032f40;border:1px solid #6290a0;border-radius:8px;padding:8px 10px;color:#fff;font:inherit;font-size:12px}
.music-list-rename button,.music-list-bulk button{min-height:42px;padding:8px 11px;background:#0b4a62;border:1px solid #56869a;border-radius:8px;color:#fff;font-size:11px;font-weight:400;cursor:pointer}
.music-list-bulk{display:flex;flex-wrap:wrap;gap:7px;min-width:0}
.music-list-bulk #app-music-playlist-add-favorites{background:#F94301;border-color:#F94301}
.music-list-bulk button:disabled,.music-list-rename button:disabled,.music-list-rename input:disabled{opacity:.52;cursor:not-allowed}
.music-list-select-item{display:inline-flex;align-items:center;gap:5px;background:#0c4b60;border:1px solid #5f91a1;border-radius:8px;color:#fff;font-size:11px;padding:7px 9px;min-height:38px;cursor:pointer}
.music-list-select-item input{width:16px;height:16px;accent-color:#F94301;cursor:pointer}
.music-list-rename :focus-visible,.music-list-bulk :focus-visible,.music-list-select-item :focus-within{outline:2px solid #ff925f;outline-offset:2px}
@media(max-width:700px){.music-list-bulk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.music-list-bulk button{min-width:0;overflow-wrap:anywhere}.music-list-rename button{flex:0 1 auto}}
@media(max-width:360px){.music-list-bulk{grid-template-columns:1fr 1fr}.music-list-rename label{flex-basis:100%}.music-list-rename button{width:100%}}

/* v0.2.27 — discoverability and action affordances inside the existing results producer. */
.result-control-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:9px 0 12px;color:#fff}
.result-control-bar label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:400;color:#fff}
.result-control-bar select{max-width:180px;min-height:39px;border:1px solid #5e95a8;border-radius:8px;background:#05384c;color:#fff;padding:7px 8px;font:inherit}
#app-result-count{font-size:11px;line-height:1.45;color:#d6ebf0;flex:1 1 160px;text-align:right}
.result-actions .save{min-width:105px}.result-actions .save.saved{border-color:#F94301;color:#fff}
@media(max-width:550px){.result-control-bar{align-items:stretch}.result-control-bar label{justify-content:space-between;flex:1 1 100%}.result-control-bar select{width:58%;max-width:none}#app-result-count{text-align:left}}

/* v0.2.28 · Provider telemetry and explicit retry, no decoration-only state. */
.app-source-health{font-size:11px;line-height:1.45;color:#d5e7ee;padding:0 0 10px;margin:0;overflow-wrap:anywhere}
.status-line #app-search-retry:not([hidden]){min-height:38px;padding:8px 11px;border-radius:8px;background:#03475D;border:1px solid #F94301;color:#fff;font-size:11px;font-weight:400;cursor:pointer}
.status-line #app-search-retry:disabled{opacity:.55;cursor:wait}
.status-line #app-search-retry:focus-visible{outline:2px solid #F94301;outline-offset:2px}

/* v0.2.30: helpful, verified source-page exit when remote audio fails. */
.app-player-source:not([hidden]){display:inline-flex;align-items:center;color:#fff;text-decoration:underline;text-underline-offset:3px;font-size:.78rem;font-weight:400;max-width:100%;overflow-wrap:anywhere;}
.app-player-source:focus-visible{outline:2px solid #F94301;outline-offset:3px;}

/* v0.2.31: Explicit user-controlled retry on a failed source; no extra overlay. */
#app-player .app-player-retry:not([hidden]){display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:36px;padding:7px 12px;border-radius:8px;background:#F94301;color:#FFFFFF;border:1px solid #F94301;font-size:12px;font-weight:400;cursor:pointer}
#app-player .app-player-retry:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}

/* v0.2.33: frameless artwork, safe cover fallback, compact equalizer and accessible action geometry. */
.player-equalizer{position:absolute;bottom:4px;left:10px;right:10px;height:30px;display:flex;gap:3px;align-items:end;justify-content:center;padding:4px 2px;background:linear-gradient(0deg,#001b2a99,transparent);border-radius:0 0 13px 13px;pointer-events:none}.player-equalizer i{display:block;width:4px;max-width:6px;height:4px;border-radius:3px 3px 1px 1px;background:linear-gradient(#fff,#F94301);opacity:.42;transition:height 90ms ease-out}.player[data-playing="1"] .player-equalizer i{opacity:1}.player #app-player-source:not([hidden]){display:inline-grid;place-items:center;justify-self:center;margin:auto;width:31px;height:31px;border:1px solid #377b91;border-radius:9px;background:#09485c;font-size:16px;text-decoration:none}.player #app-player-source:hover{border-color:#F94301}.player #app-player-retry:not([hidden]){justify-self:center;margin:auto}.player-copy{min-width:0}.app-source-health{font-size:10px;opacity:.84;margin:0}.result-actions .playlist-add{min-width:34px}.result-actions .save{min-width:34px}.result-actions .xan-icon-only.saved{background:#F94301}.app-result-count{font-size:11px}.source-diagnostics{margin:0 0 10px;border-top:1px solid #205a6f;padding-top:7px;color:#d8eaf0;font-size:10px}.source-diagnostics summary{cursor:pointer;list-style:none;width:max-content;color:#a9cbd6;font-weight:400}.source-diagnostics summary::-webkit-details-marker{display:none}.source-diagnostics summary::before{content:"+ ";color:#F94301}.source-diagnostics[open] summary::before{content:"− "}.source-diagnostics-body{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-top:8px}.source-diagnostics-body button{min-height:32px;padding:6px 9px;border-radius:7px;background:#073f54;border:1px solid #34778e;color:#fff;font-size:10px}.source-diagnostics-body button:hover{border-color:#F94301}
@media (max-width:700px){.player .player-art{width:42px;height:42px;flex:0 0 42px;margin:0}.player .player-cover-fallback{font-size:20px;border-radius:9px}.player .player-equalizer{height:17px;gap:1px;padding:1px;left:2px;right:2px;bottom:2px}.player .player-equalizer i{width:2px;max-width:2px}.player .player-marquee strong{font-size:11px}.player #app-player-source:not([hidden]){width:30px;height:30px;flex:0 0 30px}.player .player-art img{width:42px;height:42px}.player .player-controls{display:flex;gap:5px}.result-actions .xan-icon-only{width:32px;min-width:32px;min-height:32px}.result-cover-wrap,.result-cover{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.player-marquee.is-scrolling strong{animation:none;max-width:100%;overflow:hidden;text-overflow:ellipsis}.player-equalizer i{transition:none}}

/* v0.2.33 responsive player normalization */
@media(max-width:1050px) and (min-width:701px){.player{padding:20px}.player .player-art{width:118px}.player-volume{grid-template-columns:auto minmax(120px,220px)}}
@media(max-width:700px){.player{align-items:center}.player .player-art{grid-column:auto}.player-copy{grid-column:auto}.player .player-controls{grid-column:auto}.player-volume{display:none}.player #app-listen-toggle{display:none}.player #app-player-source:not([hidden]){display:none}.player #app-player-retry:not([hidden]){min-height:32px;padding:5px 8px;font-size:10px}.player .player-cover-fallback{width:42px;height:42px}.player[data-media-kind="radio"] #app-seek{display:none}.source-diagnostics{margin-bottom:8px}}
#app-mobile-volume-toggle{display:none}
@media(max-width:700px){#app-mobile-volume-toggle{display:inline-flex;align-items:center;justify-content:center}}

/* v0.2.34 — Search 360: faster feedback, actionable filters and stronger verified actions. */
.action-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.action-chips button{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:7px 10px;border-radius:999px;border:1px solid #397d95;background:#073f54;color:#fff;font-size:10px;font-weight:400;cursor:pointer;white-space:nowrap}
.action-chips button:hover{border-color:#F94301}
.action-chips button[aria-pressed="true"]{background:#F94301;border-color:#F94301;color:#fff}
.action-chips button span[data-action-count]{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#032f40;color:#fff;font-size:9px;line-height:1}
.action-chips button[aria-pressed="true"] span[data-action-count]{background:#03475D}
.action-chips button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.search-bar .primary.is-busy{position:relative;padding-right:30px}
.search-bar .primary.is-busy::after{content:"";position:absolute;right:10px;top:50%;width:10px;height:10px;margin-top:-6px;border:2px solid #ffffff80;border-top-color:#fff;border-radius:50%;animation:xan-search-spin .7s linear infinite}
@keyframes xan-search-spin{to{transform:rotate(360deg)}}
.result{transition:border-color .15s ease,background-color .15s ease}
.result:hover{border-color:#3f8297;background:#0b485c}
.result-actions .playlist-add{min-width:auto;background:#F94301;border-color:#F94301;padding-inline:9px}
.result-actions .playlist-add .xan-action-label{display:inline}
.result-actions .download{border-color:#4f8e86}
@media(max-width:700px){
 .result-control-bar{gap:8px}
 .action-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:5px}
 .action-chips button{justify-content:center;min-width:0;padding:7px 6px;overflow:hidden;text-overflow:ellipsis}
 #app-result-count{flex-basis:100%;text-align:left}
 .result-actions .playlist-add{min-width:68px}
}
@media(max-width:390px){.action-chips{grid-template-columns:repeat(2,minmax(0,1fr))}.action-chips button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.search-bar .primary.is-busy::after{animation:none}.result{transition:none}}

/* v0.2.37 — hierarchy consistency: section titles stay white/centered; orange is reserved for actions and active states. */
.left-head h2,.right-heading h2,.stage-label,.module-strip>h3,.media-note>h3,.section-head h2,.music-list-head h3{text-wrap:balance}
.left-head h2::after,.right-heading h2::after,.module-strip>h3::after,.media-note>h3::after,.section-head h2::after,.music-list-head h3::after{content:"";display:block;width:28px;height:2px;margin:7px auto 0;border-radius:3px;background:#F94301}
.status-line a:hover,.status-line a:focus-visible,.app-recent button.recent-clear:hover,.app-recent button.recent-clear:focus-visible{text-decoration:underline;text-decoration-color:#F94301}


/* v0.2.38 — Tek Arama 360 / format-aware result actions. */
.kind-tabs:has([data-kind="all"]){grid-template-columns:repeat(5,minmax(0,1fr))}
.kind-tabs [data-kind="all"]{grid-column:auto}
.result-badges{display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:wrap}
.format-badge{display:inline-flex;align-items:center;min-height:18px;padding:2px 6px;border:1px solid #397d95;border-radius:999px;background:#06384a;color:#dff4fa;font-size:8px;line-height:1;font-weight:500;letter-spacing:.02em}
.format-badge.stored-badge{border-color:#F94301;color:#fff}
.result-actions .folder-add{background:#07536a;border-color:#4b8da3;min-width:auto;padding-inline:9px}
.result-actions .folder-add .xan-action-label{display:inline}
.result-actions .folder-add:hover{border-color:#F94301}
@media(max-width:700px){.kind-tabs:has([data-kind="all"]){grid-template-columns:repeat(5,minmax(0,1fr))}.kind-tabs:has([data-kind="all"]) button{font-size:9px;padding-inline:3px}.result-badges{gap:4px}.format-badge{font-size:7px;padding-inline:5px}.result-actions .folder-add{min-width:72px}}
@media(max-width:390px){.kind-tabs:has([data-kind="all"]){grid-template-columns:repeat(3,minmax(0,1fr))}.kind-tabs [data-kind="all"]{grid-column:1 / -1}.result-actions .folder-add{min-width:64px}}

/* v0.2.41 — En İyi Kaynak 360: birleşik sonuç, önerilen kaynak ve açılır alternatifler. */
.format-badge.best-source-badge{border-color:#F94301;background:#0a5268;color:#fff}
.format-badge.source-count-badge{border-color:#5d8fa0;color:#fff;background:#06384a}
.result-alternatives{margin-top:7px;border-top:1px solid #245f72;padding-top:6px;color:#fff}
.result-alternatives>summary{display:inline-flex;align-items:center;gap:5px;min-height:26px;cursor:pointer;list-style:none;color:#d8edf3;font-size:9px;font-weight:400;user-select:none}
.result-alternatives>summary::-webkit-details-marker{display:none}
.result-alternatives>summary::before{content:'+';display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid #4a8396;border-radius:50%;color:#fff;font-size:11px;line-height:1}
.result-alternatives[open]>summary::before{content:'−';border-color:#F94301}
.result-alternative-list{display:grid;gap:5px;padding-top:6px}
.result-alternative-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:6px 7px;border:1px solid #275f72;border-radius:8px;background:#06384a}
.result-alternative-meta{display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden}
.result-alternative-meta strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:9px;font-weight:500}
.result-alternative-meta small{color:#c7dfe7;font-size:8px;white-space:nowrap}
.result-alternative-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}
.result-alternative-actions button,.result-alternative-actions a{display:inline-grid;place-items:center;min-height:27px;min-width:31px;padding:5px 7px;border:1px solid #4a8396;border-radius:7px;background:#08485d;color:#fff;text-decoration:none;font:inherit;font-size:8px;cursor:pointer}
.result-alternative-actions button:hover,.result-alternative-actions a:hover{border-color:#F94301}
@media(max-width:700px){.result-alternative-row{align-items:flex-start}.result-alternative-meta{display:grid;gap:2px}.result-alternative-meta strong{max-width:118px}.result-alternative-actions button,.result-alternative-actions a{min-height:30px}.format-badge.best-source-badge{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}


/* v0.2.42 — Akıllı Arama Yardımcısı 360: erişilebilir otomatik tamamlama ve yazım önerisi. */
.search-panel form{position:relative}
.search-assist{position:absolute;z-index:26;top:58px;left:0;right:0;border:1px solid #3d7b91;border-radius:11px;background:#032f40;box-shadow:0 16px 34px #00131dcc;overflow:hidden}
.search-suggestions{display:grid;max-height:330px;overflow:auto;overscroll-behavior:contain;padding:5px}
.search-suggestion{display:flex;width:100%;min-width:0;align-items:center;text-align:left;border:1px solid transparent;border-radius:8px;background:transparent;color:#fff;padding:8px 10px;cursor:pointer}
.search-suggestion:hover,.search-suggestion[aria-selected="true"]{background:#0a4b61;border-color:#F94301}
.search-suggestion-copy{display:grid;min-width:0;gap:2px}
.search-suggestion-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;color:#fff}
.search-suggestion-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#b9d7e1}
.search-correction{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:7px;padding:7px 9px;border:1px solid #2e7087;border-radius:9px;background:#07384a;color:#cfe3ea;font-size:10px}
.search-correction button{border:0;background:transparent;color:#fff;padding:2px 4px;font-size:10px;font-weight:500;text-decoration:underline;text-decoration-color:#F94301;text-underline-offset:3px;cursor:pointer}
.search-correction button:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:4px}
@media(max-width:700px){.search-assist{top:56px}.search-suggestions{max-height:260px}.search-suggestion{padding:9px}.search-suggestion-copy strong{font-size:10px}.search-correction{font-size:9px}}
@media(prefers-reduced-motion:reduce){.search-assist{scroll-behavior:auto}}

/* v0.2.43 — Sanatçı / Albüm 360: alan bazlı arama, odak kartı ve görünür akıllı kuyruk. */
.advanced-search-help{margin-top:7px;border-top:1px solid #205a6f;padding-top:6px;color:#cfe3ea;font-size:9px}
.advanced-search-help>summary{width:max-content;cursor:pointer;list-style:none;color:#fff;font-weight:400}
.advanced-search-help>summary::-webkit-details-marker{display:none}
.advanced-search-help>summary::before{content:'+ ';color:#F94301}.advanced-search-help[open]>summary::before{content:'− '}
.advanced-search-help p{margin:7px 0 0;line-height:1.55;color:#bfd8e1}.advanced-search-help code{padding:1px 4px;border:1px solid #2d7087;border-radius:5px;background:#06384a;color:#fff;font:inherit}
.search-focus{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:10px 11px;border:1px solid #397d95;border-radius:11px;background:#073f54;color:#fff}
.search-focus-copy{display:grid;gap:2px;min-width:0}.search-focus-copy>span{font-size:8px;letter-spacing:.08em;color:#fff}.search-focus-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;color:#fff}.search-focus-copy small{font-size:9px;color:#c6dee6}
.search-focus-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.search-focus-actions button{min-height:32px;padding:6px 9px;border:1px solid #4b879b;border-radius:8px;background:#08495e;color:#fff;font-size:9px;font-weight:400;cursor:pointer}.search-focus-actions button:first-child{background:#F94301;border-color:#F94301}.search-focus-actions button:hover:not(:disabled){border-color:#F94301}.search-focus-actions button:disabled{opacity:.45;cursor:not-allowed}
.result-context-links{display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:wrap}.result-context-btn{max-width:170px;min-height:24px;padding:3px 6px;border:1px solid #2f7086;border-radius:999px;background:#06384a;color:#dff2f7;font-size:8px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.result-context-btn:hover,.result-context-btn:focus-visible{border-color:#F94301;color:#fff}.result-context-btn:focus-visible{outline:2px solid #fff;outline-offset:1px}
.player-queue-state{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c8e3ea;font-size:9px;text-align:center}
@media(max-width:700px){.advanced-search-help{font-size:8px}.search-focus{align-items:stretch;display:grid;gap:8px;padding:9px}.search-focus-actions{display:grid;grid-template-columns:1fr 1fr 1fr}.search-focus-actions button{min-width:0;padding-inline:5px}.result-context-btn{max-width:128px}.player-queue-state{font-size:8px}}
@media(max-width:390px){.search-focus-actions{grid-template-columns:1fr 1fr}.search-focus-actions button:last-child{grid-column:1/-1}}

/* v0.2.44 — Dinle / İzle önceliği: oynatılabilir sonuçlar üstte, diğer metadata aşağıda. */
.action-chips button.action-play-priority:not([aria-pressed="true"]){border-color:#F94301;box-shadow:inset 0 0 0 1px rgba(249,67,1,.16)}
.result-group-title{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 3px 2px;color:#fff;border-bottom:1px solid rgba(255,255,255,.13);margin-top:1px}
.result-group-title strong{font-size:12px;font-weight:500;color:#fff;letter-spacing:.01em}
.result-group-title span{font-size:10px;font-weight:400;color:#c7dce4}
.result-group-title.is-secondary{margin-top:8px;opacity:.92}
.result-group-title.is-secondary strong{font-weight:400}
@media(max-width:550px){.result-group-title{padding-top:8px}.result-group-title span{font-size:9px}.action-chips button.action-play-priority{grid-column:span 2}}
@media(max-width:390px){.action-chips button.action-play-priority{grid-column:1/-1}}

/* v0.2.48 — Arama Deneyimi 360: emsal hiyerarşi, en iyi eşleşme ve hızlı sanatçı/albüm odakları. */
.search-facets{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 10px;padding:8px 9px;border:1px solid #2f7087;border-radius:10px;background:#06384a}
.search-facet-label{font-size:9px;font-weight:500;color:#fff;margin-right:2px}
.search-facet-btn{max-width:220px;min-height:30px;padding:5px 9px;border:1px solid #3d7d92;border-radius:999px;background:#08485d;color:#fff;font-size:9px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.search-facet-btn:hover,.search-facet-btn:focus-visible{border-color:#F94301;background:#0b5268}
.search-facet-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.result-group-title.is-top{margin-top:0;border-bottom-color:#F94301}
.result-group-title.is-top strong{font-size:13px}
.result-top-match{border-color:#F94301;background:linear-gradient(135deg,#0c5368 0%,#083f53 54%,#06384a 100%);box-shadow:0 8px 24px rgba(0,21,31,.24)}
.result-top-match:hover{border-color:#ff6b32;background:linear-gradient(135deg,#0d5a70 0%,#08475b 54%,#073d50 100%)}
.format-badge.top-match-badge{border-color:#F94301;background:#F94301;color:#fff}
@media(max-width:700px){.search-facets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.search-facet-label{grid-column:1/-1}.search-facet-btn{max-width:none;width:100%;font-size:8px}.result-group-title.is-top strong{font-size:12px}}
@media(max-width:390px){.search-facets{grid-template-columns:1fr}}

/* v0.2.49 — paginated search catalogue, compact/list view and result detail panel */
.result-view-switch{display:inline-flex;align-items:center;gap:4px;padding:3px;border:1px solid #2d6c82;border-radius:9px;background:#06394c}
.result-view-switch button{min-height:30px;padding:5px 9px;border:0;border-radius:6px;background:transparent;color:#c9e1e8;font-size:9px;font-weight:400;cursor:pointer}
.result-view-switch button[aria-pressed="true"]{background:#F94301;color:#fff}
.result-meta-details{margin-top:1px;color:#d8edf3}
.result-meta-details>summary{display:inline-flex;align-items:center;gap:5px;cursor:pointer;list-style:none;color:#cfe5eb;font-size:8px;font-weight:400;user-select:none}
.result-meta-details>summary::-webkit-details-marker{display:none}
.result-meta-details>summary::before{content:'+';display:inline-grid;place-items:center;width:15px;height:15px;border:1px solid #4b8295;border-radius:50%;color:#fff;font-size:10px;line-height:1}
.result-meta-details[open]>summary::before{content:'−';border-color:#F94301}
.result-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 8px;margin-top:6px;padding:7px;border:1px solid #285f72;border-radius:8px;background:#06394b}
.result-meta-row{display:grid;gap:1px;min-width:0}
.result-meta-row span{font-size:7px;color:#91bdca;text-transform:uppercase;letter-spacing:.04em}
.result-meta-row strong{font-size:9px!important;font-weight:400!important;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.result-pagination{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;margin:12px 0 3px;padding-top:10px;border-top:1px solid #205a6f}
.result-pagination button{min-width:31px;height:31px;padding:4px 8px;border:1px solid #34778e;border-radius:7px;background:#073f54;color:#fff;font-size:10px;font-weight:400;cursor:pointer}
.result-pagination button:hover,.result-pagination button:focus-visible{border-color:#F94301;outline:none}
.result-pagination button.is-current{background:#F94301;border-color:#F94301;color:#fff}
.result-pagination button:disabled{opacity:.35;cursor:not-allowed}
.result-page-gap{display:inline-grid;place-items:center;min-width:18px;color:#91bdca;font-size:11px}
.result-page-meta{margin-left:7px;color:#a9cbd6;font-size:9px;white-space:nowrap}
.results.is-compact{gap:5px}
.results.is-compact .result{grid-template-columns:42px minmax(0,1fr);min-height:56px;padding:6px 7px;border-radius:8px}
.results.is-compact .result-cover-wrap,.results.is-compact .result-cover{width:42px;height:42px;border-radius:7px}
.results.is-compact .result-cover-placeholder{font-size:17px}
.results.is-compact .result-body{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:8px;row-gap:2px}
.results.is-compact .result-body>strong,.results.is-compact .result-body>small,.results.is-compact .result-context-links,.results.is-compact .result-badges{grid-column:1}
.results.is-compact .result-actions{grid-column:2;grid-row:1/5;align-self:center;justify-content:flex-end;max-width:220px}
.results.is-compact .result-meta-details,.results.is-compact .result-alternatives{display:none}
.results.is-compact .result-context-links{display:none}
.results.is-compact .result-badges{gap:3px}
.results.is-compact .format-badge.best-source-badge,.results.is-compact .license-badge{display:none}
.results.is-compact .result-actions button,.results.is-compact .result-actions a{min-height:29px;padding:4px 7px}
.results.is-compact .result-actions .xan-icon-only{width:30px;min-width:30px;min-height:30px}
@media(max-width:700px){
 .result-view-switch{order:3}.result-view-switch button{min-height:28px;padding-inline:7px}
 .result-page-meta{flex-basis:100%;text-align:center;margin-left:0}
 .result-pagination{gap:4px}.result-pagination button{min-width:29px;height:29px;padding-inline:6px}
 .result-meta-grid{grid-template-columns:1fr}
 .results.is-compact .result{grid-template-columns:38px minmax(0,1fr)}
 .results.is-compact .result-cover-wrap,.results.is-compact .result-cover{width:38px;height:38px}
 .results.is-compact .result-body{display:grid;grid-template-columns:minmax(0,1fr)}
 .results.is-compact .result-actions{grid-column:1;grid-row:auto;justify-content:flex-start;max-width:none}
}


/* v0.2.50 — Akış arama, kart görünümü, tıklanabilir radyo ve gerçek dalga yüzeyi. */
.flow-search{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 9px;margin:0 0 9px;padding:8px 9px;border:1px solid #286b82;border-radius:10px;background:#073b4f}
.flow-search>label{font-size:10px;font-weight:500;color:#fff;white-space:nowrap}.flow-search>small{grid-column:2;font-size:9px;color:#aacbd6}
.flow-search-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;min-height:34px;border:1px solid #377b91;border-radius:8px;background:#052f41;padding:0 5px 0 9px}.flow-search-bar span{color:#fff}.flow-search-bar input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:11px;font-weight:400;padding:7px 2px}.flow-search-bar input::placeholder{color:#94b8c5}.flow-search-bar:focus-within{border-color:#F94301;box-shadow:0 0 0 1px #F943014d}.flow-search-bar button{width:26px;height:26px;border:0;border-radius:6px;background:#0b536a;color:#fff;cursor:pointer}.flow-search-bar button:hover{background:#F94301}
.results.is-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.results.is-grid .result{grid-template-columns:50px minmax(0,1fr);align-items:center;min-height:84px;padding:8px}.results.is-grid .result-cover-wrap,.results.is-grid .result-cover{width:50px;height:50px}.results.is-grid .result-body{gap:4px}.results.is-grid .result-body>small{font-size:9px}.results.is-grid .result-actions{gap:4px;flex-wrap:nowrap;overflow:hidden}.results.is-grid .result-actions button,.results.is-grid .result-actions a{min-height:28px;padding:4px 6px;font-size:9px}.results.is-grid .result-actions .xan-icon-only{width:29px;min-width:29px;min-height:29px}.results.is-grid .result-meta-details,.results.is-grid .result-alternatives,.results.is-grid .result-context-links{display:none}.results.is-grid .result-badges{gap:3px}.results.is-grid .license-badge,.results.is-grid .best-source-badge{display:none}.results.is-grid .result-group-title{grid-column:1/-1}
.result.is-radio-clickable{cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease}.result.is-radio-clickable:hover,.result.is-radio-clickable:focus-visible{border-color:#F94301;background:#0b4c61;outline:none}.result.is-radio-clickable:active{transform:scale(.992)}.result.is-radio-clickable .result-cover-wrap::after{content:'▶';position:absolute;right:3px;bottom:3px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#F94301;color:#fff;font-size:9px;box-shadow:0 2px 8px #001a26aa}.radio-ready-badge{background:#0e635a!important;border-color:#298d7d!important;color:#fff!important}
.result-title.is-overflowing{display:block;overflow:hidden;text-overflow:ellipsis}.result:hover .result-title.is-overflowing,.result:focus-within .result-title.is-overflowing{animation:xan-result-title-scroll 8s ease-in-out infinite alternate;overflow:visible;text-overflow:clip;width:max-content;max-width:none}@keyframes xan-result-title-scroll{0%,18%{transform:translateX(0)}82%,100%{transform:translateX(-18%)}}
.player-waveform{display:block;width:min(100%,560px);height:38px;margin:1px auto 0;border-radius:8px;background:linear-gradient(90deg,#052f41,#073f53,#052f41);opacity:.7}.player[data-meter="real"] .player-waveform{opacity:1;box-shadow:inset 0 0 0 1px #2c718766,0 0 18px #F9430117}.player[data-playing="1"] .player-art{filter:drop-shadow(0 0 14px #F9430126)}
@media(max-width:860px){.results.is-grid{grid-template-columns:1fr}.flow-search{grid-template-columns:1fr}.flow-search>small{grid-column:1}.flow-search>label{display:none}.player-waveform{height:30px}}
@media(max-width:700px){.flow-search{padding:6px;margin-bottom:7px}.flow-search>small{display:none}.flow-search-bar{min-height:32px}.results.is-grid .result{grid-template-columns:44px minmax(0,1fr);min-height:68px}.results.is-grid .result-cover-wrap,.results.is-grid .result-cover{width:44px;height:44px}.player-waveform{height:22px;margin:0}}
@media(prefers-reduced-motion:reduce){.result:hover .result-title.is-overflowing,.result:focus-within .result-title.is-overflowing{animation:none;overflow:hidden;text-overflow:ellipsis;width:auto}.result.is-radio-clickable{transition:none}}

.results.is-icon{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.results.is-icon .result{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;min-height:142px;padding:9px 7px;gap:7px}.results.is-icon .result-cover-wrap,.results.is-icon .result-cover{width:64px;height:64px;border-radius:12px}.results.is-icon .result-cover-placeholder{font-size:25px}.results.is-icon .result-body{width:100%;gap:4px;justify-items:center}.results.is-icon .result-body>strong{max-width:100%;font-size:11px}.results.is-icon .result-body>small{max-width:100%;font-size:8.5px}.results.is-icon .result-context-links,.results.is-icon .result-meta-details,.results.is-icon .result-alternatives,.results.is-icon .result-badges{display:none}.results.is-icon .result-actions{justify-content:center;flex-wrap:nowrap;max-width:100%}.results.is-icon .result-actions button,.results.is-icon .result-actions a{min-height:28px;padding:4px 6px;font-size:8.5px}.results.is-icon .result-actions button:not(.play):not(.save),.results.is-icon .result-actions a.origin{display:none}.results.is-icon .result-actions .xan-icon-only{display:inline-flex!important;width:29px;min-width:29px;min-height:29px}.results.is-icon .result-group-title{grid-column:1/-1;width:100%}.result.is-playing{border-color:#F94301!important;box-shadow:0 0 0 1px #F9430155,0 8px 20px #001a2755}.result.is-playing .result-cover-wrap::after{content:'Ⅱ';animation:xan-live-badge 1.1s ease-in-out infinite alternate}@keyframes xan-live-badge{from{transform:scale(.9);opacity:.75}to{transform:scale(1.05);opacity:1}}@media(max-width:1200px){.results.is-icon{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.results.is-icon{grid-template-columns:repeat(3,minmax(0,1fr))}.results.is-icon .result{min-height:126px}.results.is-icon .result-cover-wrap,.results.is-icon .result-cover{width:54px;height:54px}}@media(max-width:560px){.results.is-icon{grid-template-columns:repeat(2,minmax(0,1fr))}.results.is-icon .result{min-height:118px;padding:7px 5px}.results.is-icon .result-cover-wrap,.results.is-icon .result-cover{width:48px;height:48px}}@media(prefers-reduced-motion:reduce){.result.is-playing .result-cover-wrap::after{animation:none}}

/* v0.2.52 — visible XAN fallback + digital stage ambience; real rhythm when capture is trustworthy. */
.result-cover-brand{position:relative;overflow:hidden;background:radial-gradient(circle at 45% 38%,#0d6077,#04384b 68%);padding:5px}.result-cover-brand-logo{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit;filter:drop-shadow(0 3px 8px #00182188)}.result-cover-glyph{display:grid;place-items:center;width:100%;height:100%;color:#F94301;font-size:22px}.player-cover-fallback{object-fit:contain!important;padding:8px;background:radial-gradient(circle at 48% 40%,#0b6279,#04384d 62%,#022735);border-radius:18px!important;box-shadow:inset 0 0 0 1px #2e718766!important}
.player .player-art{isolation:isolate;overflow:visible;--meter-level:0;--meter-peak:0;--meter-bass:0;z-index:0}.player .player-art>img{position:relative;z-index:3}.player .player-equalizer{z-index:4}.player .player-art::before,.player .player-art::after{content:"";position:absolute;pointer-events:none;opacity:0;transform:scale(1);z-index:1}.player .player-art::before{inset:-13px;border-radius:28px;border:2px solid rgba(249,67,1,.52);box-shadow:0 0 22px rgba(249,67,1,.26),0 0 48px rgba(249,67,1,.12),inset 0 0 16px rgba(249,67,1,.08)}.player .player-art::after{inset:-25px;border-radius:36px;border:1px solid rgba(62,207,230,.34);box-shadow:0 0 32px rgba(4,167,195,.20),0 0 62px rgba(4,167,195,.10)}
.player[data-playing="1"] .player-art::before{opacity:.46}.player[data-playing="1"] .player-art::after{opacity:.25}.player[data-meter="real"] .player-art::before,.player[data-meter="ambient"] .player-art::before{opacity:calc(.34 + var(--meter-level,0) * .66);transform:scale(calc(1 + var(--meter-bass,0) * .12));box-shadow:0 0 calc(20px + var(--meter-peak,0) * 34px) rgba(249,67,1,.42),0 0 calc(42px + var(--meter-level,0) * 52px) rgba(249,67,1,.16),inset 0 0 calc(10px + var(--meter-level,0) * 24px) rgba(249,67,1,.13)}.player[data-meter="real"] .player-art::after,.player[data-meter="ambient"] .player-art::after{opacity:calc(.20 + var(--meter-level,0) * .50);transform:scale(calc(1 + var(--meter-level,0) * .16)) rotate(var(--meter-orbit,0deg));box-shadow:0 0 calc(26px + var(--meter-level,0) * 44px) rgba(7,179,207,.32)}
.player[data-cover-mode="brand"] .player-art::before,.player[data-cover-mode="brand"] .player-art::after{border-radius:50%}.player[data-cover-mode="brand"] .player-art::before{inset:-14px;border-width:2px}.player[data-cover-mode="brand"] .player-art::after{inset:-28px;border:2px dashed rgba(76,218,239,.50);box-shadow:0 0 28px rgba(7,179,207,.22),0 0 58px rgba(249,67,1,.11)}.player[data-playing="1"] .player-cover-fallback{filter:drop-shadow(0 0 18px rgba(249,67,1,.34))}.player[data-cover-mode="brand"] .player-cover-fallback{padding:4px!important;transform:scale(1.03);border-radius:50%!important}.player[data-meter="real"] .player-cover-fallback,.player[data-meter="ambient"] .player-cover-fallback{filter:drop-shadow(0 0 calc(12px + var(--meter-level,0) * 24px) rgba(249,67,1,.48))}
.player-equalizer{overflow:visible;bottom:-7px;height:42px;background:linear-gradient(0deg,#001824e8 0%,#00374a99 34%,transparent 86%);box-shadow:0 8px 18px rgba(0,0,0,.22);border-radius:0 0 16px 16px}.player-equalizer i{transform-origin:bottom;will-change:height,transform,opacity}.player[data-meter="real"] .player-equalizer,.player[data-meter="ambient"] .player-equalizer{box-shadow:inset 0 -10px 20px rgba(249,67,1,.12),0 8px 18px rgba(0,0,0,.22)}.player[data-meter="real"] .player-equalizer i:nth-child(3n),.player[data-meter="ambient"] .player-equalizer i:nth-child(3n){background:linear-gradient(#8ae8f5,#F94301)}.player[data-meter="real"] .player-equalizer i:nth-child(3n+1),.player[data-meter="ambient"] .player-equalizer i:nth-child(3n+1){background:linear-gradient(#fff3d8,#ff8b35)}.player[data-meter="real"] .player-equalizer i:nth-child(3n+2),.player[data-meter="ambient"] .player-equalizer i:nth-child(3n+2){background:linear-gradient(#78e6f6,#ffb13d)}
.player-waveform{position:relative;height:46px;background:linear-gradient(90deg,#042d3d,#063f53 35%,#062f42 50%,#063f53 65%,#042d3d);box-shadow:inset 0 0 0 1px #286b824d}.player[data-meter="real"] .player-waveform{box-shadow:inset 0 0 0 1px #3a829966,0 0 calc(14px + var(--meter-level,0) * 24px) rgba(249,67,1,.20)}.player[data-playing="1"][data-meter="ambient"] .player-waveform{background:radial-gradient(circle at 50% 50%,#0b5c7066,#073f5355 45%,#042d3d 82%);box-shadow:inset 0 0 0 1px #347b9066,0 0 calc(14px + var(--meter-level,0) * 22px) rgba(249,67,1,.18)}
.player[data-meter="real"][data-playing="1"] .player-art>img{transform:translateY(calc(var(--meter-bass,0) * -2.5px)) scale(calc(1 + var(--meter-bass,0) * .032));transition:transform 55ms linear}.player[data-cover-mode="brand"][data-meter="real"][data-playing="1"] .player-art>img{transform:translateY(calc(var(--meter-bass,0) * -2px)) scale(calc(1.02 + var(--meter-bass,0) * .04))}
@media(max-width:700px){.player .player-art::before{inset:-6px;border-radius:13px}.player .player-art::after{inset:-11px;border-radius:18px}.player-cover-fallback{padding:2px!important;border-radius:9px!important}.result-cover-brand{padding:3px}.player-waveform{height:24px}.player[data-playing="1"][data-meter="ambient"] .player-equalizer i{animation-duration:1.35s}}
@media(prefers-reduced-motion:reduce){.player[data-meter="real"][data-playing="1"] .player-art>img{transform:none;transition:none}.player .player-art::before,.player .player-art::after{box-shadow:none}}
/* v0.2.54 · canvas-backed radial spectrum: direct pixel rendering keeps the visual stage visible even when pseudo-element animation is restricted. */
.player-spectrum{position:absolute;left:50%;top:50%;width:220%;height:220%;max-width:none;transform:translate(-50%,-50%);z-index:2;pointer-events:none;opacity:0;filter:drop-shadow(0 0 8px rgba(249,67,1,.22));transition:opacity .18s ease}.player[data-playing="1"] .player-spectrum{opacity:.58}.player[data-meter="real"] .player-spectrum{opacity:.98}.player[data-meter="ambient"] .player-spectrum{opacity:.82}.player[data-cover-mode="brand"] .player-spectrum{width:238%;height:238%}.player[data-meter="real"] .player-art>img,.player[data-meter="ambient"] .player-art>img{will-change:transform,filter}.player[data-meter="ambient"][data-playing="1"] .player-art>img{animation:xan-ambient-breathe 2.15s ease-in-out infinite}.player[data-cover-mode="brand"][data-meter="ambient"][data-playing="1"] .player-art>img{animation-duration:1.8s}@keyframes xan-ambient-breathe{0%,100%{transform:scale(1.015);filter:drop-shadow(0 0 9px rgba(249,67,1,.20))}50%{transform:scale(1.045);filter:drop-shadow(0 0 20px rgba(249,67,1,.42))}}
@media(max-width:700px){.player-spectrum{width:260%;height:260%}.player[data-cover-mode="brand"] .player-spectrum{width:282%;height:282%}}
@media(prefers-reduced-motion:reduce){.player[data-meter="ambient"][data-playing="1"] .player-art>img{animation-duration:4.8s}.player-spectrum{transition:none}}


/* v0.2.120 — user-provided XAN Office artwork, centered and uncropped; playback preserved. */
#aj-app .app-stage{min-height:0}
#aj-app .xan-hero-v02120{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0;background:#032d40;min-width:0}
#aj-app .xan-office-hero-art{display:block;width:100%;height:auto;max-height:min(65vh,640px);object-fit:contain;object-position:center;border:0;border-radius:14px 14px 0 0;background:#032d40}
#aj-app .xan-office-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px 14px 14px;background:#032d40}
#aj-app .xan-office-hero-actions button{min-height:38px;max-width:100%;color:#fff;font-weight:400}
#aj-app[data-view="home"] #app-search-memory-rows{display:none}
#aj-app[data-view="home"] .xan-search-memory{padding-bottom:0}
@media(max-width:700px){
 #aj-app .xan-hero-v02120{padding:0;min-height:0}
 #aj-app .xan-office-hero-art{width:100%;height:auto;max-height:unset;border-radius:12px 12px 0 0}
 #aj-app .xan-office-hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}
 #aj-app .xan-office-hero-actions button{min-width:0;min-height:38px;padding:7px 5px;font-size:11px}
}
/* v0.2.87 — official provider links now render as icon chips for faster tapping. */
.xan-video-paste{display:grid;gap:7px;margin:9px 0;padding:10px;border:1px solid #367d91;border-radius:12px;background:#053b51;min-width:0}
.xan-video-paste[hidden]{display:none!important}
.xan-video-paste label{font-weight:500;font-size:12px;color:#fff}
.xan-video-paste-row{display:flex;gap:7px;min-width:0}
.xan-video-paste-row input{flex:1;min-width:0;width:100%;background:#fff;color:#143848;border:1px solid #c4dce5;border-radius:8px;padding:9px;font-size:12px}
.xan-video-paste-row button{background:#F94301;color:#fff;border:0;border-radius:8px;padding:9px 11px;white-space:nowrap;cursor:pointer}
/* v0.2.88 — premium, touch-friendly official source links: no external icon assets. */
.xan-video-provider-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
.xan-provider-chip{--chip-accent:#49D2D8;display:flex;align-items:center;gap:8px;min-width:0;min-height:40px;padding:7px 9px;border:1px solid rgba(116,194,210,.42);border-radius:11px;background:linear-gradient(135deg,#0b5168 0%,#07374c 100%);color:#fff;text-decoration:none;font-size:11px;font-weight:400;line-height:1.2;box-shadow:inset 0 1px rgba(255,255,255,.06),0 3px 10px rgba(0,0,0,.10);transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.xan-provider-chip.is-youtube{--chip-accent:#F94301}.xan-provider-chip.is-dailymotion{--chip-accent:#49D2D8}.xan-provider-chip.is-peertube{--chip-accent:#F94301}.xan-provider-chip.is-soundcloud{--chip-accent:#F94301}.xan-provider-chip.is-spotify{--chip-accent:#49D2D8}.xan-provider-chip.is-archive{--chip-accent:#75a6cb}
.xan-provider-chip:hover,.xan-provider-chip:focus-visible{background:linear-gradient(135deg,#10627d 0%,#0a4459 100%);border-color:var(--chip-accent);box-shadow:0 6px 15px rgba(0,0,0,.2);transform:translateY(-1px);color:#fff}
.xan-provider-chip:focus-visible{outline:2px solid #fff;outline-offset:2px}
.xan-provider-chip-icon{display:grid;place-items:center;width:26px;height:26px;min-width:26px;border-radius:8px;background:color-mix(in srgb,var(--chip-accent) 23%,transparent);border:1px solid color-mix(in srgb,var(--chip-accent) 55%,transparent);color:#fff;flex-shrink:0}
.xan-provider-chip-icon svg{display:block;width:17px;height:17px;stroke:currentColor}
.xan-provider-chip-label{min-width:0;flex:1;overflow-wrap:anywhere}
.xan-provider-chip-ext{font-size:12px;opacity:.7;flex-shrink:0}
@media(max-width:360px){.xan-video-provider-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.xan-provider-chip{padding:6px 7px;gap:6px}.xan-provider-chip-icon{width:24px;height:24px;min-width:24px}}
@media(prefers-reduced-motion:reduce){.xan-provider-chip{transition:none}.xan-provider-chip:hover,.xan-provider-chip:focus-visible{transform:none}}
#app-video-original{overflow-wrap:anywhere}
@media(max-width:390px){.xan-video-paste-row{flex-direction:column}.xan-video-paste-row button{width:100%}}

.video-shell iframe.xan-audio-embed{height:166px;aspect-ratio:auto;min-height:125px;background:#03475D}

/* v0.2.89: visible result density selector in the existing action bar. */
.xan-page-size select{min-width:65px;max-width:75px}
@media(max-width:550px){.result-control-bar .xan-page-size{flex:0 1 auto;min-width:0;justify-content:flex-start}.result-control-bar .xan-page-size select{width:auto;min-width:65px}.result-control-bar .xan-search-sort{flex:1 1 100%}}

/* v0.2.94 — full-catalogue continuation control in the existing results section. */
#app-deep-scan{display:inline-flex;align-items:center;justify-content:center;min-height:40px;max-width:100%;margin:8px 0;border:1px solid #F94301;border-radius:10px;background:#F94301;color:#fff;font-weight:400;padding:9px 15px;cursor:pointer}
#app-deep-scan[hidden]{display:none!important}
#app-deep-scan:focus-visible{outline:2px solid #49D2D8;outline-offset:3px}
#app-deep-scan:disabled{opacity:.6;cursor:wait}

/* v0.2.96 — Türkiye 81 il yerel radyo seçimi, mobil ve tablette tek dokunuş. */
#app-radio-city{min-width:0;width:100%;min-height:40px;color:#fff;background:#04374a;border:1px solid #3d8295;border-radius:9px;padding:8px 10px;font-weight:400}
#app-radio-city:focus-visible{outline:2px solid #F94301;outline-offset:2px}
#app-radio-city:disabled{opacity:.5}
.radio-filter-grid .radio-city-select{grid-column:1 / -1}
@media(max-width:650px){.radio-filter-grid .radio-city-select{grid-column:1/-1}#app-radio-city{min-height:44px;font-size:14px}}

.radio-local-badge{background:#074b5f;border-color:#F94301;color:#fff;font-weight:400}

/* v0.2.99 — compact reliable playback controls. No duplicate media instance. */
#aj-app #app-radio-refresh:not([hidden]){display:inline-flex;align-items:center;justify-content:center;border-color:#f94301;background:#0b5067;color:#fff;font-size:22px}
#aj-app #app-radio-refresh:disabled{opacity:.42;cursor:wait}
#aj-app #app-radio-refresh:focus-visible,.xan-video-tools button:focus-visible{outline:2px solid #49D2D8;outline-offset:2px}
.xan-video-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px}
.xan-video-tools a{color:#fff;text-decoration:underline;text-underline-offset:3px;font-size:12px;overflow-wrap:anywhere}
.xan-video-tools button:not([hidden]){display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;border:1px solid #f94301;border-radius:9px;background:#f94301;color:#fff;font-size:12px;font-weight:400;cursor:pointer}
@media(max-width:700px){
 #aj-app .player[data-media-kind="radio"] #app-prev,#aj-app .player[data-media-kind="radio"] #app-next{display:none}
 #aj-app .player[data-media-kind="radio"] #app-radio-refresh:not([hidden]){min-width:38px;min-height:38px;font-size:21px}
 #aj-app .player[data-media-kind="radio"] .player-controls{gap:5px}
 .xan-video-tools button:not([hidden]){flex:0 0 auto}
}

/* v0.2.110 — six-province radio quick filters. No interference with result card layout. */
.xan-region-radio{display:grid;gap:8px;margin:8px 0 10px;min-width:0}
.xan-region-radio[hidden],.xan-region-radio-districts[hidden]{display:none!important}
.xan-region-radio-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:500;color:#fff}
.xan-region-radio-head button{border:0;background:transparent;color:#78e2e5;font-size:11px;font-weight:400;text-decoration:underline;cursor:pointer;padding:5px}
.xan-region-radio-cities,.xan-region-radio-districts{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.xan-region-radio-cities button,.xan-region-radio-districts button{border:1px solid #4a8295;border-radius:9px;background:#0a4a61;color:#fff;font-size:11px;font-weight:400;min-height:36px;padding:7px 10px;cursor:pointer;white-space:nowrap}
.xan-region-radio-cities button[aria-pressed=true],.xan-region-radio-districts button[aria-pressed=true]{background:#F94301;border-color:#F94301;color:#fff}
.xan-region-radio-cities button:focus-visible,.xan-region-radio-districts button:focus-visible{outline:2px solid #49d2d8;outline-offset:2px}
.xan-region-radio-districts{padding-top:6px;border-top:1px solid #36697b}
@media(max-width:430px){.xan-region-radio{gap:7px}.xan-region-radio-cities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.xan-region-radio-cities button{padding:7px 4px;min-width:0}.xan-region-radio-districts button{min-height:34px;padding:6px 9px}}


/* v0.2.112 — 7-region radio navigation; only province click fetches radio records. */
.xan-tr-radio-regions{display:grid;gap:8px;min-width:0;padding:9px;border:1px solid #2d6c80;border-radius:11px;background:#04394d}
.xan-tr-radio-regions[hidden],.xan-tr-radio-provinces[hidden],.xan-tr-radio-expand[hidden]{display:none!important}
.xan-tr-radio-regions-head{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0}
.xan-tr-radio-regions-head strong{color:#fff;font-size:12px;font-weight:500}
.xan-tr-radio-regions-head span{font-size:11px;font-weight:400;color:#c7e1e9;text-align:right}
.xan-tr-radio-region-pills{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding-bottom:3px;min-width:0;scrollbar-width:thin}
.xan-tr-radio-region-pills button{flex:0 0 auto;scroll-snap-align:start;border:1px solid #397f93;background:#0b5066;border-radius:999px;color:#fff;font-size:11px;font-weight:400;min-height:38px;padding:8px 11px;cursor:pointer;white-space:nowrap}
.xan-tr-radio-region-pills button[aria-pressed=true],.xan-tr-radio-provinces button[aria-pressed=true]{background:#F94301;border-color:#F94301;color:#fff}
.xan-tr-radio-provinces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0}
.xan-tr-radio-provinces button{min-width:0;min-height:37px;padding:7px 5px;background:#07516b;border:1px solid #42849a;border-radius:8px;color:#fff;font-size:11px;font-weight:400;line-height:1.25;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
.xan-tr-radio-expand{justify-self:start;min-height:35px;border:1px solid #40869b;background:#07516b;color:#fff;border-radius:8px;padding:6px 10px;font-size:11px;font-weight:400;cursor:pointer}
.xan-tr-radio-regions button:focus-visible{outline:2px solid #49D2D8;outline-offset:2px}
@media(min-width:850px){.xan-tr-radio-provinces{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:359px){.xan-tr-radio-provinces{grid-template-columns:repeat(2,minmax(0,1fr))}.xan-tr-radio-region-pills button{min-height:40px}}

.xan-tr-radio-regions-head #xan-tr-radio-all:not([hidden]){display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:5px 8px;background:#0a5068;color:#fff;border:1px solid #F94301;border-radius:8px;font-size:11px;font-weight:400;cursor:pointer;white-space:nowrap}
@media(max-width:390px){.xan-tr-radio-regions-head{flex-wrap:wrap}.xan-tr-radio-regions-head #xan-tr-radio-all{margin-left:auto}}

.xan-region-radio.is-region-selected .xan-region-radio-head,.xan-region-radio.is-region-selected .xan-region-radio-cities{display:none}

/* v0.2.116 — compact cultural radio shortcuts, independent of geographic location */
.xan-radio-language-quick{display:flex;flex-wrap:wrap;gap:7px;min-width:0;margin:8px 0}
.xan-radio-language-quick button{flex:1 1 auto;min-height:38px;padding:7px 10px;border:1px solid #428498;border-radius:10px;background:#0a5068;color:#fff;font-size:11px;font-weight:400;white-space:nowrap;cursor:pointer}
.xan-radio-language-quick button:hover,.xan-radio-language-quick button[aria-pressed=true]{background:#F94301;color:#fff;border-color:#F94301}
.xan-radio-language-quick button:focus-visible{outline:2px solid #49D2D8;outline-offset:2px}
@media(max-width:390px){.xan-radio-language-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.xan-radio-language-quick button{white-space:normal;overflow-wrap:anywhere}}

/* v0.3.3-RC1: documents live in Kitaplığım, same IndexedDB and permissions. */
#aj-app .xan-library-documents{min-width:0;display:grid;gap:9px;background:rgba(3,71,93,.43);border:1px solid #4a8296;border-radius:12px;padding:12px;margin:0 0 16px}
#aj-app .xan-library-doc-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
#aj-app .xan-library-doc-head h3{font-size:16px;font-weight:500;color:#fff;margin:0 0 2px}
#aj-app .xan-library-doc-head span{font-size:12px;color:#fff}
#aj-app .xan-library-documents>small{font-size:11px;color:#fff;line-height:1.45}
#aj-app .xan-documents-search{color:#fff;display:flex;gap:9px;align-items:center;font-size:12px;font-weight:400}
#aj-app .xan-documents-search input{min-width:0;width:min(100%,300px);min-height:39px;border:1px solid #8cb7ca;background:#fff;color:#111;border-radius:7px;padding:8px 10px;font-size:13px}
#aj-app .xan-library-doc-results{min-width:0;display:grid;gap:8px}
#aj-app .xan-library-documents .file-button{font-size:12px;min-height:40px;color:#fff;background:#F94301;border-color:#F94301}
@media(max-width:520px){#aj-app .xan-documents-search{align-items:stretch;flex-direction:column}#aj-app .xan-documents-search input{width:100%}}