:root{color:#f8fafc;background:#08121d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#08121d}button,input{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{min-height:100vh;display:flex;background:#08121d}.login-card{width:min(420px,calc(100vw - 40px));margin:auto;display:grid;gap:16px;padding:32px;border:1px solid #223149;border-radius:20px;background:#0c141b}.brand-dot{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;color:#0c141b;background:#38debb}h1,h2,p{margin:0}h1{font-size:30px;letter-spacing:0}h2{font-size:18px}p,.muted,span{color:#9aa8ba}label{display:grid;gap:8px;color:#9aa8ba;font-weight:700;font-size:12px}input{width:100%;min-height:42px;border:1px solid #223149;border-radius:10px;padding:0 12px;color:#f8fafc;background:#08121d}textarea{width:100%;min-height:110px;border:1px solid #223149;border-radius:12px;padding:12px;color:#f8fafc;background:#08121d;resize:vertical;font:inherit}button{min-height:40px;border:0;border-radius:999px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#0c141b;background:#38debb;font-weight:800;white-space:nowrap;flex-shrink:0}button:disabled{opacity:.5}.error{color:#ffb4ab}.sidebar{width:220px;flex-shrink:0;padding:24px 12px;border-right:1px solid #223149;background:#0c141b}.logo{display:flex;align-items:center;gap:10px;margin-bottom:28px;font-weight:900;font-size:18px}.logo svg{color:#38debb}.nav{width:100%;justify-content:flex-start;margin-bottom:6px;color:#9aa8ba;background:transparent;border-radius:10px;font-size:14px;padding:0 12px}.nav.active,.nav:hover{color:#38debb;background:#141c23}.logout{margin-top:32px;color:#ffb4ab}.workspace{flex:1;padding:28px;overflow:auto;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{color:#38debb;font-size:11px;font-weight:900;letter-spacing:1.6px}.admin-pill{border:1px solid #223149;border-radius:999px;padding:8px 14px;color:#38debb;background:#0c141b;font-size:12px;font-weight:800}.grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:16px}.metric{border:1px solid #223149;border-radius:16px;background:#0c141b;padding:20px}.metric span{color:#9aa8ba;font-size:13px}.metric strong{display:block;margin-top:8px;font-size:36px;color:#38debb}.stack{display:grid;gap:18px}.two-col{display:grid;grid-template-columns:minmax(300px,.8fr) 1.2fr;gap:18px}.panel{border:1px solid #223149;border-radius:16px;background:#0c141b;padding:20px}h2{margin-bottom:16px;color:#f8fafc}.segment{display:inline-flex;gap:6px;padding:4px;border:1px solid #223149;border-radius:999px;background:#0c141b;margin-bottom:4px}.segment button{color:#9aa8ba;background:transparent;min-height:34px;font-size:13px}.segment button.active{color:#0c141b;background:#38debb}.search-row{display:flex;gap:10px;margin-bottom:16px;align-items:center}.search-row input{flex:1;min-width:0}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:16px}.album-mini{display:flex;flex-direction:column;gap:8px;border:1px solid #223149;border-radius:12px;padding:10px;background:#141c23}.album-mini img{width:100%;aspect-ratio:1;border-radius:8px;object-fit:cover;background:#223149}.album-mini-info{display:flex;flex-direction:column;gap:3px;min-width:0}.album-mini-info strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f8fafc;font-size:13px}.album-mini-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.add-btn{width:100%;border-radius:8px;min-height:34px;font-size:13px}.table{display:grid;gap:8px}.table-row{display:flex;align-items:center;gap:10px;min-height:64px;border:1px solid #223149;border-radius:12px;padding:10px 12px;background:#141c23;flex-wrap:wrap}.table-row.as-button{width:100%;color:inherit;text-align:left;border-radius:12px;justify-content:flex-start}.table-row.as-button:hover{border-color:#38debb66;background:#182531}.table-row.clickable{cursor:pointer}.table-row.clickable:hover{border-color:#38debb44;background:#161e27}.table-row img{width:48px;height:48px;border-radius:8px;object-fit:cover;background:#223149;flex-shrink:0}.table-row>div:nth-child(2){flex:1;min-width:0;display:grid;gap:3px}.table-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f8fafc}.pos-input{width:60px;min-height:34px;flex-shrink:0}.check-label{display:flex!important;align-items:center;gap:6px;white-space:nowrap}.check-label input{min-height:auto;width:auto}.danger{color:#ffdad6;background:#93000a;flex-shrink:0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{color:#f8fafc;background:#141c23;border:1px solid #223149;font-size:13px;min-height:34px;border-radius:8px}.chip.active{color:#0c141b;background:#38debb;border-color:#38debb}.chip.mini,.ghost-btn.mini{min-height:28px;padding:0 10px;font-size:12px}.chip small{color:inherit;opacity:.7}.avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;color:#0c141b;background:#38debb;font-weight:900;font-size:16px;flex-shrink:0}.avatar.lg{width:58px;height:58px;font-size:22px}.avatar.sm{width:34px;height:34px;font-size:13px}.avatar-frame{position:relative;width:46px;height:46px;display:inline-grid;place-items:center;border-radius:999px;padding:2px;overflow:visible;flex-shrink:0;background:#44474b59}.avatar-frame.large{width:118px;height:118px;padding:5px}.avatar-frame.with-frame{animation:framePulse 2.8s ease-in-out infinite}.avatar-core{position:relative;z-index:2;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:999px;background:#08121d}.avatar-core img{width:100%;height:100%;display:block;object-fit:cover;border-radius:inherit}.avatar-core .avatar{width:100%;height:100%}.avatar-hat{position:absolute;z-index:5;height:auto;pointer-events:none;transform-origin:50% 70%;filter:drop-shadow(0 8px 10px rgba(0,0,0,.38))}.avatar-click{width:auto;height:auto;min-height:0;padding:0;background:transparent;overflow:visible}.name-click{min-height:0;padding:0;display:grid;justify-items:start;color:inherit;background:transparent;text-align:left}.name-click:hover strong{color:#38debb}@keyframes framePulse{0%,to{filter:saturate(1) drop-shadow(0 0 0 rgba(56,222,187,0))}50%{filter:saturate(1.18) drop-shadow(0 0 14px rgba(56,222,187,.25))}}.log-count{color:#38debb;white-space:nowrap;margin-left:auto}.detail-header{display:flex;flex-direction:column;gap:16px;border:1px solid #223149;border-radius:16px;background:#0c141b;padding:20px}.back-btn{background:#141c23;color:#9aa8ba;border-radius:10px;align-self:flex-start;min-height:36px;font-size:13px}.back-btn:hover{color:#f8fafc}.detail-identity{display:flex;align-items:center;gap:16px}.detail-identity h2{font-size:22px}.detail-stats{display:flex;gap:24px;flex-wrap:wrap;padding-top:8px;border-top:1px solid #223149;margin-top:4px}.detail-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.detail-stat strong{color:#38debb;font-size:22px}.detail-stat span{font-size:11px;color:#9aa8ba}.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.user-chip{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #223149;border-radius:12px;background:#141c23;cursor:pointer}.user-chip:hover{border-color:#38debb44}.user-chip div{display:grid;gap:2px;min-width:0}.user-chip strong{color:#f8fafc;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rating-pill{color:#f8fafc;background:#1e2d3d;border:1px solid #223149;border-radius:999px;padding:2px 10px;font-size:12px;white-space:nowrap;flex-shrink:0}.review-snippet{font-size:12px;color:#9aa8ba;flex:1;min-width:0;font-style:italic}.muted-sm{font-size:11px;color:#4a5a6a;white-space:nowrap}.loader{margin:auto;color:#38debb;font-weight:800}.web-app{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr);background:#0e141a}.web-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:0;padding:12px;border-right:1px solid #3b494b;background:#0e141a;z-index:50}.web-sidebar-logo{margin:0 0 18px;padding:0 10px;color:#dde3ec;font-size:24px;font-weight:900}.web-sidebar-logo svg{color:#00dbe9}.web-sidebar-nav{display:flex;flex:1;flex-direction:column;gap:3px;overflow:visible}.web-nav{width:100%;min-height:38px;justify-content:flex-start;gap:10px;color:#b9cacb;background:transparent;border-radius:8px;padding:0 10px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.04em;transition:background .16s ease,color .16s ease,transform .12s ease}.web-nav.active,.web-nav:hover{color:#00dbe9;background:#2f353c}.web-nav.active{font-weight:900;transform:scale(.98)}.admin-link{display:inline-flex;align-items:center;min-height:30px;color:#b9cacb;text-decoration:none;font-size:12px;font-weight:800;padding:0 10px}.admin-link:hover{color:#dbfcff}.web-sidebar-bottom{display:grid;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #3b494b}.web-user-card{width:100%;display:flex;align-items:center;gap:8px;padding:8px;border:0;border-radius:12px;background:#161c22;text-align:left;cursor:pointer;transition:background .16s ease,transform .12s ease}.web-user-card:hover{background:#252b31;transform:translateY(-1px)}.web-user-card div:last-child{min-width:0;display:grid;gap:2px}.web-user-card strong{color:#dde3ec;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.web-user-card span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b9cacb;font-size:12px}.web-user-card .avatar-frame{width:36px;height:36px}.web-user-card .avatar{width:32px;height:32px;font-size:12px}.web-sidebar .locale-switch{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;border:0;border-radius:0;background:transparent}.web-sidebar .locale-switch button{min-height:32px;color:#dde3ec;border-radius:8px;background:#1a2027}.web-sidebar .locale-switch button.active{color:#00363a;background:#00dbe9}.web-sidebar .logout{margin-top:0;color:#ffb4ab}.web-sidebar .logout:hover{color:#ffdad6;background:#93000a33}.web-workspace{min-width:0;padding:24px;overflow:auto}.web-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.web-topbar h1{font-size:clamp(28px,4vw,46px);letter-spacing:0}.web-stack{display:grid;gap:22px}.web-section-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.web-auth{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,430px);gap:40px;align-items:center;padding:clamp(24px,6vw,80px);background:radial-gradient(circle at 20% 20%,rgba(56,222,187,.18),transparent 30rem),#051424}.mobile-handoff{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0%,rgba(56,222,187,.18),transparent 24rem),#051424}.handoff-card{width:min(440px,100%);display:grid;gap:18px;padding:28px;border:1px solid #223149;border-radius:24px;background:#0c141bf0;text-align:left}.handoff-card h1{font-size:34px;line-height:1.02}.handoff-card p{line-height:1.55}.handoff-actions{display:grid;gap:10px}.handoff-actions a{text-decoration:none;min-height:44px}.text-btn{color:#9aa8ba;background:transparent;border-radius:10px}.locale-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid #223149;border-radius:999px;background:#0c141bdb}.web-auth>.locale-switch,.mobile-handoff>.locale-switch{position:fixed;top:18px;right:18px;z-index:20}.locale-switch button{min-height:28px;padding:0 10px;color:#9aa8ba;background:transparent;font-size:12px}.locale-switch button.active{color:#0c141b;background:#38debb}.auth-copy{max-width:720px;display:grid;gap:22px}.auth-copy h1{font-size:clamp(42px,7vw,82px);line-height:.96;letter-spacing:-2px}.auth-copy p{font-size:18px;line-height:1.6;max-width:580px}.logo.xl{font-size:24px}.web-login{margin:0}.ghost-btn{color:#9aa8ba;background:#141c23;border:1px solid #223149}.ghost-btn:hover{color:#f8fafc;border-color:#38debb55}.web-hero-panel{min-height:240px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px;border:1px solid #223149;border-radius:22px;background:linear-gradient(135deg,#38debb2e,#0c141bb8),#0c141b}.web-hero-panel h2{font-size:clamp(30px,4vw,56px);line-height:1;max-width:720px}.web-hero-panel p{max-width:560px;line-height:1.55;margin-top:12px}.feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.timeline-feed{width:min(780px,100%);grid-template-columns:1fr;gap:0;overflow:hidden;border:1px solid #223149;border-radius:18px;background:#0c141bc7}.log-web-card{display:grid;gap:14px;min-width:0;border:1px solid #223149;border-radius:18px;background:#0c141be0;padding:14px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.log-web-card:hover{transform:translateY(-2px);border-color:#38debb55;background:#101e27eb}.timeline-feed .log-web-card{border-width:0 0 1px;border-radius:0;padding:18px 20px;background:#0c141bad;box-shadow:none}.timeline-feed .log-web-card:last-child{border-bottom:0}.timeline-feed .log-web-card:hover{transform:none;border-color:#223149;background:#141c23d6}.log-web-card.lyric{border-color:#38debb61;background:linear-gradient(135deg,#38debb1f,#0c141be6),#0c141be0}.timeline-feed .log-web-card.lyric{border-left:4px solid #38debb;background:linear-gradient(135deg,#38debb24,#0e2e318a),#0c141b}.log-web-card.lyric-dark{border-color:#f8fafc40;background:linear-gradient(135deg,#f8fafc14,#0c141bf0),#0c141b}.timeline-feed .log-web-card.lyric-dark{border-left-color:#f8fafc}.log-web-card.lyric-paper{border-color:#dbe3eda6;background:#dbe3ed}.log-web-card.lyric-paper .log-web-head strong,.log-web-card.lyric-paper .log-web-body h3,.log-web-card.lyric-paper .log-web-body blockquote,.log-web-card.lyric-paper .review-snippet.full{color:#0c141b}.log-web-card.lyric-paper .log-web-head span,.log-web-card.lyric-paper .log-web-body p{color:#334155}.log-web-card.lyric-paper .log-actions{border-top-color:#0c141b29}.log-web-card.lyric-paper .log-actions button{color:#334155}.timeline-feed .log-web-card.lyric-paper{border-left-color:#d6a84f}.log-web-card.compact{padding:12px}.log-web-head{display:flex;align-items:center;gap:10px;min-width:0}.log-web-head div:last-child{display:grid;gap:2px;min-width:0}.log-web-head strong,.log-web-body h3{color:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-web-head span{font-size:12px}.timeline-feed .log-web-head{align-items:flex-start}.log-web-content{display:grid;gap:14px;min-width:0}.timeline-feed .log-web-content.with-cover{grid-template-columns:168px minmax(0,1fr);align-items:start}.log-cover{width:100%;aspect-ratio:1;object-fit:cover;border-radius:14px;background:#223149}.timeline-feed .log-cover{border-radius:12px}.log-web-body{display:grid;gap:7px;min-width:0}.log-web-body h3{font-size:20px}.timeline-feed .log-web-body h3{font-size:24px;white-space:normal;line-height:1.16}.timeline-feed .log-web-body>p{font-size:15px;line-height:1.45}.log-web-body blockquote{margin:6px 0 0;padding-left:12px;border-left:3px solid #38debb;color:#f8fafc;font-style:italic;line-height:1.45}.timeline-feed .log-web-body blockquote{margin-top:8px;padding:14px 16px;border:1px solid rgba(56,222,187,.28);border-left:4px solid #38debb;border-radius:12px;background:#0514246b;font-size:18px}.log-web-card.lyric-paper .log-web-body blockquote{border-color:#0c141b2e;border-left-color:#d6a84f;background:#fff6}.review-snippet.full{white-space:normal;font-size:13px;line-height:1.5}.timeline-feed .review-snippet.full{font-size:14px}.log-actions{display:flex;align-items:center;gap:18px;padding-top:10px;border-top:1px solid #223149}.timeline-feed .log-actions{margin-left:182px}.timeline-feed .log-web-content.without-cover+.log-actions{margin-left:0}.log-actions button{min-height:28px;padding:0;display:inline-flex;align-items:center;gap:6px;color:#9aa8ba;background:transparent;font-weight:800;font-size:12px}.log-actions button:hover{color:#f8fafc}.liked{color:#ff6b86;fill:currentColor}.feed-page-shell{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;min-height:calc(100vh - 60px)}.feed-main-panel{min-width:0;display:flex;flex-direction:column}.feed-sticky-head{position:sticky;top:0;z-index:12;display:grid;gap:14px;padding:10px 0 18px;background:#08121ddb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.feed-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.feed-title-row h1{color:#dde3ec;font-size:clamp(40px,5vw,56px);line-height:1;font-weight:900}.feed-icon-btn{width:42px;height:42px;min-height:42px;padding:0;color:#b9cacb;border:1px solid #3b494b;border-radius:999px;background:#161c22}.feed-icon-btn:hover{color:#dbfcff;border-color:#00dbe966}.feed-tab-pill{width:fit-content;display:inline-flex;gap:4px;padding:4px;border:1px solid #3b494b;border-radius:999px;background:#161c22}.feed-tab-pill button{min-height:34px;padding:0 24px;color:#b9cacb;background:transparent;border-radius:999px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;letter-spacing:.04em}.feed-tab-pill button.active{color:#00363a;background:#00f0ff}.feed-card-list{display:flex;flex-direction:column;gap:24px;padding-bottom:44px}.feed-page-shell .skeleton-grid{grid-template-columns:1fr}.feed-page-shell .skeleton-card{min-height:300px}.feed-card-list .empty-web{min-height:340px}.feed-right-rail{position:sticky;top:24px;align-self:start;display:flex;flex-direction:column;gap:18px;max-height:none;overflow:visible;padding:0}.feed-search-box{position:relative;display:flex;align-items:center;gap:10px;min-height:44px;padding:0 10px 0 14px;border:1px solid transparent;border-radius:999px;background:#1a2027}.feed-search-box svg{color:#b9cacb;flex-shrink:0}.feed-search-box input{min-height:auto;padding:0;border:0;color:#dde3ec;background:transparent}.feed-search-box button{min-height:30px;padding:0 10px;border-radius:999px;color:#00363a;background:#00dbe9;font-size:12px}.feed-rail-section{display:grid;gap:10px}.feed-rail-section h2{margin:0;color:#dde3ec;font-size:17px}.feed-rail-head{display:flex;justify-content:space-between;align-items:center}.feed-trend-list,.feed-suggest-list{display:grid;gap:8px}.feed-trend-item,.feed-suggest-item{width:100%;min-height:54px;justify-content:flex-start;gap:12px;padding:8px;border-radius:14px;color:#dde3ec;background:transparent;text-align:left}.feed-trend-item:hover,.feed-suggest-item:hover{background:#1a2027}.feed-trend-item img{width:42px;height:42px;border-radius:10px;object-fit:cover;background:#2f353c;flex-shrink:0}.feed-suggest-item .avatar-frame{width:42px;height:42px;padding:2px;flex-shrink:0}.feed-suggest-item .avatar-core img,.feed-suggest-item .avatar{width:38px;height:38px;font-size:14px}.feed-trend-item span,.feed-suggest-item span:last-child{min-width:0;display:grid;gap:2px}.feed-trend-item strong,.feed-suggest-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dde3ec}.feed-trend-item small,.feed-suggest-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b9cacb}.feed-suggest-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:999px;color:#00dbe9;background:#00dbe924;font-weight:900;flex-shrink:0}.feed-search-results{padding-bottom:4px;border-bottom:1px solid #3b494b}.feed-card-list .log-web-card,.timeline-feed .log-web-card{display:flex;flex-direction:column;gap:18px;padding:24px;border:1px solid rgba(185,202,203,.1);border-radius:20px;background:#161c22b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 20px -5px #00dbe926;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.feed-card-list .log-web-card:hover,.timeline-feed .log-web-card:hover{transform:none;border-color:#00dbe957;background:#1a2027d1}.feed-card-list .log-web-card.lyric,.timeline-feed .log-web-card.lyric{border-left:4px solid #00dbe9}.feed-card-list .log-web-card.lyric-paper,.timeline-feed .log-web-card.lyric-paper{border-left-color:#eac324;background:#fff5dee6}.log-web-head{display:flex;align-items:center;gap:12px;min-width:0}.feed-author-avatar{width:34px;height:34px;min-height:34px}.feed-author-avatar .avatar-frame{width:34px;height:34px}.feed-author-avatar .avatar{width:30px;height:30px;font-size:12px}.name-click{min-height:auto;padding:0;justify-content:flex-start;gap:5px;color:inherit;background:transparent;border-radius:0;text-align:left;white-space:normal}.name-click strong{color:#dde3ec;font-size:14px}.name-click span{color:#b9cacb;font-size:14px}.log-web-content,.timeline-feed .log-web-content.with-cover{display:grid;grid-template-columns:192px minmax(0,1fr);gap:24px;align-items:start}.log-web-content.without-cover{grid-template-columns:1fr}.log-cover,.timeline-feed .log-cover{width:100%;aspect-ratio:1;border-radius:14px;object-fit:cover;background:#2f353c;box-shadow:0 18px 32px #00000052}.log-web-body{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}.log-web-body h3,.timeline-feed .log-web-body h3{width:100%;color:#dde3ec;font-size:24px;line-height:1.25;font-weight:800;white-space:normal}.log-web-body>p,.timeline-feed .log-web-body>p{color:#b9cacb;font-size:16px;line-height:1.5}.feed-rating-pill{display:inline-flex;align-items:center;gap:7px;width:fit-content;margin-top:2px;padding:8px 14px;border:0;border-radius:999px;color:#dbfcff;background:#252b31;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.log-web-body blockquote,.timeline-feed .log-web-body blockquote{width:100%;margin:8px 0 0;padding:18px;border:1px solid #3b494b;border-left:0;border-radius:14px;color:#b9cacb;background:#090f1585;font-size:16px;line-height:1.6;font-style:italic}.review-snippet.full,.timeline-feed .review-snippet.full{width:100%;margin-top:8px;padding:16px;border:1px solid rgba(0,219,233,.18);border-radius:14px;color:#b9cacb;background:#00f0ff0d;font-size:16px;line-height:1.55;font-style:italic}.log-actions,.timeline-feed .log-actions{display:flex;align-items:center;gap:24px;margin-left:0;padding-top:18px;border-top:1px solid #3b494b}.log-actions button{min-height:28px;padding:0;color:#b9cacb;background:transparent;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.log-actions button:hover{color:#dbfcff}.log-actions button:hover .liked,.liked{color:#ffb4ab;fill:currentColor}.log-actions .share-action{margin-left:auto}.feed-card-list .log-web-card.lyric-paper .log-web-head strong,.feed-card-list .log-web-card.lyric-paper .log-web-body h3,.feed-card-list .log-web-card.lyric-paper .log-web-body blockquote,.feed-card-list .log-web-card.lyric-paper .review-snippet.full{color:#231b00}.feed-card-list .log-web-card.lyric-paper .log-web-head span,.feed-card-list .log-web-card.lyric-paper .log-web-body p{color:#554500}.feed-card-list .log-web-card.lyric-paper .log-actions{border-top-color:#231b002e}.feed-card-list .log-web-card.lyric-paper .log-actions button{color:#554500}.explore-page{display:grid;gap:32px;max-width:1200px;margin:0 auto}.explore-hero{position:relative;min-height:340px;display:flex;align-items:flex-end;overflow:hidden;border:1px solid #3b494b;border-radius:22px;background:#090f15}.explore-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,#0e141a,#0e141a94 48%,#0e141a1f)}.explore-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 72% 18%,rgba(112,0,255,.38),transparent 28rem),radial-gradient(circle at 22% 40%,rgba(0,219,233,.28),transparent 24rem),linear-gradient(135deg,#090f15,#252b31 48%,#0e141a);transition:transform .7s ease}.explore-hero:hover .explore-hero-bg{transform:scale(1.05)}.explore-hero>div:not(.explore-hero-bg){position:relative;z-index:2;max-width:720px;padding:48px}.explore-hero span{display:inline-flex;width:fit-content;margin-bottom:18px;padding:6px 12px;border-radius:999px;color:#00f0ff;background:#00f0ff24;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.06em}.explore-hero h1{max-width:680px;color:#dbfcff;font-size:clamp(38px,5vw,58px);line-height:1.02;font-weight:950}.explore-hero p{max-width:620px;margin-top:14px;color:#b9cacb;font-size:18px;line-height:1.55}.explore-hero button{margin-top:26px;min-height:44px;padding:0 24px;color:#00363a;background:#00f0ff;box-shadow:0 0 20px #00f0ff2e}.explore-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.explore-section-head h2{margin:0;color:#dde3ec;font-size:24px}.explore-section-head span,.explore-section-head svg{color:#b9cacb}.explore-sponsored{display:grid}.explore-sponsored-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.explore-content-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(280px,4fr);gap:28px;align-items:start}.explore-main-column,.explore-side-column{min-width:0}.explore-album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.explore-album-card{min-width:0;cursor:pointer}.explore-cover-wrap{position:relative;aspect-ratio:1;overflow:hidden;margin-bottom:12px;border:1px solid #3b494b;border-radius:14px;background:#2f353c}.explore-cover-wrap img,.explore-cover-empty{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}.explore-album-card:hover .explore-cover-wrap img{transform:scale(1.1)}.explore-cover-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00f0ff00;opacity:0;transition:opacity .18s ease,background .18s ease}.explore-album-card:hover .explore-cover-wrap:after{opacity:1;background:#00f0ff1a}.explore-cover-action{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;opacity:0;transition:opacity .18s ease}.explore-cover-action svg{width:48px;height:48px;padding:13px;border-radius:999px;color:#00363a;background:#00f0ff;box-shadow:0 14px 28px #00000052}.explore-album-card:hover .explore-cover-action{opacity:1}.sponsored-badge{position:absolute;top:10px;left:10px;z-index:3;display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;color:#231b00;background:#fed639;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:900}.explore-album-card.sponsored .explore-cover-wrap{border-color:#fed639a6;box-shadow:0 0 24px #fed63914}.explore-album-card h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dde3ec;font-size:16px;line-height:1.35}.explore-album-card p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;color:#b9cacb;font-size:12px}.explore-trend-list{display:grid;gap:10px}.explore-trend-row{width:100%;min-height:74px;display:grid;grid-template-columns:28px 52px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid #3b494b;border-radius:14px;color:#dde3ec;background:#161c22b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left}.explore-trend-row:hover{border-color:#00f0ff80}.explore-trend-row b{color:#00f0ff;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.explore-trend-row img{width:52px;height:52px;border:1px solid #3b494b;border-radius:10px;object-fit:cover;background:#2f353c}.explore-trend-row span{min-width:0;display:grid;gap:3px}.explore-trend-row strong,.explore-trend-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explore-trend-row strong{color:#dde3ec}.explore-trend-row small{color:#b9cacb}.explore-trend-row em{color:#00f0ff;font-style:normal;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.explore-trend-row i{grid-column:2 / -1;width:fit-content;padding:2px 8px;border-radius:999px;color:#231b00;background:#fed639;font-size:11px;font-style:normal;font-weight:900}.explore-tags{margin-top:20px;padding:18px;border:1px solid rgba(0,240,255,.22);border-radius:18px;background:#00f0ff0d}.explore-tags h3{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;color:#dde3ec;font-size:16px}.explore-tags h3 svg{color:#00f0ff}.explore-tags div{display:flex;flex-wrap:wrap;gap:8px}.explore-tags span{padding:6px 10px;border:1px solid #3b494b;border-radius:999px;color:#b9cacb;background:#1a2027;font-size:12px}.album-web-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.album-tile{display:grid;gap:7px;min-width:0;padding:8px;border-radius:14px;cursor:pointer;transition:background .16s ease,transform .16s ease}.album-tile:hover{background:#38debb12;transform:translateY(-2px)}.album-tile img{width:100%;aspect-ratio:1;border-radius:14px;object-fit:cover;background:#223149}.album-tile strong{color:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-tile span,.album-tile small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact .table-row{min-height:58px}.rank{color:#38debb;min-width:28px}.web-search-panel{display:grid;gap:14px}.search-row.jumbo input{min-height:58px;font-size:18px;border-radius:16px}.search-row.jumbo button{min-height:58px;border-radius:16px}.search-page{width:min(100%,1000px);margin:0 auto;padding:28px 0 56px;display:grid;gap:44px}.search-hero{display:grid;justify-items:center;gap:22px}.search-box{width:min(100%,720px);min-height:68px;display:flex;align-items:center;gap:14px;padding:8px 10px 8px 22px;border:1px solid #3b494b;border-radius:999px;background:#161c22d1;box-shadow:0 18px 48px #00000038;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.search-box:focus-within{border-color:#00f0ff;box-shadow:0 0 0 1px #00f0ff2e,0 20px 52px #00f0ff14;transform:translateY(-1px)}.search-box svg{color:#b9cacb;flex-shrink:0}.search-box input{flex:1;min-width:0;border:0;background:transparent;color:#dde3ec;font-size:18px;outline:0}.search-box input::placeholder{color:#849495}.search-box button{min-height:50px;padding:0 22px;border:0;border-radius:999px;background:#00f0ff;color:#00363a;font-weight:800}.search-box button:disabled{opacity:.6;cursor:progress}.search-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.search-filters button{border:0;border-radius:999px;padding:10px 20px;background:#252b31;color:#b9cacb;font:700 13px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;transition:background .18s ease,color .18s ease,transform .18s ease}.search-filters button:hover{transform:translateY(-1px);background:#2f353c}.search-filters button.active{background:#00f0ff;color:#00363a}.search-top-grid,.search-results-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:30px;align-items:start}.search-results-grid .search-albums-section{grid-column:1 / -1}.search-page h2{margin:0 0 16px;color:#dde3ec;font-size:20px}.search-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.search-section-title h2{margin:0}.search-section-title button{border:0;background:transparent;color:#b9cacb;font:700 12px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.search-section-title button:hover{color:#00f0ff}.search-best-card{position:relative;width:100%;min-height:230px;display:grid;grid-template-columns:184px minmax(0,1fr);align-items:center;gap:28px;overflow:hidden;padding:22px;border:1px solid #3b494b;border-radius:18px;background:#161c22;text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.search-best-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 16% 14%,rgba(0,240,255,.18),transparent 34%);opacity:0;transition:opacity .18s ease}.search-best-card:hover{border-color:#00f0ff6b;background:#1a2027;transform:translateY(-2px)}.search-best-card:hover:before{opacity:1}.search-best-art,.search-row-art,.search-album-cover{position:relative;z-index:1;display:grid;place-items:center;overflow:hidden;background:#252b31;color:#849495}.search-best-art{width:184px;height:184px;border-radius:12px;box-shadow:0 24px 46px #00000052}.search-best-art.round{border-radius:50%}.search-best-art img,.search-row-art img,.search-album-cover img{width:100%;height:100%;object-fit:cover}.search-best-info{position:relative;z-index:1;display:grid;gap:10px;min-width:0}.search-badge{justify-self:start;padding:4px 8px;border-radius:6px;background:#00f0ff1a;color:#7df4ff;font:900 10px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.search-best-info strong{color:#dde3ec;font-size:clamp(32px,5vw,54px);line-height:1;overflow-wrap:anywhere}.search-best-info small{color:#b9cacb;font-size:19px}.search-empty-card,.search-idle{display:grid;place-items:center;gap:12px;min-height:220px;border:1px dashed #3b494b;border-radius:18px;color:#849495;text-align:center}.search-idle{min-height:180px}.search-empty-card p,.search-idle p{margin:0;color:#849495}.search-recent-list,.search-list{display:grid;gap:8px}.search-recent-list p{margin:0;padding:14px;color:#849495}.search-recent-item,.search-person-row{width:100%;display:flex;align-items:center;gap:14px;border:0;border-radius:14px;background:transparent;color:#dde3ec;text-align:left;transition:background .18s ease,color .18s ease}.search-recent-item{padding:12px}.search-recent-item:hover,.search-person-row:hover{background:#161c22}.search-recent-item span,.search-person-row span:nth-child(2){flex:1;min-width:0}.search-recent-item svg{color:#849495;flex-shrink:0}.search-recent-item svg:last-child{opacity:0;transition:opacity .18s ease,color .18s ease}.search-recent-item:hover svg:last-child{opacity:1}.search-recent-item svg:last-child:hover{color:#ffb4ab}.search-person-row{padding:10px}.search-row-art,.search-person-row .avatar-frame{width:58px;height:58px;flex:0 0 58px}.search-row-art.round{border-radius:50%}.search-person-row strong,.search-album-card strong{display:block;color:#dde3ec;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-person-row small,.search-album-card small{display:block;color:#849495;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-person-row>svg:last-child{color:#00f0ff;opacity:.72}.search-album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.search-album-card{min-width:0;display:grid;gap:8px;border:0;background:transparent;text-align:left;cursor:pointer}.search-album-cover{width:100%;aspect-ratio:1;border:1px solid #3b494b;border-radius:12px;margin-bottom:4px}.search-album-card:hover .search-album-cover img{transform:scale(1.06)}.search-album-cover img{transition:transform .42s ease}.web-metrics{grid-template-columns:repeat(4,minmax(140px,1fr))}.feature-row{display:flex;align-items:center;gap:14px}.feature-row img{width:76px;height:76px;border-radius:50%;object-fit:cover}.stats-page{width:min(100%,1180px);margin:0 auto;padding:12px 0 56px;display:grid;gap:26px}.stats-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.stats-header span,.stats-kicker{display:block;color:#00f0ff;font:800 12px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.stats-header h1{margin:4px 0 0;color:#dbfcff;font-size:clamp(42px,6vw,64px);line-height:1}.stats-header button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid #3b494b;border-radius:10px;background:#252b31;color:#dde3ec;font-weight:800}.stats-toolbar{display:flex;justify-content:flex-end}.stats-toolbar button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid #3b494b;border-radius:10px;background:#252b31;color:#dde3ec;font-weight:800}.stats-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px}.stats-summary-card,.stats-mini-card,.stats-chart-card,.stats-genres-card,.stats-leader-card,.stats-album-card{border:1px solid rgba(59,73,75,.82);border-radius:18px;background:#161c22c7;box-shadow:0 20px 56px #0000002e}.stats-summary-card{grid-column:span 8;min-height:280px;padding:30px;position:relative;display:grid;align-content:center;gap:18px;overflow:hidden}.stats-summary-card.with-cover{background-size:cover;background-position:center;border-color:#00f0ff38;box-shadow:inset 0 0 0 1px #ffffff08,0 24px 70px #00000047}.stats-summary-card.with-cover:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(0deg,rgba(9,15,21,.62),transparent);pointer-events:none}.stats-summary-card>*{position:relative;z-index:1}.stats-summary-card h2{margin:0;color:#dde3ec;font-size:34px}.stats-summary-card p{max-width:680px;margin:0;color:#b9cacb;font-size:19px;line-height:1.55}.stats-summary-card strong{color:#dbfcff}.stats-summary-metrics{display:flex;flex-wrap:wrap;gap:22px;padding-top:10px}.stats-summary-metrics span{min-width:120px;padding-right:22px;border-right:1px solid #3b494b}.stats-summary-metrics span:last-child{border-right:0}.stats-summary-metrics small,.stats-mini-card>span,.stats-artist-row small,.stats-top-album small{color:#849495;font:800 12px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.stats-summary-metrics b{display:block;margin-top:6px;color:#00f0ff;font-size:24px}.stats-mini-card{grid-column:span 4;min-height:129px;padding:22px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:14px;background-size:cover;background-position:center}.stats-mini-card:before,.stats-leader-card.with-artist-cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#090f15d1,#090f1570);pointer-events:none}.stats-mini-card.with-cover{border-color:#00f0ff33}.stats-mini-card.with-collage{border-color:#d1bcff3d}.stats-mini-card>*{position:relative;z-index:1}.stats-mini-collage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:grid;grid-template-columns:repeat(2,1fr);opacity:.46}.stats-mini-collage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#090f15f5,#090f156b)}.stats-mini-collage img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08)}.stats-mini-card div{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.stats-mini-card strong{color:#00f0ff;font-size:52px;line-height:.9}.stats-mini-card.accent strong,.stats-mini-card.accent svg{color:#d1bcff}.stats-stars{display:inline-flex;gap:3px;color:#00f0ff}.stats-stars svg{color:inherit}.stats-chart-card{grid-column:span 7;min-height:360px;padding:26px;display:grid;gap:24px}.stats-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.stats-card-head h2{margin:0;color:#dde3ec;font-size:21px}.stats-card-head p{margin:4px 0 0;color:#849495;font:700 12px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.stats-card-head svg{color:#00f0ff}.stats-bars{min-height:245px;display:flex;align-items:stretch;justify-content:space-between;gap:12px}.stats-bar-column{flex:1;min-width:0;display:grid;grid-template-rows:1fr auto;gap:10px}.stats-bar-track{display:flex;align-items:flex-end;overflow:hidden;border-radius:10px 10px 4px 4px;background:#2f353c}.stats-bar-track span{width:100%;min-height:8px;display:block;border-radius:8px 8px 2px 2px;background:#00f0ff;transition:filter .2s ease,transform .2s ease}.stats-bar-track span:hover{filter:brightness(1.18);transform:scaleY(1.03);transform-origin:bottom}.stats-bar-column small{color:#849495;text-align:center;font:800 12px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.stats-genres-card{grid-column:span 5;min-height:360px;padding:26px;display:flex;flex-direction:column;gap:22px}.stats-genre-cloud{display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px;flex:1}.stats-genre-cloud span{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #3b494b;border-radius:999px;background:#252b31;color:#dde3ec;font:800 13px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.stats-genre-cloud span.active{border-color:#00f0ff;background:#00f0ff;color:#00363a}.stats-genre-cloud small{opacity:.56}.stats-genres-card p{margin:auto 0 0;padding:16px;border:1px solid rgba(59,73,75,.62);border-radius:12px;background:#090f15;color:#b9cacb}.stats-genres-card p strong{color:#00f0ff}.stats-leader-card,.stats-album-card{grid-column:span 6;padding:26px;position:relative;overflow:hidden;display:grid;gap:20px;background-size:cover;background-position:center}.stats-leader-card>*,.stats-album-card>*{position:relative;z-index:1}.stats-leader-card.with-artist-cover{border-color:#00f0ff38}.stats-artist-row{display:flex;align-items:center;gap:18px;padding:10px;border-radius:14px;transition:background .18s ease}.stats-artist-row:hover{background:#252b31}.stats-artist-row img,.stats-artist-row>span{width:74px;height:74px;flex:0 0 74px;border:2px solid #00f0ff;border-radius:50%;object-fit:cover}.stats-artist-row>span{display:grid;place-items:center;background:#252b31;color:#00f0ff;font-size:26px;font-weight:900}.stats-artist-row div{flex:1;min-width:0;display:grid;gap:8px}.stats-artist-row strong{color:#dde3ec;font-size:18px}.stats-artist-row i{height:8px;max-width:100%;display:block;border-radius:999px;background:#00f0ff}.stats-top-album{display:grid;grid-template-columns:120px minmax(0,1fr);grid-template-rows:auto auto;align-items:end;gap:8px 16px}.stats-top-album>span{grid-row:span 2;width:120px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px solid #3b494b;border-radius:14px;background:#252b31;color:#849495}.stats-top-album img{width:100%;height:100%;object-fit:cover}.stats-top-album strong{min-width:0;color:#dde3ec;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-empty-album{min-height:142px;display:grid;place-items:center;gap:10px;color:#849495;text-align:center}.stats-empty-album p{margin:0;color:#849495}.diary-day h2{display:inline-flex;align-items:center;gap:8px}.profile-hero{display:grid;grid-template-columns:auto minmax(0,1fr) repeat(2,auto);gap:22px;align-items:center;padding:28px;border:1px solid #223149;border-radius:24px;background:#0c141b}.profile-hero h2{font-size:clamp(30px,4vw,54px);margin-bottom:4px}.profile-stat{min-width:110px;text-align:center;border:1px solid #223149;border-radius:16px;padding:14px;background:#141c23}.profile-stat strong{display:block;color:#38debb;font-size:28px}.empty-web{grid-column:1 / -1;display:grid;place-items:center;gap:10px;min-height:280px;border:1px dashed #223149;border-radius:20px;background:#0c141b8c;text-align:center}.detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;justify-content:flex-end;background:#03080d8f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.log-detail-backdrop{justify-content:center;align-items:center;padding:18px;background:#03080db8;-webkit-backdrop-filter:blur(24px) brightness(.45);backdrop-filter:blur(24px) brightness(.45)}.detail-drawer{width:min(520px,100vw);height:100%;overflow:auto;display:grid;align-content:start;gap:18px;padding:24px;border-left:1px solid #223149;background:#08121d;box-shadow:-24px 0 60px #00000052}.log-detail-modal{width:min(720px,calc(100vw - 32px));max-height:min(921px,calc(100vh - 32px));height:auto;overflow:hidden;gap:0;padding:0;border:1px solid #3b494b;border-radius:14px;background:#1a2027;box-shadow:0 28px 90px #0009}.album-detail{width:min(640px,100vw)}.profile-drawer,.composer-drawer{width:min(760px,100vw)}.flat-panel{border-radius:18px;background:#0c141b9e}.drawer-profile{grid-template-columns:auto minmax(0,1fr) repeat(2,auto);padding:18px}.settings-panel{display:grid;gap:14px}.mini-form{gap:10px;margin-bottom:16px}.settings-page-panel{display:grid;gap:18px}.settings-title h3{margin:0 0 6px;color:#dbfcff;font-size:28px}.settings-title.with-back{display:flex;align-items:flex-start;gap:14px}.settings-title.with-back button{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #3b494b;border-radius:999px;background:#161c22;color:#dde3ec;font-weight:800;flex:0 0 auto}.settings-title p{margin:0;color:#b9cacb}.settings-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;align-items:start}.settings-side,.settings-main{display:grid;gap:14px}.settings-card{border:1px solid #3b494b;border-radius:14px;background:#161c22b8;padding:16px}.settings-avatar-card{justify-items:center;text-align:center}.settings-avatar-card .avatar-frame{width:118px;height:118px;margin-bottom:12px}.settings-avatar-card h4,.settings-card h4{margin:0 0 6px;color:#dde3ec}.settings-avatar-card p,.settings-card p{margin:0;color:#849495;font-size:13px;line-height:1.45}.settings-upload{width:100%;min-height:42px;margin-top:14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(0,240,255,.42);border-radius:10px;color:#00f0ff;font-weight:800;cursor:pointer}.settings-upload input{display:none}.settings-app-only{position:relative;overflow:hidden}.settings-app-only svg{color:#00f0ff}.settings-accessory-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;opacity:.55}.settings-accessory-preview span{aspect-ratio:1;display:grid;place-items:center;border-radius:10px;background:#252b31;color:#849495;filter:grayscale(1)}.settings-form{display:grid;gap:13px}.settings-form label{display:grid;gap:7px}.settings-form label span{color:#dde3ec;font:800 12px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.settings-form input,.settings-form textarea{width:100%;border:1px solid #3b494b;border-radius:10px;background:#161c22;color:#dde3ec}.settings-form textarea{resize:vertical}.settings-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-actions small{color:#849495}.settings-actions button{min-height:42px;padding:0 18px;border:0;border-radius:999px;background:#00f0ff;color:#00363a;font-weight:900}.settings-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.settings-section-head svg{color:#00f0ff}.settings-hero-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:10px}.settings-hero-grid button{min-width:0;display:grid;gap:7px;padding:8px;border:1px solid #3b494b;border-radius:12px;background:#161c22;text-align:left}.settings-hero-grid button.selected{border-color:#00f0ff;box-shadow:0 0 0 1px #00f0ff2e}.settings-hero-grid button>span{width:100%;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:#252b31;color:#849495}.settings-hero-grid img{width:100%;height:100%;object-fit:cover}.settings-hero-grid strong,.settings-hero-grid small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-hero-grid strong{color:#dde3ec;font-size:13px}.settings-hero-grid small{color:#849495;font-size:11px}.settings-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-mini-option{display:flex;align-items:flex-start;gap:12px}.settings-mini-option>svg{flex:0 0 auto;color:#00f0ff}.inline-check{display:flex!important;align-items:center;gap:8px}.inline-check input{width:auto;min-height:auto}.file-upload{min-height:44px;display:inline-flex!important;align-items:center;justify-content:center;border:1px dashed #38debb66;border-radius:12px;color:#38debb;cursor:pointer}.file-upload input{display:none}.quick-web-actions{display:flex;flex-wrap:wrap;gap:10px}.active-like{color:#ff6b86;border-color:#ff6b8644}.inline-picker{display:grid;gap:8px;padding:12px;border:1px solid #223149;border-radius:14px;background:#0c141b}.picker-row{width:100%;justify-content:space-between;border-radius:10px;color:#f8fafc;background:#141c23}.picker-row span{margin-left:auto;font-size:12px}.danger-mini{color:#ffb4ab;background:#93000a47;border-color:#ffb4ab47}.unread-row{border-color:#38debb66}.favorite-web-grid{display:grid;grid-template-columns:repeat(4,minmax(90px,1fr));gap:12px}.favorite-empty{aspect-ratio:1;display:grid;place-items:center;border:1px dashed #223149;border-radius:14px;color:#38debb;font-size:28px;background:#141c239e}.profile-page{width:min(100%,1200px);margin:0 auto;display:grid;gap:30px}.profile-showcase{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(260px,330px);align-items:end;gap:28px;overflow:hidden;min-height:330px;padding:34px;border:1px solid rgba(59,73,75,.55);border-radius:20px;background:#0e141adb;background-size:cover;background-position:center;box-shadow:0 24px 70px #0000003d}.profile-showcase.with-cover{border-color:#00f0ff38}.profile-showcase:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(9,15,21,.42),transparent 55%),radial-gradient(circle at top right,rgba(0,240,255,.14),transparent 46%);pointer-events:none}.profile-avatar-large{position:relative;width:clamp(142px,18vw,244px);height:clamp(142px,18vw,244px);display:grid;place-items:center}.profile-avatar-large .avatar-frame{width:100%;height:100%}.profile-avatar-large .avatar,.profile-avatar-large .avatar-core img{width:100%;height:100%;font-size:60px}.profile-showcase-info{position:relative;z-index:1;display:grid;gap:10px;min-width:0}.profile-showcase-info h1{margin:0;color:#dbfcff;font-size:clamp(44px,6vw,72px);line-height:.95;overflow-wrap:anywhere}.profile-showcase-info p{margin:0;color:#b9cacb;font-size:18px}.profile-bio{max-width:680px;line-height:1.5}.profile-counts{display:flex;flex-wrap:wrap;gap:24px;margin-top:10px}.profile-counts span,.profile-counts button{display:grid;gap:3px;padding:0;border:0;background:transparent;text-align:left}.profile-counts button{cursor:pointer}.profile-counts button:hover strong{color:#00f0ff}.profile-counts strong{color:#dde3ec;font-size:22px}.profile-counts small{color:#849495;font:800 11px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.profile-last-log{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:68px minmax(0,1fr);gap:14px;align-items:center;padding:16px;border:1px solid rgba(59,73,75,.8);border-radius:16px;background:#161c22b8;text-align:left}.profile-last-log:disabled{cursor:default}.profile-last-log img,.profile-last-log>span{width:68px;height:68px;display:grid;place-items:center;border-radius:10px;object-fit:cover;background:#2f353c;color:#849495}.profile-last-log small{color:#00f0ff;font:800 11px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.profile-last-log strong,.profile-last-log p{display:block;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-last-log strong{color:#dde3ec;font-size:18px}.profile-last-log p{color:#849495}.profile-settings-btn{position:absolute;right:0;top:18px;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid #3b494b;border-radius:999px;background:#252b31;color:#dde3ec;font-weight:800}.profile-action-stack{position:absolute;right:0;top:18px;z-index:2;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.profile-follows-you{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid rgba(59,73,75,.75);border-radius:999px;background:#161c22b8;color:#b9cacb;font:800 12px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.profile-follow-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border:1px solid rgba(0,240,255,.45);border-radius:999px;background:#00dbe9;color:#051013;font-weight:900}.profile-follow-btn.following{border-color:#3b494b;background:#252b31;color:#dde3ec}.profile-social-panel{display:grid;gap:16px;padding:18px;border:1px solid rgba(59,73,75,.55);border-radius:18px;background:#0e141ae6}.profile-social-panel header{display:flex;align-items:center;justify-content:space-between;gap:16px}.profile-social-panel h2,.profile-social-panel p{margin:0}.profile-social-panel h2{color:#dde3ec}.profile-social-panel p{color:#849495;margin-top:4px}.profile-social-list{display:grid;gap:10px}.profile-social-user{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(59,73,75,.5);border-radius:14px;background:#161c22b8;text-align:left}.profile-social-user:hover{border-color:#00f0ff61;background:#252b31e0}.profile-social-user span{display:grid;gap:3px;min-width:0}.profile-social-user strong,.profile-social-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-social-user strong{color:#dde3ec}.profile-social-user small{color:#849495}.profile-social-user em{color:#00f0ff;font-style:normal;font-weight:900;font-size:12px}.profile-social-empty{padding:22px;border:1px dashed rgba(59,73,75,.7);border-radius:14px;color:#849495;text-align:center}.artist-page{width:min(100%,1280px);margin:0 auto;display:grid;gap:42px}.artist-hero{position:relative;min-height:450px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:32px;overflow:hidden;padding:48px 38px;border-bottom:1px solid rgba(59,73,75,.55);background:#0e141a}.artist-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(0deg,#0e141a,#0e141ac2 46%,#0e141a2e),radial-gradient(circle at 18% 75%,rgba(0,240,255,.18),transparent 34%);pointer-events:none}.artist-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:grayscale(.45) blur(2px);opacity:.38;transform:scale(1.03)}.artist-portrait{position:relative;z-index:2;width:clamp(168px,18vw,230px);aspect-ratio:1;display:grid;place-items:center;border:4px solid #0e141a;border-radius:999px;background:#161c22;color:#00f0ff;box-shadow:0 24px 70px #0000005c,0 0 0 1px #00f0ff29}.artist-portrait img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.artist-hero-copy{position:relative;z-index:2;display:grid;gap:12px;min-width:0;padding-bottom:10px}.artist-badge{width:fit-content;padding:5px 9px;border:1px solid rgba(0,240,255,.32);border-radius:7px;background:#00f0ff1a;color:#7df4ff;font:900 10px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.artist-hero-copy h1{margin:0;color:#fff;font-size:clamp(48px,7vw,86px);line-height:.95;overflow-wrap:anywhere}.artist-hero-copy p{max-width:720px;margin:0;color:#b9cacb;font-size:18px;line-height:1.55}.artist-stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:18px 26px;padding-bottom:18px}.artist-stats span{display:grid;gap:5px;min-width:112px}.artist-stats small{color:#849495;font:900 11px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.artist-stats strong{color:#dbfcff;font-size:28px}.artist-discography{display:grid;gap:28px;padding:0 4px 46px}.artist-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid rgba(59,73,75,.7)}.artist-section-head h2{display:inline-flex;align-items:center;gap:10px;margin:0;color:#fff;font-size:32px}.artist-section-head h2 svg{color:#00f0ff}.artist-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.artist-filter-tabs{display:flex;gap:4px;padding:4px;border:1px solid #3b494b;border-radius:10px;background:#161c22}.artist-filter-tabs button{min-height:34px;padding:0 14px;border:0;border-radius:7px;background:transparent;color:#b9cacb;font-weight:800}.artist-filter-tabs button.active{background:#343a41;color:#fff}.artist-sort{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 10px 0 12px;border:1px solid #3b494b;border-radius:10px;background:#161c22;color:#b9cacb}.artist-sort select{border:0;background:transparent;color:#dde3ec;font-weight:800;outline:0}.artist-album-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 24px}.artist-album-card{min-width:0;cursor:pointer}.artist-album-cover{position:relative;aspect-ratio:2 / 3;display:grid;place-items:center;overflow:hidden;border:1px solid #3b494b;border-radius:12px;background:#161c22;color:#849495;transition:border-color .18s ease,box-shadow .18s ease}.artist-album-card:hover .artist-album-cover{border-color:#00f0ff8c;box-shadow:0 0 25px #00f0ff38}.artist-album-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.artist-album-card:hover .artist-album-cover img{transform:scale(1.08)}.artist-album-cover button{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:12px;border:0;border-radius:0;background:#0000009e;color:#7df4ff;opacity:0;transition:opacity .18s ease}.artist-album-card:hover .artist-album-cover button,.artist-album-cover button:focus-visible{opacity:1}.artist-album-cover button svg{width:50px;height:50px;padding:12px;border-radius:999px;background:#00f0ff;color:#051013}.artist-album-cover button span{font:900 11px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.artist-album-meta{display:grid;gap:6px;margin-top:13px}.artist-album-meta h3,.artist-album-meta p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artist-album-meta h3{color:#fff;font-size:18px}.artist-album-meta p{color:#849495;font:800 12px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.artist-album-meta div{display:flex;gap:10px;flex-wrap:wrap}.artist-album-meta span{display:inline-flex;align-items:center;gap:4px;color:#b9cacb;font-size:12px}.artist-album-meta span svg{color:#00f0ff}.artist-empty{padding:38px;border:1px dashed rgba(59,73,75,.75);border-radius:16px;color:#849495;text-align:center}.log-page{position:relative;width:min(100%,1500px);min-height:calc(100vh - 48px);margin:0 auto;padding:18px 0 56px;overflow:hidden;isolation:isolate}.log-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(135deg,#090f15f5,#0e141ae6 46%,#161c22d1),radial-gradient(circle at 20% 12%,rgba(0,219,233,.08),transparent 36%),radial-gradient(circle at 92% 86%,rgba(209,188,255,.06),transparent 34%);pointer-events:none}.log-page-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-size:cover;background-position:center;filter:blur(90px) saturate(.8);opacity:.055;transform:scale(1.12);pointer-events:none}.log-back-btn{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;margin-bottom:28px;border:1px solid rgba(59,73,75,.6);border-radius:999px;background:#161c22ad;color:#dde3ec;font-weight:900}.log-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(320px,5fr) minmax(0,7fr);gap:clamp(34px,5vw,72px);align-items:start}.log-album-side{position:sticky;top:24px;display:grid;gap:34px}.log-cover-orbit{position:relative}.log-cover-orbit:before{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:999px;background:#00dbe91a;filter:blur(72px);transition:transform .8s ease}.log-cover-large{position:relative;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(132,148,149,.28);border-radius:28px;background:#161c22;color:#7df4ff;box-shadow:0 40px 80px #00000080}.log-cover-large img{width:100%;height:100%;object-fit:cover;transition:transform 1.8s ease}.log-cover-large:hover img{transform:scale(1.08)}.log-album-copy{display:grid;gap:14px}.log-album-copy>span{display:inline-flex;align-items:center;gap:14px;color:#7df4ff;font:900 11px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase}.log-album-copy>span:before{content:"";width:46px;height:1px;background:#7df4ff}.log-album-copy h1{margin:0;color:#fff;font-size:clamp(54px,7vw,104px);line-height:.86;letter-spacing:0;overflow-wrap:anywhere}.log-album-copy p{margin:0;color:#b9cacb;font-size:clamp(24px,3vw,42px);font-style:italic;font-weight:300}.log-album-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;margin-top:16px;border:1px solid rgba(132,148,149,.22);border-radius:18px;background:#ffffff0f}.log-album-stats strong{display:grid;gap:6px;justify-items:center;padding:20px 10px;background:#161c227a;color:#fff;font-size:24px}.log-album-stats small{color:#b9cacba6;font:900 10px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.log-studio{display:grid;gap:42px}.log-step{display:grid;gap:22px}.log-step>header{display:flex;align-items:end;justify-content:space-between;gap:16px;padding-bottom:15px;border-bottom:1px solid rgba(132,148,149,.18)}.log-step h2{margin:0;color:#fff;font-size:32px;font-style:italic}.log-step header span{color:#7df4ff;font:900 12px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}.log-impression-card{display:grid;gap:24px;padding:28px;border:1px solid rgba(132,148,149,.2);border-radius:28px;background:#252b3175;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.log-impression-card p{margin:0;color:#b9cacbb3;text-align:center;font:900 12px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase}.log-stars{display:flex;justify-content:center;gap:14px}.log-stars button{padding:0;border:0;background:transparent;color:#ffffff24;transition:color .18s ease,transform .18s ease}.log-stars button:hover,.log-stars button.active{color:#7df4ff;transform:scale(1.08)}.log-impression-card textarea{width:100%;min-height:160px;resize:vertical;border:0;background:transparent;color:#fff;outline:0;font-size:24px;font-style:italic;line-height:1.35}.log-impression-card textarea::placeholder{color:#ffffff29}.log-track-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.log-track-strip button,.log-track-strip span{flex:0 0 auto;min-height:52px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 24px;border:1px solid rgba(132,148,149,.22);border-radius:999px;background:#161c22b8;color:#dde3ec;font-weight:900}.log-track-strip button.active{border-color:#7df4ff7a;background:#00dbe91f;color:#dbfcff;box-shadow:0 12px 28px #00dbe914}.log-track-strip span{display:inline-flex;align-items:center;color:#849495}.log-lyric-canvas{max-height:410px;overflow-y:auto;display:grid;gap:14px;padding:34px;border:1px solid rgba(132,148,149,.2);border-radius:34px;background:#090f15c7}.log-muted{margin:0;color:#849495;text-align:center}.log-lyric-line{position:relative;padding:20px 22px;border:1px solid transparent;border-radius:18px;background:transparent;text-align:left;transition:background .18s ease,border-color .18s ease,transform .18s ease}.log-lyric-line:hover{background:#ffffff0d;transform:translate(5px)}.log-lyric-line.active{border-left:4px solid #7df4ff;border-color:#7df4ff4d;background:#00dbe917;box-shadow:inset 0 0 24px #00dbe90d}.log-lyric-line span{display:block;color:#ffffff6b;font-size:26px;font-style:italic;font-weight:900;line-height:1.18}.log-lyric-line:hover span,.log-lyric-line.active span{color:#fff}.log-lyric-preview{display:grid;gap:16px;padding:24px;border:1px solid rgba(125,244,255,.28);border-radius:24px;background:#111821}.log-lyric-preview.teal{background:#10272b}.log-lyric-preview.paper{background:#e1e7ea}.log-lyric-preview blockquote{margin:0;color:#fff;font-size:28px;font-style:italic;font-weight:900;line-height:1.15}.log-lyric-preview.paper blockquote{color:#0c141b}.log-lyric-preview div{display:flex;gap:8px;flex-wrap:wrap}.log-lyric-preview button{min-height:34px;padding:0 12px;border:1px solid rgba(132,148,149,.24);border-radius:999px;background:#161c2275;color:#dde3ec;font-weight:900}.log-lyric-preview button.active{border-color:#7df4ff7a;background:#00dbe924;color:#dbfcff}.log-final-grid{display:grid;grid-template-columns:minmax(160px,1fr) minmax(260px,2fr);gap:16px}.log-date-card{display:grid;gap:8px;padding:22px;border:1px solid rgba(132,148,149,.22);border-radius:24px;background:#ffffff0d;color:#fff}.log-date-card small{color:#b9cacbb8;font:900 11px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.log-date-card strong{font-size:26px}.log-date-card svg{color:#7df4ff;justify-self:end}.log-toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;border:1px solid rgba(132,148,149,.22);border-radius:24px;background:#ffffff0d}.log-toggle-row.compact{grid-column:1 / -1}.log-toggle-row button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:58px;border:0;border-radius:18px;background:transparent;color:#b9cacb;font-weight:900}.log-toggle-row button.active{background:#00dbe91f;color:#dbfcff;box-shadow:inset 0 0 0 1px #7df4ff61}.log-submit-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:26px;min-height:112px;border:1px solid rgba(125,244,255,.38);border-radius:34px;overflow:hidden;background:linear-gradient(135deg,#00dbe933,#252b31f0),#161c22;color:#dbfcff;box-shadow:0 18px 48px #00000042,inset 0 0 0 1px #ffffff0a;font-size:clamp(30px,4vw,48px);font-weight:1000;text-transform:uppercase}.log-submit-btn:disabled,.log-lyric-only-btn:disabled{opacity:.55;cursor:not-allowed}.log-lyric-only-btn{min-height:48px;border:1px solid rgba(132,148,149,.24);border-radius:999px;background:#161c22c7;color:#dde3ec;font-weight:900}.log-lyric-only-btn:not(:disabled):hover,.log-back-btn:hover,.log-submit-btn:not(:disabled):hover{border-color:#7df4ff99;color:#dbfcff}.collection-page{width:min(100%,1240px);margin:0 auto;display:grid;gap:34px}.collection-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:30px;border:1px solid rgba(59,73,75,.42);border-radius:22px;background:radial-gradient(circle at 18% 8%,rgba(0,219,233,.12),transparent 34%),linear-gradient(135deg,#161c22eb,#0e141ae0)}.collection-hero h1,.collection-hero p,.collection-hero span{margin:0}.collection-hero h1{color:#fff;font-size:clamp(46px,7vw,80px);line-height:.92}.collection-hero span{display:block;max-width:700px;margin-top:10px;color:#b9cacb;font-size:17px;line-height:1.5}.collection-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:1px;overflow:hidden;border:1px solid rgba(59,73,75,.48);border-radius:16px;background:#ffffff0f}.collection-hero-stats strong{display:grid;gap:5px;justify-items:center;padding:18px 16px;background:#0e141ab8;color:#dde3ec;font-size:26px}.collection-hero-stats small{color:#849495;font:900 10px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase}.collection-section{display:grid;gap:18px}.collection-section>header{display:flex;align-items:end;justify-content:space-between;gap:16px}.collection-section h2,.collection-section h3,.collection-section p{margin:0}.collection-section h2{color:#dde3ec;font-size:30px}.collection-section>header p{margin-top:4px;color:#849495}.collection-soft-btn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 13px;border:1px solid rgba(59,73,75,.62);border-radius:10px;background:#252b31;color:#7df4ff;font-weight:900}.collection-favorite-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.collection-album-card{min-width:0;cursor:pointer}.collection-album-cover{position:relative;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(59,73,75,.5);border-radius:14px;background:#161c22;color:#849495;box-shadow:0 18px 44px #00000038;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.collection-album-card:hover .collection-album-cover{transform:translateY(-5px);border-color:#7df4ff6b;box-shadow:0 20px 42px #00dbe91f}.collection-album-cover img{width:100%;height:100%;object-fit:cover}.collection-album-actions{position:absolute;inset:auto 10px 10px 10px;display:flex;gap:8px;opacity:0;transition:opacity .18s ease}.collection-album-card:hover .collection-album-actions{opacity:1}.collection-album-actions button{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#090f15d1;color:#dde3ec;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.collection-album-actions button.active{border-color:#7df4ff80;color:#7df4ff}.collection-album-card h3,.collection-album-card p{margin:10px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-album-card h3{color:#dde3ec;font-size:17px}.collection-album-card p{margin-top:3px;color:#849495;font-size:13px}.collection-main-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:30px;align-items:start}.collection-list-form{position:relative;display:grid;gap:10px;padding:16px;border:1px solid rgba(59,73,75,.5);border-radius:14px;background:#161c22cc}.collection-list-form .icon-btn{position:absolute;right:8px;top:8px}.collection-list-form input{min-height:42px;padding:0 12px;border:1px solid #3b494b;border-radius:10px;background:#0e141a;color:#dde3ec}.collection-list-form label{display:flex;align-items:center;gap:8px;color:#b9cacb}.collection-list-form>button:last-child{min-height:42px;border:0;border-radius:10px;background:#00dbe9;color:#002022;font-weight:900}.collection-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.collection-list-card{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:116px;padding:12px;border:1px solid rgba(59,73,75,.45);border-radius:16px;background:#161c22b8;color:#dde3ec;text-align:left}.collection-list-card.active,.collection-list-card:hover{border-color:#7df4ff61;background:#252b31d1}.collection-list-collage{width:92px;height:92px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;overflow:hidden;border-radius:10px;background:#0e141a}.collection-list-collage img{width:100%;height:100%;object-fit:cover}.collection-list-collage i{grid-column:1 / -1;grid-row:1 / -1;display:grid;place-items:center;color:#7df4ff;font-style:normal}.collection-list-card span:not(.collection-list-collage){min-width:0;display:grid;gap:5px}.collection-list-card strong,.collection-list-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-list-card small{color:#849495}.collection-list-card>svg{color:#849495}.collection-list-card em{position:absolute;right:8px;top:8px;width:28px;height:28px;display:grid;place-items:center;border-radius:999px;color:#ffb4ab;opacity:0;font-style:normal}.collection-list-card:hover em{opacity:1}.collection-selected-list{display:grid;gap:12px;padding:14px;border:1px solid rgba(59,73,75,.42);border-radius:16px;background:#0e141a9e}.collection-selected-list header{display:flex;align-items:center;justify-content:space-between}.collection-mini-grid{display:grid;gap:8px}.collection-mini-grid article{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px;border-radius:10px;background:#161c22ad;cursor:pointer}.collection-mini-grid img,.collection-mini-grid>article>svg{width:46px;height:46px;border-radius:7px;object-fit:cover}.collection-mini-grid span{min-width:0;display:grid;gap:2px}.collection-mini-grid strong,.collection-mini-grid small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-mini-grid small{color:#849495}.collection-mini-grid button{width:30px;height:30px;border:0;border-radius:999px;background:#252b31;color:#ffb4ab}.collection-physical{padding:18px;border:1px solid rgba(59,73,75,.45);border-radius:20px;background:#161c22b8}.collection-physical>header>svg{color:#7df4ff}.collection-physical-list{display:grid;gap:16px}.collection-physical-row{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:14px;border:0;background:transparent;text-align:left}.collection-vinyl-wrap{position:relative;width:88px;height:88px}.collection-vinyl-cover{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#0e141a;color:#849495;box-shadow:0 14px 28px #00000040}.collection-vinyl-cover img{width:100%;height:100%;object-fit:cover}.collection-vinyl-disc{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;border-radius:999px;background:radial-gradient(circle,#252b31 0,#252b31 18%,#05080b 19%,#05080b);transition:transform .38s ease}.collection-physical-row:hover .collection-vinyl-disc{transform:translate(30%) rotate(38deg)}.collection-vinyl-disc i{width:24px;height:24px;border-radius:999px;border:1px solid #3b494b;background:#161c22}.collection-physical-row>span:last-child{min-width:0;display:grid;gap:4px}.collection-physical-row strong,.collection-physical-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-physical-row strong{color:#dde3ec}.collection-physical-row small{color:#849495}.collection-physical-row em{display:inline-flex;align-items:center;gap:5px;color:#7df4ff;font-style:normal;font-size:12px}.collection-add-physical{display:grid;gap:8px;padding-top:16px;border-top:1px solid rgba(59,73,75,.38)}.collection-add-physical h3{color:#dde3ec;font-size:16px}.collection-add-physical button{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;border:1px dashed rgba(59,73,75,.6);border-radius:12px;background:transparent;color:#dde3ec;text-align:left}.collection-add-physical button:hover{border-color:#7df4ff6b;color:#7df4ff}.collection-add-physical img,.collection-add-physical button>svg:first-child{width:42px;height:42px;border-radius:8px;object-fit:cover}.collection-add-physical span{min-width:0;display:grid;gap:2px}.collection-add-physical strong,.collection-add-physical small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-add-physical small,.collection-add-physical p{color:#849495}.collection-recent-strip{display:flex;gap:16px;overflow-x:auto;padding-bottom:6px}.collection-recent-strip button{flex:0 0 158px;display:grid;gap:6px;padding:0;border:0;background:transparent;text-align:left}.collection-recent-strip img,.collection-recent-strip button>svg{width:158px;height:158px;display:grid;place-items:center;border:1px solid rgba(59,73,75,.4);border-radius:12px;object-fit:cover;background:#161c22;color:#849495}.collection-recent-strip strong,.collection-recent-strip span,.collection-recent-strip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-recent-strip strong{color:#dde3ec}.collection-recent-strip span,.collection-recent-strip small{color:#849495;font-size:12px}.collection-empty{padding:24px;border:1px dashed rgba(59,73,75,.62);border-radius:14px;color:#849495;text-align:center}.profile-tabs{position:sticky;top:0;z-index:4;display:flex;gap:26px;overflow-x:auto;border-bottom:1px solid rgba(59,73,75,.55);background:#0e141aeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.profile-tabs button{flex:0 0 auto;padding:18px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#b9cacb;font-weight:900}.profile-tabs button.active{border-bottom-color:#00f0ff;color:#00f0ff}.profile-tab-panel{display:grid;gap:22px}.profile-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.profile-section-title h2{margin:0;color:#dde3ec;font-size:30px}.profile-section-title svg{color:#00f0ff}.profile-log-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.profile-recent-log-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.profile-recent-log-card{min-width:0;display:flex;flex-direction:column;gap:12px;padding:16px;border:1px solid rgba(59,73,75,.58);border-radius:14px;background:#161c22b8;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.profile-recent-log-card:hover{border-color:#00f0ff61;background:#1a2027e0;box-shadow:0 0 22px #00f0ff14;transform:translateY(-2px)}.profile-recent-log-card header{display:flex;align-items:center;gap:10px;min-width:0}.profile-recent-log-card header .avatar-frame{width:34px;height:34px;flex:0 0 34px}.profile-recent-log-card header>div{min-width:0}.profile-recent-log-card header strong,.profile-recent-log-card header span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-recent-log-card header strong{color:#dde3ec;font:800 13px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.profile-recent-log-card header span{color:#849495;font-size:11px}.profile-recent-cover{position:relative;width:100%;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border-radius:10px;background:#252b31;color:#849495}.profile-recent-cover img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.profile-recent-log-card:hover .profile-recent-cover img{transform:scale(1.045)}.profile-recent-cover>span{position:absolute;right:9px;bottom:9px;display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:8px;background:#090f15d1;color:#00f0ff;font-weight:900;font-size:12px}.profile-recent-copy{min-width:0;display:grid;gap:4px;flex:1}.profile-recent-copy h3,.profile-recent-copy p{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-recent-copy h3{color:#dde3ec;font-size:15px}.profile-recent-copy p{color:#849495;font-size:13px}.profile-recent-copy blockquote{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:8px 0 0;padding:10px;border-radius:9px;background:#161c22;color:#b9cacb;font-size:12px;font-style:italic;line-height:1.35}.profile-recent-log-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid #3b494b}.profile-recent-log-card footer button{min-height:0;display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:#849495;font:800 11px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.profile-recent-log-card footer button:hover{color:#00f0ff}.profile-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.profile-vinyl-card{position:relative;min-width:0;border:0;background:transparent;cursor:pointer}.profile-vinyl-record{position:absolute;inset:12px 12px auto auto;z-index:0;width:calc(100% - 24px);aspect-ratio:1;display:grid;place-items:center;border:4px solid rgba(0,0,0,.24);border-radius:50%;background:repeating-radial-gradient(circle at center,#090b0e,#090b0e 2px,#171b20 3px,#171b20 5px);transition:transform .55s cubic-bezier(.23,1,.32,1)}.profile-vinyl-record i{width:34%;aspect-ratio:1;border:2px solid rgba(0,240,255,.42);border-radius:50%;background:#2f353c}.profile-vinyl-card:hover .profile-vinyl-record{transform:translate(26%) rotate(15deg)}.profile-vinyl-cover{position:relative;z-index:1;display:block;overflow:hidden;width:100%;aspect-ratio:1;padding:4px;border:1px solid rgba(59,73,75,.72);border-radius:12px;background:#161c22c7;transition:transform .45s ease}.profile-vinyl-card:hover .profile-vinyl-cover{transform:translate(-12px)}.profile-vinyl-cover>img,.profile-vinyl-cover>svg{width:100%;height:100%;border-radius:7px;object-fit:cover;background:#252b31;color:#849495}.profile-vinyl-cover>span{position:absolute;top:4px;right:4px;bottom:4px;left:4px;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;border-radius:7px;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent 62%);opacity:0;transition:opacity .2s ease}.profile-vinyl-card:hover .profile-vinyl-cover>span{opacity:1}.profile-vinyl-cover small{color:#00f0ff;font:800 12px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.profile-vinyl-cover strong,.profile-vinyl-cover em{display:block;overflow:hidden;color:#dde3ec;text-overflow:ellipsis;white-space:nowrap}.profile-vinyl-cover strong{margin-top:6px;font-size:21px}.profile-vinyl-cover em{color:#b9cacb;font-style:normal}.profile-review-list{display:grid;gap:16px}.profile-review-row{display:grid;grid-template-columns:132px minmax(0,1fr);gap:22px;padding:18px;border:1px solid #3b494b;border-radius:16px;background:#161c22b3;cursor:pointer;transition:background .18s ease,border-color .18s ease}.profile-review-row:hover{border-color:#00f0ff57;background:#161c22e6}.profile-review-row>img,.profile-review-row>span{width:132px;aspect-ratio:1;display:grid;place-items:center;border-radius:10px;object-fit:cover;background:#252b31;color:#849495}.profile-review-row>div{min-width:0;display:grid;align-content:space-between;gap:12px}.profile-review-row header,.profile-review-row footer{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.profile-review-row h3,.profile-review-row p{margin:0}.profile-review-row h3{color:#dde3ec;font-size:22px}.profile-review-row header p{color:#00dbe9}.profile-review-row header small{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#2f353c;color:#b9cacb;font-size:12px}.profile-review-stars{display:flex;align-items:center;gap:4px;color:#00f0ff}.profile-review-stars span{margin-left:8px;color:#849495;font:800 12px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.profile-review-copy{color:#b9cacb;font-style:italic;line-height:1.5}.profile-review-row footer{justify-content:flex-start}.profile-review-row footer button{min-height:0;padding:0;border:0;background:transparent;color:#b9cacb;font:800 12px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.profile-review-row footer button:hover{color:#00f0ff}.profile-lyrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.profile-quote-card{position:relative;min-height:210px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;overflow:hidden;padding:18px;border:1px solid rgba(59,73,75,.72);border-radius:14px;background:#161c22d1;color:#dde3ec;text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease}.profile-quote-card:hover{border-color:#00f0ff52;background:#1a2027f0;transform:translateY(-2px)}.profile-quote-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.1;filter:blur(3px);transform:scale(1.03);transition:opacity .25s ease,filter .25s ease,transform .25s ease}.profile-quote-card:hover .profile-quote-bg{opacity:.16;filter:blur(1px);transform:scale(1.05)}.profile-quote-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#090f15eb,#090f15ad)}.profile-quote-card>*{position:relative;z-index:1}.profile-quote-mark{color:#00f0ff80;font-size:26px;line-height:.75}.profile-quote-card blockquote{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;margin:0;color:#dbfcff;font-family:Inter,system-ui,sans-serif;font-size:18px;font-weight:700;font-style:italic;line-height:1.34;overflow-wrap:anywhere}.profile-quote-card.medium blockquote{font-size:16px;line-height:1.35;-webkit-line-clamp:5}.profile-quote-card.long blockquote{font-size:14px;line-height:1.38;-webkit-line-clamp:6}.profile-quote-meta{display:flex;align-items:center;gap:12px;min-width:0}.profile-quote-meta img{width:38px;height:38px;flex:0 0 38px;border-radius:8px;object-fit:cover}.profile-quote-meta>span{min-width:0}.profile-quote-meta strong,.profile-quote-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-quote-meta strong{color:#dde3ec}.profile-quote-meta small{color:#00dbe9;font:800 12px JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.profile-empty{grid-column:1 / -1;min-height:220px;display:grid;place-items:center;gap:10px;border:1px dashed #3b494b;border-radius:18px;color:#849495;text-align:center}.profile-empty p{margin:0;color:#849495}.track-web-list{display:grid;gap:8px;max-height:260px;overflow:auto}.track-web-row{width:100%;min-height:46px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center;color:#f8fafc;background:#141c23;border:1px solid #223149;border-radius:12px;text-align:left}.track-web-row.active,.track-web-row:hover{border-color:#38debb66;background:#102b31}.track-web-row b{color:#38debb}.track-web-row span{color:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-web-row small{color:#9aa8ba}.lyrics-select-list{display:grid;gap:6px;max-height:320px;overflow:auto;padding-right:4px}.lyric-line{width:100%;justify-content:flex-start;min-height:38px;border-radius:10px;color:#d8e2ed;background:#141c23;border:1px solid transparent;text-align:left;white-space:normal}.lyric-line.active{color:#0c141b;background:#38debb}.lyric-preview{display:grid;gap:12px;padding:16px;border-radius:16px;border:1px solid #223149;background:#101821}.lyric-preview.teal{background:#0e2e31;border-color:#38debb73}.lyric-preview.paper{background:#dbe3ed;color:#0c141b}.lyric-preview.paper blockquote{color:#0c141b;border-left-color:#0c141b}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.detail-head h2{font-size:28px;line-height:1.05;margin:0}.log-detail-head{align-items:center;padding:20px 24px;border-bottom:1px solid #3b494b;background:#1a2027b8}.log-detail-author{display:flex;align-items:center;gap:12px;min-width:0}.log-detail-author h2{margin:0;color:#dde3ec;font-size:16px;line-height:1.3}.log-detail-author p{margin-top:2px;color:#b9cacb;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.icon-btn{width:38px;height:38px;min-height:38px;padding:0;color:#f8fafc;background:#141c23;border:1px solid #223149}.detail-body{display:grid;gap:18px}.log-detail-body{max-height:calc(min(921px,100vh - 32px) - 82px);overflow-y:auto;gap:32px;padding:24px}.log-detail-main{display:grid;gap:22px}.log-detail-main>h1{margin:0;color:#dde3ec;font-size:clamp(34px,6vw,48px);line-height:1;font-weight:900}.detail-album{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid #223149;border-radius:18px;background:#0c141b}.log-detail-album{gap:24px;padding:16px;border-color:#3b494b;border-radius:14px;background:#252b31;transition:border-color .18s ease,transform .18s ease}.log-detail-album:hover{border-color:#00dbe980}.detail-album img{width:96px;height:96px;border-radius:14px;object-fit:cover;background:#223149}.log-detail-album img{width:128px;height:128px;border-radius:10px;box-shadow:0 16px 34px #00000059}.detail-album h3{margin:0 0 4px;color:#f8fafc;font-size:22px}.log-detail-album h3{color:#dde3ec;font-size:20px}.log-detail-album p{color:#b9cacb;font-size:16px}.detail-body blockquote{margin:0;padding:18px;border:1px solid rgba(56,222,187,.32);border-left:4px solid #38debb;border-radius:16px;background:#38debb14;color:#f8fafc;font-size:18px;line-height:1.5;font-style:italic}.log-detail-body blockquote{padding:22px;border:0;border-left:4px solid #00dbe9;border-radius:14px;background:#161c22;color:#dde3ec;font-size:18px;line-height:1.55;font-weight:600}.detail-review{padding:18px;border:1px solid #223149;border-radius:16px;background:#0c141b;color:#d8e2ed;line-height:1.6}.log-detail-body .detail-review{border-color:#3b494b;background:#161c22;color:#dde3ec;font-size:16px}.log-detail-actions{gap:12px}.log-detail-actions .ghost-btn{min-height:40px;padding:0 16px;border-color:#3b494b;color:#dde3ec;background:#2f353c}.log-detail-actions .active-like{color:#ffb4ab;border-color:#ffb4ab52}.danger-action{color:#ffb4ab!important}.danger-action:hover{border-color:#ffb4ab73!important;background:#93000a38!important}.comments-panel{display:grid;gap:12px}.log-detail-body .comments-panel{gap:18px;padding-top:8px}.comments-panel h3{margin:0;color:#dde3ec;font-size:20px}.comment-form{display:flex;gap:10px}.log-detail-body .comment-form{align-items:center;gap:12px;padding:12px;border:1px solid #3b494b;border-radius:14px;background:#090f15}.comment-form input{flex:1}.log-detail-body .comment-form input{min-height:40px;border:0;background:transparent}.log-detail-body .comment-form:focus-within{border-color:#00dbe9;box-shadow:0 0 15px #00dbe91a}.log-detail-body .comment-form button{min-height:38px;border-radius:10px;color:#00363a;background:#00f0ff}.comment-list{display:grid;gap:10px}.comment-row{display:flex;gap:10px;padding:12px;border:1px solid #223149;border-radius:14px;background:#0c141b}.log-detail-body .comment-list{gap:14px}.log-detail-body .comment-row{align-items:flex-start;gap:14px;padding:14px;border-color:#3b494b8c;background:#252b31}.log-detail-body .comment-row .danger-mini{opacity:0;transition:opacity .16s ease}.log-detail-body .comment-row:hover .danger-mini{opacity:1}.review-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid #223149;border-radius:14px;background:#0c141b;cursor:pointer}.review-row:hover{border-color:#38debb66;background:#101e27}.review-row strong{color:#f8fafc}.review-row p{margin-top:2px;color:#d8e2ed;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.drawer-metrics{grid-template-columns:repeat(4,minmax(110px,1fr))}.drawer-metrics .metric{padding:14px}.drawer-metrics .metric strong{font-size:28px}.comment-row strong{color:#f8fafc}.comment-row p{margin-top:2px;color:#d8e2ed;line-height:1.45}.log-detail-body .comment-row strong{color:#dde3ec}.log-detail-body .comment-row p{color:#b9cacb}.comment-empty{display:grid;place-items:center;gap:8px;min-height:132px;border:2px dashed #3b494b;border-radius:14px;color:#b9cacb59;text-align:center}.comment-empty p{color:inherit;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.empty-web svg{color:#38debb}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.skeleton-card{min-height:260px;border-radius:18px;background:linear-gradient(90deg,#0c141b,#182028,#0c141b);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 900px){.app-shell{display:block}.sidebar{width:100%;border-right:0;border-bottom:1px solid #223149;display:flex;flex-wrap:wrap;gap:8px;padding:16px}.logo{margin-bottom:0}.nav{width:auto}.logout{margin-top:0}.grid,.two-col{grid-template-columns:1fr}.search-row{flex-wrap:wrap}.detail-stats{gap:16px}.web-app{grid-template-columns:1fr}.web-sidebar{position:sticky;bottom:auto;height:auto;z-index:5;border-right:0;border-bottom:1px solid #223149}.web-sidebar-logo{margin-bottom:12px}.web-sidebar-nav{display:grid;grid-template-columns:repeat(3,1fr)}.web-nav{justify-content:center}.web-sidebar-bottom{display:none}.web-workspace{padding:18px}.web-topbar{align-items:flex-start}.web-auth{grid-template-columns:1fr;padding:24px}.web-hero-panel{display:grid;align-items:start;min-height:0}.timeline-feed{width:100%;border-radius:16px}.timeline-feed .log-web-card{padding:16px}.timeline-feed .log-web-content.with-cover{grid-template-columns:1fr}.timeline-feed .log-cover{max-width:420px}.timeline-feed .log-actions{margin-left:0}.timeline-feed .log-web-body h3{font-size:21px}.timeline-feed .log-web-body blockquote{font-size:16px}.web-metrics{grid-template-columns:repeat(2,minmax(120px,1fr))}.profile-hero{grid-template-columns:1fr;text-align:center;justify-items:center}.feed-page-shell{grid-template-columns:1fr;gap:24px}.explore-hero{min-height:300px}.explore-hero>div:not(.explore-hero-bg){padding:28px}.explore-sponsored-grid,.explore-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.explore-content-grid{grid-template-columns:1fr}.search-page{padding-top:12px;gap:32px}.search-box{min-height:60px;border-radius:22px;padding:8px 8px 8px 16px}.search-box input{font-size:16px}.search-box button{min-height:44px;padding:0 14px}.search-top-grid,.search-results-grid{grid-template-columns:1fr}.search-best-card{grid-template-columns:124px minmax(0,1fr);min-height:168px;gap:18px;padding:16px}.search-best-art{width:124px;height:124px}.search-best-info strong{font-size:30px}.search-best-info small{font-size:15px}.search-album-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-header{align-items:flex-start;flex-direction:column}.stats-grid{grid-template-columns:1fr}.stats-summary-card,.stats-mini-card,.stats-chart-card,.stats-genres-card,.stats-leader-card,.stats-album-card{grid-column:1}.stats-summary-card{min-height:0;padding:22px}.stats-summary-card h2{font-size:28px}.stats-summary-card p{font-size:16px}.stats-summary-metrics{gap:14px}.stats-summary-metrics span{min-width:105px;border-right:0}.stats-bars{min-height:210px;gap:8px}.stats-top-album{grid-template-columns:92px minmax(0,1fr)}.stats-top-album>span{width:92px}.profile-showcase{grid-template-columns:1fr;align-items:start;padding-top:22px}.profile-settings-btn{position:static;justify-self:start}.profile-last-log{max-width:100%}.profile-tabs{top:0;gap:20px}.profile-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.profile-review-row{grid-template-columns:96px minmax(0,1fr);gap:14px}.profile-review-row>img,.profile-review-row>span{width:96px}.profile-review-row header,.profile-review-row footer{flex-wrap:wrap}.profile-lyrics-grid{grid-template-columns:1fr}.profile-quote-card{min-height:190px}.profile-quote-card blockquote{font-size:17px}.profile-quote-card.medium blockquote,.profile-quote-card.long blockquote{font-size:15px}.artist-hero{grid-template-columns:1fr;min-height:0;padding:34px 20px}.artist-portrait{width:168px}.artist-stats{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.artist-section-head{align-items:flex-start;flex-direction:column}.artist-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.log-layout{grid-template-columns:1fr}.log-album-side{position:static}.log-cover-large{max-width:440px}.log-album-copy h1{font-size:52px}.log-final-grid{grid-template-columns:1fr}.log-lyric-canvas{padding:20px}.log-lyric-line span,.log-lyric-preview blockquote{font-size:20px}.log-submit-btn{min-height:86px}.collection-hero,.collection-main-grid{grid-template-columns:1fr}.collection-hero-stats,.collection-favorite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-list-grid{grid-template-columns:1fr}.collection-section>header{align-items:flex-start;flex-direction:column}.collection-recent-strip button{flex-basis:136px}.collection-recent-strip img,.collection-recent-strip button>svg{width:136px;height:136px}.feed-right-rail{position:static;max-height:none}.feed-title-row h1{font-size:40px}.log-web-content,.timeline-feed .log-web-content.with-cover{grid-template-columns:1fr}.log-cover,.timeline-feed .log-cover{max-width:420px}}