*{margin:0;padding:0;box-sizing:border-box}*:focus{outline:none}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary);color:var(--dark);padding:8px 16px;text-decoration:none;font-weight:600;border-radius:0 0 8px;z-index:9999}.skip-link:focus{top:0}:root{--primary: #fbbf24;--primary-dark: #f59e0b;--secondary: #fcd34d;--success: #10b981;--danger: #ef4444;--danger-dark: #dc2626;--warning: #f59e0b;--info: #60a5fa;--purple: #9333ea;--blue: #3b82f6;--yellow: #eab308;--dark: #000000;--dark-lighter: #1a1a1a;--dark-card: #1a1a1a;--gray: #a3a3a3;--gray-dark: #737373;--light: #000000;--border: #262626;--text: #ffffff;--text-muted: #a3a3a3;--success-light: #6ee7b7;--danger-light: #fca5a5;--primary-bg: rgba(251, 191, 36, .1);--primary-border: rgba(251, 191, 36, .3);--success-bg: rgba(16, 185, 129, .1);--success-border: rgba(16, 185, 129, .3);--danger-bg: rgba(239, 68, 68, .15);--danger-border: rgba(239, 68, 68, .3);--warning-bg: rgba(245, 158, 11, .1);--warning-border: rgba(245, 158, 11, .3);--yellow-bg: rgba(234, 179, 8, .1);--yellow-border: rgba(234, 179, 8, .5);--blue-bg: rgba(59, 130, 246, .1);--blue-border: rgba(59, 130, 246, .3);--purple-bg: rgba(147, 51, 234, .1);--purple-border: rgba(147, 51, 234, .3);--info-bg: rgba(59, 130, 246, .15);--info-border: rgba(59, 130, 246, .3);--shadow-dark: rgba(0, 0, 0, .3);--shadow-darker: rgba(0, 0, 0, .5);--shadow-primary: rgba(251, 191, 36, .5);--code-bg: #2b2b2b;--code-header-bg: #3c3f41;--code-border: #4e5254;--code-text: #a9b7c6;--code-muted: #808080;--code-primary: #ffc66d;--code-keyword: #cc7832;--code-string: #6a8759;--code-number: #6897bb;--code-key: #9876aa}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--dark);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--primary)}code{font-family:Monaco,Courier New,monospace;background:var(--primary-bg);color:var(--primary);padding:2px 6px;border-radius:4px;font-size:.9em}@media screen and (max-width:768px){input,textarea,select{font-size:16px!important}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;box-sizing:border-box;line-height:1}.btn-primary{background:var(--primary);color:var(--dark);font-weight:700;border:2px solid transparent}.btn-primary:hover{background:var(--primary-dark);color:var(--dark-lighter);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-dark)}.btn-secondary{background:var(--dark-lighter);color:var(--text);border:2px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);background:var(--dark-card)}.card{background:var(--dark-card);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 4px 6px var(--shadow-dark)}.input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:8px;font-size:14px;background:var(--dark);color:var(--text);transition:all .2s}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.input::placeholder{color:var(--gray-dark)}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px;border-bottom:1px solid var(--border)}.table th{font-weight:600;color:var(--text-muted);font-size:12px;text-transform:uppercase;background:var(--dark)}@keyframes duck-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error{background:var(--danger-bg);color:var(--danger-light);border:1px solid var(--danger-border);padding:12px 16px;border-radius:8px;margin-bottom:16px}.message-success{background:var(--success-bg);color:var(--success-light);border:1px solid var(--success-border);padding:12px 16px;border-radius:8px;margin-bottom:16px}.logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700}.logo-icon{color:var(--primary);flex-shrink:0}.logo-text{color:var(--primary)}.code-demo{background:var(--dark-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px var(--shadow-darker),0 0 40px var(--primary-bg);text-align:left;max-width:600px;margin:0 auto}.code-header{background:var(--dark);padding:12px 16px;display:flex;gap:8px;border-bottom:1px solid var(--border)}.code-dot{width:12px;height:12px;border-radius:50%}.code-dot:nth-child(1){background:var(--danger)}.code-dot:nth-child(2){background:var(--primary)}.code-dot:nth-child(3){background:var(--success)}.code-content{padding:24px;margin:0;font-family:Monaco,Courier New,monospace;font-size:14px;line-height:1.8;overflow-x:auto;color:var(--text)}.code-content code{background:transparent;color:var(--text);padding:0}.code-content .code-primary{color:var(--primary)}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem;text-align:center;background:var(--dark)}.error-boundary h1{color:var(--primary);margin-bottom:1rem}.error-boundary p{color:var(--text-muted);margin-bottom:2rem}.error-boundary details{margin-top:2rem;text-align:left;max-width:600px}.error-boundary summary{color:var(--text-muted);cursor:pointer;margin-bottom:.5rem}.error-boundary pre{margin-top:1rem;padding:1rem;background:var(--dark-card);color:var(--danger);border-radius:.375rem;overflow:auto;font-size:.875rem;border:1px solid var(--border)}.duck-icon--hoverable .upper-jaw{transform-box:fill-box;transform-origin:right bottom;transition:transform .2s ease}.duck-icon--hoverable .lower-jaw{transform-box:fill-box;transform-origin:right top;transition:transform .2s ease}.duck-icon--hoverable:hover .upper-jaw{transform:rotate(22deg)}.duck-icon--hoverable:hover .lower-jaw{transform:rotate(-22deg)}.quacking-duck{position:relative;display:inline-block;cursor:pointer}.quacking-duck svg{display:block}.quacking-duck--wobble{transform-origin:center bottom;animation:quacking-duck-waddle .75s ease-in-out infinite}.quacking-duck--wobble.quacking-duck--quacking{animation-play-state:paused}@keyframes quacking-duck-waddle{0%,to{transform:rotate(-5deg) translateY(0)}25%{transform:rotate(0) translateY(-3px)}50%{transform:rotate(5deg) translateY(0)}75%{transform:rotate(0) translateY(-3px)}}@keyframes quacking-duck-upper{0%,to{transform:rotate(0)}50%{transform:rotate(22deg)}}@keyframes quacking-duck-lower{0%,to{transform:rotate(0)}50%{transform:rotate(-22deg)}}.quacking-duck--quacking .upper-jaw{transform-box:fill-box;transform-origin:right bottom;animation:quacking-duck-upper .28s ease-in-out 2}.quacking-duck--quacking .lower-jaw{transform-box:fill-box;transform-origin:right top;animation:quacking-duck-lower .28s ease-in-out 2}.quacking-duck--sequence{cursor:default;transform-origin:center bottom;animation:duck-sequence-body 2s linear infinite}.quacking-duck--sequence .upper-jaw{transform-box:fill-box;transform-origin:right bottom;animation:duck-sequence-upper 2s ease-in-out infinite}.quacking-duck--sequence .lower-jaw{transform-box:fill-box;transform-origin:right top;animation:duck-sequence-lower 2s ease-in-out infinite}@keyframes duck-sequence-body{0%{transform:rotate(-5deg) translateY(0);animation-timing-function:ease-in-out}9.375%{transform:rotate(0) translateY(-3px);animation-timing-function:ease-in-out}18.75%{transform:rotate(5deg) translateY(0);animation-timing-function:ease-in-out}28.125%{transform:rotate(0) translateY(-3px);animation-timing-function:ease-in-out}37.5%{transform:rotate(-5deg) translateY(0);animation-timing-function:ease-in-out}46.875%{transform:rotate(0) translateY(-3px);animation-timing-function:ease-in-out}56.25%{transform:rotate(5deg) translateY(0);animation-timing-function:ease-in-out}65.625%{transform:rotate(0) translateY(-3px);animation-timing-function:ease-in-out}75%,to{transform:rotate(-5deg) translateY(0)}}@keyframes duck-sequence-upper{0%,75%{transform:rotate(0)}81.25%{transform:rotate(22deg)}87.5%{transform:rotate(0)}93.75%{transform:rotate(22deg)}to{transform:rotate(0)}}@keyframes duck-sequence-lower{0%,75%{transform:rotate(0)}81.25%{transform:rotate(-22deg)}87.5%{transform:rotate(0)}93.75%{transform:rotate(-22deg)}to{transform:rotate(0)}}.fade-out-loader-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--dark);z-index:9999;opacity:1;transition:opacity ease-in-out;pointer-events:none}.fade-out-loader-overlay.fade-out-loader-fade{opacity:0}