:root{--bg:#f6f0e4;--panel:#fffaf0;--ink:#221a22;--muted:#756b70;--line:rgba(69,49,58,.14);--accent:#8e6ba9;--accent2:#b78dd2;--gold:#aa854d;--shadow:0 18px 55px rgba(44,29,37,.10);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -10%,rgba(183,141,210,.14),transparent 34%),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding-bottom:118px}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}.topbar{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg) 89%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.topbar-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-family:Georgia,serif;letter-spacing:.15em;font-size:22px}.brand-mark{width:44px;height:44px;border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);border-radius:50%;display:grid;place-items:center;letter-spacing:0;font-size:20px}.brand-copy small{display:block;font:600 9px/1.4 ui-sans-serif,system-ui;letter-spacing:.18em;margin-top:3px}.back{color:inherit;text-decoration:none;font-size:13px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:64px;align-items:center;padding-block:72px}.eyebrow{margin:0 0 16px;color:var(--accent);font-weight:800;font-size:12px;letter-spacing:.18em}.hero h1{font:500 clamp(52px,7vw,92px)/.98 Georgia,serif;letter-spacing:-.045em;margin:0}.hero h1 em{font-weight:400;color:var(--accent2)}.lead{max-width:690px;color:var(--muted);font-size:18px;line-height:1.7;margin:28px 0}.hero-meta{display:flex;gap:10px;flex-wrap:wrap}.hero-meta span{border:1px solid var(--line);border-radius:999px;padding:9px 13px;font-size:12px}.cover-wrap{margin:0;justify-self:end}.cover-wrap img{width:min(390px,100%);aspect-ratio:1;border-radius:30px;display:block;box-shadow:var(--shadow)}.cover-wrap figcaption{text-align:right;color:var(--muted);font-size:10px;margin-top:10px}.intro-row{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:20px 0 28px;border-top:1px solid var(--line)}.intro-row h2,.note-card h2{font:500 36px/1.1 Georgia,serif;margin:0}.intro-row>p{max-width:500px;color:var(--muted);line-height:1.6;margin:0}.track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:56px}.track{border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--panel) 82%,transparent);padding:20px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;cursor:pointer;transition:.2s ease;min-height:116px}.track:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 12px 32px rgba(45,27,48,.08)}.track.is-active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent) inset}.hz{width:62px;height:62px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 40%,var(--line));display:grid;place-items:center;font:600 17px Georgia,serif;color:var(--accent)}.track small{display:block;color:var(--muted);font-size:10px;letter-spacing:.11em;margin-bottom:6px}.track strong{display:block;font:600 22px/1.15 Georgia,serif}.track p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.track-play{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:transparent;color:inherit;font-size:16px;cursor:pointer}.note-card{margin-bottom:64px;border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;background:color-mix(in srgb,var(--panel) 82%,transparent)}.note-card>p{margin:0;color:var(--muted);line-height:1.7}.footer{display:flex;justify-content:space-between;padding:24px 0 42px;color:var(--muted);font-size:12px}.footer a{color:inherit}.player{position:fixed;z-index:70;left:0;right:0;bottom:0;border-top:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(22px);box-shadow:0 -18px 55px rgba(28,16,28,.08)}.player-inner{min-height:94px;display:grid;grid-template-columns:58px minmax(150px,1fr) 40px 50px 40px minmax(250px,1.5fr) auto auto;align-items:center;gap:10px}.player img{width:52px;height:52px;object-fit:cover;border-radius:13px}.now{min-width:0}.now small{display:block;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.13em}.now strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px;font:600 16px Georgia,serif}.round,.play,.mode{border:1px solid var(--line);background:transparent;color:inherit;cursor:pointer}.round{width:38px;height:38px;border-radius:50%;font-size:24px}.play{width:50px;height:50px;border-radius:50%;background:var(--accent);border-color:var(--accent);color:#fff;font-size:16px}.play:disabled{opacity:.45;cursor:not-allowed}.timeline{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:8px;color:var(--muted);font-size:10px}.timeline input{width:100%;accent-color:var(--accent)}.mode{min-height:38px;border-radius:999px;padding:0 12px;font-size:11px}.mode[aria-pressed="true"]{border-color:var(--accent);color:var(--accent)}.timer-wrap{position:relative}.timer-menu{position:absolute;right:0;bottom:48px;border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:6px;box-shadow:var(--shadow);min-width:120px}.timer-menu button{display:block;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:9px 10px;border-radius:9px;cursor:pointer}.timer-menu button:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}
html[data-theme="night"]{--bg:#100817;--panel:#170d20;--ink:#f7f0fa;--muted:#b9aabd;--line:rgba(225,196,239,.16);--accent:#cda3e5;--accent2:#dcb8ef;--gold:#d0ad71;--shadow:0 22px 65px rgba(0,0,0,.38);background:#100817}html[data-theme="night"] body{background:radial-gradient(circle at 50% 0,rgba(94,45,116,.38),transparent 35%),linear-gradient(rgba(11,5,17,.72),rgba(11,5,17,.82)),url('assets/kozmik-murdum-kapak.jpg') center top/cover fixed no-repeat,#100817}html[data-theme="night"] .topbar,html[data-theme="night"] .player{background:rgba(15,7,22,.90)}html[data-theme="night"] .track,html[data-theme="night"] .note-card{background:rgba(25,12,35,.76)}html[data-theme="night"] .track.is-active{background:rgba(69,35,85,.66)}html[data-theme="night"] .timer-menu{background:#180d21}
@media(max-width:820px){body{padding-bottom:150px}.shell{width:min(100% - 28px,1180px)}.topbar-inner{min-height:66px}.brand{font-size:18px}.brand-mark{width:38px;height:38px}.hero{grid-template-columns:1fr;gap:28px;padding-block:42px}.hero h1{font-size:clamp(46px,14vw,68px)}.lead{font-size:16px;margin:22px 0}.cover-wrap{justify-self:stretch}.cover-wrap img{width:100%;max-width:none;border-radius:22px}.intro-row{align-items:start;flex-direction:column;gap:10px}.intro-row h2,.note-card h2{font-size:30px}.track-grid{grid-template-columns:1fr}.track{padding:16px;min-height:100px}.hz{width:54px;height:54px}.track strong{font-size:20px}.note-card{grid-template-columns:1fr;gap:14px}.player-inner{min-height:132px;padding-block:10px;grid-template-columns:48px 1fr 42px 52px 42px;grid-template-areas:"cover now prev play next" "timeline timeline timeline loop timer";gap:8px}.player img{grid-area:cover;width:46px;height:46px}.now{grid-area:now}.round#prev{grid-area:prev}.play{grid-area:play}.round#next{grid-area:next}.timeline{grid-area:timeline}.mode#loop{grid-area:loop}.timer-wrap{grid-area:timer;justify-self:end}.mode span{display:none}.footer{padding-bottom:24px}}
@media(max-width:520px){.shell{width:calc(100% - 22px)}.back{font-size:0}.back::after{content:'←';font-size:20px}.hero{padding-top:32px}.hero-meta{gap:7px}.hero-meta span{font-size:10px}.track{grid-template-columns:auto 1fr auto;gap:12px}.hz{width:48px;height:48px;font-size:15px}.track strong{font-size:18px}.track p{font-size:12px}.track-play{width:42px;height:42px}.note-card{padding:20px}.player-inner{width:calc(100% - 16px)}.timeline{grid-template-columns:34px 1fr 34px}.now strong{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* V7.9.2 — FILUXIA Kozmik Audio Visualizer */
.cover-wrap{width:min(470px,100%)}
.visualizer-stage{--viz-energy:0;position:relative;width:100%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(173,112,203,.20) 0 22%,rgba(86,42,105,.10) 43%,rgba(255,255,255,.03) 62%,transparent 72%);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);box-shadow:0 24px 72px rgba(52,29,62,.15),inset 0 0 70px rgba(174,111,204,.08)}
#visualizer-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.visualizer-aura{position:absolute;z-index:0;width:66%;height:66%;border-radius:50%;background:radial-gradient(circle,rgba(205,163,229,.22),rgba(142,107,169,.08) 46%,transparent 72%);filter:blur(calc(12px + var(--viz-energy)*10px));transform:scale(calc(1 + var(--viz-energy)*.09));opacity:calc(.55 + var(--viz-energy)*.32);transition:transform .16s linear,opacity .16s linear,filter .16s linear;pointer-events:none}
.visualizer-cover-shell{position:relative;z-index:2;width:58%;aspect-ratio:1;border-radius:27%;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);box-shadow:0 20px 55px rgba(36,15,43,.30),0 0 calc(34px + var(--viz-energy)*34px) rgba(183,141,210,calc(.12 + var(--viz-energy)*.18));transform:scale(calc(1 + var(--viz-energy)*.018));transition:transform .12s linear,box-shadow .12s linear;background:var(--panel)}
.visualizer-cover-shell img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;box-shadow:none}
.visualizer-status{position:absolute;z-index:3;left:50%;bottom:8.5%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;max-width:78%;padding:7px 11px;border:1px solid color-mix(in srgb,var(--accent) 26%,transparent);border-radius:999px;background:color-mix(in srgb,var(--panel) 76%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:10px;font-weight:800;letter-spacing:.08em;white-space:nowrap;color:var(--muted);box-shadow:0 8px 24px rgba(30,14,36,.10)}
.visualizer-dot{width:6px;height:6px;border-radius:50%;background:var(--muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--muted) 13%,transparent)}
.visualizer-stage.is-playing .visualizer-dot{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent),0 0 14px color-mix(in srgb,var(--accent) 62%,transparent)}
.visualizer-stage.is-playing .visualizer-status{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 42%,transparent)}
html[data-theme="night"] .visualizer-stage{background:radial-gradient(circle at 50% 48%,rgba(192,127,223,.22) 0 20%,rgba(100,45,122,.13) 42%,rgba(17,8,25,.35) 63%,transparent 73%);border-color:rgba(225,196,239,.18);box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 0 85px rgba(161,89,194,.10)}
html[data-theme="night"] .visualizer-status{background:rgba(17,8,24,.70);color:#cdbed2;border-color:rgba(225,196,239,.17)}
@media(max-width:820px){.cover-wrap{width:min(100%,560px);justify-self:center}.visualizer-stage{width:min(100%,520px);margin-inline:auto}.visualizer-cover-shell{width:60%}.visualizer-status{bottom:7.5%;font-size:9px;padding:6px 10px}}
@media(max-width:520px){.visualizer-stage{width:min(100%,430px)}.visualizer-cover-shell{width:62%;border-radius:25%}.visualizer-status{max-width:84%;font-size:8px;letter-spacing:.06em}.cover-wrap figcaption{text-align:center}}
@media(prefers-reduced-motion:reduce){.visualizer-aura,.visualizer-cover-shell{transition:none!important;transform:none!important}}
/* FILUXIA V7.9.4 — stronger native-audio visualizer */
.visualizer-stage{--viz-energy:0;overflow:visible!important;background:radial-gradient(circle at 50% 48%,rgba(173,112,203,.24) 0 20%,rgba(86,42,105,.12) 40%,rgba(255,255,255,.025) 62%,transparent 74%)!important;box-shadow:0 26px 78px rgba(52,29,62,.17),inset 0 0 78px rgba(174,111,204,.10)!important}
#visualizer-canvas{inset:-4%!important;width:108%!important;height:108%!important;transform:translate(-3.7%,-3.7%);overflow:visible}
.visualizer-aura{width:72%!important;height:72%!important;filter:blur(calc(13px + var(--viz-energy)*16px))!important;transform:scale(calc(1 + var(--viz-energy)*.15))!important;opacity:calc(.58 + var(--viz-energy)*.38)!important}
.visualizer-cover-shell{width:54%!important;box-shadow:0 20px 55px rgba(36,15,43,.30),0 0 calc(40px + var(--viz-energy)*54px) rgba(183,141,210,calc(.13 + var(--viz-energy)*.25))!important;transform:scale(calc(1 + var(--viz-energy)*.028))!important}
.visualizer-stage.is-playing{border-color:color-mix(in srgb,var(--accent) 50%,transparent)!important}
html[data-theme="night"] .visualizer-stage{box-shadow:0 32px 96px rgba(0,0,0,.46),inset 0 0 92px rgba(161,89,194,.13),0 0 42px rgba(182,102,221,.08)!important}
@media(max-width:520px){#visualizer-canvas{inset:-2%!important;width:104%!important;height:104%!important;transform:translate(-1.9%,-1.9%)}.visualizer-cover-shell{width:56%!important}}
@media(prefers-reduced-motion:reduce){#visualizer-canvas{opacity:.68}.visualizer-aura,.visualizer-cover-shell{transform:none!important}}
/* V7.9.5 sensitivity/readability lift */
.visualizer-stage{--viz-motion:0}
.visualizer-aura{filter:blur(calc(12px + var(--viz-energy)*18px + var(--viz-motion)*5px))!important;transform:scale(calc(1 + var(--viz-energy)*.17 + var(--viz-motion)*.025))!important}
.visualizer-cover-shell{box-shadow:0 20px 55px rgba(36,15,43,.30),0 0 calc(44px + var(--viz-energy)*62px + var(--viz-motion)*18px) rgba(183,141,210,calc(.14 + var(--viz-energy)*.28))!important}

/* FILUXIA V7.9.8 — Kozmik Mürdüm + Adaçayı Sis collection system */
body{transition:background-color .35s ease,color .25s ease;background-attachment:fixed}
.hero{padding-top:58px}
.collection-switch{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:24px 0 4px}
.collection-switch>span{margin-right:3px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.collection-button{min-height:42px;padding:0 16px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--panel) 72%,transparent);color:var(--ink);font:750 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,color .18s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.collection-button:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}
.collection-button.is-active{background:color-mix(in srgb,var(--accent) 15%,var(--panel));border-color:color-mix(in srgb,var(--accent) 66%,var(--line));color:color-mix(in srgb,var(--accent) 88%,var(--ink));box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 17%,transparent) inset}
.collection-button small{display:block;margin-top:2px;font-size:8px;font-weight:650;color:var(--muted);letter-spacing:.05em}
.series-transition-note{margin-top:11px;color:var(--muted);font-size:11px;line-height:1.45}
.intro-row [data-series-description]{max-width:530px}
.track{backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.visualizer-stage{transition:background .35s ease,border-color .35s ease,box-shadow .35s ease}
.visualizer-cover-shell img{transition:opacity .18s ease}
.player{transition:background .3s ease,border-color .3s ease}

/* Kozmik Mürdüm collection */
body[data-collection="kozmik"]{--accent:#9b72b5;--accent2:#c79bdd}
html[data-theme="day"] body[data-collection="kozmik"]{background:radial-gradient(circle at 82% -8%,rgba(174,111,204,.16),transparent 34%),linear-gradient(rgba(247,242,233,.95),rgba(247,242,233,.98)),url('assets/kozmik-murdum-kapak.jpg') center top/cover fixed no-repeat,var(--bg)}
html[data-theme="night"] body[data-collection="kozmik"]{background:radial-gradient(circle at 50% 0,rgba(94,45,116,.38),transparent 35%),linear-gradient(rgba(11,5,17,.72),rgba(11,5,17,.84)),url('assets/kozmik-murdum-kapak.jpg') center top/cover fixed no-repeat,#100817}

/* Adaçayı Sis collection */
body[data-collection="adacayi"]{--bg:#edf0e7;--panel:#f8f7ef;--ink:#253029;--muted:#6a746c;--line:rgba(65,82,69,.17);--accent:#6f9478;--accent2:#94ad91;--gold:#b18d53;--shadow:0 18px 55px rgba(35,55,40,.12)}
html[data-theme="day"] body[data-collection="adacayi"]{background:radial-gradient(circle at 72% 12%,rgba(211,182,126,.19),transparent 27%),linear-gradient(rgba(239,243,233,.80),rgba(239,243,233,.91)),url('assets/adacayi-sis-kapak.jpg') center 18%/cover fixed no-repeat,#edf0e7}
html[data-theme="night"] body[data-collection="adacayi"]{--bg:#0d1712;--panel:#142018;--ink:#f4f2e8;--muted:#b8c1b7;--line:rgba(214,226,207,.16);--accent:#9ac5a5;--accent2:#c1d2b8;--gold:#d5b779;--shadow:0 22px 68px rgba(0,0,0,.39);background:radial-gradient(circle at 65% 16%,rgba(191,163,104,.16),transparent 28%),linear-gradient(rgba(7,18,12,.76),rgba(7,16,12,.88)),url('assets/adacayi-sis-kapak.jpg') center 18%/cover fixed no-repeat,#0d1712}
body[data-collection="adacayi"] .track,body[data-collection="adacayi"] .note-card{background:color-mix(in srgb,var(--panel) 80%,transparent)}
html[data-theme="night"] body[data-collection="adacayi"] .track,html[data-theme="night"] body[data-collection="adacayi"] .note-card{background:rgba(18,32,23,.78)}
body[data-collection="adacayi"] .visualizer-stage{background:radial-gradient(circle at 50% 48%,rgba(211,190,139,.25) 0 18%,rgba(121,160,128,.18) 38%,rgba(236,241,226,.07) 61%,transparent 75%)!important;border-color:rgba(121,160,128,.34)!important;box-shadow:0 28px 82px rgba(54,82,61,.18),inset 0 0 84px rgba(134,174,142,.15)!important}
html[data-theme="night"] body[data-collection="adacayi"] .visualizer-stage{background:radial-gradient(circle at 50% 48%,rgba(216,186,119,.18) 0 18%,rgba(99,151,111,.17) 40%,rgba(8,18,12,.38) 64%,transparent 76%)!important;border-color:rgba(181,214,185,.22)!important;box-shadow:0 32px 98px rgba(0,0,0,.48),inset 0 0 94px rgba(118,168,128,.14),0 0 44px rgba(205,180,117,.07)!important}
body[data-collection="adacayi"] .visualizer-aura{background:radial-gradient(circle,rgba(217,190,132,.24),rgba(111,157,121,.13) 46%,transparent 72%)}
body[data-collection="adacayi"] .visualizer-cover-shell{border-color:rgba(186,166,113,.45);box-shadow:0 20px 55px rgba(36,54,40,.28),0 0 calc(44px + var(--viz-energy)*62px + var(--viz-motion)*18px) rgba(116,163,126,calc(.15 + var(--viz-energy)*.24))!important}
body[data-collection="adacayi"] .visualizer-status{border-color:rgba(126,161,133,.34);background:color-mix(in srgb,var(--panel) 79%,transparent)}
html[data-theme="night"] body[data-collection="adacayi"] .visualizer-status{background:rgba(10,20,14,.76);color:#d1d8cf;border-color:rgba(182,211,185,.20)}
body[data-collection="adacayi"] .visualizer-stage.is-playing .visualizer-dot{background:#a8c9ad;box-shadow:0 0 0 4px rgba(126,170,136,.18),0 0 16px rgba(216,186,117,.40)}
body[data-collection="adacayi"] .player{background:color-mix(in srgb,var(--bg) 91%,transparent)}
html[data-theme="night"] body[data-collection="adacayi"] .player{background:rgba(9,18,13,.91)}

/* Global header follows the selected sound world on this page. */
html[data-collection="adacayi"] .fi-global-header{--fi-nav-bg:rgba(239,243,233,.92);--fi-nav-bg-solid:#eff3e9;--fi-nav-ink:#253029;--fi-nav-muted:#68736a;--fi-nav-line:rgba(76,96,79,.18);--fi-nav-gold:#9c7b45;--fi-nav-panel:#f5f7ef;--fi-nav-hover:rgba(111,148,120,.09)}
html[data-theme="night"][data-collection="adacayi"] .fi-global-header{--fi-nav-bg:rgba(10,20,14,.90);--fi-nav-bg-solid:#0c1710;--fi-nav-ink:#f2f2e8;--fi-nav-muted:#b4c0b5;--fi-nav-line:rgba(204,224,203,.15);--fi-nav-gold:#d0b274;--fi-nav-panel:#132119;--fi-nav-hover:rgba(154,197,165,.10)}

@media(max-width:820px){.hero{padding-top:38px}.collection-switch{margin-top:19px}.collection-button{min-height:44px;padding-inline:14px}.series-transition-note{font-size:10px}.intro-row [data-series-description]{max-width:none}}
@media(max-width:520px){.collection-switch{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.collection-switch>span{grid-column:1/-1;margin:0 0 1px}.collection-button{width:100%;padding:0 10px}.hero-meta{margin-top:14px}}
@media(prefers-reduced-motion:reduce){body,.collection-button,.visualizer-stage,.visualizer-cover-shell img,.player{transition:none!important}}
