@import url("../shared.css");
:root{--purple:#b4633f;--purple-2:#8d4729;--purple-soft:rgba(141,71,41,.17)}
.theme-light .page-shell{background:linear-gradient(145deg,#fbf6ef,#eee5d8)}
.theme-light .page-shell::after{background:rgba(181,98,59,.13)}
.theme-light .eyebrow{color:#9b5637}
h1{font-size:clamp(45px,5.2vw,70px)}
.button{background:#382016;color:#fff}
.button:hover{background:#21110b;color:#fff}
.chat-trace-art{border-color:#dccabc;background:linear-gradient(145deg,#fffdf9,#f0e4d8 78%);box-shadow:0 35px 90px rgba(101,64,45,.16)}
.chat-trace-art::before{background-image:linear-gradient(rgba(141,71,41,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(141,71,41,.045) 1px,transparent 1px)}
.chat-trace-art .stage-bar{border-color:#dfd0c5;background:rgba(255,255,255,.78);color:#806f65}
.chat-trace-art .dots i{background:#cebaad}
.chat-window{position:absolute;top:15%;left:5%;width:63%;overflow:hidden;border:1px solid #ddcec4;border-radius:10px;background:rgba(255,255,255,.92);box-shadow:0 18px 45px rgba(100,64,46,.1)}
.chat-window>header{display:flex;height:56px;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid #eadfd7}.chat-window>header>i{display:grid;width:32px;height:32px;border-radius:9px;background:#f1e1d6;color:#8d4729;font-size:10px;font-style:normal;font-weight:700;place-items:center}.chat-window>header strong,.chat-window>header small{display:block}.chat-window>header strong{color:#392d27;font-size:12px;font-weight:650}.chat-window>header small{margin-top:3px;color:#8b7b72;font-size:11px}
.chat-message{padding:18px 16px 7px}.chat-message>small,.chat-reply>small{display:block;margin-bottom:6px;color:#8c7b72;font-size:10px}.chat-message>article{display:grid;width:78%;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:11px;border:1px solid #ddc7b8;border-radius:4px 10px 10px 10px;background:#fbf4ef}.chat-message>article>i{display:grid;width:32px;height:36px;border:1px solid #d9bca9;border-radius:6px;background:#fff;color:#9b5637;font-size:9px;font-style:normal;font-weight:730;place-items:center}.chat-message strong,.chat-message article small{display:block}.chat-message strong{color:#44352e;font-size:11px}.chat-message article small{margin-top:3px;color:#8b776c;font-size:10px}
.chat-reply{padding:7px 16px 19px}.chat-reply p{width:max-content;margin:0;padding:9px 12px;border-radius:4px 10px 10px 10px;background:#eee5df;color:#66574f;font-size:11px}
.leaked-copy{position:absolute;right:4%;bottom:11%;z-index:5;width:42%;padding:14px 44px 14px 15px;border:1px solid #d4b39f;border-radius:9px;background:#fff;box-shadow:0 18px 45px rgba(91,52,34,.16);animation:leakFloat 4.6s ease-in-out infinite}.leaked-copy span,.leaked-copy strong,.leaked-copy small{display:block}.leaked-copy span{color:#a16242;font-size:9px;font-weight:750;letter-spacing:.6px;text-transform:uppercase}.leaked-copy strong{margin-top:7px;color:#382a23;font-size:12px}.leaked-copy small{margin-top:4px;color:#89766c;font-size:10px}.leaked-copy>i{position:absolute;top:50%;right:15px;width:17px;height:17px;border-right:2px solid #b4633f;border-bottom:2px solid #b4633f;transform:translateY(-50%) rotate(45deg)}
.copy-result{position:absolute;top:17%;right:4%;z-index:6;width:38%;padding:16px;border:1px solid rgba(180,99,63,.56);border-radius:9px;background:#fff;box-shadow:0 0 38px rgba(141,71,41,.17);animation:resultReveal 4.6s ease-in-out infinite}.copy-result span,.copy-result strong,.copy-result small,.copy-result b{display:block}.copy-result span{color:#9b5637;font-size:9px;font-weight:760;letter-spacing:.6px;text-transform:uppercase}.copy-result strong{margin-top:8px;color:#342821;font-size:16px;font-weight:640}.copy-result small{margin-top:4px;color:#847168;font-size:10px}.copy-result b{margin-top:10px;color:#9b5637;font-size:18px;font-weight:650}
@keyframes leakFloat{50%{transform:translateY(-5px) rotate(1deg)}}@keyframes resultReveal{0%,18%,100%{opacity:.42;transform:translateY(4px)}42%,78%{opacity:1;transform:none}}
@media(max-width:620px){.chat-window{top:11%;left:2%;width:75%}.chat-message>article{width:88%}.copy-result{top:13%;right:1%;width:47%;padding:13px}.leaked-copy{right:1%;bottom:7%;width:49%;padding-left:12px}}