@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500;600&display=swap");:root{--bg:#faf9f6;--surface:#ffffff;--ink:#17160f;--muted:#756f61;--muted-2:#a49e8e;--line:rgba(23,22,15,0.10);--line-strong:rgba(23,22,15,0.24);--accent:#a72118;--accent-soft:rgba(167,33,24,0.07);--radius:2px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:IBM Plex Mono,monospace}.wrap{max-width:1000px;margin:0 auto;padding:0 24px}button{font-family:inherit}header.site{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:rgba(250,249,246,.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}.header-inner{justify-content:space-between;padding:18px 40px;gap:20px;width:100%}.header-inner,.header-nav{display:flex;align-items:center;flex-wrap:wrap}.header-nav{gap:22px}.logo{font-weight:800;font-size:24px;letter-spacing:-.01em}.logo span{color:var(--accent)}.header-right{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.link-btn{font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.3px;color:var(--ink);background:none;border:none;cursor:pointer;border-bottom:1px solid var(--line-strong);padding:0 0 1px}.link-btn:hover{border-color:var(--ink)}.hero{padding:56px 24px 40px;border-bottom:1px solid var(--line)}.hero-eyebrow{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:14px}.hero h1{font-size:clamp(28px,4.2vw,42px);font-weight:800;line-height:1.1;letter-spacing:-.02em;margin:0 0 16px;max-width:640px}.hero h1 .accent{color:var(--accent)}.hero p.lead{max-width:520px;color:var(--muted);font-size:15px;line-height:1.6;margin:0}.btn{font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.3px;text-transform:uppercase;border:1px solid var(--line-strong);background:transparent;color:var(--ink);padding:11px 18px;border-radius:var(--radius);cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease}.btn-primary,.btn:hover{border-color:var(--ink)}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--accent);border-color:var(--accent)}.btn-ghost{color:var(--muted);border-color:transparent}.btn-ghost:hover{color:var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed}input[type=email],input[type=password],input[type=text],select,textarea{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);border-radius:var(--radius);padding:7px 10px;font-family:Inter,sans-serif;font-size:14px}input::placeholder,textarea::placeholder{color:var(--muted-2)}#addPanel{padding:6px 0 0}.panel-title{font-weight:700;font-size:17px;margin:0 0 4px}.panel-sub{color:var(--muted);font-size:13px;margin:0 0 20px}.form-grid{display:grid;grid-template-columns:2fr 2fr 1fr;grid-gap:14px;gap:14px;margin-bottom:14px}.field label{display:block;font-family:IBM Plex Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:6px}.field input,.field select,.field textarea{width:100%}.rating-field{display:flex;align-items:center;gap:10px}.rating-field input[type=range]{flex:1 1;accent-color:var(--accent)}.rating-value{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:16px;width:46px;text-align:right}.form-actions{display:flex;justify-content:space-between;align-items:center;padding:6px 0 26px;gap:12px;flex-wrap:wrap}.form-error{color:var(--accent);font-family:IBM Plex Mono,monospace;font-size:12px;min-height:16px}.search-dropdown{display:none;position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);max-height:260px;overflow-y:auto;z-index:20;box-shadow:0 8px 20px rgba(23,22,15,.1)}.search-dropdown.open{display:block}.search-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 10px;cursor:pointer}.search-dropdown-item:hover{background:var(--accent-soft)}.search-dropdown-item img{width:34px;height:34px;object-fit:cover;border-radius:2px;flex-shrink:0}.sd-title{font-size:13px;font-weight:600;line-height:1.3}.sd-artist{font-size:11px;color:var(--muted)}.toolbar{align-items:center;justify-content:space-between;gap:16px;padding:26px 24px 16px}.tabs,.toolbar{display:flex;flex-wrap:wrap}.tabs{gap:4px}.tab{font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);background:transparent;border:none;padding:6px 10px;border-radius:var(--radius);cursor:pointer}.tab.active{background:var(--ink);color:#fff}.search-box input{width:210px}.big-search{padding:34px 24px 0}.big-search input{width:100%;font-size:16px;padding:16px 20px;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface)}.big-search input:focus-visible{outline:2px solid var(--accent);outline-offset:0}.page-title{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}.page-sub{color:var(--muted);font-size:14px;margin:0 0 8px}.release-card{display:flex;align-items:center;gap:16px;padding:16px 4px;border-bottom:1px solid var(--line)}.release-cover{width:56px;height:56px;border-radius:2px;object-fit:cover;flex-shrink:0;background:var(--line)}.release-body{flex:1 1;min-width:0}.release-actions{flex-shrink:0}.friend-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 4px;border-bottom:1px solid var(--line)}.follow-btn{font-family:IBM Plex Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.4px;padding:8px 14px;border-radius:var(--radius);border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer}.follow-btn:hover{background:var(--accent);border-color:var(--accent)}.follow-btn.following{background:transparent;color:var(--ink);border-color:var(--line-strong)}.follow-btn.following:hover{background:transparent;border-color:var(--ink)}.inline-rate{margin-top:10px;padding:14px;background:var(--accent-soft);border-radius:var(--radius)}.inline-rate textarea{width:100%;min-height:60px;margin-top:10px;resize:vertical}.grid-wrap{padding:6px 24px 80px}.album-grid{display:flex;flex-direction:column}.album-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 4px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .1s ease}.album-row:hover{background:var(--accent-soft)}.row-left{min-width:0}.row-title{font-weight:600;font-size:16px;line-height:1.3}.row-sub{font-size:13px;color:var(--muted);margin-top:2px}.row-sub .sep{margin:0 6px;color:var(--muted-2)}.row-artist-link:hover{text-decoration:underline}.row-right{display:flex;align-items:center;gap:22px;flex-shrink:0}.row-meta{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--muted);text-align:right}.row-meta .by:hover{text-decoration:underline}.score{font-family:IBM Plex Mono,monospace;font-weight:700;font-size:20px;min-width:58px;text-align:right}.score .of10{font-size:12px;font-weight:500;color:var(--muted-2)}.score.high{color:var(--accent)}.score.empty{color:var(--muted-2);font-weight:500}.empty-state{text-align:center;padding:70px 20px;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius)}.empty-state h3{font-size:19px;font-weight:700;color:var(--ink);margin:0 0 8px}.back-link{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted);cursor:pointer}.back-link:hover{color:var(--ink)}.overlay{display:none;position:fixed;inset:0;background:rgba(23,22,15,.55);z-index:100;align-items:center;justify-content:center;overflow-y:auto;padding:24px}.overlay.open{display:flex}.modal{background:var(--surface);border:1px solid var(--line-strong);border-radius:6px;max-width:380px;width:100%;padding:26px 24px 24px;position:relative;box-shadow:0 20px 50px rgba(0,0,0,.35);max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--muted);font-size:22px;cursor:pointer;line-height:1}.modal-close:hover{color:var(--ink)}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px}.modal-head h2{font-size:30px;font-weight:800;letter-spacing:-.01em;margin:0;line-height:1.15}.modal-stats{margin:16px 0 20px;display:flex;gap:20px;align-items:center}.modal-stats .count{font-size:12px}.modal-stats .count,.section-title{font-family:IBM Plex Mono,monospace;color:var(--muted)}.section-title{text-transform:uppercase;font-size:10px;letter-spacing:.8px;margin:24px 0 12px;border-top:1px solid var(--line);padding-top:18px}.review-item{padding:12px 0;border-bottom:1px solid var(--line)}.review-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.review-pseudo{font-weight:600;font-size:13px}.review-pseudo:hover{text-decoration:underline}.review-rating{font-weight:700;font-size:13px;color:var(--accent)}.review-date,.review-rating{font-family:IBM Plex Mono,monospace}.review-date{font-size:10px;color:var(--muted-2);margin-bottom:4px}.review-text{font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}.no-review{color:var(--muted);font-size:13px}.add-review-form textarea{width:100%;min-height:74px;resize:vertical}.profile-header{padding:40px 24px 12px;border-bottom:1px solid var(--line)}.profile-name{font-size:clamp(28px,4vw,40px);font-weight:800;letter-spacing:-.02em;margin:14px 0 6px}.profile-stats{display:flex;gap:18px;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:12px;margin-bottom:28px}.top5-section{padding:8px 24px 50px}.top5-title{font-weight:700;font-size:15px;margin:22px 0 16px;letter-spacing:-.01em}.top5-list{display:flex;flex-direction:column}.top5-row{display:flex;align-items:center;gap:18px;padding:14px 4px;border-bottom:1px solid var(--line)}.top5-rank{font-family:IBM Plex Mono,monospace;font-weight:700;font-size:20px;color:var(--muted-2);width:26px;flex-shrink:0}.top5-body{flex:1 1;min-width:0}.top5-empty{color:var(--muted-2);font-style:italic;font-size:14px}.top5-row select{flex:1 1}.activity-section{padding:4px 24px 60px}.activity-item{display:flex;justify-content:space-between;gap:16px;padding:13px 4px;border-bottom:1px solid var(--line);cursor:pointer}.activity-item:hover{background:var(--accent-soft)}.activity-left .row-title{font-size:14px;font-weight:600}.activity-left .review-text{font-size:13px;color:var(--muted);margin-top:3px}.activity-right{text-align:right;flex-shrink:0}.auth-box{max-width:400px;margin:0 auto;padding:60px 24px}@media (max-width:640px){.form-grid{grid-template-columns:1fr}.album-row{flex-wrap:wrap}.row-right{width:100%;justify-content:space-between}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}