:root{--gold:#d4af37;--gold-light:#f4e4a0;--gold-dark:#a67c00;--black:#0a0a0a;--charcoal:#1a1a1a;--cream:#faf0dc}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--black);min-height:100vh;color:var(--cream);font-family:Playfair Display,serif;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,#0000,#0000 60px,#d4af3708 60px 61px),repeating-linear-gradient(90deg,#0000,#0000 60px,#d4af3708 60px 61px);position:fixed;inset:0}#root{z-index:1;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.deco-rays{pointer-events:none;background:repeating-conic-gradient(#0000 0deg 8deg,#d4af3704 8deg 10deg);width:200vmax;height:200vmax;animation:120s linear infinite slowSpin;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes slowSpin{to{transform:translate(-50%,-50%)rotate(360deg)}}.corner{border-color:var(--gold);opacity:.35;z-index:2;border-style:solid;width:100px;height:100px;position:fixed}.corner--tl{border-width:2px 0 0 2px;top:20px;left:20px}.corner--tr{border-width:2px 2px 0 0;top:20px;right:20px}.corner--bl{border-width:0 0 2px 2px;bottom:20px;left:20px}.corner--br{border-width:0 2px 2px 0;bottom:20px;right:20px}.corner:after{content:"";border-color:var(--gold);border-style:solid;width:50px;height:50px;position:absolute}.corner--tl:after{border-width:1px 0 0 1px;top:8px;left:8px}.corner--tr:after{border-width:1px 1px 0 0;top:8px;right:8px}.corner--bl:after{border-width:0 0 1px 1px;bottom:8px;left:8px}.corner--br:after{border-width:0 1px 1px 0;bottom:8px;right:8px}.container{text-align:center;width:100%;max-width:600px;padding:40px 24px}.subtitle{color:var(--gold);letter-spacing:8px;text-transform:uppercase;opacity:.6;margin-bottom:6px;font-family:Cinzel,serif;font-size:.7rem;animation:.8s ease-out fadeDown}.title{letter-spacing:3px;text-transform:uppercase;font-family:Cinzel,serif;font-size:clamp(1.8rem,6vw,3.2rem);font-weight:900;line-height:1.1;animation:.8s ease-out .15s both fadeDown}.title-gold{background:linear-gradient(180deg, var(--gold-light), var(--gold), var(--gold-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tagline{color:#d4af3773;letter-spacing:3px;margin-top:4px;font-size:.82rem;font-style:italic;animation:.8s ease-out .3s both fadeDown}.deco-divider{justify-content:center;align-items:center;gap:14px;margin:16px auto;animation:.8s ease-out .4s both fadeDown;display:flex}.deco-line{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:70px;height:1px}.deco-diamond{background:var(--gold);flex-shrink:0;width:7px;height:7px;transform:rotate(45deg)}.reply-frame{background:linear-gradient(135deg,#1a1a1ae6,#0a0a0af2);border:1px solid #d4af3740;margin:28px auto;padding:36px 40px;animation:.8s ease-out .5s both fadeDown;position:relative}.reply-frame:before,.reply-frame:after{content:"";width:18px;height:18px;position:absolute}.reply-frame:before{border-top:3px solid var(--gold);border-left:3px solid var(--gold);top:-1px;left:-1px}.reply-frame:after{border-bottom:3px solid var(--gold);border-right:3px solid var(--gold);bottom:-1px;right:-1px}.reply-label{letter-spacing:6px;color:var(--gold-dark);text-transform:uppercase;margin-bottom:16px;font-family:Cinzel,serif;font-size:.6rem}.reply-area{justify-content:center;align-items:center;min-height:56px;display:flex}.chat-bubble{color:#e9edef;text-align:left;background:#005c4b;border-radius:7.5px 7.5px 0;max-width:280px;padding:6px 12px 8px;font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif;font-size:.92rem;font-weight:400;line-height:1.35;display:inline-block;box-shadow:0 1px 4px #0000004d}.chat-bubble .bubble-time{color:#ffffff73;float:right;margin-top:4px;margin-left:10px;font-size:.65rem}.reply-pop{animation:.45s cubic-bezier(.34,1.56,.64,1) popIn}@keyframes popIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.reply-placeholder{letter-spacing:3px;color:#d4af3740;text-transform:uppercase;font-family:Cinzel,serif;font-size:.75rem}.btn-generate{letter-spacing:4px;text-transform:uppercase;color:var(--black);background:linear-gradient(135deg, var(--gold-light), var(--gold), var(--gold-dark));cursor:pointer;border:none;padding:14px 44px;font-family:Cinzel,serif;font-size:.82rem;transition:transform .2s,box-shadow .2s;animation:.8s ease-out .65s both fadeDown;position:relative;overflow:hidden}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 6px 28px #d4af374d}.btn-generate:active{transform:translateY(0);box-shadow:0 2px 8px #d4af3733}.btn-generate:before{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-generate:hover:before{left:100%}.sparkle{background:var(--gold);pointer-events:none;z-index:100;border-radius:50%;animation:.7s ease-out forwards sparkleFloat;position:fixed}@keyframes sparkleFloat{0%{opacity:1;transform:scale(1)translate(0)}to{transform:scale(0) translate(var(--sx), var(--sy));opacity:0}}.history{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:24px;display:flex}.history-chip{letter-spacing:2px;color:var(--gold-dark);text-transform:uppercase;opacity:.45;border:1px solid #d4af371f;padding:3px 10px;font-family:Cinzel,serif;font-size:.55rem;animation:.35s ease-out both chipIn}@keyframes chipIn{0%{opacity:0;transform:scale(.7)}to{opacity:.45;transform:scale(1)}}.counter{letter-spacing:4px;color:#d4af3740;text-transform:uppercase;margin-top:18px;font-family:Cinzel,serif;font-size:.58rem}.topic-row{margin-bottom:16px;animation:.8s ease-out .6s both fadeDown}.topic-input{color:var(--cream);background:#d4af370f;border:1px solid #d4af3733;outline:none;width:100%;max-width:400px;padding:10px 18px;font-family:Playfair Display,serif;font-size:.85rem;transition:border-color .3s}.topic-input::placeholder{color:#d4af3740;font-style:italic}.topic-input:focus{border-color:var(--gold)}.reply-loading{justify-content:center;align-items:center;gap:4px;display:flex}.reply-loading .dot{color:var(--gold);font-family:Cinzel,serif;font-size:2rem;animation:1.4s ease-in-out infinite dotBounce}.reply-loading .dot:nth-child(2){animation-delay:.2s}.reply-loading .dot:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-8px)}}.btn-generate:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.powered-by{letter-spacing:3px;color:#d4af372e;text-transform:uppercase;margin-top:24px;font-family:Cinzel,serif;font-size:.5rem}@keyframes fadeDown{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}