:root{--bg: #081d2c;--text: #f5f5f8;--text-muted-35: rgba(245, 245, 248, .35);--text-muted-50: rgba(245, 245, 248, .5);--text-muted-55: rgba(245, 245, 248, .55);--text-muted-65: rgba(245, 245, 248, .402);--border: rgba(245, 245, 248, .16);--border-soft: rgba(245, 245, 248, .08);--accent: #5980a6;--accent-light: #94bce3;--accent-lighter: #b5d9fd;--tag-bg: #1d2d3d;--font-heading: "Barlow Condensed", sans-serif;--font-body: "Barlow", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body{position:relative}a{color:var(--accent-light);text-underline-offset:3px}a:hover{color:var(--accent-lighter)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-light);outline-offset:2px}img{max-width:100%;display:block}button{font-family:inherit}.noise-overlay{position:fixed;inset:0;pointer-events:none;opacity:.15;mix-blend-mode:overlay;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='1' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.wrap-home,.wrap-detail{max-width:1080px;margin:0 auto;padding:52px 28px 100px;position:relative;z-index:2}.corner-marks{position:relative}.corner-marks .cm{position:absolute;width:var(--cm-size, 11px);height:var(--cm-size, 11px);background-image:linear-gradient(to right,transparent calc(50% - .5px),var(--text-muted-50) calc(50% - .5px),var(--text-muted-50) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),var(--text-muted-50) calc(50% - .5px),var(--text-muted-50) calc(50% + .5px),transparent calc(50% + .5px));pointer-events:none}.corner-marks .cm-tl{top:var(--cm-offset, -6px);left:var(--cm-offset, -6px)}.corner-marks .cm-tr{top:var(--cm-offset, -6px);right:var(--cm-offset, -6px)}.corner-marks .cm-bl{bottom:var(--cm-offset, -6px);left:var(--cm-offset, -6px)}.corner-marks .cm-br{bottom:var(--cm-offset, -6px);right:var(--cm-offset, -6px)}.duotone{position:relative;overflow:hidden}.duotone img{width:100%;height:100%;object-fit:cover;display:block}.duotone:after{content:"";position:absolute;inset:0;background:var(--accent);mix-blend-mode:color;opacity:.35;pointer-events:none}.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:8px}.site-header img{height:32px;width:auto;cursor:pointer}.site-header-brand{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.seg-control{display:inline-flex;border:1px solid var(--border)}.seg-control button,.seg-control a{font-family:var(--font-heading);font-weight:600;font-size:13px;letter-spacing:.03em;padding:8px 16px;border:none;cursor:pointer;background:transparent;color:var(--text);text-decoration:none;display:inline-block}.seg-control button+button,.seg-control a+a{border-left:1px solid var(--border)}.seg-control button.active,.seg-control a.active{background:var(--accent);color:var(--bg)}.tagline{font-family:var(--font-heading);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted-55)}.tag-panel{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--border)}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0}.tag-cloud.expanded{margin-bottom:16px}.tag-chip{font-size:11px;letter-spacing:.02em;padding:4px 10px;cursor:pointer;background:none;border:1px solid rgba(245,245,248,.2);color:#f5f5f899;font-family:var(--font-body);text-decoration:none;display:inline-block}.tag-chip.active{border-color:var(--accent);color:var(--accent-light)}.tag-panel-row{display:flex;justify-content:space-between;align-items:center}.tag-toggle{background:none;border:none;cursor:pointer;padding:0;font-family:var(--font-heading);font-size:12px;letter-spacing:.05em;color:var(--accent-light)}.chip{font-size:11px;letter-spacing:.02em;padding:3px 9px;background:var(--tag-bg);color:var(--accent-lighter);display:inline-block}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.kicker{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-light)}.kicker .dot{color:var(--text-muted-35)}.kicker .date{color:var(--text-muted-55);text-transform:none;letter-spacing:0}#mix-list{display:flex;flex-direction:column}.mix-row{border-top:1px solid var(--border);padding:26px 0}.mix-row-inner{display:flex;gap:20px;align-items:flex-start}.mix-row .cover-thumb{flex:none;width:92px;height:92px;border:1px solid var(--border);cursor:pointer}.mix-row .content{flex:1;min-width:0}.mix-row .title{font-family:var(--font-heading);font-weight:600;font-size:21px;line-height:1.2;cursor:pointer;margin:6px 0 4px}.mix-row .dj{font-size:14px;color:var(--text-muted-65);margin-bottom:10px}.mix-row .play-btn{flex:none}.mix-row .player-wrap{margin-top:16px;margin-left:112px}#mix-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 720px){#mix-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){#mix-grid{grid-template-columns:1fr}}.mix-card{border:1px solid var(--border);position:relative;display:flex;flex-direction:column}.mix-card .cover-frame{position:relative;width:100%;aspect-ratio:16 / 10;cursor:pointer}.mix-card .play-btn{position:absolute;bottom:10px;right:10px}.mix-card .card-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.mix-card .title{font-family:var(--font-heading);font-weight:600;font-size:19px;line-height:1.2;cursor:pointer;margin:0}.mix-card .dj{font-size:13px;color:var(--text-muted-65)}.mix-card .chip-row{margin-top:auto}.mix-card .player-wrap iframe{border-top:1px solid var(--border)}.play-btn{width:36px;height:36px;border:1px solid rgba(245,245,248,.2);background:transparent;color:var(--text);cursor:pointer;font-size:12px}.play-btn.playing{border-color:var(--accent);background:var(--accent);color:var(--bg)}.player-wrap iframe{display:block;border:none;width:100%}.no-results{padding:60px 0;text-align:center;color:var(--text-muted-50);font-size:14px}.hidden{display:none!important}.site-footer{margin-top:64px;padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.site-footer .tag{font-family:var(--font-heading);font-size:13px;letter-spacing:.06em;color:var(--text-muted-55)}.site-footer .brand{font-size:12px;color:#f5f5f866}.bottom-nav{position:relative;z-index:2;max-width:1080px;margin:0 auto;padding:20px 28px 32px;display:flex;gap:20px;border-top:1px solid var(--border)}.bottom-nav a{font-family:var(--font-heading);font-weight:600;font-size:13px;letter-spacing:.03em;color:var(--text-muted-55);text-decoration:none}.bottom-nav a:hover{color:var(--text)}.back-link{font-family:var(--font-heading);font-weight:600;font-size:13px;letter-spacing:.05em;color:var(--accent-light);background:none;border:none;cursor:pointer;padding:0;margin-bottom:36px;display:inline-block}.detail-header{display:flex;gap:28px;flex-wrap:wrap;margin-bottom:32px}.detail-cover{position:relative;flex:none;width:180px;height:180px;border:1px solid var(--border)}.detail-content{flex:1;min-width:240px}.detail-kicker{font-family:var(--font-heading);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-light);margin-bottom:10px}.detail-content h1{font-family:var(--font-heading);font-weight:600;font-size:34px;line-height:1.1;margin:0 0 10px}.detail-dj{font-size:16px;color:var(--text-muted-65);margin-bottom:16px}.detail-player{margin-bottom:32px}.detail-player iframe{display:block;border:1px solid var(--border);width:100%}.detail-description{font-size:15px;line-height:1.65;color:var(--text);margin-bottom:40px}.detail-description p{margin:0 0 1em}.detail-tracklist{border-top:1px solid var(--border);padding-top:20px}.detail-tracklist h2{font-family:var(--font-heading);font-weight:600;font-size:22px;margin:0 0 16px}.detail-tracklist table{width:100%;border-collapse:collapse;font-size:14px}.detail-tracklist td{padding:8px 0;border-bottom:1px solid var(--border-soft)}.detail-tracklist td.time{padding-right:10px;color:var(--text-muted-50);font-family:var(--font-heading);width:34px}.detail-tracklist .artist{color:#f5f5f899}.links-section+.links-section{margin-top:32px}.links-list{list-style:none;margin:0;padding:0}.links-list li{padding:8px 0;border-bottom:1px solid var(--border-soft);font-size:14px}.links-list .label{display:inline-block;width:32px;font-family:var(--font-heading);font-weight:600;color:var(--text-muted-50)}.links-list a{color:var(--text);text-decoration:none}.links-list a:hover{color:var(--accent-light)}.links-list li a+a{margin-left:14px;color:var(--text-muted-50)}.friend-group+.friend-group{margin-top:20px}.friend-name{font-family:var(--font-heading);font-weight:600;font-size:15px;color:var(--text);margin-bottom:4px}.friend-name a{color:var(--text);text-decoration:none}.friend-name a:hover{color:var(--accent-light)}.friend-group .links-list{padding-left:14px}.friend-group .links-list li:last-child{border-bottom:none}.links-list-horizontal{display:flex;flex-wrap:wrap;gap:4px 24px}.links-list-horizontal li{border-bottom:none;padding:4px 0}.archive-heading{font-family:var(--font-heading);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-light);margin-bottom:8px}.archive-title{font-family:var(--font-heading);font-weight:600;font-size:28px;margin:0 0 24px}