:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.card{max-width:28rem;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:.75rem;background:#ffffff05}.tag{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem;letter-spacing:.22em;text-transform:uppercase;color:#ffffff8c;border:1px solid rgba(255,255,255,.12);padding:.25rem .5rem;border-radius:.25rem;margin-bottom:1rem}h1{margin:0 0 .75rem;font-size:1.5rem;font-weight:600;letter-spacing:-.02em}p{margin:0;color:#ffffffa6;font-size:.95rem}.button-group{display:flex;gap:.5rem;margin-top:1.5rem;flex-wrap:wrap}.btn{padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:filter .15s}.btn:hover{filter:brightness(1.15)}.btn-success{background:#22c55e;color:#fff}.btn-error{background:#ef4444;color:#fff}.btn-warning{background:#f59e0b;color:#000}.btn-info{background:#3b82f6;color:#fff}.notification-container{position:fixed;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:1000;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;min-width:20rem;max-width:26rem;padding:.75rem 1rem;border-radius:.5rem;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 24px #0006;animation:slide-in .3s ease-out;pointer-events:auto}.toast-icon{flex-shrink:0;width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:50%;font-size:.8rem;font-weight:700;color:#fff}.toast-success .toast-icon{background:#22c55e}.toast-error .toast-icon{background:#ef4444}.toast-warning .toast-icon{background:#f59e0b;color:#000}.toast-info .toast-icon{background:#3b82f6}.toast-success{border-left:3px solid #22c55e}.toast-error{border-left:3px solid #ef4444}.toast-warning{border-left:3px solid #f59e0b}.toast-info{border-left:3px solid #3b82f6}.toast-message{flex:1;font-size:.875rem;color:#ffffffe6}.toast-close{background:none;border:none;color:#fff6;font-size:1.25rem;cursor:pointer;padding:0;line-height:1;transition:color .15s}.toast-close:hover{color:#fffc}@keyframes slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}