@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&family=Karla:wght@300;400;500;600;700&family=Fira+Code:wght@300;400;500&display=swap";@keyframes a2ui-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes a2ui-bounce-in{0%{opacity:0;transform:scale(.85) translateY(12px)}60%{opacity:1;transform:scale(1.04) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes a2ui-pulse-in{0%{opacity:0;transform:scale(.96)}50%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.a2ui-enter{animation:a2ui-fade-up .45s cubic-bezier(.4,0,.2,1) forwards}.a2ui-enter-bounce{animation:a2ui-bounce-in .55s cubic-bezier(.34,1.56,.64,1) forwards}.a2ui-enter-pulse{animation:a2ui-pulse-in .4s cubic-bezier(.4,0,.2,1) forwards}.a2ui-text-h1{font-family:var(--font-display);font-size:2.25rem;font-weight:700;line-height:1.1;color:var(--text-primary);letter-spacing:-.03em;text-align:center;width:100%}.a2ui-text-h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600;line-height:1.2;color:var(--text-primary);letter-spacing:-.01em}.a2ui-text-h3{font-family:var(--font-display);font-size:1.2rem;font-weight:600;line-height:1.3;color:var(--text-primary)}.a2ui-text-h4{font-family:var(--font-display);font-size:.95rem;font-weight:500;line-height:1.55;color:var(--text-primary)}.a2ui-text-h5{font-family:var(--font-body);font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);opacity:.6}.a2ui-text-caption{font-family:var(--font-body);font-size:.9rem;font-weight:400;color:var(--text-muted);line-height:1.5;text-align:center;width:100%;letter-spacing:.04em}.a2ui-text-body{font-family:var(--font-body);font-size:.85rem;font-weight:400;color:var(--text-secondary);line-height:1.8}.a2ui-row{display:flex;flex-direction:row;align-items:flex-start;gap:12px;width:100%}.a2ui-column{display:flex;flex-direction:column;gap:20px;width:100%;align-items:center}.a2ui-card{background:#ffffff0a;border:none;border-radius:16px;padding:24px;width:100%}.a2ui-image-frame{width:100%;border-radius:14px;overflow:hidden}.a2ui-image-frame img{width:100%;height:180px;object-fit:cover;display:block}.a2ui-surface{display:flex;flex-direction:column;gap:16px;width:100%}.a2ui-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-size:.9rem;font-weight:600;letter-spacing:.04em;padding:11px 28px;border-radius:var(--radius-sm);border:1px solid var(--border-hover);background:transparent;color:var(--gold);cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);text-transform:uppercase;position:relative;overflow:hidden}.a2ui-button:hover{background:var(--gold-dim);border-color:var(--gold);box-shadow:0 0 16px #d4a25440}.a2ui-button:active{transform:translateY(1px)}.a2ui-button-primary{background:var(--gold);color:var(--bg-deep);border-color:var(--gold)}.a2ui-button-primary:hover{background:var(--gold-bright);border-color:var(--gold-bright);box-shadow:0 0 24px #d4a25433,0 4px 16px #0006;transform:translateY(-1px)}.a2ui-button-primary:active{transform:translateY(0)}.a2ui-button-borderless{border-color:transparent;background:transparent;color:var(--text-secondary)}.a2ui-button-borderless:hover{background:transparent;color:var(--gold);border-color:transparent;box-shadow:none}.a2ui-button:disabled,.a2ui-button-primary:disabled,.a2ui-button-borderless:disabled{background:var(--bg-elevated);border-color:var(--border);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.a2ui-choice-picker{display:flex;flex-direction:column;gap:8px;width:100%}.a2ui-choice-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-body);font-size:.9rem;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.a2ui-choice-option:hover{border-color:var(--border-hover);background:var(--bg-elevated);color:var(--text-primary)}.a2ui-choice-option.selected{border-color:var(--gold);background:var(--gold-dim);color:var(--gold-bright)}.a2ui-choice-option .a2ui-choice-indicator{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-hover);flex-shrink:0;transition:all .22s cubic-bezier(.4,0,.2,1)}.a2ui-choice-option.selected .a2ui-choice-indicator{background:var(--gold);border-color:var(--gold);box-shadow:0 0 8px #d4a25466}.a2ui-choice-option .a2ui-choice-indicator-check{width:16px;height:16px;border-radius:var(--radius-sm);border:2px solid var(--border-hover);flex-shrink:0;transition:all .22s cubic-bezier(.4,0,.2,1)}.a2ui-choice-option.selected .a2ui-choice-indicator-check{background:var(--gold);border-color:var(--gold)}.a2ui-textfield{display:flex;flex-direction:column;gap:6px;width:100%}.a2ui-textfield label{font-family:var(--font-body);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.a2ui-textfield input,.a2ui-textfield textarea{font-family:var(--font-body);font-size:.95rem;color:var(--text-primary);background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 14px;width:100%;outline:none;transition:border-color .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1);appearance:none}.a2ui-textfield input::placeholder,.a2ui-textfield textarea::placeholder{color:var(--text-muted)}.a2ui-textfield input:focus,.a2ui-textfield textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.a2ui-textfield textarea{resize:vertical;min-height:120px;line-height:1.65}.a2ui-audio-player{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md)}.a2ui-audio-player audio{width:100%;height:36px;accent-color:var(--gold)}.a2ui-audio-player .a2ui-audio-description{font-family:var(--font-body);font-size:.8rem;color:var(--text-muted);font-style:italic}.a2ui-divider{display:flex;align-items:center;margin:4px 0;width:100%}.a2ui-divider-line{flex:1;height:1px;background:var(--border)}.a2ui-divider-dot{display:none}.a2ui-code-block{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);margin:8px 0;overflow:hidden}.a2ui-code-header{display:flex;align-items:center;gap:6px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.a2ui-code-dot{width:10px;height:10px;border-radius:50%;opacity:.7;flex-shrink:0}.a2ui-code-language{margin-left:auto;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-family:var(--font-mono)}.a2ui-code-block pre{margin:0;padding:20px;overflow-x:auto;font-family:var(--font-mono);font-size:.875rem;line-height:1.7;color:var(--text-secondary)}.a2ui-code-block pre code{font-family:inherit}.a2ui-drag-match{display:flex;gap:20px;width:100%}.a2ui-drag-match-column{display:flex;flex-direction:column;gap:8px;flex:1}.a2ui-drag-match-label{font-family:var(--font-body);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.a2ui-drag-match-item{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-body);font-size:.875rem;cursor:pointer;transition:all .22s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.a2ui-drag-match-item:hover{border-color:var(--border-hover);color:var(--text-primary)}.a2ui-drag-match-item.active{border-color:var(--gold);background:var(--gold-dim);color:var(--gold-bright)}.a2ui-drag-match-item.matched{border-color:#6b9e7a99;background:#6b9e7a1a;color:#9bcca8;cursor:default}.a2ui-ordering-quiz{display:flex;flex-direction:column;gap:8px;width:100%}.a2ui-ordering-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-secondary);font-family:var(--font-body);font-size:.875rem}.a2ui-ordering-item-text{flex:1}.a2ui-ordering-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;font-size:.75rem;transition:all .22s cubic-bezier(.4,0,.2,1);flex-shrink:0}.a2ui-ordering-btn:hover:not(:disabled){border-color:var(--gold);color:var(--gold);background:var(--gold-dim)}.a2ui-ordering-btn:disabled{opacity:.3;cursor:default}.a2ui-ordering-submit{margin-top:8px;align-self:flex-end}.a2ui-svg-animation{display:flex;align-items:center;justify-content:center}@keyframes a2ui-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes a2ui-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.a2ui-spinner-svg{animation:a2ui-spin 1.2s linear infinite}.a2ui-pulse-dot-svg circle{animation:a2ui-pulse-dot 1.4s ease-in-out infinite}:root{--bg-deep: #0c0b09;--bg-primary: #13120f;--bg-card: #1c1b17;--bg-elevated: #242319;--bg-hover: #2c2b26;--gold: #d4a254;--gold-bright: #f0c472;--gold-dim: rgba(212, 162, 84, .12);--gold-glow: rgba(212, 162, 84, .25);--sage: #6b9e7a;--sage-dim: rgba(107, 158, 122, .15);--crimson: #c25b4b;--crimson-dim: rgba(194, 91, 75, .15);--text-primary: #ede9e1;--text-secondary: #9c9082;--text-muted: #5c5649;--border: rgba(212, 162, 84, .12);--border-hover: rgba(212, 162, 84, .35);--border-active: rgba(212, 162, 84, .6);--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Karla", system-ui, sans-serif;--font-mono: "Fira Code", monospace;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--shadow-card: 0 4px 32px rgba(0, 0, 0, .5), 0 1px 0 rgba(212, 162, 84, .08) inset;--shadow-gold: 0 0 24px rgba(212, 162, 84, .2), 0 4px 16px rgba(0, 0, 0, .4);--transition: .22s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);font-weight:400;line-height:1.6;min-height:100vh;display:block;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E")}#root{width:100%;min-height:100vh}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-primary);line-height:1.2;font-weight:600}p{color:var(--text-secondary);line-height:1.7}a{color:var(--gold);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--gold-bright)}code,pre{font-family:var(--font-mono)}.gold-divider{display:flex;align-items:center;gap:12px;margin:8px 0}.gold-divider:before,.gold-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.4}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-size:.9rem;font-weight:600;letter-spacing:.04em;padding:11px 28px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all var(--transition);position:relative;overflow:hidden;text-transform:uppercase}.btn-gold{background:var(--gold);color:var(--bg-deep);border-color:var(--gold)}.btn-gold:hover{background:var(--gold-bright);border-color:var(--gold-bright);box-shadow:var(--shadow-gold);transform:translateY(-1px)}.btn-gold:active{transform:translateY(0)}.btn-gold:disabled{background:var(--bg-elevated);border-color:var(--border);color:var(--text-muted);cursor:not-allowed;transform:none;box-shadow:none}.btn-outline{background:transparent;color:var(--gold);border-color:var(--border-active)}.btn-outline:hover{background:var(--gold-dim);border-color:var(--gold);box-shadow:0 0 16px var(--gold-glow)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.form-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary)}.form-input,.form-textarea,.form-select{font-family:var(--font-body);font-size:.95rem;color:var(--text-primary);background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 14px;width:100%;outline:none;transition:border-color var(--transition),box-shadow var(--transition);appearance:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-dim)}.form-textarea{resize:vertical;min-height:160px;line-height:1.65}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239c9082' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px;cursor:pointer}.form-select option{background:var(--bg-card);color:var(--text-primary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 12px var(--gold-glow)}50%{box-shadow:0 0 28px var(--gold-glow),0 0 56px #d4a2541f}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-up{animation:fadeUp .6s cubic-bezier(.4,0,.2,1) forwards}.banner-error{background:var(--crimson-dim);border:1px solid var(--crimson);border-radius:var(--radius-sm);color:#e58579;padding:10px 14px;font-size:.875rem;margin-bottom:16px}.banner-success{background:var(--sage-dim);border:1px solid var(--sage);border-radius:var(--radius-sm);color:#9bcca8;padding:10px 14px;font-size:.875rem;margin-bottom:16px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dim)}::selection{background:var(--gold-dim);color:var(--gold-bright)}