*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green: #1db954;--green-dark: #1aa34a;--bg: #121212;--surface: #1e1e1e;--text: #ffffff;--text-dim: #b3b3b3}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;justify-content:center;padding:2rem 1rem}#app{max-width:600px;width:100%}h1{font-size:2rem;margin-bottom:.5rem}.subtitle{color:var(--text-dim);margin-bottom:2rem}.btn{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--green-dark)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid #333}.btn-secondary:hover{border-color:var(--text-dim)}.actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.hidden{display:none!important}#progress-section{margin-top:1.5rem}.progress-bar-bg{background:var(--surface);border-radius:.5rem;overflow:hidden;height:.5rem;margin-top:.75rem}.progress-bar-fill{height:100%;background:var(--green);width:0%;transition:width .3s}#progress-msg{color:var(--text-dim);font-size:.9rem;margin-top:.5rem}#error-msg{background:#3b1111;color:#ff6b6b;padding:1rem;border-radius:.5rem;margin-top:1rem;white-space:pre-wrap}#file-input{display:none}.user-info{color:var(--text-dim);margin-bottom:1.5rem}