@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Instrument+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Instrument+Sans:wght@400;500;600;700&display=swap";.card{box-shadow:var(--block-shadow);border:2px solid var(--color-charcoal);background:#fff;border-radius:0}.btn-primary{background-color:var(--color-terracotta);color:#fff;border:2px solid var(--color-charcoal);padding:var(--space-10) var(--space-20);font-family:var(--font-sans);cursor:pointer;box-shadow:var(--block-shadow-sm);align-items:center;gap:var(--space-6);border-radius:0;font-size:.9rem;font-weight:600;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn-primary:hover{box-shadow:5px 5px 0 var(--block-shadow-color);transform:translate(-1px,-1px)}.btn-primary:active{box-shadow:1px 1px 0 var(--block-shadow-color);transform:translate(2px,2px)}.btn-primary:disabled{background-color:var(--color-sand-dark);box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.btn-secondary{color:var(--color-charcoal);border:2px solid var(--color-charcoal);padding:var(--space-10) var(--space-20);font-family:var(--font-sans);cursor:pointer;box-shadow:var(--block-shadow-sm);align-items:center;gap:var(--space-6);background-color:#fff;border-radius:0;font-size:.9rem;font-weight:600;transition:all .1s;display:inline-flex}.btn-secondary:hover{color:var(--color-terracotta);box-shadow:5px 5px 0 var(--block-shadow-color);transform:translate(-1px,-1px)}.btn-secondary:active{box-shadow:1px 1px 0 var(--block-shadow-color);transform:translate(2px,2px)}.btn-danger{background-color:var(--color-red);color:#fff;border:2px solid var(--color-charcoal);padding:var(--space-10) var(--space-20);font-family:var(--font-sans);cursor:pointer;box-shadow:var(--block-shadow-sm);align-items:center;gap:var(--space-6);border-radius:0;font-size:.9rem;font-weight:600;transition:all .1s;display:inline-flex}.btn-danger:hover{box-shadow:5px 5px 0 var(--block-shadow-color);transform:translate(-1px,-1px)}.btn-green{background-color:var(--color-green);color:#fff;border:2px solid var(--color-charcoal);padding:var(--space-10) var(--space-20);font-family:var(--font-sans);cursor:pointer;box-shadow:var(--block-shadow-sm);align-items:center;gap:var(--space-6);border-radius:0;font-size:.9rem;font-weight:600;transition:all .1s;display:inline-flex}.btn-green:hover{box-shadow:5px 5px 0 var(--block-shadow-color);transform:translate(-1px,-1px)}.btn-ghost{color:var(--color-charcoal-light);padding:var(--space-4) var(--space-8);font-family:var(--font-sans);cursor:pointer;align-items:center;gap:var(--space-6);opacity:.6;background:0 0;border:1px solid #0000;border-radius:0;font-size:.78rem;transition:background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn-ghost:hover{background:var(--color-sand);border-color:var(--color-sand-dark);opacity:1}.btn-ghost:active{opacity:.8}.btn-ghost:disabled{opacity:.3;cursor:not-allowed}.btn-ghost-danger{color:var(--color-red);padding:var(--space-4) var(--space-8);font-family:var(--font-sans);cursor:pointer;align-items:center;gap:var(--space-6);background:0 0;border:1px solid #0000;border-radius:0;font-size:.78rem;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.btn-ghost-danger:hover{background:#c42d2d14;border-color:#c42d2d33}.btn-ghost-danger:active{opacity:.8}.btn-ghost-danger:disabled{opacity:.3;cursor:not-allowed}.input{width:100%;padding:var(--space-10) var(--space-14);border:2px solid var(--color-charcoal);font-family:var(--font-sans);color:var(--color-charcoal);box-shadow:var(--block-shadow-sm);background:#fff;border-radius:0;outline:none;font-size:.9rem;transition:border-color .15s}.input:focus{border-color:var(--color-terracotta)}.input::placeholder{color:#bbb}textarea.input{resize:vertical;min-height:100px}.badge{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-10);border-radius:0;font-size:.72rem;font-weight:700;display:inline-flex}.badge-orange{color:var(--color-terracotta);background:#e8262b1a;border:1.5px solid}.badge-green{color:var(--color-green);background:#2d7a4a1f;border:1.5px solid}.badge-red{color:var(--color-red);background:#c42d2d1f;border:1.5px solid}.badge-gray{color:var(--color-charcoal-light);background:#2c2c2c14;border:1.5px solid}.badge-blue{color:#2d62c4;background:#2d62c41f;border:1.5px solid}.badge-custom{border:1px solid #0000}.modal-overlay{z-index:1000;padding:var(--space-16);background:#2c2c2c73;justify-content:center;align-items:center;animation:.2s modal-fade-in;display:flex;position:fixed;inset:0}.modal{padding:var(--space-28);border:2px solid var(--color-charcoal);width:100%;max-width:630px;box-shadow:var(--shadow-card-hover);background:#fff;border-radius:0;animation:.25s modal-scale-in}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.progress-bar{background:var(--color-sand);border-radius:0;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--color-terracotta), var(--color-amber));border-radius:0;height:100%;transition:width .5s}.emoji-mono{filter:grayscale()contrast(1.15)}.panel-frame{border:2px solid var(--color-charcoal);box-shadow:var(--block-shadow);border-radius:0}.panel-frame-sm{box-shadow:var(--block-shadow-sm)}:root{--color-cream:#fff;--color-cream-dark:#efefef;--color-terracotta:#e8262b;--color-amber:#ffb627;--color-charcoal:#2c2c2c;--color-charcoal-light:#4a4a4a;--color-sand:#e9e9e9;--color-sand-dark:#9c9c9c;--color-blue:#2d62c4;--color-green:#2d7a4a;--color-red:#c42d2d;--color-warning:#f59e0b;--color-warning-dark:#b45309;--color-warning-bg:#fef3c7;--font-title:"Barlow Condensed", sans-serif;--font-sans:"Instrument Sans", system-ui, sans-serif;--block-shadow-color:#2c2c2c;--block-shadow:4px 4px 0 var(--block-shadow-color);--block-shadow-sm:3px 3px 0 var(--block-shadow-color);--shadow-card:var(--block-shadow);--shadow-card-hover:6px 6px 0 var(--block-shadow-color);--space-2:2px;--space-3:3px;--space-4:4px;--space-5:5px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px}*{box-sizing:border-box}body{background-color:var(--color-cream);color:var(--color-charcoal);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0}#root{min-height:100vh}h1,h2,h3{font-family:var(--font-title);font-weight:700;line-height:1.15}h1{font-size:2.6rem}h2{font-size:2rem}h3{font-size:1.5rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-sand)}::-webkit-scrollbar-thumb{background:var(--color-sand-dark);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-charcoal-light)}.topbar-slot-row{z-index:1;align-items:center;gap:10px;max-width:60%;display:flex;position:absolute;top:38px;left:50%;transform:translate(-50%,-50%)}@media (width<=640px){.topbar-slot-row{justify-content:center;width:100%;max-width:100%;padding:10px 0 14px;position:static;top:auto;left:auto;transform:none}}.row{align-items:center;gap:var(--gap,var(--space-8));display:flex}.stack{gap:var(--gap,var(--space-8));flex-direction:column;display:flex}:root{--color-terracotta:#f0932b}