*{box-sizing:border-box;margin:0;padding:0}html,body{background:#0a0b0e;height:100%;overflow:hidden}#backdrop{background:radial-gradient(120vmax 90vmax at 50% 38%,#23262d 0%,#14161a 45%,#0a0b0e 100%);position:fixed;inset:0}#backdrop:after{content:"";background:radial-gradient(46vmin 60vmin at 50% 42%,#becde61a,#0000 70%);position:fixed;inset:0}#stage{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;inset:0}#stage.dragging{cursor:grabbing}#grain{pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#loading{z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .8s;display:flex;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}#load-label{color:#8b93a1;letter-spacing:.18em;font:500 13px/1.6 ui-serif,Georgia,Times New Roman,serif;animation:1.8s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.4}}#load-bar{background:#96a0af2e;border-radius:1px;width:180px;height:2px;overflow:hidden}#load-bar i{background:linear-gradient(90deg,#6d7684,#b9c2d0);border-radius:1px;width:0%;height:100%;transition:width .25s;display:block}#chat{z-index:4;opacity:0;width:min(440px,78vw);transition:opacity 1.4s 1.1s;position:fixed;bottom:4vh;left:50%;transform:translate(-50%)}body.ready #chat{opacity:1}#chat-reply{-webkit-backdrop-filter:blur(8px);color:#d9dee7;text-align:center;opacity:0;background:#0d0f13b8;border:1px solid #ffffff14;border-radius:14px;width:fit-content;max-width:100%;margin:0 auto 10px;padding:10px 16px;font:italic 400 14px/1.55 ui-serif,Georgia,Times New Roman,serif;transition:opacity .35s}#chat-reply.show{opacity:1}#chat-reply.thinking{animation:1.4s ease-in-out infinite pulse}#chat-form{position:relative}#chat-input{color:#e3e7ee;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);background:#0d0f13b8;border:1px solid #ffffff29;border-radius:999px;outline:none;width:100%;padding:11px 44px 11px 42px;font:400 13px/1.4 ui-serif,Georgia,Times New Roman,serif;transition:border-color .2s}#chat-input::placeholder{color:#a3adbc;opacity:1}#chat-input:focus{border-color:#fff6}#chat.busy #chat-input{opacity:.6}#chat-send{cursor:pointer;opacity:.4;background:#ffffff12;border:none;border-radius:50%;width:34px;height:34px;transition:opacity .2s,background .2s;position:absolute;top:50%;right:5px;transform:translateY(-50%)}#chat-send:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath d='M7.5 12V3.5M7.5 3.5 3.9 7.1M7.5 3.5l3.6 3.6' fill='none' stroke='%23e8ecf3' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/15px 15px no-repeat;position:absolute;inset:0}#chat.has-text #chat-send{opacity:1;background:#ffffff29}#chat-send:active{background:#ffffff42}#chat.busy #chat-send{opacity:.35;pointer-events:none}#chat-history-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;width:30px;height:30px;position:absolute;top:50%;left:6px;transform:translateY(-50%)}#chat-history-btn:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 8 6 4 10 8' fill='none' stroke='%23a3adbc' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/12px 12px no-repeat;transition:transform .25s,filter .2s;position:absolute;inset:0}#chat-history-btn:hover:before{filter:brightness(1.5)}#chat-history-btn.open:before{transform:rotate(180deg)}#chat-history{-webkit-backdrop-filter:blur(10px);background:#0d0f13d1;border:1px solid #ffffff1a;border-radius:14px;margin-bottom:10px;display:none;overflow:hidden}#chat-history.open{display:block}#chat-history.open~#chat-reply{display:none}#chat-history-bar{color:#7c8595;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:8px 14px;font:400 10px/1 ui-serif,Georgia,serif;display:flex}#chat-clear{color:#7c8595;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:none}#chat-clear:hover{color:#e3e7ee}#chat-log{flex-direction:column;gap:8px;max-height:34vh;padding:12px 14px;display:flex;overflow-y:auto}#chat-log .msg{color:#d9dee7;max-width:86%;font:400 13px/1.5 ui-serif,Georgia,Times New Roman,serif}#chat-log .msg.user{text-align:right;color:#9fb0c8;align-self:flex-end}#chat-log .msg.simon{align-self:flex-start;font-style:italic}.dots{align-items:center;gap:5px;height:1em;display:inline-flex}.dots i{background:#a3adbc;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite dotpulse}.dots i:nth-child(2){animation-delay:.18s}.dots i:nth-child(3){animation-delay:.36s}@keyframes dotpulse{0%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}#marbles{z-index:4;opacity:0;flex-direction:column;gap:10px;transition:opacity 1.4s .9s;display:flex;position:fixed;bottom:4.5vh;right:3.5vh}body.ready #marbles{opacity:1}.swatch{cursor:pointer;border:1px solid #ffffff40;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s}.swatch:hover{transform:scale(1.18)}.swatch.active{border-color:#ffffffd9;box-shadow:0 0 0 2px #ffffff24}.swatch[data-variant=carrara]{background:radial-gradient(circle at 35% 30%,#f2efe8,#ccd1d9 75%)}.swatch.tex{background-position:50%;background-size:cover}@media (width<=640px){#marbles{top:calc(3vh + env(safe-area-inset-top,0px));bottom:auto;right:3.5vw}}@media (pointer:coarse),(width<=640px){#chat{width:min(440px,88vw);bottom:calc(3vh + env(safe-area-inset-bottom,0px))}#chat-input{padding:14px 48px;font-size:16px}#chat-history-btn{width:34px;height:34px;left:6px}}