.scalable-container{transform:scale(.6);transform-origin:top left;position:absolute;top:30px;right:-50px}.switch{--toggle-size: 1}.switch *,.switch *:after,*:before{-webkit-box-sizing:border-box;box-sizing:border-box}.switch{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:170px;height:90px;background-color:#b7cecc;position:relative;border-radius:999px;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;cursor:pointer;-webkit-transform:scale(var(--toggle-size));-ms-transform:scale(var(--toggle-size));transform:scale(var(--toggle-size))}.moons{position:absolute;width:100px;height:65px;overflow:hidden;top:0;left:-10px}.moons .star{position:absolute;width:1px;height:1px;top:45px;left:30px;border-radius:999px;background-color:#fff}.moons .star.star-1{top:100%;left:75px;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}.moons .star.star-2{top:100%;left:65px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.moons .star.star-3{top:100%;left:85px;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.moons .star.star-4{top:100%;left:60px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.moons .star.star-5{top:100%;left:44px;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}.moons .first-moon{position:absolute;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;width:30px;height:30px;top:100%;left:30px;background-color:#e0d6d6;border-radius:999px}.moons:before,.moons:after{-webkit-transition:.6s;-o-transition:.6s;transition:.6s;content:"";position:absolute;width:8px;height:8px;background-color:#dde4e6;border-radius:999px;top:100%;left:70px}.moons:after{width:5px;height:5px;left:81px;-webkit-transition:.8s;-o-transition:.8s;transition:.8s}.sand{position:absolute;width:100%;height:45px;bottom:0;left:0;border-radius:0 0 999px 999px;overflow:hidden}.suns{position:absolute;border-radius:1in;width:40px;height:40px;top:10px;right:30px;box-shadow:0 0 15px #eab308;-webkit-box-shadow:0 0 15px #EAB308;background-color:#eab308;-webkit-transition:.6s;-o-transition:.6s;transition:.6s}.sand:before{position:absolute;width:100%;height:25px;bottom:0;left:0;content:"";background-color:#b69c77;border-radius:0 0 999px 999px}.bb8{position:absolute;left:-18%;width:140px;-webkit-transform:scale(.45);-ms-transform:scale(.45);transform:scale(.45);-webkit-transition:left .4s;-o-transition:left .4s;transition:left .4s}.slider{display:none}.antennas{position:absolute;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;left:28%}.antenna{background:#e0d2be;position:absolute;width:2px}.antenna.short{height:20px;top:-65px;left:50px}.antenna.long{border-top:6px solid #020204;border-bottom:6px solid #020204;height:36px;top:-80px;left:56px}.head{-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;-o-transition:transform .4s;transition:transform .4s,-webkit-transform .4s;background-color:#f8f8ff;border-radius:90px 90px 25px 25px;-moz-border-radius:90px 90px 25px 25px;-webkit-border-radius:90px 90px 25px 25px;height:63px;margin-left:-45px;overflow:hidden;position:absolute;width:95px;z-index:1;top:-56px;left:56%}.head .stripe{position:absolute;width:100%}.head .stripe.one{background:#7699b7;height:7px;opacity:.8;z-index:1;top:3px}.head .stripe.two{background:#cd7640;height:4px;top:14px}.head .stripe.three{background:#999;height:4px;opacity:.5;bottom:3px}.head .stripe.detail{display:-webkit-box;display:-ms-flexbox;display:flex;width:200px;bottom:7px;left:-38%;-webkit-transition:left .4s;-o-transition:left .4s;transition:left .4s}.head .detail{height:7px}.head .detail.zero{background-color:#cd7640;width:2%;margin-left:3px}.head .detail.one{background-color:#cd7640;width:8%;margin-left:3px}.head .detail.two{background-color:#cd7640;width:6%;margin-left:5px}.head .detail.three{background-color:#cd7640;width:4%;margin-left:45px;height:5px;margin-top:2px}.head .detail.four{background-color:#cd7640;width:10%;margin-left:4px}.head .detail.five{background-color:#cd7640;width:2%;margin-left:3px}.head .eyes{display:inline-block;height:100%;position:absolute;width:100%;-webkit-transition:left .4s;-o-transition:left .4s;transition:left .4s;left:22%}.head .eye{border-radius:50%;display:block;position:absolute}.head .eye.one{background:#020204;border:4px solid lightgray;height:30px;width:30px;top:12px;left:12%}.head .eye.one:after{background:#fff;border-radius:50%;content:"";display:block;height:3px;position:absolute;width:3px;top:4px;right:4px}.head .eye.two{background-color:#d3d3d3;border:1px solid #020204;height:16px;width:16px;top:30px;left:40%}.head .eye.two:after{background:#020204;border-radius:50%;content:"";display:block;height:10px;position:absolute;width:10px;top:2px;left:2px}.ball{background-color:#f8f8ff;border-radius:50%;height:165px;overflow:hidden;position:relative;width:165px;-webkit-transition:-webkit-transform .4s;transition:-webkit-transform .4s;-o-transition:transform .4s;transition:transform .4s,-webkit-transform .4s}.lines{border:2px solid #B19669;border-radius:50%;height:400px;opacity:.6;position:absolute;width:400px}.lines.two{top:-10px;left:-250px}.ring{background:#cd7640;border-radius:50%;height:70px;margin-left:-35px;position:absolute;width:70px}.ring:after{background-color:#f8f8ff;border-radius:50%;content:"";display:block;height:73%;margin-top:-36%;margin-left:-36%;position:absolute;width:73%;top:50%;left:50%}.ring.one{margin-left:-40px;height:90px;width:100px;top:2%;left:42%}.ring.two{height:40px;width:80px;-ms-transform:rotate(50deg);-webkit-transform:rotate(50deg);transform:rotate(50deg);top:65%;left:8%}.ring.two:after{top:100%}.ring.three{height:37px;width:80px;-ms-transform:rotate(-50deg);-webkit-transform:rotate(-50deg);transform:rotate(-50deg);top:68%;left:84%}.ring.three:after{top:110%}.shadow{background:#3a271c;-webkit-box-shadow:5px 0 50px #3A271C;box-shadow:5px 0 50px #3a271c;border-radius:50%;height:23.3333333333px;opacity:.25;position:absolute;width:110px;left:28px;z-index:-1;bottom:-8px}.slider:checked+.switch .bb8{left:29%}.slider:checked+.switch .bb8 .ball{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.slider:hover+.switch .bb8 .eyes{left:60%}.slider:checked:hover+.switch .bb8 .eyes{left:-20%}.slider:active+.switch .bb8 .head{-webkit-transform:translate(35px,3px) rotateZ(17deg);-ms-transform:translate(35px,3px) rotate(17deg);transform:translate(30px,3px) rotate(17deg)}.slider:checked:active+.switch .bb8 .head{-webkit-transform:translate(-35px,6px) rotateZ(-17deg);-ms-transform:translate(-35px,6px) rotate(-17deg);transform:translate(-35px,6px) rotate(-17deg)}.slider:active+.switch .antennas{-webkit-transform:translate(35px,-20px) rotateZ(17deg);-ms-transform:translate(35px,-20px) rotate(17deg);transform:translate(35px,-20px) rotate(17deg)}.slider:active:not(:hover)+.switch .antennas{-webkit-transform:translate(35px,-10px) rotateZ(17deg);-ms-transform:translate(35px,-10px) rotate(17deg);transform:translate(35px,-10px) rotate(17deg)}.slider:checked:active+.switch .antennas{-webkit-transform:translate(-35px,10px) rotateZ(-17deg);-ms-transform:translate(-35px,10px) rotate(-17deg);transform:translate(-35px,15px) rotate(-17deg)}.slider:checked:active:not(:hover)+.switch .antennas{-webkit-transform:translate(-30px,20px) rotateZ(-17deg);-ms-transform:translate(-30px,20px) rotate(-17deg);transform:translate(-25px,25px) rotate(-17deg)}.slider:hover+.switch .antennas,.slider:checked+.switch .antennas{left:6%}.slider:hover+.switch .stripe.detail,.slider:checked+.switch .stripe.detail{left:0}.slider:checked:hover+.switch .antennas{left:28%}.slider:checked:hover+.switch .stripe.detail{left:-38%}.slider:checked+.switch{background-color:#112350}.slider:checked+.switch .suns{top:50px}.slider:checked+.switch .moons .first-moon{top:15px;-webkit-box-shadow:0 0 10px #B8CCCD;box-shadow:0 0 10px #b8cccd}.slider:checked+.switch .moons:after{top:38px;-webkit-box-shadow:0 0 15px #B8CCCD;box-shadow:0 0 15px #b8cccd}.slider:checked+.switch .moons:before{top:34px;-webkit-box-shadow:0 0 15px #B8CCCD;box-shadow:0 0 15px #b8cccd}.slider:checked+.switch .moons .star{-webkit-box-shadow:0 0 20px 2px #fff;box-shadow:0 0 20px 2px #fff}.slider:checked+.switch .moons .star.star-1{top:20px}.slider:checked+.switch .moons .star.star-2{top:15px}.slider:checked+.switch .moons .star.star-3{top:15px}.slider:checked+.switch .moons .star.star-4{top:45px}.slider:checked+.switch .moons .star.star-5{top:53px}*,*:before,*:after{box-sizing:border-box}:root{--shell-width: min(92vw, 430px);--background-color: #eef3f8;--background-accent-1: #dce9ff;--background-accent-2: #d6f2eb;--chat-background: rgba(255, 255, 255, .92);--chat-border: rgba(20, 43, 73, .1);--input-background: #f6f9fc;--button-background: #146ef5;--button-hover-background: #1159c8;--text-color: #101c2e;--text-muted: #5a6b84;--message-odd-background: #e9f3ff;--message-even-background: #dcf5ef;--shadow-color: rgba(15, 32, 58, .2)}.dark-mode{--background-color: #0f1826;--background-accent-1: #13273f;--background-accent-2: #13342d;--chat-background: rgba(24, 36, 54, .9);--chat-border: rgba(191, 214, 255, .14);--input-background: #1a2b41;--button-background: #33a0ff;--button-hover-background: #4eb0ff;--text-color: #e7f1ff;--text-muted: #9fb3d0;--message-odd-background: #1f4f80;--message-even-background: #1f6d62;--shadow-color: rgba(0, 0, 0, .45)}body{margin:0;min-height:100vh;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 12% 15%,var(--background-accent-1),transparent 34%),radial-gradient(circle at 88% 85%,var(--background-accent-2),transparent 30%),var(--background-color);color:var(--text-color);padding:20px 20px 74px}header{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;min-height:44px}#chat-shell{width:var(--shell-width)}#title{margin:0 0 0 6px;font-family:Space Grotesk,Plus Jakarta Sans,sans-serif;font-size:clamp(1.35rem,2vw,1.65rem);letter-spacing:.03em;font-weight:700;color:var(--text-color)}.scalable-container{position:relative;top:auto;right:auto;transform:scale(.48);transform-origin:top left;width:84px;height:44px;display:block;margin-right:0;flex:0 0 auto}#chat{border-radius:24px;border:1px solid var(--chat-border);box-shadow:0 24px 44px -24px var(--shadow-color);overflow:hidden;background:var(--chat-background);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:100%;height:min(72vh,660px);display:flex;flex-direction:column}#messages{list-style-type:none;margin:0;padding:22px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}#messages::-webkit-scrollbar{width:8px}#messages::-webkit-scrollbar-thumb{border-radius:999px;background:#4c71a659}#messages>li{padding:12px 14px;border-radius:16px;color:var(--text-color);max-width:82%;min-width:120px}#messages>li p{margin:0;line-height:1.4;word-wrap:break-word}.user1{background:var(--message-odd-background);align-self:flex-start;border-top-left-radius:6px}.user2{background:var(--message-even-background);align-self:flex-end;border-top-right-radius:6px}#messages>li small{display:block;font-size:.78rem;color:var(--text-muted);margin-top:6px;text-align:right;letter-spacing:.01em}#form{display:flex;align-items:center;gap:10px;padding:14px;border-top:1px solid var(--chat-border);background:var(--input-background)}#input{border:1px solid transparent;border-radius:999px;flex:1;background-color:#ffffffbf;padding:12px 15px;outline:none;color:var(--text-color);font-family:Plus Jakarta Sans,Segoe UI,sans-serif;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease}.dark-mode #input{background-color:#0d1624a6}#input:focus{border-color:var(--button-background);box-shadow:0 0 0 4px color-mix(in srgb,var(--button-background) 18%,transparent)}#form>button{background:linear-gradient(145deg,var(--button-background),var(--button-hover-background));color:#fff;border:none;border-radius:999px;width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,filter .2s ease;box-shadow:0 12px 20px -10px color-mix(in srgb,var(--button-background) 70%,transparent)}#form>button:hover{filter:brightness(1.05);transform:translateY(-1px)}#form>button:active{transform:translateY(0)}#form svg{width:18px;height:18px}.project-panel__card{width:100%;border-radius:14px;padding:14px 13px;background:color-mix(in srgb,var(--chat-background) 88%,#ffffff 12%);color:var(--text-color);border:1px solid var(--chat-border);box-shadow:0 18px 28px -24px var(--shadow-color);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:Plus Jakarta Sans,Segoe UI,sans-serif}.project-panel__card h2{margin:0 0 8px;font-family:Space Grotesk,Plus Jakarta Sans,sans-serif;font-size:.95rem;letter-spacing:.02em}.project-panel__card p{margin:0 0 8px;line-height:1.32;font-size:.8rem;color:var(--text-muted)}.project-panel__card a{display:inline-flex;margin-top:4px;color:var(--button-background);text-decoration:none;font-weight:700;font-size:.78rem;transition:color .2s ease,transform .2s ease,text-decoration-color .2s ease;text-decoration-line:underline;text-decoration-color:transparent;text-underline-offset:.2em}.project-panel__card a:hover{color:var(--button-hover-background);transform:translate(2px);text-decoration-color:currentColor}#project-panel{position:fixed;top:50%;left:calc(50% + 250px);transform:translateY(-50%);width:var(--shell-width);z-index:10}#site-footer{position:fixed;left:24px;bottom:10px;transform:none;width:auto;display:flex;align-items:flex-start;justify-content:flex-start;gap:18px;color:var(--text-muted);font-size:.82rem;z-index:12}#site-footer p{margin:0;display:inline-flex;align-items:center;gap:6px}.footer-link{display:inline-flex;align-items:center;gap:5px;color:var(--button-background);text-decoration:none;font-weight:600;transition:color .2s ease,transform .2s ease}.footer-link svg{width:14px;height:14px;fill:currentColor}.footer-link:hover{color:var(--button-hover-background);transform:translateY(-1px)}#toggle-button{position:absolute;top:20px;right:20px;background:var(--button-background);color:#fff;border:none;border-radius:20px;padding:10px 15px;cursor:pointer;transition:background .3s}#toggle-button:hover{background:var(--button-hover-background)}@media(max-width:1024px){:root{--shell-width: min(94vw, 840px)}body{justify-content:flex-start;min-height:100svh;padding:calc(14px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom))}header{width:100%;padding:0 8px;margin-top:6px;margin-bottom:12px}#title{margin-left:0}#chat-shell{width:var(--shell-width)}#chat{width:100%;height:clamp(620px,76svh,980px);min-height:620px}#messages{padding:16px;gap:10px}#project-panel{position:static;transform:none;width:var(--shell-width);margin-top:12px;margin-bottom:8px}.project-panel__card{width:100%;border-radius:16px;padding:14px}.scalable-container{transform:scale(.4);transform-origin:top left;width:76px;height:42px;margin-right:0;margin-top:6px}#site-footer{position:static;gap:10px;font-size:.76rem;flex-direction:row;justify-content:center;width:var(--shell-width);align-items:center;margin-top:auto;padding-top:10px;transform:none}}@media(max-width:640px){:root{--shell-width: min(96vw, 440px)}#chat-shell{width:var(--shell-width)}#chat{height:min(68svh,620px);min-height:430px}#site-footer{width:var(--shell-width);flex-direction:column;gap:6px}}