*{box-sizing:border-box}html,body{color:#111;background:#d4d0c8;min-height:100%;margin:0;font-family:Tahoma,Verdana,Arial,sans-serif}button,input,textarea{font:inherit}.desktop-shell{background:linear-gradient(#e7e7e7,#c7c7c7);min-height:100vh;padding:18px}.window{background:#ece9d8;border:1px solid #0a246a;box-shadow:0 0 0 1px #fff,3px 3px #0003}.app-window{flex-direction:column;max-width:1280px;min-height:calc(100vh - 36px);margin:0 auto;display:flex}.titlebar{color:#fff;background:linear-gradient(90deg,#0a246a,#3a6ea5);justify-content:space-between;align-items:center;height:31px;padding:3px 4px 3px 7px;font-size:13px;font-weight:700;display:flex}.titlebar-left{align-items:center;gap:7px;display:flex}.mini-icon{color:#111;background:#fff;border:1px solid #111;place-items:center;width:18px;height:18px;font-size:11px;display:grid}.window-controls{gap:2px;display:flex}.window-controls button{color:#111;background:#d4d0c8;border:1px solid #404040;border-color:#fff #404040 #404040 #fff;width:24px;height:22px;padding:0;font-weight:700}.menubar{background:#ece9d8;border-bottom:1px solid #999;align-items:center;height:28px;padding:0 8px;display:flex}.menubar button,.tool-button,.side-link,.feed-footer button{text-align:left;color:#111;background:0 0;border:0;padding:4px 8px}.menubar button:hover,.tool-button:hover,.side-link:hover{color:#fff;background:#0a246a}.toolbar{border-bottom:1px solid gray;align-items:center;gap:4px;min-height:46px;padding:5px 8px;display:flex;box-shadow:inset 0 1px #fff}.tool-button{border:1px solid #0000;align-items:center;gap:5px;display:flex}.toolbar-separator{background:#999;width:1px;height:30px;margin:0 4px}.search-box{flex:1;align-items:center;gap:6px;max-width:620px;margin-left:auto;display:flex}.search-box input{background:#fff;border:2px inset #fff;flex:1;min-width:0;height:26px;padding:2px 7px}.search-box button,.xp-button{color:#111;cursor:pointer;background:#d4d0c8;border:2px outset #fff;padding:4px 10px}.search-box button:disabled{color:#777;cursor:wait}.search-box button:active,.xp-button:active{border-style:inset}.workspace{flex:1;grid-template-columns:220px 1fr;min-height:0;display:grid}.sidebar{background:#f3f1e7;border-right:1px solid gray;padding:10px}.sidebar-heading{color:#fff;background:#0a246a;margin-bottom:8px;padding:7px 8px;font-size:12px;font-weight:700}.sidebar-block{background:#fff;border:1px solid #aaa;margin-bottom:10px;padding:8px}.sidebar-label{text-transform:uppercase;color:#555;margin:0 0 7px;font-size:11px;font-weight:700}.side-link{width:100%;padding:6px;font-size:12px;display:block}.side-link.active{color:#fff;background:#0a246a}.account-box{align-items:center;gap:8px;display:flex}.avatar,.feed-avatar{color:#fff;background:#111;border:2px solid #888;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.account-box strong,.account-box span{font-size:12px;display:block}.account-box span{color:#666;margin-top:2px}.tiny-copy{color:#555;font-size:11px}.online-dot{background:#111;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.content-pane{background:#f8f8f8;padding:12px;overflow:auto}.inset{background:#fff;border:2px inset #fff}.hero-panel{background:repeating-linear-gradient(0deg,#fff,#fff 24px,#f3f3f3 25px);justify-content:space-between;align-items:center;gap:20px;min-height:150px;padding:20px;display:flex}.eyebrow{letter-spacing:.14em;color:#555;margin:0 0 8px;font-size:10px;font-weight:700}.hero-panel h1{letter-spacing:-.06em;text-transform:uppercase;margin:0 0 8px;font-family:Courier New,monospace;font-size:clamp(28px,5vw,58px)}.hero-panel p{color:#444;max-width:650px;margin:0;font-size:13px}.hero-score{text-align:center;background:#fff;border:2px solid #111;min-width:150px;padding:12px;box-shadow:4px 4px #111}.hero-score span,.hero-score small{font-size:10px;display:block}.hero-score strong{margin:8px 0;font-family:Courier New,monospace;font-size:42px;line-height:1;display:block}.section-title-row{border-bottom:1px solid #999;justify-content:space-between;align-items:center;margin:16px 0 8px;padding-bottom:6px;display:flex}.section-title-row h2{margin:0;font-size:15px}.section-title-row span{color:#666;font-size:11px}.search-message{background:#fff;border:1px solid gray;margin:8px 0;padding:10px;font:12px Courier New,monospace}.search-message.error{color:#700;border-color:#900}.feed-list,.record-grid{gap:8px;display:grid}.feed-card{grid-template-columns:auto 1fr auto;gap:10px;padding:10px;display:grid}.feed-meta{flex-wrap:wrap;gap:5px;font-size:12px;display:flex}.feed-body p{margin:8px 0;font-family:Courier New,monospace;font-size:13px;line-height:1.45}.feed-footer{color:#666;align-items:center;gap:8px;font-size:10px;display:flex}.feed-footer button{padding:0;font-size:10px;text-decoration:underline}.score-box,.big-score{background:#fff;border:2px solid #111;place-items:center;font-family:Courier New,monospace;font-weight:700;display:grid}.score-box{width:54px;height:54px;font-size:22px}.record-card{grid-template-columns:84px 1fr auto;align-items:center;gap:12px;padding:9px;display:grid}.cover-art,.dialog-cover{background:#111;border:1px solid #111;position:relative;overflow:hidden}.cover-art{width:84px;height:84px}.real-cover{object-fit:cover;display:block}.cover-art span{color:#fff;font:700 10px Courier New,monospace;position:absolute;bottom:4px;right:5px}.cover-grid{background:repeating-linear-gradient(0deg,#111,#111 7px,#fff 8px 9px),repeating-linear-gradient(90deg,#0000,#0000 7px,#fff 8px 9px)}.cover-bars{background:linear-gradient(90deg,#111 0 18%,#fff 18% 28%,#111 28% 48%,#fff 48% 60%,#111 60% 78%,#fff 78% 84%,#111 84%)}.cover-ram{background:radial-gradient(circle,#fff 0 18%,#111 19% 38%,#fff 39% 42%,#111 43%)}.cover-wave{background:repeating-radial-gradient(circle at 0 100%,#fff 0 5px,#111 6px 11px)}.cover-lines{background:repeating-linear-gradient(135deg,#111 0 7px,#fff 8px 10px,#111 11px 17px)}.cover-dot{background:radial-gradient(circle,#fff 0 8%,#111 9% 18%,#fff 19% 22%,#111 23%)}.record-copy h3{margin:4px 0;font-family:Courier New,monospace;font-size:18px}.record-copy p{margin:0 0 5px;font-size:12px}.record-copy small{color:#666;font-size:10px}.type-tag{text-transform:uppercase;background:#fff;border:1px solid #111;padding:1px 4px;font-size:9px;display:inline-block}.stream-links,.link-preview{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.stream-links a,.link-preview a{color:#000;background:#f5f5f5;border:1px solid #777;padding:3px 6px;font-size:10px;text-decoration:none;display:inline-block}.stream-links a:hover,.link-preview a:hover{color:#fff;background:#0a246a}.record-actions{text-align:right}.big-score{width:64px;height:38px;margin:0 0 6px auto;font-size:24px}.xp-button.primary{background:#fff;border-color:#fff #555 #555 #fff;font-weight:700}.statusbar{background:#ece9d8;border-top:1px solid gray;grid-template-columns:1fr 2fr 1fr;gap:3px;height:24px;padding:3px;display:grid}.statusbar span{white-space:nowrap;border:1px inset #fff;padding:2px 5px;font-size:10px;overflow:hidden}.modal-backdrop{z-index:20;background:#00000073;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.rating-window{width:min(760px,100%);max-height:94vh;overflow:auto}.dialog-body{grid-template-columns:170px 1fr;gap:16px;padding:16px;display:grid}.dialog-cover{width:170px;height:170px}.dialog-kicker{text-transform:uppercase;margin:0;font-size:10px}.dialog-fields h2{margin:3px 0;font-family:Courier New,monospace;font-size:24px}.dialog-fields>p{color:#555;margin:0 0 10px;font-size:12px}.dialog-fields label{gap:4px;margin:9px 0;font-size:11px;font-weight:700;display:grid}.dialog-fields input,.dialog-fields textarea{background:#fff;border:2px inset #fff;padding:6px}.dialog-fields input{width:100px}.dialog-fields .link-input{width:100%}.dialog-actions{justify-content:flex-end;gap:6px;margin-top:10px;display:flex}.save-status{background:#fff;border:1px solid #111;padding:5px;font-size:11px}.rating-window .window-controls button{width:24px}@media (max-width:780px){.desktop-shell{padding:0}.app-window{min-height:100vh}.workspace{grid-template-columns:1fr}.sidebar{display:none}.toolbar{flex-wrap:wrap}.search-box{flex-basis:100%;order:2;max-width:none}.record-card{grid-template-columns:68px 1fr}.cover-art{width:68px;height:68px}.record-actions{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.big-score{margin:0}.hero-panel{flex-direction:column;align-items:flex-start}.hero-score{width:100%}.feed-card{grid-template-columns:auto 1fr}.score-box{grid-column:2;justify-self:end}.dialog-body{grid-template-columns:1fr}.dialog-cover{width:110px;height:110px}.statusbar{grid-template-columns:1fr 1fr}.statusbar span:last-child{display:none}}