:root{--bg-canvas:#f5f7fb;--sidebar-bg:#fff;--card-bg:#fff;--text-main:#111418;--text-muted:#5b6577;--brand-yellow:gold;--brand-yellow-light:#fff8d6;--brand-pink:#ff477e;--brand-teal:#00b497;--brand-blue:#3a86ff;--brand-purple:#8338ec;--border-color:#14171a;--border-width:3px;--shadow-offset:5px;--shadow-pop:5px 5px 0px var(--border-color);--shadow-pop-hover:7px 7px 0px var(--border-color);--shadow-pop-sm:3px 3px 0px var(--border-color)}*{box-sizing:border-box}body{background-color:var(--bg-canvas);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#eaeff5}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#333940}h1,h2,h3,h4{letter-spacing:1px;color:var(--text-main);margin-top:0;font-family:Bangers,cursive,sans-serif}h1{margin-bottom:20px;font-size:34px}h2{margin-bottom:16px;font-size:26px}h3{margin-bottom:12px;font-size:20px}.comic-card{background-color:var(--card-bg);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-pop);border-radius:14px;margin-bottom:24px;padding:24px;transition:transform .15s,box-shadow .15s;position:relative}.comic-card:hover{box-shadow:var(--shadow-pop-hover);transform:translate(-2px,-2px)}.comic-button{background-color:var(--brand-pink);color:#fff;border:var(--border-width) solid var(--border-color);letter-spacing:.8px;cursor:pointer;box-shadow:var(--shadow-pop-sm);-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-family:Bangers,cursive,sans-serif;font-size:18px;text-decoration:none;transition:transform .1s,box-shadow .1s,background-color .15s;display:inline-flex}.comic-button:hover{box-shadow:var(--shadow-pop);transform:translate(-2px,-2px)}.comic-button:active{box-shadow:1px 1px 0px var(--border-color);transform:translate(2px,2px)}.comic-button.primary{background-color:var(--brand-yellow);color:#14171a}.comic-button.primary:hover{background-color:#ffe14d}.comic-button.secondary{background-color:var(--brand-teal);color:#fff}.comic-button.secondary:hover{background-color:#00d1b0}.comic-button.blue{background-color:var(--brand-blue);color:#fff}.comic-button.blue:hover{background-color:#559bff}.comic-button.danger{color:#fff;background-color:#ff385c}.comic-button.danger:hover{background-color:#e0284b}.comic-input,.comic-textarea{border:var(--border-width) solid var(--border-color);width:100%;color:var(--text-main);background-color:#fff;border-radius:10px;outline:none;margin-bottom:16px;padding:13px 16px;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;transition:box-shadow .15s,border-color .15s}.comic-input:focus,.comic-textarea:focus{box-shadow:var(--shadow-pop-sm);background-color:#fffffa;border-color:#000}.comic-input::placeholder,.comic-textarea::placeholder{color:#9ca3af;font-weight:500}.comic-badge{border:2px solid var(--border-color);letter-spacing:.5px;box-shadow:2px 2px 0px var(--border-color);border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-family:Bangers,cursive,sans-serif;font-size:14px;font-weight:600;display:inline-flex}.comic-badge.yellow{background-color:var(--brand-yellow);color:#14171a}.comic-badge.teal{background-color:var(--brand-teal);color:#fff}.comic-badge.pink{background-color:var(--brand-pink);color:#fff}.comic-badge.blue{background-color:var(--brand-blue);color:#fff}.comic-badge.purple{background-color:var(--brand-purple);color:#fff}.status-pulse-dot{background-color:#10b981;border-radius:50%;width:9px;height:9px;animation:1.8s cubic-bezier(.66,0,0,1) infinite pulse-ring;display:inline-block;box-shadow:0 0 #10b981b3}@keyframes pulse-ring{to{box-shadow:0 0 0 8px #10b98100}}.stat-pill{border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-pop-sm);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:12px 18px;transition:transform .15s;display:flex}.stat-pill:hover{transform:translate(-1px,-1px)}