:root{color-scheme:dark;--bg:#111412;--panel:#191d19;--line:#2b312b;--muted:#899187;--text:#f0f1e9;--green:#c5ed9c;--danger:#eea6a0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:0;color:inherit;background:transparent}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}a{color:inherit;text-decoration:none}button{transition:background .18s,color .18s,transform .18s}button:hover{color:var(--green)}input:not([type=range]),select{width:100%;padding:13px 14px;border:1px solid #394136;border-radius:9px;background:#111610;color:var(--text)}input::placeholder{color:#747e70}input[type=range]{accent-color:var(--green);cursor:pointer;height:4px}label{display:grid;gap:8px;font-size:13px;color:#c5cbbc}h1,h2,h3,p{margin:0}.muted{color:var(--muted);line-height:1.7}.small{font-size:12px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--green);color:#1e2a17;border:1px solid transparent;border-radius:8px;padding:13px 19px;font-weight:650;white-space:nowrap}.primary:hover{background:#d6f7b4;color:#17230f;transform:translateY(-1px)}.subtle{border:1px solid var(--line);border-radius:7px;padding:10px 12px;font-size:12px}.subtle:hover{background:#263022}.danger{color:var(--danger)}.icon-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-size:18px}.icon-btn:hover{background:#ffffff0b}.sidebar{position:fixed;inset:0 auto 102px 0;width:240px;background:#151915;border-right:1px solid var(--line);padding:34px 22px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:2px;font-size:20px}.brand-icon{background:var(--green);color:#192614;letter-spacing:-2px;border-radius:10px;width:39px;height:39px;display:inline-flex;align-items:center;justify-content:center;font-size:31px;font-weight:800;padding-bottom:5px}.brand-caption{font-size:8px;letter-spacing:2.4px;color:var(--muted);margin:13px 0 54px 2px}.nav-section,.nav-heading{color:#7e877a;letter-spacing:1.8px;font-size:9px;font-weight:650}.nav-section{margin:0 12px 17px}.nav-item{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:13px 12px;border-radius:8px;color:#a7afa0;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.nav-item>span:first-child{font-size:20px}.nav-item>b{font-size:10px;font-weight:500;margin-left:auto;border-radius:5px;background:#c5ed9c17;padding:2px 6px}.nav-item.active{color:var(--green);background:#c5ed9c10}.nav-item:hover{background:#c5ed9c0a}.nav-heading{display:flex;align-items:center;justify-content:space-between;margin:31px 6px 9px 12px}#playlistNav{overflow:auto;min-height:60px}.playlist-empty{font-size:12px;color:#7b8576;padding:12px;line-height:1.8}.sidebar-bottom{margin-top:auto;padding-top:20px}.studio-badge{border-top:1px solid var(--line);padding-top:21px;font-size:11px;display:flex;align-items:center;gap:8px;color:#c6cdbe}.status-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;flex-shrink:0}.sidebar-bottom>p{font-size:12px;line-height:1.8;color:#7e897a;margin:13px 0 20px}.sidebar-bottom .nav-item{font-size:12px}.main{margin-left:240px;padding:0 42px 120px;max-width:1800px}.topbar{height:103px;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{font-size:10px;letter-spacing:1.5px;color:#838b7e}.breadcrumb span{margin:0 15px;color:#505a4c}.breadcrumb strong{font-weight:500;color:#b8c1b1;letter-spacing:0}.top-actions{display:flex;align-items:center;gap:20px}.private-pill{font-size:9px;letter-spacing:1.4px;color:#9ea996;border:1px solid var(--line);border-radius:30px;padding:8px 11px}.hero{min-height:320px;border-radius:13px;overflow:hidden;display:grid;grid-template-columns:1.15fr 1fr;background:#232d23;border:1px solid #364132}.hero-copy{padding:39px 37px;z-index:1}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:650;color:#afbda4;display:flex;align-items:center;gap:8px}.hero h1{font-size:clamp(34px,3.6vw,56px);font-weight:500;letter-spacing:-2.2px;line-height:1.12;margin:24px 0 18px}.hero h1 em{font-style:normal;color:var(--green)}.hero p{font-size:12px;line-height:1.8;color:#a8b59f}.hero-buttons{display:flex;align-items:center;gap:20px;margin-top:26px}.hero-buttons>span{font-size:10px;color:#9dac93;max-width:100px;line-height:1.7}.record-art{position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 80% 40%,#72805b55,transparent 75%);min-height:325px;overflow:hidden}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#bfcbbd08 1px,transparent 1px),linear-gradient(90deg,#bfcbbd08 1px,transparent 1px);background-size:36px 36px;transform:rotate(-12deg) scale(1.3)}.art-top,.art-bottom{position:absolute;left:30px;right:28px;font-size:8px;letter-spacing:2.5px;color:#b3c1a28c;z-index:2}.art-top{top:26px}.art-bottom{bottom:24px;display:flex;justify-content:space-between}.vinyl{width:290px;height:290px;flex-shrink:0;border-radius:50%;position:relative;transform:rotate(-23deg);background:repeating-radial-gradient(circle at center,#161a16 0px,#161a16 2px,#343b31 3px,#191e18 4px);border:9px solid #171d17;box-shadow:12px 27px 40px #0007,-2px -2px 0 #b9c1ae22}.vinyl:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 35deg,transparent,#e2eace1a 13%,transparent 25%,transparent 45%,#f3ffd31a 60%,transparent 72%);pointer-events:none}.record-label{position:absolute;inset:29%;border-radius:50%;background:#c5ed9c;color:#2b3d22;display:flex;flex-direction:column;align-items:center;justify-content:center}.record-label:after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#151b14;border:3px solid #88a66d;top:calc(50% - 5px)}.record-label span{font-size:8px;letter-spacing:2px}.record-label b{font-size:43px;line-height:1.2;letter-spacing:-4px}.record-label small{font-size:4px;letter-spacing:1.2px;margin-top:8px}.collection{margin-top:34px}.collection-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.collection-top .eyebrow{font-size:8px;letter-spacing:1.7px;color:#77846e}.collection h2{font-size:23px;letter-spacing:-.7px;font-weight:550;margin-top:9px;overflow-wrap:anywhere}.collection h2 span{font-size:11px;vertical-align:middle;margin-left:9px;background:#232c20;color:#a6b59a;padding:4px 8px;border-radius:6px;font-weight:400}.collection-actions{display:flex;align-items:center;gap:8px}.search{display:flex;align-items:center;position:relative}.search>span{position:absolute;left:12px;color:#a2ae99;font-size:23px}.search input{background:#191e18;padding:12px 12px 12px 37px;border:1px solid #2a3326;font-size:11px;width:218px}.track-head,.track-row{display:grid;grid-template-columns:36px minmax(140px,1fr) 125px 75px 38px;gap:12px;align-items:center;padding:0 12px}.track-head{height:36px;font-size:8px;letter-spacing:1.6px;color:#76806f;border-bottom:1px solid var(--line)}.track-row{min-height:77px;border-bottom:1px solid #252c23;border-radius:6px}.track-row:hover{background:#1a2218}.track-row.current{background:#c5ed9c0a}.track-number{font-size:11px;color:#7b8970;width:30px;height:34px}.current .track-number{color:var(--green)}.track-info{display:flex;align-items:center;gap:15px;min-width:0;text-align:left;width:100%;padding:8px 0}.track-info>div:last-child{min-width:0}.track-name{font-weight:550;letter-spacing:.1px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{font-size:10px;color:#87967e;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cover{width:46px;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:23px;border-radius:7px;background:radial-gradient(ellipse at 20% 20%,#89997b,#344438 60%,#18251e);color:#c8d5bd;position:relative;overflow:hidden}.cover:after{content:'';position:absolute;width:40px;height:40px;border:1px solid #e8f4d83a;border-radius:50%;transform:translate(12px,14px)}.cover.c1{background:linear-gradient(140deg,#7e6260,#382e43);color:#dec7bd}.cover.c2{background:linear-gradient(140deg,#697e85,#213f4c);color:#c4d8df}.cover.c3{background:linear-gradient(140deg,#9e8b54,#514329);color:#e9dbb9}.cover.c4{background:linear-gradient(140deg,#7d7190,#343449);color:#dfd4e5}.track-date,.track-size{font-size:10px;color:#8d9a84}.collection-foot{display:flex;justify-content:space-between;font-size:9px;color:#626e5b;padding:20px 8px}.collection-foot>span:last-child{font-size:8px;letter-spacing:1.7px}.page-footer{display:flex;justify-content:space-between;color:#5f6b58;font-size:9px;margin-top:26px}.page-footer>span:first-child{letter-spacing:2px}.player{position:fixed;bottom:0;left:0;right:0;height:102px;border-top:1px solid #343e2e;background:#191f18;z-index:10;display:grid;grid-template-columns:1fr 1.25fr 1fr;align-items:center;gap:25px;padding:12px 30px;box-shadow:0 -10px 35px #0001}.now-playing{display:flex;gap:14px;align-items:center;min-width:0}.now-playing>div:last-child{min-width:0}.now-playing strong,.now-playing span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-playing strong{font-size:12px;font-weight:550}.now-playing span{font-size:10px;color:#84937a;margin-top:7px}.mini-cover{width:52px;height:52px;flex-shrink:0;background:linear-gradient(135deg,#495e3e,#263520);border:1px solid #6e845c44;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:27px;color:#b2c49e}.player-center{max-width:560px;width:100%;justify-self:center}.player-controls{display:flex;align-items:center;justify-content:center;gap:19px}.player-controls .icon-btn{font-size:14px;color:#99a78e}.player-controls .icon-btn.on{color:var(--green);background:#c5ed9c15}.play-main{width:37px;height:37px;border-radius:50%;background:var(--green);color:#1e2c17;font-size:14px}.play-main:hover{background:#dfffc0;color:#21331b}.timeline{display:flex;align-items:center;gap:12px;margin-top:9px}.timeline>span{font-size:9px;color:#7b8971;min-width:28px;text-align:center;font-variant-numeric:tabular-nums}.timeline input{width:100%;margin:0}.player-right{display:flex;align-items:center;justify-content:flex-end;gap:10px}.player-right input{width:83px}.quality-tag{font-size:7px;letter-spacing:1.4px;border:1px solid #3c4b33;border-radius:4px;padding:6px;color:#a3b592;margin-left:15px}.empty{text-align:center;padding:53px 20px;line-height:1.9;color:#85937b}.empty b{display:block;font-size:19px;color:#dae4d2;font-weight:500;margin-bottom:9px}.empty button{margin-top:17px}.admin-only,.playlist-only{display:none!important}body.is-admin .admin-only{display:inline-flex!important}body.is-admin .nav-item.admin-only{display:flex!important}body.is-admin .playlist-only{display:none!important}body.is-admin.in-playlist .playlist-only{display:inline-flex!important}dialog{border:1px solid #3a4632;border-radius:17px;background:#1b2318;color:var(--text);padding:27px;width:min(530px,calc(100vw - 28px));max-height:90vh;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#050a05b8;backdrop-filter:blur(7px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:12px}.modal-head h2{font-size:22px;font-weight:500}.stack{display:grid;gap:17px}.stack h3{font-size:14px;font-weight:500;margin:10px 0 1px;color:var(--green)}.stack .primary{margin-top:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.notice{padding:13px;border:1px solid #3d5133;background:#253320;border-radius:8px;font-size:12px;line-height:1.7;margin-bottom:16px}.notice.error{border-color:#805f47;color:#f4c7a8;background:#382a20}.form-error{color:#f4c7a8;font-size:12px;line-height:1.6;min-height:1em}.check{display:flex;align-items:flex-start;gap:10px;line-height:1.6}.check input{width:18px!important;margin:2px 0}.menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu-actions button{padding:14px;border:1px solid #394631;border-radius:8px;text-align:left;background:#ffffff03}.menu-actions button:hover{background:#c5ed9c0a}.menu-actions .wide{grid-column:1/-1}.menu-actions .danger{margin-top:9px}.divider{height:1px;background:var(--line);margin:23px 0}.progress{width:100%;accent-color:var(--green)}#toast{position:fixed;bottom:119px;left:50%;transform:translate(-50%,15px);z-index:40;max-width:min(520px,90vw);padding:13px 22px;border-radius:10px;background:var(--green);color:#26341c;font-size:12px;box-shadow:0 12px 35px #0005;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}.setup-body{background:radial-gradient(ellipse at 20% 0%,#33462b,transparent 70%),#111611;padding:50px 20px}.setup-card{max-width:640px;margin:auto;background:#1b2318;border:1px solid #35442c;border-radius:20px;padding:36px}.setup-card>.brand{margin-bottom:36px}.brand small{font-size:9px;color:#9da891}.setup-card>h1{font-weight:500;font-size:34px;margin:16px 0}.setup-card>.muted{margin-bottom:25px}
@media(min-width:1500px){.hero{min-height:380px}.hero-copy{padding:47px}.vinyl{width:320px;height:320px}.hero h1{font-size:61px}}
@media(max-width:1150px){.sidebar{width:210px;padding:30px 15px}.main{margin-left:210px;padding:0 26px 125px}.hero-copy{padding:29px 25px}.hero h1{font-size:40px}.vinyl{width:240px;height:240px}.hero .eyebrow{font-size:7px;letter-spacing:1px}.record-art{min-height:300px}.hero-buttons{gap:11px}.hero-buttons .primary{font-size:12px;padding:12px}.hero-buttons>span{font-size:9px}.track-head,.track-row{grid-template-columns:26px minmax(140px,1fr) 88px 60px 30px;gap:8px}.collection-top{align-items:flex-start}.collection-actions{flex-wrap:wrap;justify-content:flex-end}.search input{width:190px}.player{gap:15px;padding:12px 20px}.quality-tag{display:none}}
@media(max-width:800px){.sidebar{position:relative;inset:auto;width:auto;padding:19px 20px;border-right:0;border-bottom:1px solid var(--line);display:block}.brand{font-size:18px}.brand-caption,.nav-section,.sidebar-bottom>p,.studio-badge{display:none}.sidebar>.nav-item{margin-top:18px;width:auto;display:inline-flex}.nav-heading{display:inline-flex;margin:0 0 0 18px;gap:10px;vertical-align:middle}#playlistNav{display:flex;gap:5px;min-height:0;max-height:100px;margin-top:10px}#playlistNav .nav-item{white-space:nowrap;width:auto;font-size:12px;padding:8px}.playlist-empty{padding:5px 12px}.sidebar-bottom{position:absolute;top:17px;right:15px;display:flex;padding:0}.sidebar-bottom .nav-item{font-size:10px;width:auto;padding:8px;gap:5px}.main{margin-left:0;padding:0 20px 150px}.topbar{height:74px}.hero{grid-template-columns:1.2fr 1fr}.hero-copy{padding:26px 23px}.hero h1{font-size:37px}.vinyl{width:210px;height:210px}.record-art{min-height:290px}.hero-buttons>span{display:none}.hero .eyebrow{font-size:7px}.private-pill{display:none}.hero p{font-size:11px}.art-top,.art-bottom{font-size:6px;left:15px;right:15px}.player{height:120px;grid-template-columns:1fr 1.2fr;padding:10px 20px;gap:15px}.player-right{display:none}.player-controls{gap:8px}.timeline{gap:6px}.now-playing{gap:10px}.now-playing strong{font-size:11px}.mini-cover{width:43px;height:43px}.collection-foot>span:last-child{display:none}#toast{bottom:135px}.collection-actions{max-width:230px}}
@media(max-width:520px){.sidebar{padding:17px 15px}.sidebar-bottom .nav-item>span:first-child{display:none}.sidebar-bottom .nav-item{max-width:88px;line-height:1.6}.sidebar-bottom{right:8px;top:18px}.brand{font-size:15px;letter-spacing:1px}.brand-icon{width:32px;height:32px;font-size:27px}.nav-heading{font-size:8px;margin-left:6px}.main{padding:0 15px 152px}.topbar .primary{font-size:11px;padding:10px}.breadcrumb{font-size:8px}.hero{position:relative;min-height:310px;grid-template-columns:1fr}.hero-copy{padding:27px 22px;max-width:100%}.hero h1{font-size:40px}.hero p{position:relative;z-index:2}.record-art{position:absolute;right:-100px;top:6px;width:275px;height:310px;opacity:.27;pointer-events:none}.vinyl{width:245px;height:245px}.art-top,.art-bottom{display:none}.hero-copy .eyebrow{font-size:7px}.hero-buttons{margin-top:23px}.collection{margin-top:27px}.collection-top{display:block;margin-bottom:17px}.collection-actions{margin-top:17px;max-width:none;justify-content:flex-start}.search{width:100%}.search input{width:100%}.track-head,.track-row{grid-template-columns:20px minmax(0,1fr) 30px;gap:7px;padding:0 5px}.track-date,.track-size,.track-head>span:nth-child(3),.track-head>span:nth-child(4){display:none}.track-info{gap:11px}.cover{width:42px;height:42px}.track-name{font-size:12px}.player{grid-template-columns:1fr;grid-template-rows:36px 65px;height:124px;padding:8px 15px;gap:0}.now-playing{padding-right:0;justify-content:center}.now-playing .mini-cover{display:none}.now-playing>div:last-child{display:flex;align-items:center;gap:9px}.now-playing span{margin:0;font-size:9px;max-width:100px}.now-playing strong{max-width:210px}.player-controls{gap:22px}.play-main{width:32px;height:32px}.timeline{margin-top:6px}.form-grid{grid-template-columns:1fr}.setup-card{padding:25px}.setup-card>h1{font-size:29px}.page-footer{font-size:8px}.menu-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* v1.1: tanıtım alanları kaldırıldı, koleksiyon yukarı alındı. */
.sidebar>.brand{margin-bottom:52px}
.sidebar-bottom .studio-badge{margin-bottom:18px}
.collection{margin-top:8px}
.collection h2{margin-top:0}
.collection-top>div:first-child{min-width:0}
.collection-actions{flex-wrap:wrap;justify-content:flex-end}
.collection-actions>.primary{padding:11px 15px;font-size:12px}
@media(max-width:1150px){.collection-actions{max-width:390px}.collection-top{gap:16px}}
@media(max-width:800px){.sidebar>.brand{margin-bottom:0}.sidebar-bottom .studio-badge{margin-bottom:0}.collection-actions{max-width:310px}}
@media(max-width:520px){.collection-actions{max-width:none;justify-content:flex-start}.collection{margin-top:8px}}