:root{--s:min(1vh,0.5625vw);--ink:#04050a;--fg:#f5f7fc;--fg-2:rgba(236,240,250,0.62);--fg-3:rgba(236,240,250,0.38);--glass-top:rgba(255,255,255,0.15);--glass-low:rgba(255,255,255,0.045);--edge:rgba(255,255,255,0.2);--edge-hi:rgba(255,255,255,0.42);--ok:#6af2b0;--warn:#ffb35c;--c-cyan:#5fd6ff;--c-violet:#7b6bff;--c-rose:#ff62b5;--c-amber:#ffb35c;--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace;color-scheme:dark}*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:var(--ink);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}body.idle{cursor:none}button,input{font:inherit;color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--c-cyan);outline-offset:3px}.sky{width:100%;height:100%}.sky,.vignette{position:fixed;inset:0;z-index:0}.vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 50%,transparent 40%,rgba(0,0,0,.65) 100%),linear-gradient(180deg,rgba(0,0,0,.25),transparent 30%,transparent 70%,rgba(0,0,0,.35))}.glass{position:relative;background:linear-gradient(160deg,var(--glass-top),var(--glass-low) 48%,rgba(255,255,255,.025));-webkit-backdrop-filter:blur(calc(var(--s) * 4)) saturate(1.7);backdrop-filter:blur(calc(var(--s) * 4)) saturate(1.7);border:1px solid var(--edge);border-radius:calc(var(--s) * 3.4);box-shadow:inset 0 1px 0 var(--edge-hi),inset 0 -1px 0 rgba(255,255,255,.05),0 calc(var(--s) * 3) calc(var(--s) * 7) rgba(0,0,0,.38)}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.16),transparent 26%,transparent 74%,rgba(255,255,255,.05))}.stage{position:relative;z-index:1;height:100%;display:grid;grid-template-columns:minmax(0,1fr) calc(var(--s) * 72) minmax(0,1fr);grid-column-gap:calc(var(--s) * 5);column-gap:calc(var(--s) * 5);padding:calc(var(--s) * 6.5) max(calc(var(--s) * 7),env(safe-area-inset-right,0px)) calc(var(--s) * 6.5) max(calc(var(--s) * 7),env(safe-area-inset-left,0px));align-content:stretch}.col{min-width:0;min-height:0;display:flex;flex-direction:column}.left{justify-content:space-between}.clock{font-weight:200;font-size:calc(var(--s) * 17);line-height:.82;letter-spacing:-.05em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:calc(var(--s) * -.8)}.clock .sep{opacity:.55;animation:blink 2s steps(1) infinite}@keyframes blink{50%{opacity:.2}}.date{margin-top:calc(var(--s) * 2.6);font-weight:400;color:var(--fg-2);letter-spacing:-.005em}.date,.greet{font-size:calc(var(--s) * 3.1)}.greet{margin-top:calc(var(--s) * .6);font-weight:500;letter-spacing:-.01em}.weather{padding:calc(var(--s) * 2.8) calc(var(--s) * 3.2);width:100%;max-width:calc(var(--s) * 44)}.weather .row{display:flex;align-items:flex-end;justify-content:space-between;gap:calc(var(--s) * 2)}.weather .t{font-size:calc(var(--s) * 8.5);font-weight:200;line-height:.9;letter-spacing:-.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.weather .w{text-align:right;font-size:calc(var(--s) * 2.3);color:var(--fg-2);line-height:1.35}.weather .w b{display:block;color:var(--fg);font-weight:500;font-size:calc(var(--s) * 2.6)}.chips{display:flex;gap:calc(var(--s) * 1.2);margin-top:calc(var(--s) * 1.6);flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:calc(var(--s) * 1.1);padding:calc(var(--s) * 1.2) calc(var(--s) * 2);border-radius:999px;font-size:calc(var(--s) * 2);color:var(--fg-2);white-space:nowrap}.lamp{width:calc(var(--s) * 1);height:calc(var(--s) * 1);border-radius:50%;background:var(--fg-3)}.lamp.on{background:var(--ok);box-shadow:0 0 calc(var(--s) * 1.6) var(--ok)}.lamp.hot{background:var(--c-cyan);box-shadow:0 0 calc(var(--s) * 1.6) var(--c-cyan);animation:pulse 1.2s ease-in-out infinite}.lamp.warn{background:var(--warn);box-shadow:0 0 calc(var(--s) * 1.6) var(--warn)}@keyframes pulse{50%{transform:scale(1.5);opacity:.6}}.center{align-items:center;justify-content:center;gap:calc(var(--s) * 3.4)}.orb{position:relative;width:calc(var(--s) * 50);aspect-ratio:1;flex:0 0 auto;cursor:pointer;border:0;padding:0;background:none}.orb canvas{position:absolute;inset:-26%;width:152%;height:152%;pointer-events:none}.sphere{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 50% 118%,rgba(255,255,255,.12),transparent 52%),radial-gradient(circle at 50% 50%,transparent 62%,rgba(255,255,255,.05) 100%);-webkit-backdrop-filter:blur(calc(var(--s) * .35)) saturate(1.5);backdrop-filter:blur(calc(var(--s) * .35)) saturate(1.5);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 calc(var(--s) * .3) calc(var(--s) * .15) rgba(255,255,255,.5),inset 0 calc(var(--s) * -2.4) calc(var(--s) * 5) rgba(255,255,255,.07),0 calc(var(--s) * 4) calc(var(--s) * 10) rgba(0,0,0,.45);will-change:transform}.sphere:before{left:15%;top:6%;width:46%;height:27%;background:radial-gradient(ellipse at 50% 40%,rgba(255,255,255,.6),rgba(255,255,255,0) 70%);transform:rotate(-18deg);filter:blur(calc(var(--s) * .25))}.sphere:after,.sphere:before{content:"";position:absolute;border-radius:50%}.sphere:after{right:18%;bottom:9%;width:22%;height:8%;background:radial-gradient(ellipse,rgba(255,255,255,.22),transparent 70%);transform:rotate(-20deg)}.state{font-size:calc(var(--s) * 1.9);font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--fg-3);height:calc(var(--s) * 2.4);transition:color .4s}.state.lit{color:var(--fg-2)}.speech{width:100%;min-height:calc(var(--s) * 15);display:flex;align-items:center;justify-content:center;text-align:center;padding:calc(var(--s) * 2.6) calc(var(--s) * 4);font-size:calc(var(--s) * 3.3);font-weight:300;line-height:1.32;letter-spacing:-.012em;text-wrap:balance;transition:opacity .6s ease,transform .6s ease}.speech.you{color:var(--fg-2);font-weight:400}.speech.err{color:var(--warn)}.speech.gone{opacity:0;transform:translateY(calc(var(--s) * 1.2)) scale(.985)}.right{justify-content:flex-end;gap:calc(var(--s) * 1.6);align-items:stretch}.label{font-size:calc(var(--s) * 1.7);font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-3);margin-bottom:calc(var(--s) * .4)}.turn{padding:calc(var(--s) * 2.2) calc(var(--s) * 2.8);animation:rise .7s cubic-bezier(.2,.8,.2,1) both}.turn .q{font-size:calc(var(--s) * 2);color:var(--fg-3);line-height:1.35;-webkit-line-clamp:1}.turn .a,.turn .q{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.turn .a{margin-top:calc(var(--s) * .8);font-size:calc(var(--s) * 2.4);color:var(--fg);line-height:1.38;-webkit-line-clamp:3}.turn:nth-last-child(3){opacity:.5}.turn:nth-last-child(4){opacity:.28}.empty{font-size:calc(var(--s) * 2.2);color:var(--fg-3);line-height:1.45;max-width:calc(var(--s) * 40)}@keyframes rise{0%{opacity:0;transform:translateY(calc(var(--s) * 2))}}.dock{position:fixed;z-index:3;top:calc(var(--s) * 2.4 + env(safe-area-inset-top, 0px));right:max(calc(var(--s) * 2.4),env(safe-area-inset-right,0px));display:flex;gap:8px;align-items:center;transition:opacity .6s}body.idle .dock{opacity:0;pointer-events:none}.btn{cursor:pointer;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:500;background:rgba(255,255,255,.08);border:1px solid var(--edge);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.btn:hover{background:rgba(255,255,255,.14)}.type{width:260px;padding:10px 18px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--edge);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);font-size:14px}.type::placeholder{color:var(--fg-3)}.gate{position:fixed;inset:0;z-index:5;display:grid;place-items:center;background:rgba(4,5,10,.35);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.gate .glass{padding:calc(var(--s) * 5) calc(var(--s) * 6);text-align:center;max-width:calc(var(--s) * 70)}.gate h1{margin:0;font-weight:300;font-size:calc(var(--s) * 5);letter-spacing:-.03em}.gate p{margin:calc(var(--s) * 1.6) 0 calc(var(--s) * 3.6);color:var(--fg-2);font-size:calc(var(--s) * 2.3);line-height:1.45}.cta{cursor:pointer;padding:calc(var(--s) * 1.8) calc(var(--s) * 4.2);border-radius:999px;font-size:calc(var(--s) * 2.4);font-weight:600;color:#05060b;background:linear-gradient(180deg,#fff,#dfe6f5);border:0;box-shadow:0 calc(var(--s) * 1) calc(var(--s) * 4) rgba(120,140,255,.35),inset 0 -2px 0 rgba(0,0,0,.08)}.loginwrap{position:relative;z-index:1;height:100%;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px))}.login{width:min(420px,100%);padding:40px 36px;text-align:center;border-radius:32px}.login .mini{width:72px;height:72px;margin:0 auto 22px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fff,var(--c-cyan) 30%,var(--c-violet) 62%,var(--c-rose) 100%);box-shadow:0 0 40px rgba(123,107,255,.55),inset 0 2px 2px rgba(255,255,255,.6)}.login h1{margin:0;font-size:30px;font-weight:300;letter-spacing:-.03em}.login p{margin:8px 0 26px;color:var(--fg-2);font-size:15px}.login form{display:grid;grid-gap:12px;gap:12px}.login input{width:100%;border-radius:16px;border:1px solid var(--edge);background:rgba(255,255,255,.07)}.login button,.login input{padding:15px 20px;font-size:16px}.login button{border-radius:16px;border:0;cursor:pointer;font-weight:600;color:#05060b;background:linear-gradient(180deg,#fff,#dfe6f5)}.login button:disabled{opacity:.6;cursor:wait}.login .msg{min-height:20px;font-size:14px;color:var(--warn);margin-top:6px}@media (max-aspect-ratio:1/1){:root{--s:0.9vw}body{overflow:auto}.stage{height:auto;min-height:100%;grid-template-columns:1fr;row-gap:40px;padding:28px max(16px,env(safe-area-inset-right,0px)) 40px max(16px,env(safe-area-inset-left,0px))}.orb{width:70vw}.clock{font-size:22vw}.weather{max-width:none}}@media (prefers-reduced-motion:reduce){.clock .sep,.lamp.hot,.turn{animation:none}}