body{background:var(--bg)}.mc-hero{position:relative;padding:80px 2rem 60px;text-align:center;overflow:hidden;border-bottom:1px solid var(--border)}.mc-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(239,68,68,.12),transparent),radial-gradient(ellipse 60% 40% at 30% 100%,rgba(239,68,68,.06),transparent)}.mc-hero-content{position:relative;z-index:1}.mc-badge{display:inline-block;font-family:monospace;font-size:.65rem;letter-spacing:.2em;color:#ef4444;border:1px solid rgba(239,68,68,.4);padding:.3rem .8rem;border-radius:4px;margin-bottom:1.2rem;background:#ef444414}.mc-hero h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:.5rem;color:var(--text)}.mc-subtitle{color:var(--text-soft);font-size:1.1rem;max-width:500px;margin:0 auto}.mc-app{display:grid;grid-template-columns:360px 1fr;min-height:calc(100vh - 260px)}.mc-config{background:var(--bg-2);border-right:1px solid var(--border);padding:2rem;overflow-y:auto}.mc-config h2{font-size:1.1rem;margin-bottom:.4rem}.mc-config-sub{font-size:.82rem;color:var(--text-mute);margin-bottom:1.5rem}.mc-config h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-mute);margin:1.5rem 0 .75rem}.mc-roles{display:flex;flex-direction:column;gap:.5rem}.role-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-3);border:1px solid var(--border);border-radius:8px;transition:all .2s}.role-row.active{border-color:#ef4444;background:#ef44440f}.role-info{display:flex;align-items:center;gap:.75rem}.role-icon{font-size:1.2rem}.role-name{font-size:.85rem;font-weight:600;color:var(--text)}.role-rate{font-size:.75rem;color:var(--text-mute)}.role-counter{display:flex;align-items:center;gap:.5rem}.counter-btn{width:26px;height:26px;border-radius:50%;background:var(--bg);border:1px solid var(--border-strong);color:var(--text);font-size:1rem;line-height:1;cursor:pointer;transition:all .15s;display:grid;place-items:center}.counter-btn:hover{border-color:#ef4444;color:#ef4444}.counter-val{width:24px;text-align:center;font-weight:700;font-size:.95rem}.mc-duration-options{display:flex;flex-wrap:wrap;gap:.5rem}.dur-btn{padding:.4rem .9rem;border-radius:20px;background:var(--bg-3);border:1px solid var(--border);color:var(--text-soft);font-size:.8rem;cursor:pointer;transition:all .2s}.dur-btn:hover{border-color:#ef4444}.dur-btn.active{background:#ef4444;color:#fff;border-color:#ef4444}#freqSelect{width:100%;padding:.6rem .8rem;background:var(--bg-3);border:1px solid var(--border);color:var(--text);border-radius:8px;font-size:.85rem}.mc-controls{display:flex;gap:.75rem;margin-top:1.5rem}.mc-btn{flex:1;padding:.75rem;border-radius:8px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;border:none}.mc-btn-primary{background:#ef4444;color:#fff}.mc-btn-primary:hover{background:#dc2626;transform:translateY(-1px)}.mc-btn-primary.running{background:#f97316;animation:pulse-btn 1.5s ease-in-out infinite}.mc-btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-soft)}.mc-btn-ghost:hover{border-color:var(--border-strong);color:var(--text)}@keyframes pulse-btn{0%,to{box-shadow:0 0 #f9731666}50%{box-shadow:0 0 0 8px #f9731600}}.mc-display{padding:3rem 2rem;display:flex;flex-direction:column;gap:2rem}.mc-ticker-wrap{text-align:center;padding:2rem}.mc-ticker-label{font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--text-mute);margin-bottom:.75rem}.mc-ticker{font-family:Fraunces,monospace;font-size:clamp(3rem,8vw,5.5rem);font-weight:700;color:#ef4444;letter-spacing:-.02em;line-height:1;text-shadow:0 0 40px rgba(239,68,68,.3);transition:color .3s}.mc-ticker-sub{margin-top:.75rem;font-size:.85rem;color:var(--text-mute);font-family:monospace}.mc-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.mc-stat{background:var(--bg-2);border:1px solid var(--border);border-radius:10px;padding:1.25rem;text-align:center}.mc-stat.highlight{border-color:#ef4444;background:#ef44440f}.mc-stat-val{font-size:1.5rem;font-weight:700;color:var(--text);margin-bottom:.25rem}.mc-stat.highlight .mc-stat-val{color:#ef4444}.mc-stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-mute)}.mc-attendees-summary{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-soft)}.summary-permin{font-weight:700;color:#ef4444;font-family:monospace}.mc-alternatives{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;padding:1.5rem}.mc-alternatives h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-mute);margin-bottom:1.25rem}.mc-alt-list{display:flex;flex-direction:column;gap:.6rem}.alt-item{position:relative;border-radius:6px;overflow:hidden;border:1px solid var(--border);background:var(--bg-3)}.alt-item.can-afford{border-color:#22c55e66}.alt-bar{position:absolute;inset-y:0;left:0;background:#ef44441f;transition:width .6s ease}.alt-item.can-afford .alt-bar{background:#22c55e1f}.alt-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:.6rem .9rem}.alt-label{font-size:.85rem;color:var(--text)}.alt-cost{font-size:.75rem;font-weight:600}.afford-yes{color:#22c55e}.afford-no{color:var(--text-mute)}@media(max-width:900px){.mc-app{grid-template-columns:1fr}.mc-config{border-right:none;border-bottom:1px solid var(--border)}.mc-stats-grid{grid-template-columns:repeat(2,1fr)}}