:root{color-scheme:dark;--ink:#f4f0ee;--muted:#bcb5c7;--lime:#c4ff80;--orchid:#d59fd3;font-family:Arial,Helvetica,sans-serif;background:#101219;color:var(--ink)}
.quiet-button{text-decoration:none}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
.crystal-background{position:fixed;inset:0;overflow:hidden;pointer-events:none;isolation:isolate;background:#181724;z-index:-1}.crystal-background::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#10121915,#10121999 100%)}
.cloud{position:absolute;width:140vmax;height:110vmax;left:calc(50% - 70vmax);top:calc(50% - 55vmax);border-radius:45%;filter:blur(30px);mix-blend-mode:screen;opacity:.42;animation:swirl 36s linear infinite;will-change:transform}.cloud-one{background:conic-gradient(from 30deg,transparent,#d59fd3,transparent,#bdffc466,transparent)}.cloud-two{top:calc(25% - 55vmax);background:conic-gradient(transparent,#c4ff80aa,transparent,#99a9ebbb,transparent);animation-direction:reverse;animation-duration:49s;opacity:.35}.cloud-three{background:conic-gradient(transparent 20%,#f5e7de66,transparent 45%,#b29cebbb,transparent 75%);animation-duration:27s;opacity:.35}.halo{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 32%,#bb91c533,transparent 67%);animation:breathe 7s ease-in-out infinite}.orbit{position:absolute;left:-20%;top:10%;width:140%;height:75%;border:1px solid #d59fd31c;border-radius:50%;transform:rotate(-24deg)}.orbit-two{transform:rotate(28deg);border-color:#c4ff8014}.spark{position:absolute;width:3px;height:3px;border-radius:50%;background:#e6d6ef;box-shadow:0 0 12px 2px #d59fd3aa;animation:drift 6s ease-in-out infinite}.spark-one{left:14%;top:30%}.spark-two{right:18%;top:70%;animation-delay:-2s}.spark-three{left:72%;top:16%;animation-delay:-4s}
/* Richer crystal color, with small, staggered stars rather than a busy particle field. */
.cloud-one{opacity:.54}.cloud-two{opacity:.46}.cloud-three{opacity:.44}
.halo{background:radial-gradient(ellipse at 50% 32%,#bb91c54a,transparent 67%)}
.spark-four{left:8%;top:58%;width:2px;height:2px;animation-delay:-1s;animation-duration:8s}
.spark-five{left:30%;top:12%;animation-delay:-5s;animation-duration:9s}
.spark-six{right:9%;top:38%;width:2px;height:2px;animation-delay:-3s;animation-duration:7s}
.spark-seven{left:24%;top:84%;width:2px;height:2px;animation-delay:-6s;animation-duration:10s}
.spark-eight{right:34%;top:89%;animation-delay:-2.5s;animation-duration:8s}
.spark-nine{right:5%;top:9%;width:2px;height:2px;animation-delay:-4.5s;animation-duration:9s}
main{min-height:100svh;display:flex;flex-direction:column;padding:26px clamp(20px,5vw,80px) 20px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.identity{color:inherit;text-decoration:none;font-size:15px;letter-spacing:.02em}.quiet-button{border:1px solid #ffffff25;border-radius:30px;background:#10121950;color:#d5cddd;padding:10px 14px;font-size:12px}.quiet-button:hover{background:#ffffff15;color:var(--ink)}
.stage{flex:1;width:100%;max-width:680px;margin:auto;display:flex;flex-direction:column;justify-content:center;padding:40px 0;gap:34px}.portrait{width:240px;height:240px;flex-shrink:0;border-radius:50%;margin:0 auto;box-shadow:0 0 0 1px #f4e8ff60,0 0 50px #d59fd333,0 16px 55px #0004;animation:levitate 7s ease-in-out infinite}.portrait img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.chat-window{width:100%;padding:28px 28px 18px;border:1px solid #e4d1f22b;border-radius:28px;background:linear-gradient(135deg,#1b172bda,#141820d9);box-shadow:0 20px 80px #08071035,inset 0 1px #ffffff08;backdrop-filter:blur(20px)}
#messages:empty{display:none}.message{margin:0 0 24px;animation:emerge .65s ease-out both;line-height:1.75;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}.message .label{display:block;font-size:12px;color:#c0b5cc;margin-bottom:7px}.message.user{margin-left:32px;padding:14px 18px;border:1px solid #e3daf014;background:#ede2ff09;border-radius:18px}.message.user .label{color:#c0d3af}.message.assistant:first-child{font-family:Georgia,'Times New Roman',serif;font-size:clamp(19px,2.4vw,23px);line-height:1.5;letter-spacing:-.015em}.message.assistant:first-child .label{font-family:Arial,Helvetica,sans-serif;letter-spacing:0}.thinking{display:flex;align-items:center;gap:6px;padding:12px 0 26px}.thinking[hidden]{display:none}.thinking i{width:6px;height:6px;border-radius:50%;background:#d5bfdc;animation:pulse 1.4s ease-in-out infinite}.thinking i:nth-of-type(2){animation-delay:.2s}.thinking i:nth-of-type(3){animation-delay:.4s}#status{font-size:14px;line-height:1.6;color:#e3d6eb;margin:0}#status:not(:empty){padding:0 0 22px}
form{display:flex;align-items:center;gap:12px;border-top:1px solid #e6d4ff29;padding-top:14px}form:focus-within{border-color:#d59fd388}textarea{resize:none;min-height:44px;max-height:130px;flex:1;min-width:0;border:0;background:transparent;outline:0;color:var(--ink);padding:11px 0;font-size:16px;line-height:1.4}textarea::placeholder{color:#b5abbe}form button{border:1px solid #ffffff30;border-radius:22px;min-height:44px;padding:0 17px;flex-shrink:0;background:#d9c5e8;color:#292035;font-size:14px}form button:hover{background:#e8ddf1}button:disabled{opacity:.45;cursor:wait}footer{text-align:center;font-size:12px;color:#beb4c8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes swirl{to{transform:rotate(360deg)}}@keyframes levitate{50%{transform:translateY(-9px)}}@keyframes breathe{50%{opacity:.5;transform:scale(1.15)}}@keyframes drift{50%{transform:translate(7px,-15px);opacity:.25}}@keyframes pulse{50%{opacity:.25;transform:translateY(-3px)}}@keyframes emerge{from{opacity:0;transform:translateY(12px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:600px){main{padding:18px 18px 16px}.stage{padding:34px 0 24px;gap:28px}.portrait{width:182px;height:182px}.chat-window{padding:23px 20px 16px;border-radius:24px}.message.user{margin-left:16px}.cloud{filter:blur(20px)}.identity{font-size:14px}.quiet-button{padding:9px 11px}}@media(max-height:650px){.stage{padding-top:24px;gap:22px}.portrait{width:150px;height:150px}}