:root{--color-header:#0f3460;--color-primary:#1a9988;--color-primary-hover:#158a7a;--color-danger:#e94560;--color-danger-hover:#d63d56;--color-bg:#f0f4f8;--color-white:#fff;--color-text:#1a1a2e;--color-text-secondary:#8a94a6;--color-border:#eef0f4;--color-team-a:#e6f3f1;--color-team-b:#fce4e8;--color-next-up:#fff3e0;--color-badge-new:#ff69b4;--color-badge-left:#999;--color-badge-left-mid:#e94560;--color-tab-inactive:#a0a8b8}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{max-width:600px;margin:0 auto;padding:0 16px}button{cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}input{background-color:#fafbfc;border:1.5px solid #e2e6ed;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:14px}input:focus{border-color:var(--color-primary)}.btn-primary{color:#fff;background:linear-gradient(135deg,#1a9988,#2ab5a0);box-shadow:0 2px 8px #1a998840}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#158a7a,#1a9988)}.btn-danger{color:#fff;background:linear-gradient(135deg,#e94560,#f06070);box-shadow:0 2px 8px #e9456040}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#d63d56,#e94560)}