.toastique-toast{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;background:#fff;box-shadow:0 4px 20px #0000001f,0 2px 8px #00000014;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.4;color:#1a1a1a;min-width:280px;max-width:400px;pointer-events:auto;opacity:0;transform:translate(100%);transition:all .2s ease-out}.toastique-toast:focus{outline:2px solid #3b82f6;outline-offset:2px}.toastique-toast--visible{opacity:1;transform:translate(0)}.toastique-toast--exiting{opacity:0;transform:translate(100%)}.toastique-toast__icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.toastique-toast__message{flex:1;word-break:break-word}.toastique-toast__close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;color:#666;cursor:pointer;border-radius:4px;font-size:12px;flex-shrink:0;transition:background .15s,color .15s}.toastique-toast__close:hover{background:#00000014;color:#333}.toastique-toast--success{border-left:4px solid #22c55e}.toastique-toast--success .toastique-toast__icon{background:#dcfce7;color:#16a34a}.toastique-toast--error{border-left:4px solid #ef4444}.toastique-toast--error .toastique-toast__icon{background:#fee2e2;color:#dc2626}.toastique-toast--warning{border-left:4px solid #f59e0b}.toastique-toast--warning .toastique-toast__icon{background:#fef3c7;color:#d97706}.toastique-toast--info{border-left:4px solid #3b82f6}.toastique-toast--info .toastique-toast__icon{background:#dbeafe;color:#2563eb}.toastique-toast--loading{border-left:4px solid #8b5cf6}.toastique-toast--loading .toastique-toast__icon{background:#ede9fe;color:#7c3aed;animation:toastique-spin 1s linear infinite}@keyframes toastique-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme:dark){.toastique-toast{background:#1f2937;color:#f9fafb;box-shadow:0 4px 20px #0006,0 2px 8px #0000004d}.toastique-toast__close{color:#9ca3af}.toastique-toast__close:hover{background:#ffffff1a;color:#e5e7eb}.toastique-toast--success .toastique-toast__icon{background:#064e3b;color:#34d399}.toastique-toast--error .toastique-toast__icon{background:#7f1d1d;color:#f87171}.toastique-toast--warning .toastique-toast__icon{background:#78350f;color:#fbbf24}.toastique-toast--info .toastique-toast__icon{background:#1e3a5f;color:#60a5fa}.toastique-toast--loading .toastique-toast__icon{background:#4c1d95;color:#a78bfa}}@media (prefers-reduced-motion:reduce){.toastique-toast{transition:opacity .15s ease-out;transform:none}.toastique-toast--visible,.toastique-toast--exiting{transform:none}.toastique-toast--loading .toastique-toast__icon{animation:none}}.toastique-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none;padding:16px;max-height:100vh;overflow:hidden}.toastique-container--top-left{top:0;left:0}.toastique-container--top-center{top:0;left:50%;transform:translate(-50%)}.toastique-container--top-right{top:0;right:0}.toastique-container--bottom-left{bottom:0;left:0;flex-direction:column-reverse}.toastique-container--bottom-center{bottom:0;left:50%;transform:translate(-50%);flex-direction:column-reverse}.toastique-container--bottom-right{bottom:0;right:0;flex-direction:column-reverse}.toastique-container--top-left .toastique-toast,.toastique-container--bottom-left .toastique-toast{transform:translate(-100%)}.toastique-container--top-left .toastique-toast--visible,.toastique-container--bottom-left .toastique-toast--visible{transform:translate(0)}.toastique-container--top-left .toastique-toast--exiting,.toastique-container--bottom-left .toastique-toast--exiting{transform:translate(-100%)}.toastique-container--top-center .toastique-toast,.toastique-container--bottom-center .toastique-toast{transform:translateY(-20px)}.toastique-container--top-center .toastique-toast--visible,.toastique-container--bottom-center .toastique-toast--visible{transform:translateY(0)}.toastique-container--top-center .toastique-toast--exiting,.toastique-container--bottom-center .toastique-toast--exiting{transform:translateY(-20px);opacity:0}.toastique-container--bottom-center .toastique-toast,.toastique-container--bottom-center .toastique-toast--exiting{transform:translateY(20px)}@media (max-width:480px){.toastique-container{left:0!important;right:0!important;transform:none!important;padding:12px}.toastique-container--top-left,.toastique-container--top-right,.toastique-container--top-center{top:0}.toastique-container--bottom-left,.toastique-container--bottom-right,.toastique-container--bottom-center{bottom:0}.toastique-toast{min-width:auto;max-width:none;width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0a0a0a;min-height:100vh;color:#e5e5e5}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:40px 20px}.header{text-align:center;margin-bottom:40px}.header h1{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.header p{font-size:1.1rem;color:#888}.playground{background:#151515;border:1px solid #262626;border-radius:20px;padding:32px;width:100%;max-width:600px;box-shadow:0 20px 60px #00000080}.section{margin-bottom:32px}.section:last-child{margin-bottom:0}.section h2{font-size:.85rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.button-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.btn{padding:14px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0006}.btn:active{transform:translateY(0)}.btn--success{background:#22c55e;color:#fff}.btn--success:hover{background:#16a34a;box-shadow:0 4px 20px #22c55e4d}.btn--error{background:#ef4444;color:#fff}.btn--error:hover{background:#dc2626;box-shadow:0 4px 20px #ef44444d}.btn--warning{background:#f59e0b;color:#fff}.btn--warning:hover{background:#d97706;box-shadow:0 4px 20px #f59e0b4d}.btn--info{background:#3b82f6;color:#fff}.btn--info:hover{background:#2563eb;box-shadow:0 4px 20px #3b82f64d}.btn--loading{background:#8b5cf6;color:#fff}.btn--loading:hover{background:#7c3aed;box-shadow:0 4px 20px #8b5cf64d}.btn--promise{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn--promise:hover{box-shadow:0 4px 20px #764ba266}.btn--secondary{background:#262626;color:#e5e5e5;border:1px solid #333}.btn--secondary:hover{background:#333}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.position-btn{padding:12px 8px;border:1px solid #333;border-radius:8px;background:#1a1a1a;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;color:#999}.position-btn:hover{border-color:#667eea;color:#667eea}.position-btn.active{border-color:#667eea;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.code-block{background:#0d0d0d;border:1px solid #262626;border-radius:10px;padding:16px;overflow-x:auto}.code-block code{font-family:Fira Code,Monaco,Consolas,monospace;font-size:13px;color:#d4d4d4;line-height:1.6}.code-block .keyword{color:#c586c0}.code-block .string{color:#ce9178}.code-block .function{color:#dcdcaa}.code-block .comment{color:#6a9955}.footer{margin-top:40px;text-align:center;color:#555;font-size:14px}.footer a{color:#667eea;text-decoration:none;font-weight:600}.footer a:hover{text-decoration:underline}.heart{color:#ef4444;display:inline-block;animation:heartbeat 1.5s ease infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}