.audio-dock{position:fixed;bottom:0;left:0;right:0;background:#222;display:flex;flex-direction:column;padding:10px 16px;box-shadow:0 -4px 20px #00000080;color:#fff;z-index:9999;font-family:sans-serif}.audio-dock__main{display:flex;align-items:center;gap:12px}.audio-dock__artwork{width:50px;height:50px;object-fit:cover;border-radius:4px;flex-shrink:0}.audio-dock__info{flex:1;overflow:hidden}.audio-dock__title{margin:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-dock__mood{margin:0;font-size:12px;color:#aaa}.audio-dock__play{background:#ff6b35;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px;flex-shrink:0}.audio-dock__timeline{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px}.audio-dock__timeline input[type=range]{flex:1}.audio-dock__volume{display:flex;justify-content:flex-end;margin-top:6px}.audio-dock__volume input[type=range]{width:100px}@media (max-width: 480px){.audio-dock__artwork{width:40px;height:40px}.audio-dock__play{width:32px;height:32px;font-size:14px}.audio-dock__timeline span{font-size:10px}}:root{--bg: #070612;--fg: #f5f6ff;--muted: #c3c2ce;--accent-music: #ff72c5;--accent-code: #70e0ff;--accent-dark: #231b43;--surface: rgba(20, 18, 35, .72);--border: rgba(255, 255, 255, .1);--radius-lg: 28px;--radius-md: 18px;--radius-sm: 12px;--shadow-soft: 0 20px 45px rgba(6, 5, 16, .55);--max-width: 1120px;--gutter: clamp(1.2rem, 4vw, 3rem)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Chivo,Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 20% -10%,rgba(255,114,197,.18),transparent 62%),radial-gradient(circle at 80% 0%,rgba(109,217,255,.22),transparent 60%),linear-gradient(180deg,#05040f,#0c0a19);color:var(--fg);line-height:1.7;min-height:100vh;padding-bottom:140px}img,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent-music);outline-offset:4px}main{display:flex;flex-direction:column;gap:clamp(3rem,6vw,4.5rem);padding:clamp(3rem,7vw,4.5rem) 0 clamp(4rem,8vw,5.5rem)}main>section{width:min(100%,var(--max-width));margin-inline:auto;padding-inline:var(--gutter)}button{font:inherit;color:inherit;border:none;background:none;cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.7rem 1.5rem;border-radius:999px;letter-spacing:.12em;text-transform:uppercase;font-size:.95rem;transition:transform .18s ease,box-shadow .18s ease}.button--primary{background:linear-gradient(135deg,var(--accent-music),#8f7aff);color:#1a132f;box-shadow:0 15px 30px #ff72c54d}.button--ghost{border:1px solid rgba(255,255,255,.25);background:#ffffff14}.button:hover,.button:focus-visible{transform:translateY(-2px)}.site-header{position:sticky;top:0;z-index:40;width:100%;display:flex;align-items:center;justify-content:space-between;padding:.9rem clamp(1.2rem,4vw,3rem);background:#070612e6;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center}.nav-toggle{display:none;flex-direction:column;gap:.3rem;padding:.5rem;border-radius:.8rem;background:#ffffff14;border:1px solid rgba(255,255,255,.14);transition:background .18s ease,border .18s ease}.nav-toggle.is-open{background:#ffffff29;border-color:#ffffff52}.nav-toggle.is-open .nav-toggle__bar:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle.is-open .nav-toggle__bar:nth-child(2){opacity:0}.nav-toggle.is-open .nav-toggle__bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-toggle__bar{width:1.6rem;height:2px;background:currentColor}.site-nav{display:flex}.site-nav__list{list-style:none;margin:0;padding:0;display:inline-flex;gap:1.8rem;text-transform:uppercase;letter-spacing:.08em;font-size:.92rem;color:#ffffffbf}.site-nav__list a{position:relative;padding-bottom:.2rem}.site-nav__list a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--accent-music),var(--accent-code));transition:transform .18s ease}.site-nav__list a:hover:after,.site-nav__list a:focus-visible:after{transform:scaleX(1)}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2.5rem,6vw,4rem);padding-inline:var(--gutter)}.hero__copy{display:grid;gap:1.2rem}.hero__copy h1{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(2.4rem,5vw,3.8rem);line-height:1.1}.hero__copy p{margin:0;color:#f5f6ffcc}.hero__actions{display:inline-flex;flex-wrap:wrap;gap:.9rem}.hero__media{display:grid;place-items:center}.hero__portrait{position:relative;display:grid;gap:1rem;text-align:center}.hero__portrait-glow{position:absolute;inset:-35% -10% 30%;background:radial-gradient(circle at 50% 30%,rgba(255,114,197,.35),transparent 65%);filter:blur(18px);z-index:-1}.hero__portrait-frame{width:clamp(220px,32vw,320px);height:clamp(260px,38vw,360px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.15);background:linear-gradient(145deg,#ff72c547,#70e0ff38);box-shadow:var(--shadow-soft)}.hero__caption{margin:0;color:#fff9;font-size:.9rem}.eyebrow{margin:0;letter-spacing:.32em;text-transform:uppercase;font-size:.78rem;color:#fff9}.panel{position:relative;display:grid;gap:clamp(1.8rem,4vw,2.5rem);padding-block:clamp(2.8rem,6vw,4rem);border-radius:var(--radius-lg);background:#0c0b16d9;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-soft)}.panel--music{background:linear-gradient(140deg,#ff72c52e,#0c0b16e6)}.panel--code{background:linear-gradient(140deg,#70e0ff29,#0c121cf0)}.panel__header{display:flex;justify-content:space-between;gap:1.4rem;flex-wrap:wrap}.panel__lead{margin:0;max-width:420px;color:#f5f6ffbf}.playlist{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.playlist-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(1.6rem,4vw,2.4rem);align-items:start}.playlist-group{display:grid;gap:1.1rem}.playlist-group__header{display:flex;flex-direction:column;justify-content:flex-start;gap:.4rem}.playlist-group__header h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.4rem}.playlist-group__header p{margin:0;color:#f5f6ffa3;font-size:.92rem}.playlist__item{display:grid;grid-template-columns:auto 1fr auto;gap:1.1rem;align-items:center;padding:1rem 1.2rem;border-radius:var(--radius-md);background:#0a0914bf;border:1px solid rgba(255,255,255,.12);transition:transform .16s ease,border .16s ease,box-shadow .16s ease}.playlist__item--spacer{visibility:hidden;pointer-events:none}.playlist__item span:first-child{letter-spacing:.32em;font-size:.8rem;color:#ffffff94}.playlist__meta{display:grid;gap:.25rem}.playlist__title{margin:0;font-weight:600;color:var(--fg)}.playlist__note{margin:0;color:#fff9;font-size:.85rem}.playlist__item:hover,.playlist__item.is-active{transform:translateY(-2px);border-color:#ffffff59;box-shadow:0 18px 32px #ff72c540}.devlog{display:flex;flex-direction:column;gap:1.2rem}.devlog-card{display:grid;gap:.65rem;padding:1.2rem;border-radius:var(--radius-md);background:#070b14e6;border:1px solid rgba(112,224,255,.25);transition:transform .16s ease,border .16s ease}.devlog-card__meta{margin:0;font-size:.75rem;letter-spacing:.24em;text-transform:uppercase;color:#70e0ffb3}.devlog-card__tags{display:inline-flex;flex-wrap:wrap;gap:.4rem}.tag{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .6rem;border-radius:999px;border:1px solid rgba(112,224,255,.35);background:#70e0ff1f;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.devlog-card:hover{transform:translateY(-3px);border-color:#70e0ffa6}.site-footer{width:min(100%,var(--max-width));margin:0 auto;padding:1.8rem var(--gutter) 3rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;color:#ffffffb3}.site-footer__brand{display:inline-flex;align-items:center}[data-reveal]{opacity:0;transform:translateY(32px);transition:opacity .42s ease,transform .42s ease}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (max-width: 960px){.hero{grid-template-columns:1fr}.hero__media{order:-1}.panel__header{flex-direction:column;align-items:flex-start}}@media (max-width: 820px){.nav-toggle{display:flex}.nav-toggle.is-open{background:#ffffff29;border-color:#ffffff52}.nav-toggle.is-open .nav-toggle__bar:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle.is-open .nav-toggle__bar:nth-child(2){opacity:0}.nav-toggle.is-open .nav-toggle__bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.site-nav{position:fixed;top:72px;right:clamp(1rem,6vw,2rem);left:clamp(1rem,6vw,2rem);padding:1.4rem;background:#080712f5;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);flex-direction:column;opacity:0;pointer-events:none;transform:translateY(-12px);transition:opacity .18s ease,transform .18s ease}.site-nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.site-nav__list{flex-direction:column;align-items:flex-start;gap:1rem}}@media (max-width: 720px){body{padding-bottom:200px}}@media (max-width: 560px){.site-header{padding-inline:clamp(1rem,6vw,2rem)}.hero__actions{justify-content:flex-start}.panel{padding-inline:clamp(1.2rem,6vw,1.6rem)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.devlog-card__cta{text-align:left;padding:0;background:none;border:none;color:inherit;font:inherit;cursor:pointer}.devlog-dialog{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:60}.devlog-dialog__overlay{position:absolute;inset:0;background:#000000a6}.devlog-dialog__content{position:relative;z-index:1;width:min(640px,calc(100% - 3rem));max-height:calc(100% - 3rem);overflow:hidden auto;border-radius:var(--radius-lg);border:1px solid rgba(112,224,255,.3);background:#060a12f5;box-shadow:0 24px 48px #030308a6;display:grid;gap:1.5rem;padding:clamp(1.6rem,4vw,2rem)}.devlog-dialog__header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.devlog-dialog__meta{margin:0;font-size:.75rem;letter-spacing:.24em;text-transform:uppercase;color:#70e0ffb3}.devlog-dialog__close{background:none;border:none;color:#f5f6ffb3;font-size:1.8rem;line-height:1;cursor:pointer}.devlog-dialog__body{display:grid;gap:1rem;color:#f5f6ffd9}.devlog-dialog__body h1,.devlog-dialog__body h2,.devlog-dialog__body h3,.devlog-dialog__body h4{margin-top:1.5rem;margin-bottom:.75rem}.devlog-dialog__body p{margin:0}.devlog-dialog__body ul,.devlog-dialog__body ol{margin:0;padding-left:1.5rem}.devlog-dialog__footer{border-top:1px solid rgba(112,224,255,.25);padding-top:1rem;display:grid;gap:.6rem}.devlog-dialog__footer ul{margin:0;padding-left:1.2rem;display:grid;gap:.4rem}.devlog-more{margin-top:1rem}.devlog-dashboard{display:grid;gap:2rem;width:min(100%,var(--max-width));margin-inline:auto;padding-inline:var(--gutter);padding-block:clamp(3rem,6vw,4rem)}.devlog-dashboard__header{display:flex;flex-direction:column;gap:1rem}.devlog-dashboard__lead{margin:0;max-width:620px;color:#f5f6ffc7}.devlog-dashboard__panel{display:grid;gap:clamp(1.5rem,4vw,2.5rem);padding:clamp(2.5rem,6vw,3.5rem);border-radius:var(--radius-lg);background:linear-gradient(140deg,#70e0ff29,#0c121cf0);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-soft)}.devlog-filters{display:grid;gap:1rem;border:1px solid rgba(112,224,255,.25);background:#070b14e6;border-radius:var(--radius-md);padding:clamp(1rem,3vw,1.4rem)}.devlog-filters__search input{width:100%;padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(112,224,255,.35);background:#060a12d9;color:inherit}.devlog-filters__tags{display:flex;flex-wrap:wrap;gap:.5rem}.devlog-tag{padding:.35rem .9rem;border-radius:999px;border:1px solid rgba(112,224,255,.3);background:#70e0ff1a;color:inherit;cursor:pointer;transition:background .16s ease,border .16s ease}.devlog-tag.is-active{border-color:#70e0ff99;background:#70e0ff4d}.devlog-tag.devlog-tag--clear{border-color:#ff72c559;background:#ff72c51f}.devlog-count{font-size:.9rem;color:#f5f6ffb3}.devlog-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#05040f,#0c0a19)}.devlog-page__content{flex:1;padding-bottom:clamp(3rem,6vw,4rem)}.devlog-section{width:min(100%,var(--max-width));margin-inline:auto;padding:clamp(2.5rem,6vw,3.5rem) var(--gutter) clamp(2.8rem,6vw,4rem);display:grid;gap:clamp(1.5rem,4vw,2.5rem)}.devlog-section__header{display:flex;flex-direction:column;gap:.75rem}.devlog-section__header>div{display:flex;flex-direction:column;gap:.35rem}.devlog-section__header h2{margin:0}.devlog-section__lead{margin:0;max-width:420px;color:#f5f6ffbf}.cue-container{max-width:1100px;margin:2rem auto;padding:1rem;font-family:sans-serif}.cue-box{background:#09061b;border:1px solid #ddd;border-radius:8px;padding:1rem;box-shadow:0 2px 4px #0000000d}.cue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cue-actions button{margin-left:.5rem;padding:.4rem .8rem;border:1px solid #ccc;border-radius:4px;background:#09061b;cursor:pointer}.cue-actions button:hover{background:#eee}.cue-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cue-inputs,.cue-preview{display:flex;flex-direction:column;gap:.5rem}.cue-inputs textarea,.cue-preview textarea,.cue-inputs input,.cue-preview input{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:4px;font-family:monospace;font-size:.9rem}.cue-preview-box{border:1px solid #ccc;border-radius:4px;padding:.5rem;max-height:500px;overflow-y:auto;background:#fafafa;font-size:.9rem}.cue-footer{font-size:.8rem;color:#666;margin-top:1rem}@media (min-width: 720px){.devlog-section__header{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1.4rem}.devlog-section__lead{text-align:left}}.hero__portrait{position:relative;display:grid;place-items:center;padding:1.5rem 0}.hero__portrait-glow{position:absolute;inset:-40% -20% 25%;background:radial-gradient(circle at 50% 25%,rgba(255,114,197,.28),transparent 70%);filter:blur(32px);transform:rotate(-2deg);z-index:-1}.hero__polaroid{width:clamp(240px,35vw,340px);background:#faf7f2;border:1px solid rgba(0,0,0,.08);box-shadow:0 28px 48px #08071473;display:flex;flex-direction:column;gap:1.1rem;padding:.9rem .9rem 1.6rem}.hero__polaroid-photo{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#0f0f17;border:1px solid rgba(0,0,0,.12);box-shadow:inset 0 0 0 1px #fff9}.hero__polaroid-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(178deg,rgba(255,255,255,.55) 0%,transparent 45%),radial-gradient(circle at top,rgba(255,255,255,.25) 0%,transparent 55%)}.hero__polaroid-image{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(.98)}.hero__polaroid-caption{margin:0;padding:0;font-size:.92rem;text-align:center;letter-spacing:.04em;font-weight:500;color:#2e303cd1}.brand__logo{height:2.6rem;width:auto;display:block}.site-footer__logo{height:2.2rem;width:auto;display:block}.panel .devlog-card__content{display:grid;gap:.6rem;padding-left:1.2rem}.devlog-card__content p{margin:0}.devlog-card.is-expanded{background:#070d18f2}.panel,.hero,main>section{width:min(100%,var(--max-width));margin-inline:auto;padding-inline:var(--gutter)}@media (max-width: 640px){:root{--gutter: clamp(1rem, 6vw, 1.6rem)}.hero{padding-inline:var(--gutter)}main>section{padding-inline:var(--gutter)}.panel__header,.playlist-groups,.playlist-group,.playlist,.devlog{padding-inline:0;margin-inline:0}.panel{margin-inline:2px,0px,5px}}.has-submenu{position:relative}.submenu{display:none;position:absolute;background:#111;padding:.5rem 0;list-style:none}.has-submenu:hover .submenu,.has-submenu:focus-within .submenu{display:block}.has-submenu .submenu{display:none;list-style:none;padding-left:1rem;margin:0}.has-submenu.is-open .submenu{display:block}.submenu-toggle{background:none;border:none;font:inherit;color:inherit;cursor:pointer}:root .dz-body{font-family:Syne,sans-serif;background-image:url(https://dropzy.co.uk/img/Dropzy_Background_Longer.png);background-repeat:repeat-y;background-position:center;background-size:cover;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:20px 12px}:root .dz-container{width:100%;max-width:720px}:root .dz-image{text-align:center;width:100%}:root .dz-panel{margin:12px 0;padding:12px;border-radius:24px;border:1px solid rgba(255,255,255,.06);background-color:#0009}:root .dz-text p{color:#fff;margin:0}:root .dz-links{display:flex;flex-direction:column;gap:12px;align-items:center}:root .dz-button{display:inline-flex;align-items:center;justify-content:center;width:90%;min-width:220px;padding:14px 18px;border-radius:24px;font-size:1.05rem;text-decoration:none;color:var(--accent-fore);background-color:#0000802e;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease}:root .dz-button:hover{transform:translateY(-2px)}:root .dz-icon{margin-right:10px}:root .hover-deep-purple:hover{background-color:#7a3fc538}:root .hover-yellow:hover{background-color:#ffffb34d;color:#111}:root .hover-dark-blue:hover{background-color:#0c1d3f73}:root .hover-blue-gray:hover{background-color:#b4bec82e}:root .hover-light-blue:hover{background-color:#85c1e92e}:root .hover-red:hover{background-color:#ff50502e}:root .hover-orange:hover{background-color:#ffa53c2e}:root .hover-black:hover{background-color:#0009}:root .hover-green:hover{background-color:#50c8782e}@media (min-width: 768px){:root .dz-container{max-width:720px}:root .dz-button{width:100%}}@media (min-width: 992px){:root .dz-container{max-width:960px}}@media (min-width: 1200px){:root .dz-container{max-width:1140px}}.about-me{display:flex;justify-content:center;padding:5rem 2rem;background:linear-gradient(135deg,#0f1724,#1e293b);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#f8f8f8}.hero-card{display:flex;flex-wrap:wrap;max-width:900px;background:#0f1724e6;border-radius:20px;padding:2rem;box-shadow:0 10px 25px #00000080;transition:transform .3s ease,box-shadow .3s ease}.hero-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0009}.hero-image{flex:0 0 200px;margin-right:2rem}.hero-image img{width:200px;height:200px;border-radius:50%;object-fit:cover;border:4px solid #6dd3ff;transition:transform .3s ease}.hero-image img:hover{transform:scale(1.05)}.hero-content{flex:1;display:flex;flex-direction:column;justify-content:center}.hero-content h1{font-size:2.8rem;margin-bottom:.8rem;color:#6dd3ff}.hero-details{display:flex;gap:2rem;font-size:1.1rem;margin-bottom:1.5rem}.hero-details span{display:inline-block}.hero-bio{font-size:1rem;line-height:1.6;color:#cfd8e6}@media (max-width: 768px){.hero-card{flex-direction:column;align-items:center;text-align:center}.hero-image{margin-right:0;margin-bottom:1.5rem}.hero-details{flex-direction:column;gap:.5rem}}.soundcloud-player{background:#333;border-radius:8px;overflow:hidden;max-width:900px;margin:20px auto;box-shadow:0 4px 20px #0000004d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff}.player-container{display:flex;gap:0;align-items:stretch;height:auto;min-height:210px}.artwork-section{position:relative;width:300px;height:300px;flex-shrink:0;background:linear-gradient(135deg,#a855f7,#4f46e5)}.artwork-img{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0}.artwork-overlay{position:absolute;inset:0;background:#00000038;display:flex;align-items:center;justify-content:center;pointer-events:none}.artwork-overlay>.play-button{pointer-events:auto}.play-button{width:60px;height:60px;border-radius:50%;background:#ff6b35;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #00000073;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;outline:none}.play-button:hover,.play-button:focus{background:#e55a2b;transform:scale(1.05);box-shadow:0 8px 26px #00000080}.content-section{flex:1 1 auto;padding:16px 20px;display:flex;flex-direction:column;min-width:0;box-sizing:border-box}.track-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px;flex-wrap:wrap}.track-info{display:flex;flex-direction:column;gap:2px;min-width:0}.track-info h1{font-size:18px;font-weight:600;margin:0 0 2px;color:#fff}.track-info h2{font-size:16px;color:#ccc;font-weight:400;margin:0;white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 100px)}.track-meta{display:flex;flex-direction:column;align-items:flex-end;font-size:12px;color:#999;gap:2px;flex-shrink:0;text-align:right}.upload-time{display:block;margin-bottom:4px}.genre-tag{background:#ffffff0f;padding:4px 10px;border-radius:999px;color:#ff6b35;font-weight:500;display:inline-block}.waveform-container{position:relative;margin-bottom:16px;flex:1 1 auto;min-height:80px;display:flex;flex-direction:column;align-items:center;gap:8px}.waveform{width:100%;height:80px;cursor:pointer;padding:0 6px;box-sizing:border-box;position:relative;display:block;background:transparent;overflow:hidden}.waveform canvas,.waveform svg,.waveform .wavesurfer-canvas,.waveform .wavesurfer-wave,.waveform .wavesurfer-progress,.waveform .wavesurfer-peak{width:100%!important;height:100%!important;display:block;box-sizing:border-box}.waveform-times{display:flex;justify-content:space-between;width:100%;font-size:14px;color:#555}@media (max-width: 768px){.player-container{flex-direction:column;height:auto}.artwork-section{width:100%;height:200px}.track-header{flex-wrap:nowrap}.track-info{max-width:80%}.content-section{padding:12px 16px}}@media (max-width: 480px){.soundcloud-player{margin:10px}.waveform{height:60px}.play-button{width:50px;height:50px}.track-info{max-width:70%}}.tracks-container{max-width:1100px;margin:0 auto;padding:24px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:#111}.tracks-header{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}@media (min-width: 640px){.tracks-header{flex-direction:row;align-items:center;justify-content:space-between}}.tracks-title{font-size:28px;margin:0 0 4px;color:#fff}.tracks-sub{margin:0;color:#6b7280;font-size:14px}.tracks-actions{display:flex;align-items:center}.tracks-search{padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;min-width:220px;font-size:14px}.tracks-loading,.tracks-empty{text-align:center;padding:60px 0;color:#6b7280}.tracks-grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 640px){.tracks-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.tracks-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.tracks-grid{grid-template-columns:repeat(4,1fr)}}.track-card{display:flex;flex-direction:column;background:#333;border-radius:12px;text-decoration:none;color:inherit;box-shadow:0 1px 3px #0f172a0f;border:1px solid rgba(15,23,42,.04);overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}.track-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #02061714}.track-thumb{position:relative;width:100%;padding-bottom:100%;background:#f3f4f6;overflow:hidden}.track-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.track-metadata{display:flex;align-items:center;justify-content:space-between;color:#fff;flex-direction:row;padding:12px;font-size:12px;gap:12px}.track-text{display:flex;flex-direction:column;flex-grow:1}.track-title,.track-artist{margin:0;text-align:left}.track-play-btn{width:30px;height:30px;border-radius:50%;background:#ff6b35;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #00000073;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.track-play-btn:hover{background:#e6393c}.tracks-page-bg{background:linear-gradient(135deg,#202035,#2a2a3d);min-height:100vh;padding:2rem}.tracks-container{background:#111;border-radius:1rem;padding:2rem;box-shadow:0 4px 20px #0006}*{box-sizing:border-box}:root{--bg-0: #0f172a;--bg-1: #1e293b;--muted: #94a3b8;--muted-2: #64748b;--accent-1: #06b6d4;--accent-2: #3b82f6;--card-bg: rgba(30, 41, 59, .3);--card-border: rgba(148,163,184,.1)}.dz-admin{min-height:100vh;background:linear-gradient(135deg,var(--bg-0) 0%,var(--bg-1) 50%,var(--bg-0) 100%);color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.dz-header{border-bottom:1px solid rgba(148,163,184,.06);background:#0f172a8c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:110}.dz-header__content{max-width:1400px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.dz-header__left{display:flex;align-items:center;gap:1rem}.dz-logo{background:linear-gradient(135deg,var(--accent-1) 0%,var(--accent-2) 100%);padding:.5rem 1rem;border-radius:.5rem}.dz-logo__text{margin:0;font-size:1.5rem;font-weight:700;color:#fff}.dz-header__subtitle{color:var(--muted);font-size:.875rem}.dz-api-key-display{display:flex;align-items:center;gap:.75rem;background:#1e293b73;padding:.4rem .75rem;border-radius:.5rem;border:1px solid rgba(148,163,184,.08)}.dz-api-key-display__label{color:var(--muted);font-size:.875rem;font-weight:500}.dz-api-key-display__value{color:var(--accent-1);font-size:.875rem;font-family:Monaco,Courier New,monospace;letter-spacing:.02em;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dz-api-key-display__btn{background:none;border:none;color:var(--muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem}.dz-api-key-display__btn:hover{color:#cbd5e1;background:#94a3b80f}.dz-layout{display:flex;max-width:1400px;margin:0 auto;min-height:calc(100vh - 73px)}.dz-sidebar{width:240px;background:#0f172a52;border-right:1px solid rgba(148,163,184,.06);display:flex;flex-direction:column;padding:1.5rem 0;gap:.5rem}.dz-nav{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem;flex:1}.dz-nav__btn{background:none;border:none;color:var(--muted);padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;text-align:left;transition:all .18s ease;border:1px solid transparent}.dz-nav__btn:hover{background:#94a3b80a;color:#cbd5e1}.dz-nav__btn.is-active{background:linear-gradient(135deg,var(--accent-1) 0%,var(--accent-2) 100%);color:#fff;box-shadow:0 6px 18px #06b6d42e;border-color:transparent}.dz-sidebar__footer{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-top:1px solid rgba(148,163,184,.06);margin-top:auto}.dz-btn{background:#94a3b814;border:1px solid rgba(148,163,184,.14);color:#cbd5e1;padding:.55rem .9rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.dz-btn:hover{background:#94a3b81f}.dz-btn--ghost{background:transparent;border-color:#94a3b81f}.dz-btn--danger{background:transparent;border-color:#ef44442e;color:#f87171}.dz-btn--primary{background:linear-gradient(135deg,var(--accent-1) 0%,var(--accent-2) 100%);border:none;color:#fff}.dz-content{flex:1;padding:2rem;overflow-y:auto}.dz-section{margin-bottom:2rem}.dz-section__title,.dz-section-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1rem}.dz-status-bar{background:#3b82f614;border:1px solid rgba(59,130,246,.12);color:#93c5fd;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem}.dz-login-card{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.dz-label{display:block;color:#cbd5e1;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.dz-input{width:100%;background:#1e293b80;border:1px solid rgba(148,163,184,.12);border-radius:.5rem;padding:.75rem 1rem;color:#fff;font-size:.875rem}.dz-input::placeholder{color:var(--muted-2)}.dz-input:focus{outline:none;border-color:var(--accent-1);box-shadow:0 0 0 4px #06b6d40f}.dz-textarea{width:100%;background:#1e293b80;border:1px solid rgba(148,163,184,.12);border-radius:.5rem;padding:.75rem 1rem;color:#fff;font-size:.875rem;resize:vertical;min-height:120px}.dz-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:.75rem;padding:1rem;transition:all .18s ease}.dz-card:hover{border-color:#06b6d41f}.dz-editor{max-width:980px;margin:1.25rem auto;padding:1rem;border-radius:.75rem;box-shadow:0 10px 30px #02061799;background:linear-gradient(180deg,#1e293b6b,#0f172a5c);border:1px solid rgba(148,163,184,.06);color:#e6eef8;position:relative}.dz-editor-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;align-items:start}.dz-field{display:flex;flex-direction:column;gap:.5rem}.dz-full{grid-column:1 / -1}.dz-art-preview{display:grid;grid-template-columns:96px 1fr;gap:.75rem;align-items:center;padding:.75rem;border-radius:.5rem;background:#1e293b2e;border:1px solid rgba(148,163,184,.04);box-shadow:0 4px 18px #06b6d408 inset;grid-column:1 / -1}.dz-artwork{width:96px;height:96px;background-size:cover;background-position:center;border-radius:.5rem;border:1px solid rgba(148,163,184,.06);box-shadow:0 8px 18px #02061799;flex-shrink:0;background-color:#0f172a99}.dz-art-info{display:flex;flex-direction:column;gap:.25rem;justify-content:center}.dz-item__sub{color:var(--muted-2);font-size:.85rem}.dz-row{display:flex;gap:.75rem;align-items:center;padding-top:.75rem;border-top:1px dashed rgba(148,163,184,.03)}.dz-row-right{justify-content:flex-end}.dz-row .dz-btn{min-width:88px}.dz-editor .dz-editor__title{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;color:#fff}.dz-list{display:flex;flex-direction:column;gap:.75rem}.dz-list>button{align-self:flex-start;padding:.55rem .9rem;border-radius:.5rem;font-weight:600;letter-spacing:.01em;transition:transform .12s ease,box-shadow .12s ease;margin-bottom:.25rem}.dz-list>button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f60f}.dz-list-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem;border-radius:.6rem;background:linear-gradient(180deg,#0f172a3d,#0f172a2e);border:1px solid rgba(148,163,184,.04);box-shadow:0 6px 18px #02061773;transition:transform .12s ease,border-color .12s ease}.dz-list-item:hover{transform:translateY(-4px);border-color:#06b6d414}.dz-list-item__info{flex:1;display:flex;flex-direction:column;min-width:0}.dz-list-item__info h3{margin:0;font-size:1rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dz-list-item__info .dz-meta{color:var(--muted);font-size:.85rem}.dz-list-item__actions{display:flex;gap:.5rem;flex-shrink:0;align-items:center}.dz-list-item__actions button{padding:.45rem .75rem;border-radius:.45rem;border:1px solid rgba(148,163,184,.06);background:#1e293b5c;color:#cfe8ff;font-weight:600;cursor:pointer}.dz-list-item__actions button:hover{background:#94a3b80a;color:#fff;transform:translateY(-1px)}.dz-taglist{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.dz-tag{font-size:.75rem;padding:.28rem .5rem;border-radius:999px;background:#3b82f614;color:#93c5fd;border:1px solid rgba(59,130,246,.06)}.dz-input,.dz-textarea{transition:box-shadow .12s ease,transform .08s ease}.dz-input:focus,.dz-textarea:focus{transform:translateY(-1px)}@media (max-width: 880px){.dz-editor{padding:.75rem;margin:1rem}.dz-editor-grid{grid-template-columns:1fr}.dz-art-preview{grid-template-columns:84px 1fr}.dz-artwork{width:84px;height:84px}.dz-sidebar{display:none}.dz-layout{padding:0 .5rem}}@media (max-width: 420px){.dz-list-item{flex-direction:column;align-items:flex-start;gap:.6rem}.dz-list-item__actions{width:100%;justify-content:flex-end}.dz-list-item__actions button{width:auto}}
