:root,[data-theme=dark]{--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--text-3xl: clamp(2.5rem, 1rem + 4vw, 5rem);--space-4: 1rem;--radius-full: 9999px;--color-bg: #090909;--color-surface: #111111;--color-surface-2: #171717;--color-surface-3: #1f1f1f;--color-border: rgba(255,255,255,.1);--color-divider: rgba(255,255,255,.08);--color-text: #f5f5f5;--color-text-muted: #b3b3b3;--color-text-faint: #7c7c7c;--color-primary: #63d26a;--color-primary-hover: #7ce383;--color-accent-red: #f04e37;--color-accent-orange: #ff8847;--color-accent-pink: #dd3b6d;--font-display: "Inter", system-ui, sans-serif;--font-body: "Instrument Sans", system-ui, sans-serif;--shadow-sm: 0 12px 24px rgba(0,0,0,.22);--shadow-md: 0 20px 50px rgba(0,0,0,.34);--shadow-lg: 0 30px 90px rgba(0,0,0,.5);--transition: .22s cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:radial-gradient(circle at top right,rgba(221,59,109,.14),transparent 24%),radial-gradient(circle at top center,rgba(240,78,55,.22),transparent 34%),linear-gradient(180deg,#111,#0a0a0a 38%,#050505);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}img,svg{display:block;max-width:100%}input,textarea,select{font:inherit}.ph{background:linear-gradient(135deg,#63d26a40,#dd3b6d40 60%,#ff884740),#141414;background-position:center;background-repeat:no-repeat;background-size:cover}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);gap:0;width:100%;min-height:100dvh}.sidebar{position:sticky;top:0;align-self:start;height:100dvh;padding:1.1rem;background:#00000080;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:0;border-right:1px solid var(--color-border);border-radius:0;display:flex;flex-direction:column;gap:1rem}.brand{display:flex;align-items:center;gap:.9rem;padding:.6rem .5rem 1rem;border-bottom:1px solid var(--color-divider);text-align:left}.brand-mark{width:44px;height:44px;border-radius:14px;overflow:hidden;display:grid;place-items:center;background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0}.brand div{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem}.brand strong{font-size:var(--text-sm);line-height:1.1}.brand span{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.1}.nav-section{display:grid;gap:.35rem}.nav-title{padding:.3rem .55rem;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.12em;font-size:var(--text-xs)}.nav-link{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.8rem .95rem;border-radius:16px;color:var(--color-text-muted);text-align:left;transition:background var(--transition),color var(--transition),transform var(--transition)}.nav-link span{display:block;min-width:0}.nav-link small{display:block;color:var(--color-text-faint);text-align:right;white-space:nowrap;font-size:.82rem}.nav-link:hover,.nav-link.is-active{background:var(--color-surface-2);color:var(--color-text);transform:translate(2px)}.sidebar-playlist{margin-top:auto;padding:1rem;border-radius:20px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--color-border);display:flex;align-items:center;gap:.9rem}.sidebar-track-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0}.sidebar-track-meta strong{font-size:var(--text-sm);color:var(--color-text);line-height:1.1}.sidebar-track-meta span{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.1}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 1rem;border-radius:999px;background:var(--color-primary);color:#071008;font-weight:700;transition:transform var(--transition),background var(--transition)}.pill:hover{transform:translateY(-1px);background:var(--color-primary-hover)}.sidebar-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:9998;width:44px;height:44px;background:transparent;border:none;flex-direction:column;justify-content:center;gap:6px;cursor:pointer;padding:0}.sidebar-toggle span{display:block;width:28px;height:2.5px;background:var(--color-text);border-radius:999px;transition:all .3s ease}.sidebar-toggle[aria-expanded=true] span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.sidebar-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.sidebar-toggle[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.sidebar-close{display:none;position:absolute;top:1rem;right:1rem;z-index:9999;width:36px;height:36px;background:transparent;border:none;cursor:pointer;padding:0}.sidebar-close:before,.sidebar-close:after{content:"";position:absolute;width:24px;height:2px;background:var(--color-text);border-radius:999px;top:50%;left:50%;transform:translate(-50%,-50%)}.sidebar-close:before{transform:translate(-50%,-50%) rotate(45deg)}.sidebar-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:9997}.content{min-width:0;background:#0b0b0bad;border:0;border-radius:0;overflow:hidden;box-shadow:none}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:#0b0b0bb8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-divider)}.search-wrap{position:relative;flex:1;max-width:520px}.search{width:100%;min-height:48px;border-radius:999px;display:flex;align-items:center;gap:.8rem;padding:0 1rem;background:var(--color-surface-2);color:var(--color-text-muted);border:1px solid var(--color-border)}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--color-text)}.search input::placeholder{color:var(--color-text-muted);opacity:1}.search-results{position:absolute;top:calc(100% + .5rem);left:0;right:0;z-index:60;overflow:hidden;border:1px solid var(--color-border);border-radius:12px;background:#171717;box-shadow:var(--shadow-md)}.search-results button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;text-align:left}.search-results button:hover{background:var(--color-surface-3)}.search-results small,.search-results p{color:var(--color-text-muted);font-size:var(--text-xs)}.search-results p{padding:.75rem 1rem}.top-actions{display:flex;align-items:center;gap:.75rem}.ghost{min-height:44px;padding:0 1rem;border-radius:999px;background:var(--color-surface-2);border:1px solid var(--color-border)}.hero{position:relative;min-height:78vh;padding:clamp(1.25rem,3vw,2rem);display:grid;align-items:end;overflow:hidden;isolation:isolate}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-position:center;background-repeat:no-repeat;background-size:cover}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#070707db,#07070780 52%,#07070742)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr .95fr;gap:1rem;align-items:end}.hero-copy small{display:block;font-size:var(--text-sm);color:#ffffffb8;margin-bottom:.65rem}.hero-title-row{display:inline-flex;align-items:center;gap:0;margin-bottom:.8rem}.hero-title-row h1{font-family:var(--font-display);font-size:clamp(3rem,6vw,6.4rem);line-height:.92;letter-spacing:-.05em;max-width:8ch;margin:0}.hero-play-btn{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;margin-left:-5.4rem;border-radius:999px;background:var(--color-primary);color:#071008;font-size:2rem;font-weight:800;box-shadow:var(--shadow-md);transition:transform var(--transition),background var(--transition)}.hero-play-btn:hover{transform:translateY(-2px) scale(1.03);background:var(--color-primary-hover)}.hero-copy p{max-width:56ch;color:#fffc;margin-bottom:1rem}.album-card{margin-left:auto;width:min(100%,560px);padding:1.25rem;border-radius:24px;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-md);background:#00000047}.album-cover{width:100%;aspect-ratio:1 / 1;border-radius:18px;margin-bottom:.9rem;object-fit:cover;display:block}.album-card .eyebrow{color:#ffffffa6;text-transform:uppercase;letter-spacing:.14em;font-size:var(--text-xs)}.album-card h2{font-size:clamp(2rem,4vw,4rem);line-height:.9;letter-spacing:-.04em;margin:.4rem 0}.album-card p{color:#ffffffb8;font-size:var(--text-sm)}.section{padding:1.5rem 1.25rem 2rem}.section-head{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1rem}.section-head h2{font-size:var(--text-xl)}.section-head p{color:var(--color-text-muted);font-size:var(--text-sm)}.playlist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.playlist-card{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid var(--color-border);border-radius:24px;overflow:hidden;padding:.9rem;text-align:left;transition:transform var(--transition),background var(--transition),border-color var(--transition)}.playlist-card:hover{transform:translateY(-4px);background:#ffffff14}.playlist-cover{position:relative;aspect-ratio:1 / 1;border-radius:18px;overflow:hidden;margin-bottom:.85rem;background-position:center;background-repeat:no-repeat;background-size:cover}.playlist-card h3{font-size:var(--text-lg);margin-bottom:.35rem}.playlist-card p{color:var(--color-text-muted);font-size:var(--text-sm)}.tracklist{display:grid;gap:.65rem;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid var(--color-border);border-radius:24px;padding:1rem}.track{display:grid;grid-template-columns:36px 68px 1.2fr .8fr 60px;gap:.85rem;align-items:center;padding:.7rem;border-radius:16px;cursor:pointer;transition:background var(--transition),transform var(--transition)}.track:hover{background:var(--color-surface-2);transform:translate(4px)}.track-index,.track-time{color:var(--color-text-faint);font-size:var(--text-sm)}.track-thumb{width:68px;aspect-ratio:1 / 1;border-radius:12px;border:1px solid rgba(255,255,255,.08);background-position:center;background-repeat:no-repeat;background-size:cover}.track strong{display:block}.track span{color:var(--color-text-muted);font-size:var(--text-sm)}.track-tag{display:inline-flex;align-items:center;min-height:32px;padding:0 .8rem;border-radius:999px;background:#63d26a1f;color:var(--color-primary);font-size:var(--text-xs);letter-spacing:.05em}.project-popup{position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:9999}.project-popup.is-visible{display:block}.project-popup-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.project-popup-panel{position:relative;z-index:2;width:min(98vw,1450px);max-height:94vh;margin:1.5vh auto;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0b0b0b;box-shadow:0 30px 90px #00000073}.project-popup-scroll{max-height:92vh;overflow-y:auto}.project-popup-close{position:absolute;top:1rem;right:1rem;z-index:4;width:52px;height:52px;border-radius:999px;background:#ffffff14;color:#fff;font-size:1.2rem}.project-popup-hero{position:relative;min-height:540px;padding:2rem 2rem 3rem;display:grid;grid-template-columns:320px minmax(0,1fr);gap:2.2rem;align-items:end;overflow:hidden;background:linear-gradient(180deg,#63d26a2e,#0e0e0ef5)}.project-popup-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.project-popup-hero-video-bg{width:100%;height:100%;object-fit:cover;opacity:.34;filter:saturate(.9) contrast(1.02)}.project-popup-hero-film{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000f,#0000003d),linear-gradient(90deg,#060c0761,#060c0714 46%,#060c0757),radial-gradient(circle at 22% 22%,rgba(99,210,106,.16),transparent 14%)}.project-popup-cover-shell{position:relative;z-index:2;align-self:end;display:flex;flex-direction:column;gap:.75rem}.project-popup-cover-art{width:min(100%,300px);aspect-ratio:1 / 1;border-radius:24px;background-position:center;background-repeat:no-repeat;background-size:cover;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 70px #0000006b}.project-popup-cover-player{display:flex;align-items:center;gap:.85rem;min-height:44px}.project-popup-cover-play{width:44px;height:44px;border-radius:999px;background:var(--color-primary);color:#071008;font-weight:800;font-size:1rem;flex-shrink:0;transition:transform var(--transition),background var(--transition)}.project-popup-cover-play:hover{transform:translateY(-1px) scale(1.03);background:var(--color-primary-hover)}.project-popup-cover-meta{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:.08rem}.project-popup-cover-meta strong{display:block;font-size:clamp(1.2rem,1.1rem + .4vw,1.7rem);line-height:1}.project-popup-cover-meta span{display:block;font-size:clamp(.95rem,.9rem + .18vw,1.15rem);line-height:1.05;color:var(--color-text-muted)}.project-popup-hero-copy{position:relative;z-index:2;align-self:end;max-width:980px}.project-popup-kicker{display:block;font-size:var(--text-sm);color:#ffffffb8;margin-bottom:.55rem}.project-popup-hero-copy h2{font-size:clamp(2.4rem,4.8vw,4.8rem);line-height:.94;letter-spacing:-.045em;margin-bottom:.7rem}.project-popup-hero-copy p{max-width:20em;color:#ffffffdb;font-size:clamp(.98rem,.95rem + .22vw,1.22rem);line-height:1.22;margin-bottom:1rem}.project-popup-meta{display:flex;flex-wrap:wrap;gap:.75rem}.project-popup-meta span{display:inline-flex;align-items:center;min-height:42px;padding:0 1rem;border-radius:999px;background:var(--color-primary);color:#071008;font-weight:700;font-size:var(--text-sm)}.project-popup-sections{display:grid;gap:1rem;padding:1.25rem}.project-popup-block{padding:1.15rem;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0a,#ffffff05)}.project-popup-block-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.project-popup-block h3{font-size:var(--text-xl)}.project-popup-block p{color:var(--color-text-muted)}.project-inline-link,.project-poster-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 1rem;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--color-text)}.project-poster-button:hover,.project-inline-link:hover{background:#63d26a29;border-color:#63d26a6b;color:#a8f0ad;box-shadow:0 8px 30px #63d26a1f}.project-photo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.project-photo-card{aspect-ratio:1 / 1;border-radius:18px;background-position:center;background-repeat:no-repeat;background-size:cover;cursor:pointer}.project-poster-feature{position:relative;display:flex;align-items:flex-end;min-height:420px;padding:2rem;border-radius:30px;border:1px solid rgba(255,255,255,.08);overflow:hidden;background:#090909}.project-poster-feature-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.project-poster-feature-video{width:100%;height:100%;object-fit:cover;opacity:.58;filter:saturate(.95) contrast(1.03)}.project-poster-feature-film{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#000000c7,#00000075 38%,#00000047 60%,#00000073),linear-gradient(180deg,#0000002e,#00000073),radial-gradient(circle at 22% 30%,rgba(99,210,106,.08),transparent 22%)}.project-poster-feature-copy{position:relative;z-index:1;display:grid;align-content:end;gap:1rem;max-width:720px}.project-video-preview-label{width:fit-content;padding:.35rem .65rem;border:1px solid rgba(255,255,255,.2);background:#00000073;color:#ffffffe0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em}.project-poster-track{display:flex;align-items:center;gap:.9rem;margin-bottom:.35rem}.project-poster-play{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:999px;background:var(--color-primary);color:#071008;font-size:1.3rem;font-weight:800;box-shadow:var(--shadow-md);transition:transform var(--transition),background var(--transition)}.project-poster-play:hover{transform:translateY(-2px) scale(1.03);background:var(--color-primary-hover)}.project-poster-track-meta{display:flex;flex-direction:column;gap:.12rem}.project-poster-track-meta strong{font-size:clamp(1.3rem,1.15rem + .55vw,1.85rem);line-height:1.05}.project-poster-track-meta span{font-size:clamp(.95rem,.92rem + .2vw,1.1rem);color:#ffffffb8;line-height:1.1}.project-poster-feature h3{font-size:clamp(2.4rem,4.5vw,4.8rem);line-height:.95;letter-spacing:-.045em}.project-poster-feature p{max-width:56ch;color:#ffffffd1;font-size:clamp(1rem,.95rem + .25vw,1.2rem);line-height:1.32}.project-poster-actions{display:flex;align-items:center;gap:.75rem}.project-popup-video-only .project-popup-backdrop{background:linear-gradient(#000000d1,#000000d1),#000000d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.project-popup-video-only .project-popup-panel{width:min(96vw,1200px);max-height:92vh;margin:4vh auto;padding:1.25rem;border-radius:32px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(#0000006b,#0000006b),#0b0b0b;box-shadow:0 30px 90px #0000008c}.project-popup-video-only-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:min(84vh,820px)}.project-popup-video-only-player{width:100%;max-width:1100px;max-height:82vh;display:block;border-radius:24px;background:#000;box-shadow:0 24px 80px #0000008c}.project-video-picker{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.project-video-picker button{min-height:38px;padding:0 .8rem;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:var(--color-text-muted);font-size:var(--text-sm)}.project-video-picker button.is-active,.project-video-picker button:hover{border-color:#63d26aa6;background:#63d26a29;color:var(--color-text)}.photos-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:9999}.photos-overlay.is-visible{display:flex}.photos-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000eb}.photos-overlay-inner{position:relative;z-index:1;display:flex;align-items:center;gap:1.5rem;max-width:90vw;max-height:80vh}.photos-carousel{width:min(70vw,900px);height:min(70vh,600px);overflow:hidden;border-radius:18px}.photos-track{display:flex;height:100%;transition:transform .3s cubic-bezier(.16,1,.3,1)}.photos-slide-card{flex:0 0 100%;height:100%;display:flex;align-items:center;justify-content:center}.photos-slide-img{max-width:100%;max-height:100%;border-radius:18px;box-shadow:0 24px 80px #000c;object-fit:contain}.photos-arrow{width:44px;height:44px;border-radius:50%;background:#ffffff2e;color:#fff;font-size:1.3rem}.photos-close{position:absolute;top:-2.2rem;right:0;background:transparent;color:#fff;font-size:1.6rem}.page-preview{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:1rem;align-items:stretch}.page-card{position:relative;border-radius:28px;overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-md);background-color:#0c0c0c;cursor:pointer}.page-card-img{width:100%;height:auto;display:block}.page-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.65) 35%,transparent 75%);pointer-events:none;z-index:0}.page-overlay{position:absolute;left:1.25rem;right:1.25rem;bottom:1.25rem;z-index:1;padding:1rem;border-radius:24px;background:linear-gradient(180deg,#ffffff24,#ffffff0f);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:108px 1fr;gap:.9rem;align-items:center;transition:transform var(--transition),box-shadow var(--transition)}.page-overlay:hover{transform:scale(1.03);box-shadow:0 20px 60px #000000b3}.mini-cover-box{aspect-ratio:1 / 1;border-radius:14px;background-position:center;background-repeat:no-repeat;background-size:cover;cursor:pointer;transition:transform .18s ease-out,box-shadow .18s ease-out}.page-overlay small{display:block;color:#ffffffb8;margin-bottom:.25rem}.page-overlay h3{font-size:clamp(1.8rem,3vw,3.4rem);line-height:.94;letter-spacing:-.04em}.page-overlay p{color:#fffc;font-size:var(--text-sm)}.page-notes{padding:1rem;border-radius:28px;border:1px solid var(--color-border);background:linear-gradient(180deg,#ffffff0d,#ffffff06);display:grid;gap:.9rem}.page-notes::-webkit-scrollbar{width:6px}.page-notes::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.page-side{display:grid;grid-template-rows:auto 1fr;gap:1rem}.page-lyrics{border-radius:28px;padding:1.6rem 1.75rem;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-md);color:#fff;display:flex;flex-direction:column;min-height:0;overflow:hidden}.page-lyrics-head{display:flex;flex-direction:column;gap:.1rem;margin-bottom:1.1rem;flex:0 0 auto}.page-lyrics-head strong{font-size:var(--text-lg);line-height:1.1}.page-lyrics-head span{color:#ffffffb3;font-size:var(--text-sm)}.page-lyrics-body{flex:1 1 auto;min-height:0;position:relative;overflow:hidden;display:grid;gap:.55rem;align-content:start;-webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}.page-lyrics-body p{font-weight:800;font-size:clamp(1.3rem,1rem + 1vw,2rem);line-height:1.12;letter-spacing:-.01em;color:#fff6;transition:color .4s ease,transform .4s ease}.page-lyrics-body p.is-current{color:#fff;transform:scale(1.02);transform-origin:left}.note{padding:1rem;border-radius:18px;background:var(--color-surface-2);border:1px solid rgba(255,255,255,.06);cursor:pointer}.note.is-active{border-color:#63d26a66}.note strong{display:block;margin-bottom:.3rem}.note p{color:var(--color-text-muted);font-size:var(--text-sm)}.poster-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:9999}.poster-overlay.is-visible{display:flex}.poster-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.poster-overlay-image{position:relative;max-width:80vw;max-height:80vh;border-radius:24px;box-shadow:0 24px 80px #000000b3}.stream-hero{position:relative;min-height:80vh;margin:1.5rem 1.25rem;border-radius:24px;overflow:hidden;background:#000;color:#fff;display:flex;align-items:flex-end}.stream-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.stream-hero-video{width:100%;height:100%;object-fit:cover}.stream-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000059,#0006),linear-gradient(90deg,rgba(0,0,0,.45),transparent 55%)}.stream-hero-content{position:relative;z-index:1;width:100%;padding:0 2.75rem 3.5rem;display:flex;align-items:flex-end;gap:1.5rem}.stream-hero-card{display:flex;align-items:center;gap:.75rem;padding:.8rem 1.1rem;border-radius:.9rem;background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stream-hero-cover{width:96px;height:96px;border-radius:.6rem;background-position:center;background-repeat:no-repeat;background-size:cover}.stream-hero-card-meta{display:flex;flex-direction:column;gap:.15rem;text-align:left}.stream-hero-card-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;opacity:.8}.stream-hero-card-title{font-weight:600}.stream-hero-card-action{margin-top:.3rem;color:var(--color-primary);font-size:var(--text-xs);font-weight:700}.stream-hero-text{margin-left:1rem}.stream-hero-title{font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.05;margin-bottom:.25rem}.stream-hero-sub{font-size:.95rem;opacity:.9;max-width:60ch}.video-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:9999}.video-overlay.is-visible{display:block}.video-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:1}.video-overlay-inner{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:2}.video-overlay-video{max-width:96vw;max-height:90vh;border-radius:1rem;box-shadow:0 30px 80px #0009;background:#000}.video-overlay-close{position:absolute;top:1.25rem;right:1.25rem;z-index:3;width:46px;height:46px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#000000b3;color:#fff;font-size:1.25rem}.video-overlay-close:hover{background:#ffffff29}.naming-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:stretch}.naming-card{padding:1rem;border-radius:24px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid var(--color-border)}.naming-card h3{margin-bottom:.75rem;font-size:var(--text-lg)}.naming-card ul{list-style:none;display:grid;gap:.55rem}.naming-card li{color:var(--color-text-muted)}.naming-card li strong{color:var(--color-text)}.contact-icons{display:flex;gap:.9rem;margin-top:1.4rem}.contact-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--color-text);transition:transform var(--transition),background var(--transition),border-color var(--transition),color var(--transition)}.contact-icon svg{width:28px;height:28px}.contact-icon:hover{transform:translateY(-2px) scale(1.03);background:#63d26a24;border-color:#63d26a59;color:var(--color-primary)}.profile-card{padding:0;text-align:left;border-radius:24px;overflow:hidden;border:1px solid var(--color-border);background:linear-gradient(180deg,#ffffff0f,#ffffff06);transition:transform var(--transition),background var(--transition);width:100%}.profile-card:hover{transform:translateY(-4px);background:#ffffff14}.profile-card-cover{min-height:190px;background-position:center;background-repeat:no-repeat;background-size:cover}.profile-card-body{padding:1rem}.profile-card-label{display:inline-block;margin-bottom:.35rem;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.14em;font-size:var(--text-xs)}.profile-card h3{margin-bottom:.45rem;font-size:var(--text-lg)}.profile-card p{color:var(--color-text-muted);font-size:var(--text-sm)}.profile-popup{position:fixed;top:0;right:0;bottom:0;left:0;display:none;z-index:9999}.profile-popup.is-visible{display:block}.profile-popup-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-popup-panel{position:relative;z-index:1;width:min(920px,calc(100% - 2rem));max-height:min(86vh,900px);margin:4vh auto;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff14,#ffffff08),#0b0b0b;box-shadow:0 30px 90px #00000080}.profile-popup-close{position:absolute;top:1rem;right:1rem;z-index:3;width:42px;height:42px;border-radius:999px;background:#ffffff1a;color:#fff}.profile-popup-scroll{max-height:min(86vh,900px);overflow-y:auto}.profile-popup-hero{display:grid;grid-template-columns:180px 1fr;gap:1.25rem;align-items:end;padding:4rem 1.5rem 1.5rem;background:linear-gradient(180deg,#ffffff1a,#ffffff05),radial-gradient(circle at top left,rgba(255,255,255,.12),transparent 35%)}.profile-popup-avatar{width:180px;aspect-ratio:1 / 1;border-radius:999px;background-position:center;background-repeat:no-repeat;background-size:cover;border:1px solid rgba(255,255,255,.12)}.profile-popup-kicker{display:inline-block;margin-bottom:.35rem;color:#ffffffbf;font-size:var(--text-sm)}.profile-popup-intro h2{font-size:clamp(2rem,4vw,4rem);line-height:.95;margin-bottom:.5rem}.profile-popup-intro p{color:var(--color-text-muted);max-width:56ch}.profile-popup-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.profile-popup-meta span{display:inline-flex;align-items:center;min-height:34px;padding:0 .85rem;border-radius:999px;background:var(--color-primary);color:#071008;font-size:var(--text-xs);font-weight:700;box-shadow:var(--shadow-sm)}.profile-popup-sections{display:grid;gap:1rem;padding:1.25rem 1.5rem 1.75rem}.profile-popup-block{padding:1rem;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0d,#ffffff06)}.profile-popup-block h3{margin-bottom:.65rem;font-size:var(--text-lg)}.profile-popup-block p,.profile-popup-block li{color:var(--color-text-muted);font-size:var(--text-sm)}.profile-popup-block ul{list-style:none;display:grid;gap:.55rem}.profile-popup-block li strong{color:var(--color-text)}.player{position:sticky;bottom:0;z-index:60;display:grid;grid-template-columns:1.1fr .8fr .9fr;gap:1rem;align-items:center;padding:.9rem 1.25rem;background:#080808eb;border-top:1px solid var(--color-divider);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.now-playing{display:flex;align-items:center;gap:.85rem;min-width:0}.now-playing .thumb{width:56px;aspect-ratio:1/1;border-radius:12px;background-position:center;background-repeat:no-repeat;background-size:cover}.now-playing div{min-width:0}.now-playing strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing span{color:var(--color-text-muted);font-size:var(--text-sm)}.controls{display:grid;justify-items:center;gap:.45rem}.control-row{display:flex;align-items:center;gap:.75rem}.play-btn{width:44px;height:44px;border-radius:50%;background:var(--color-text);color:#000;font-weight:800}.progress{width:min(100%,420px);height:4px;background:#ffffff1f;border-radius:999px;overflow:hidden}.progress span{display:block;width:42%;height:100%;background:var(--color-text)}.player-side{display:flex;justify-content:flex-end;gap:.75rem;color:var(--color-text-muted);font-size:var(--text-sm)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (max-width: 1180px){.app-shell{grid-template-columns:1fr;width:100%;max-width:100%;margin:0;gap:0;min-height:100dvh}.sidebar-toggle{display:flex}.sidebar-backdrop{display:block}.sidebar{position:fixed;top:0;left:0;z-index:9999;height:100dvh;width:280px;transform:translate(-100%);transition:transform .3s ease;border-right:1px solid var(--color-border);border-radius:0}.sidebar.is-open{transform:translate(0)}.sidebar-close,.sidebar-backdrop.is-open{display:block}.content{border-radius:0;border-left:0;border-right:0}.hero-grid,.page-preview,.naming-grid{grid-template-columns:1fr}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player{grid-template-columns:1fr;justify-items:stretch}.player-side{justify-content:flex-start}.project-popup-hero,.page-side{grid-template-columns:1fr}}@media (max-width: 960px){.naming-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-preview,.page-side{grid-template-columns:1fr}}@media (max-width: 760px){.sidebar-toggle{display:flex}.content{border-radius:0}.stream-hero{margin:1rem 0;border-radius:0}.topbar{flex-wrap:wrap;padding:.85rem .85rem .85rem 3.5rem}.search-wrap{max-width:none;width:100%}.playlist-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding-bottom:.5rem}.playlist-card{scroll-snap-align:start;min-height:200px;flex-shrink:0;width:100%}.track{grid-template-columns:28px 58px 1fr}.track-tag,.track-time{display:none}.page-overlay{grid-template-columns:82px 1fr}.project-photo-grid{grid-template-columns:1fr}.hero-play-btn{width:52px;height:52px;font-size:1.15rem}.stream-hero-content{flex-direction:column;align-items:flex-start;padding:1.5rem}.naming-grid{grid-template-columns:1fr}.naming-card{padding:.75rem}.contact-icons{gap:.6rem}.contact-icon{width:52px;height:52px}.contact-icon svg{width:22px;height:22px}.page-lyrics{padding:1.2rem 1.25rem}.page-lyrics-head{margin-bottom:.8rem}.page-lyrics-body{gap:.4rem}.page-lyrics-body p{font-size:clamp(1rem,1.5vw,1.6rem);white-space:pre-wrap}.profile-popup-hero{grid-template-columns:1fr}.profile-popup-avatar{width:140px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}.admin-fab{position:fixed;right:1rem;bottom:1rem;z-index:200;min-height:46px;padding:0 .85rem;height:46px;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:.45rem;font-size:1.2rem;background:#0009;color:#fff;border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.78;transition:opacity var(--transition),transform var(--transition)}.admin-fab:hover{opacity:1;transform:translateY(-2px)}.admin-fab span:last-child{font-size:var(--text-xs);font-weight:700}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.admin-login-card{width:min(400px,100%);padding:2rem;border-radius:24px;border:1px solid var(--color-border);background:linear-gradient(180deg,#ffffff0f,#ffffff05),#0b0b0b;display:grid;gap:.9rem;box-shadow:var(--shadow-lg)}.admin-login-card h1{font-size:var(--text-xl)}.admin-login-card p{color:var(--color-text-muted);font-size:var(--text-sm)}.admin-error{color:#ff8a8a;font-size:var(--text-sm)}.admin-back-link{color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.admin{min-height:100vh;padding-bottom:4rem}.admin-top{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.9rem 1.25rem;background:#080808eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-divider)}.admin-top-left{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.admin-tabs{display:flex;gap:.35rem;flex-wrap:wrap}.admin-tabs button{padding:.5rem .9rem;border-radius:999px;color:var(--color-text-muted);border:1px solid transparent}.admin-tabs button.is-active{background:var(--color-surface-2);color:var(--color-text);border-color:var(--color-border)}.admin-top-right{display:flex;align-items:center;gap:.75rem}.admin-status{color:var(--color-primary);font-size:var(--text-sm)}.admin-main{width:min(980px,100%);margin:1.25rem auto;padding:0 1rem}.admin-panel{display:grid;gap:1rem}.admin-add-bar{display:flex;align-items:end;gap:.75rem;padding:1rem;border-radius:18px;border:1px solid var(--color-border);background:var(--color-surface)}.admin-section{border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface);overflow:hidden}.admin-section>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;cursor:pointer;list-style:none;background:var(--color-surface-2)}.admin-section>summary::-webkit-details-marker{display:none}.admin-section-title{font-weight:600}.admin-section-title em{color:var(--color-text-faint);font-weight:400}.admin-section-controls{display:flex;gap:.35rem;align-items:center}.admin-section-body{padding:1.1rem}.editor-grid{display:grid;gap:.85rem}.field{display:grid;gap:.35rem}.field.inline{display:flex;flex-direction:column}.field-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.field input,.field textarea,.field select,.media-url,.admin-login-card input,.admin-add-bar select{width:100%;padding:.6rem .75rem;border-radius:12px;background:var(--color-surface-3);border:1px solid var(--color-border);color:var(--color-text)}.field textarea{resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-items:end}.admin-card{padding:1rem;border-radius:16px;border:1px solid var(--color-border);background:var(--color-surface-2);display:grid;gap:.7rem}.admin-card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-note{color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.4}.btn-primary{padding:.6rem 1.1rem;border-radius:12px;background:var(--color-primary);color:#071008;font-weight:700;transition:background var(--transition),transform var(--transition)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-ghost{padding:.5rem .9rem;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface-2)}.btn-add{padding:.6rem 1rem;border-radius:12px;border:1px dashed var(--color-border);color:var(--color-text-muted);background:transparent}.btn-add:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-danger{padding:.4rem .7rem;border-radius:10px;background:#f04e3724;color:#ff8a7a;border:1px solid rgba(240,78,55,.3)}.btn-danger:hover{background:#f04e373d}.btn-mini{width:32px;height:32px;border-radius:9px;background:var(--color-surface-3);border:1px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center}.btn-mini:disabled{opacity:.35;cursor:default}.media-input{display:grid;gap:.5rem}.media-input-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.media-drop{position:relative;aspect-ratio:16 / 9;border-radius:14px;border:1px dashed var(--color-border);background:var(--color-surface-3);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;text-align:center}.media-input.compact .media-drop{aspect-ratio:1 / 1}.media-drop.is-drag{border-color:var(--color-primary);background:#63d26a1a}.media-hint{color:var(--color-text-faint);font-size:var(--text-xs);padding:.5rem}.media-preview{width:100%;height:100%;object-fit:cover}.media-row{display:flex;gap:.4rem;align-items:center}.media-list{display:grid;gap:.6rem}.media-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.6rem}.media-list-item{display:grid;gap:.3rem}.media-list-actions{display:flex;gap:.25rem;justify-content:center}.media-list-item .media-url{display:none}@media (max-width: 640px){.field-row{grid-template-columns:1fr}}