@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,p,dl,dd,ul{margin:0}ul{padding:0}button,input{font:inherit}img{max-width:100%;display:block}[hidden]{display:none!important}}@layer tokens{:root{--page:#34343b;--panel:#4d5259;--panel-deep:#3d4248;--panel-dark:#30343a;--raised:#5a6068;--ink:#e0e2e4;--muted:#b7bbc0;--faint:#92979d;--line:#17191c;--line-soft:#686e75;--accent:#8d3439;--accent-hover:#a54146;--error:#ff9a9f;--success:#a9d68f;--body:Arial, Helvetica, "Noto Sans SC", sans-serif;--mono:"Courier New", Consolas, monospace}}@layer base{html{color-scheme:dark;background:var(--page);min-width:320px}body{min-height:100vh;color:var(--ink);font-family:var(--body);background:var(--page);font-size:14px;line-height:1.4}a{color:var(--ink);text-underline-offset:2px}a:hover{color:#fff}:focus-visible{outline-offset:2px;outline:2px solid #d8dadc}}@layer components{.site-shell{flex-direction:column;width:min(1320px,100% - 28px);min-height:100vh;margin:0 auto;padding-top:14px;display:flex}.site-header{border:1px solid var(--line);background:linear-gradient(#565c63,#4b5057);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;min-height:54px;padding:8px 14px;display:grid;box-shadow:inset 0 1px #ffffff14}.brand-lockup{align-items:baseline;gap:10px;display:flex}.brand-lockup h1{color:#f1f1f1;letter-spacing:-.04em;text-shadow:0 1px #111;font-size:1.55rem;font-weight:700;line-height:1}.brand-lockup h1 .brand-jm{color:#e36f2d}.brand-lockup h1 .brand-two{color:#f1f1f1}.brand-lockup h1 .brand-e{color:#660611}.brand-subtitle{align-items:center;gap:7px;display:inline-flex}.brand-subtitle .brand-jm{color:#e36f2d}.brand-subtitle .brand-arrow{color:#d4d6d8}.brand-subtitle .brand-e{color:#660611}.brand-lockup>span,.utility-label{color:#d4d6d8;font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;font-size:.67rem;font-weight:700}.site-header>p{color:#d3d5d7;font-size:.78rem}.site-header nav{align-items:center;gap:12px;font-size:.76rem;display:flex}.site-header nav a{text-decoration:none}.age-mark{color:#e2e3e4;background:var(--panel-dark);border:1px solid #92979c;place-items:center;min-width:36px;height:24px;font-size:.68rem;display:grid}.workspace{border-inline:1px solid var(--line);background:var(--panel-deep);grid-template-columns:minmax(290px,350px) minmax(0,1fr);align-items:stretch;display:grid}.lookup-panel{border-right:1px solid var(--line);background:var(--panel);flex-direction:column;min-width:0;padding:26px 22px 30px;display:flex}.panel-heading{border-bottom:1px solid var(--line-soft);padding-bottom:10px}.panel-heading h2{color:#f0f1f2;margin-top:3px;font-size:1.15rem;font-weight:400}.lookup-form{margin-top:18px}.number-field{background:#35393f;border:1px solid #a1a4a8;grid-template-columns:auto minmax(0,1fr);align-items:center;min-height:43px;display:grid;box-shadow:inset 0 1px 3px #0000008c}.number-field>span{color:#d7d9db;border-right:1px solid #777c82;padding:0 11px;font-size:.9rem}.number-field input{color:#f0f1f2;background:0 0;border:0;width:100%;min-width:0;padding:8px 11px;font-size:1.05rem}.number-field input::placeholder{color:#8f9499}.number-field input:focus{outline:0}.lookup-form button{color:#f1f1f1;cursor:pointer;background:linear-gradient(#666c73,#4b5057);border:1px solid #1b1d20;justify-content:center;align-items:center;gap:12px;width:100%;min-height:34px;margin-top:8px;padding:0 12px;font-size:.78rem;display:flex;box-shadow:inset 0 1px #ffffff1f}.lookup-form button:hover{background:linear-gradient(#757b82,#555b62)}.lookup-form button:active{background:#41464c;box-shadow:inset 0 1px 3px #111}.lookup-form button:disabled{cursor:wait;opacity:.55}.status-line{min-height:2.5em;color:var(--muted);margin-top:12px;font-size:.7rem;font-weight:700}.status-line[data-kind=error]{color:var(--error)}.status-line[data-kind=success]{color:var(--success)}.status-line[data-kind=loading]:before{content:"";background:#d6d8da;border-radius:50%;width:.48rem;height:.48rem;margin-right:6px;animation:.8s ease-in-out infinite alternate pulse;display:inline-block}.cover-card{width:min(230px,100%);margin:auto auto 0;padding-top:18px}.cover-card img{aspect-ratio:3/4;border:1px solid var(--line);object-fit:cover;background:var(--panel-dark);width:100%;height:auto;box-shadow:0 1px 4px #0000008c}.cover-card figcaption{border:1px solid var(--line);color:var(--muted);background:var(--panel-dark);font-family:var(--mono);text-align:center;text-transform:uppercase;border-top:0;padding:5px 7px;font-size:.62rem}.content-column{background:var(--panel-deep);min-width:0;min-height:620px}.empty-state{text-align:center;align-content:center;justify-items:center;min-height:620px;padding:clamp(32px,7vw,86px);display:grid}.empty-state>img{width:32px;height:32px;image-rendering:pixelated;margin-bottom:12px}.empty-state h2{color:#e6e7e8;margin-top:8px;font-size:1.45rem;font-weight:400}.empty-state>p:last-child{max-width:540px;color:var(--muted);margin-top:9px;font-size:.77rem}.result-panel{padding:24px clamp(22px,3vw,40px) 34px}.result-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;display:grid}.result-header h2{color:#f0f1f2;overflow-wrap:anywhere;max-width:900px;margin-top:5px;font-size:clamp(1.15rem,2vw,1.65rem);font-weight:400;line-height:1.25}.match-mark{color:#c6e4b9;font-family:var(--mono);letter-spacing:.05em;background:#364333;border:1px solid #6f9a61;padding:3px 6px;font-size:.58rem;font-weight:700}.metrics{border:1px solid var(--line);background:var(--panel-dark);grid-template-columns:repeat(4,1fr);margin-top:22px;display:grid}.metrics div{padding:9px 11px}.metrics div+div{border-left:1px solid var(--line-soft)}.metrics dt{color:var(--faint);font-size:.65rem}.metrics dd{color:#e6e7e8;font-family:var(--mono);margin-top:2px;font-size:.84rem;font-weight:700}.result-columns{grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);gap:clamp(22px,3vw,40px);margin-top:26px;display:grid}.result-columns>*{min-width:0}.record-section+.record-section{margin-top:26px}.record-section-title{background:var(--raised);border-bottom:1px solid #202327;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 8px;display:flex}.record-section-title h3{color:#f0f1f2;font-size:.8rem;font-weight:700}.record-section-title span{color:#c2c5c8;font-family:var(--mono);text-transform:uppercase;font-size:.56rem}.description{border:1px solid var(--line);color:var(--muted);background:var(--panel-dark);white-space:pre-line;border-top:0;padding:10px;font-size:.74rem}.artist-card{border:1px solid var(--line);background:var(--panel-dark);border-top:0;padding:10px}.artist-card strong{color:#f1f1f1;overflow-wrap:anywhere;font-size:.78rem;display:block}.artist-actions,.external-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.external-actions{border:1px solid var(--line);background:var(--panel-dark);border-top:0;margin-top:0;padding:10px}.external-link{color:#e5e6e7;background:linear-gradient(#5c6269,#454a50);border:1px solid #858a8f;align-items:center;gap:6px;min-height:30px;padding:4px 8px;font-size:.67rem;font-weight:700;text-decoration:none;display:inline-flex}.external-link img{width:16px;height:16px;image-rendering:pixelated}.external-link>span:last-child{margin-left:2px}.external-link:hover{color:#fff;background:#62686f;border-color:#b1b4b7}.empty-note{border:1px solid var(--line);color:var(--muted);background:var(--panel-dark);border-top:0;padding:10px;font-size:.72rem}.tag-list{border:1px solid var(--line);background:var(--panel-dark);border-top:0;flex-wrap:wrap;gap:5px;padding:10px;list-style:none;display:flex}.tag-list li{color:#dedfe0;background:#555b62;border:1px solid #777c81;padding:3px 8px;font-size:.67rem}.bottom-ad{border:1px solid var(--line);margin-top:auto}.ad-card{background:var(--panel);min-width:0;padding:14px 18px 18px}.ad-stage{border:1px solid var(--line);background:var(--panel-dark);place-items:center;min-height:250px;margin-top:7px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #5e646b}.ad-placeholder{color:var(--muted);font-family:var(--mono);text-align:center;font-size:.68rem}.ad-placeholder span{opacity:.7}.site-footer{border:1px solid var(--line);color:var(--muted);background:#2e3136;justify-content:space-between;gap:20px;margin-bottom:96px;padding:9px 12px;font-size:.67rem;display:flex}.legal-page,.not-found{border:1px solid var(--line);background:var(--panel);width:min(820px,100% - 30px);margin:24px auto;padding:clamp(32px,7vw,70px)}.legal-page h1,.not-found h1{color:#f0f1f2;margin-top:6px;font-size:clamp(1.8rem,5vw,3rem);font-weight:400}.legal-page section{border-top:1px solid var(--line-soft);margin-top:28px;padding-top:12px}.legal-page h2{font-size:1rem;font-weight:700}.legal-page section p{color:var(--muted);margin-top:7px}.back-link{margin-bottom:30px;font-size:.76rem;display:inline-block}.not-found{align-content:center;justify-items:start;min-height:calc(100vh - 48px);display:grid}.not-found p{color:var(--muted);margin-top:12px}.record-mark{font-family:var(--mono);letter-spacing:.08em;font-size:.72rem;color:#d4d6d8!important}.primary-link{background:linear-gradient(#5c6269,#454a50);border:1px solid #858a8f;margin-top:20px;padding:5px 10px;font-size:.7rem;font-weight:700;text-decoration:none;display:inline-block}}@layer utilities{.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@keyframes pulse{to{opacity:.25;transform:scale(.75)}}@media (width<=900px){.workspace{grid-template-columns:minmax(260px,310px) minmax(0,1fr)}.site-header>p{display:none}.site-header{grid-template-columns:1fr auto}.result-columns{grid-template-columns:1fr}}@media (width<=700px){.site-shell{width:min(100% - 12px,620px);padding-top:6px}.site-header{min-height:48px;padding:7px 10px}.brand-lockup h1{font-size:1.35rem}.brand-lockup>span,.site-header nav a{display:none}.workspace{grid-template-columns:1fr}.lookup-panel{border-right:0;padding:22px 16px 26px}.content-column{border-top:1px solid var(--line)}.content-column,.empty-state{min-height:410px}.empty-state{padding:44px 20px}.result-panel{padding:22px 16px 30px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics div:nth-child(3),.metrics div:nth-child(4){border-top:1px solid var(--line-soft)}.metrics div:nth-child(3){border-left:0}.external-actions .external-link{flex:180px}.site-footer{flex-direction:column;gap:3px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}