@font-face{font-family:LetterGothic;src:url(/fonts/LetterGothicStd.otf) format("opentype")}:root{--bg-color: #c0bbf0;--text-color: #000000;--font-main: "LetterGothic", monospace;--font-action: "Roboto", sans-serif}html,body{overflow:hidden;width:100%;height:100%}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);display:flex;justify-content:center}a,a:link,a:visited,a:hover,a:active{color:var(--text-color)!important;text-decoration:none!important}#app{width:100%;max-width:480px;height:100vh;margin:0 auto;display:flex;flex-direction:column;padding:0}header{flex-shrink:0;padding:20px 20px 0;background-color:var(--bg-color);z-index:10}main{flex-grow:1;overflow-y:auto;padding:0 20px 80px;-ms-overflow-style:none;scrollbar-width:none}main::-webkit-scrollbar{display:none}.logo-area{display:flex;align-items:flex-end;gap:5px;margin-bottom:10px}.logo-flame{width:135px;height:135px}.logo-text{display:none}.subtitle h2{font-family:var(--font-main);margin:0;font-size:1.2rem;font-weight:700;line-height:1.1;letter-spacing:-.5px}.tabs{display:flex;justify-content:space-between;margin-top:30px;border-bottom:1px solid var(--text-color);padding-bottom:10px}.tab-btn{background:none;border:none;font-family:var(--font-main);font-size:1.2rem;font-weight:700;color:var(--text-color);cursor:pointer;padding:0;transition:opacity .2s}.tab-btn:not(.active){opacity:.6}.tab-btn.active{opacity:1}.view-section{display:none;padding-top:20px}.view-section.active{display:block}.player-box{border:2px solid var(--text-color);padding:15px;margin-bottom:25px;background-color:transparent}.player-top{display:flex;justify-content:space-between;font-family:var(--font-main);font-size:1rem;margin-bottom:15px}.player-middle{display:flex;justify-content:center;align-items:center;gap:28px;margin-bottom:40px}.tape-svg{width:35px;height:35px;filter:brightness(0)!important;display:block}.tape-window{width:56px;height:18px;border:2px solid var(--text-color);position:relative;background-color:transparent}.tape-progress{height:100%;width:0%;background-color:var(--text-color);transition:width .1s linear}.player-box.playing .tape-svg{animation:spin 3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.player-bottom{font-family:var(--font-main);font-style:italic;font-size:1.1rem;text-align:center}.tracklist{margin-bottom:22px}.track-item{font-family:var(--font-main);display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:8px;font-size:.98rem}.track-icon{font-size:.98rem}.track-item.active .track-icon:after{content:"▶"}.track-item:not(.active) .track-icon:after{content:"▷"}.random-snippet-wrapper{margin:22px auto 25px;text-align:center;max-width:310px;width:85%}.random-snippet-text,#home-random-quote{font-family:Helvetica Neue,Helvetica,Arial,sans-serif!important;font-size:.95rem!important;font-weight:900!important;font-style:italic!important;line-height:1.25!important;text-align:center!important;margin:0 auto;text-wrap:balance;text-wrap:pretty}.small-footer{font-family:var(--font-main);font-size:.85rem;opacity:.75;text-align:center;margin-top:40px;margin-bottom:20px}.bio-text{font-family:var(--font-main);font-size:1.05rem;line-height:1.3;margin-bottom:25px;padding-left:10px;padding-right:10px;position:relative;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto}.red-square{display:inline-block;width:6px;height:6px;background-color:#ff6b6b;margin-left:5px}img[src*=Album_Front],img[src*=Album_Back]{filter:drop-shadow(4px 6px 12px rgba(0,0,0,.3))}img:not([src*=Album_Front]):not([src*=Album_Back]){box-shadow:none!important;filter:none!important}.image-container,.press-images-stack{display:flex;flex-direction:column;gap:25px}.image-container img,.album-cover-large img,.press-images-stack img,.form-album-preview img{width:100%;height:auto;display:block;border:none}.release-date{font-family:var(--font-main);font-size:1.2rem;font-weight:700;text-align:center;margin-bottom:20px}.price-text{font-family:var(--font-main);text-align:center;margin:15px 0}.action-btn{display:block;width:50%;margin:40px auto 20px;padding:10px;background-color:var(--bg-color);color:var(--text-color);border:2px solid var(--text-color);font-family:var(--font-action);font-size:1.2rem;font-weight:700;cursor:pointer;text-align:center;transition:all .2s}.action-btn:hover{background-color:var(--text-color);color:var(--bg-color)}.hidden{display:none!important}#mobile-download-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#c0bbf0f2;display:flex;justify-content:center;align-items:center;z-index:100}.modal-content{border:2px solid var(--text-color);padding:20px;background-color:var(--bg-color);text-align:center;max-width:300px;font-family:var(--font-main)}.form-album-preview{margin-bottom:20px}.brutalist-form{display:flex;flex-direction:column;gap:20px;margin-top:15px;padding-bottom:40px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-family:var(--font-main);font-size:1rem;font-weight:400;color:var(--text-color)}.form-group input{padding:4px 0;border:none;border-radius:0;background-color:transparent;background-image:radial-gradient(circle,var(--text-color) 1.25px,transparent 1.25px);background-position:bottom;background-size:8px 3px;background-repeat:repeat-x;font-family:var(--font-main);font-size:1.1rem;color:var(--text-color);outline:none;width:100%}.form-heading{font-family:var(--font-main);font-size:1.1rem;font-weight:700;margin-bottom:15px;text-align:center}.confirmation-badge-compact{border:2px solid var(--text-color);padding:12px 14px;background-color:transparent;font-family:var(--font-main);font-size:.85rem;line-height:1.35;margin:10px 0;width:100%}.confirmation-badge-compact h3{font-size:1.05rem;margin:0 0 8px;font-weight:700}.confirmation-badge-compact p{margin:4px 0}.confirmation-badge-compact hr{border:none;border-top:1px solid var(--text-color);margin:8px 0}body.admin-mode{background-color:#fffde6!important;color:#000;overflow-y:auto!important}body.admin-mode #app{max-width:100%!important;width:100%;height:auto;min-height:100vh;padding-left:25px;padding-right:25px}body.admin-mode header{background-color:#fffde6!important}body.admin-mode main{overflow-y:visible}.admin-header{border-bottom:1px solid var(--text-color);padding-bottom:15px;margin-bottom:20px}.admin-header h2{font-family:var(--font-main);font-size:1.5rem;margin:0 0 15px;letter-spacing:-.5px}.admin-tabs{display:flex;gap:15px}.admin-tab-btn{background:none;border:none;font-family:var(--font-main);font-size:1rem;font-weight:700;cursor:pointer;padding:0;color:var(--text-color);opacity:.6}.admin-tab-btn.active{opacity:1}.admin-subview{display:none}.admin-subview.active{display:block}.admin-subhead{font-family:var(--font-main);font-size:1.1rem;margin-bottom:15px}.metrics-list{font-family:var(--font-main);font-size:1.1rem;line-height:2.2}.table-responsive{width:100%}@media (min-width: 601px){.table-responsive{overflow-x:visible!important}}@media (max-width: 600px){.table-responsive{overflow-x:auto}}.admin-table{width:100%;border-collapse:collapse;font-family:var(--font-main);font-size:.9rem;background-color:transparent;border:1px solid var(--text-color)}.admin-table th,.admin-table td{padding:8px 10px;border:1px solid var(--text-color);text-align:left;white-space:nowrap}.admin-table td.col-name{white-space:normal!important;max-width:320px;word-break:break-word}.admin-table th{background-color:transparent;color:var(--text-color);font-family:var(--font-main);font-size:.85rem;font-weight:700;text-transform:uppercase;border-bottom:2px solid var(--text-color)}.admin-table td.col-time{font-size:.85rem;opacity:.8}.badge{display:inline-block;padding:1px 4px;font-size:.8rem;font-weight:700;border:1px solid var(--text-color);background-color:transparent}.admin-btn{padding:2px 6px;font-size:.8rem;font-family:var(--font-action);font-weight:700;border:1px solid var(--text-color);background-color:transparent;color:var(--text-color);cursor:pointer}.admin-btn:hover{background-color:var(--text-color);color:#fffde6}.action-btn-group{display:flex;gap:5px}.meta-banner{display:flex;gap:20px;background:transparent;border:1px solid var(--text-color);padding:8px 12px;margin-bottom:15px;font-weight:700;font-size:.9rem;font-family:var(--font-main)}.mobile-only{display:none!important}.desktop-only{display:inline!important}td.desktop-only,th.desktop-only{display:table-cell!important}.clickable-row{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease}.clickable-row:hover,.clickable-row.is-expanded{background-color:#0000000a}.expand-row td{padding:8px 10px;background-color:#00000005;border-top:1px dashed var(--text-color);white-space:normal!important}.expand-content{font-family:var(--font-main);font-size:.85rem;line-height:1.45;color:var(--text-color)}@media (max-width: 600px){.mobile-only{display:inline!important}td.mobile-only,th.mobile-only{display:table-cell!important}.desktop-only,td.desktop-only,th.desktop-only{display:none!important}.admin-header h2{font-size:1.2rem}.table-responsive{overflow-x:auto!important;-webkit-overflow-scrolling:touch;width:100%}.admin-table{font-size:.85rem;min-width:440px;width:100%}.admin-table th,.admin-table td{padding:8px 6px;font-size:.85rem;white-space:nowrap!important}.admin-table td.col-name{white-space:nowrap!important;max-width:none!important}.admin-btn{padding:3px 6px;font-size:.78rem}.action-btn-group{display:flex;gap:4px;flex-wrap:nowrap}.meta-banner{flex-direction:column;gap:4px;font-size:.8rem;padding:6px 8px}}
