*{box-sizing:border-box;margin:0;padding:0}:root{--primary: #3b82f6;--primary-hover: #2563eb;--danger: #ef4444;--danger-hover: #dc2626;--success: #10b981;--border: #e5e7eb;--bg: #ffffff;--bg-secondary: #f9fafb;--text: #111827;--text-secondary: #6b7280;--radius: 8px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text);background:var(--bg-secondary)}header{background:var(--bg);border-bottom:1px solid var(--border);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}header h1{font-size:1.5rem;color:var(--primary)}#user-info{display:flex;align-items:center;gap:1rem}main{max-width:1200px;margin:2rem auto;padding:0 2rem}.btn{padding:.5rem 1rem;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn-secondary{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1rem}.card h2{margin-bottom:1rem}.panel-list{display:grid;gap:1rem}.panel-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius)}.panel-item h3{font-size:1.125rem;margin-bottom:.25rem}.panel-item .meta{font-size:.875rem;color:var(--text-secondary)}.panel-actions{display:flex;gap:.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem;font-weight:500;font-size:.875rem}.form-group input[type=text],.form-group input[type=url],.form-group input[type=number]{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:var(--radius);font-size:1rem}.form-group input[type=checkbox]{margin-right:.5rem}.checkbox-label{display:flex;align-items:center;cursor:pointer}.content-list{margin-top:1rem}.content-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius);margin-bottom:.5rem}.content-item .info{flex:1}.content-item .title{font-weight:500}.content-item .url{font-size:.875rem;color:var(--text-secondary);word-break:break-all}.content-item .duration{font-size:.875rem;color:var(--text-secondary);margin-left:1rem}.content-item .actions{display:flex;gap:.5rem}.loading{text-align:center;padding:2rem;color:var(--text-secondary)}.error{background:#fee;border:1px solid var(--danger);border-radius:var(--radius);padding:1rem;color:var(--danger);margin-bottom:1rem}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.empty-state h3{margin-bottom:.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--bg);border-radius:var(--radius);padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal h2{margin-bottom:1.5rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}.share-url{background:var(--bg-secondary);padding:.75rem;border-radius:var(--radius);border:1px solid var(--border);margin-top:.5rem;word-break:break-all;font-family:monospace;font-size:.875rem}.staging-banner{background:repeating-linear-gradient(45deg,#fbbf24,#fbbf24 20px,#f59e0b 20px,#f59e0b 40px);color:#000;text-align:center;padding:.5rem;font-weight:700;font-size:.875rem;letter-spacing:.05em;position:sticky;top:0;z-index:1000}.staging-banner.hidden{display:none}