:root{color-scheme:dark;--bg:#090d17;--panel:#101725;--panel-soft:#151d2d;--ink:#eef6fc;--muted:#a6b5c8;--cyan:#79ecf0;--violet:#a685ff;--lime:#c9f778;--line:rgba(164,197,224,.22);font-family:"Segoe UI Variable","Segoe UI",Inter,Arial,sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink)}button{font:inherit}a{color:inherit}:focus-visible{outline:3px solid var(--lime);outline-offset:4px}::selection{background:var(--cyan);color:var(--bg)}
.skip-link{position:absolute;z-index:20;top:-5rem;left:1rem;padding:.7rem 1rem;background:var(--cyan);color:var(--bg);font-weight:800}.skip-link:focus{top:1rem}.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}
.scene{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 6% 56%,rgba(43,67,106,.18),transparent 42%),radial-gradient(ellipse at 93% 12%,rgba(93,62,156,.13),transparent 38%),var(--bg)}.scene-grid{position:absolute;z-index:-2;inset:0;pointer-events:none;background-image:linear-gradient(rgba(144,174,204,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(144,174,204,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000 0%,transparent 75%)}.scene-glow{position:absolute;z-index:-1;right:-20%;bottom:-55%;width:85vw;height:85vw;border-radius:50%;background:radial-gradient(circle,rgba(86,139,230,.1),transparent 68%);pointer-events:none}
.topbar{z-index:2;display:flex;align-items:center;justify-content:space-between;gap:2rem;width:min(1530px,100%);min-height:78px;margin:auto;padding:1rem clamp(1.25rem,4vw,4.5rem);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-size:1.1rem;font-weight:900;letter-spacing:.12em;white-space:nowrap}.brand-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid var(--cyan);border-radius:12px;background:rgba(121,236,240,.12);color:var(--cyan);font-size:1.5rem;line-height:1}.brand-dot{color:var(--cyan)}.header-right{display:flex;align-items:center;gap:1.6rem}.preview-status{display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.16em;white-space:nowrap}.preview-status i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 13px var(--lime)}.old-view{display:inline-flex;align-items:center;gap:.8rem;padding:.65rem .85rem;border:1px solid var(--line);border-radius:8px;color:#dbe5f0;font-size:.74rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s}.old-view:hover{border-color:var(--cyan);background:rgba(121,236,240,.09)}
.shell{z-index:1;flex:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(2rem,5vw,6rem);width:min(1530px,100%);margin:auto;padding:clamp(2rem,4vh,3.5rem) clamp(1.25rem,4vw,4.5rem)}
.intro-panel{position:relative}.eyebrow{display:flex;align-items:center;gap:.7rem;margin:0 0 1.2rem;color:var(--cyan);font-size:.67rem;font-weight:900;letter-spacing:.22em}.eyebrow-line{width:24px;height:1px;background:var(--cyan)}h1{max-width:690px;margin:0;font-size:clamp(3.55rem,5.3vw,6.5rem);font-weight:750;letter-spacing:-.075em;line-height:1.01}h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 35px rgba(121,236,240,.23)}.intro-copy{max-width:500px;margin:1.4rem 0 0;color:var(--muted);font-size:clamp(.92rem,1.1vw,1.08rem);line-height:1.65}.intro-foot{display:flex;align-items:center;gap:.65rem;color:#95a8bd;font-size:.69rem;font-weight:700;letter-spacing:.06em}.tiny-square{width:7px;height:7px;background:var(--violet);box-shadow:0 0 12px var(--violet)}
.orb-stage{position:relative;width:350px;height:250px;margin:1.7rem 0 1rem 2rem}.orb-stage:before{content:"";position:absolute;left:74px;top:17px;width:188px;height:188px;border-radius:50%;background:radial-gradient(circle,rgba(116,109,255,.17),transparent 68%);filter:blur(20px)}.orb-ring{position:absolute;left:72px;top:18px;width:190px;height:190px;border:1px solid rgba(121,236,240,.38);border-radius:50%}.orb-ring-one{transform:rotateX(65deg) rotate(-25deg);box-shadow:0 0 20px rgba(121,236,240,.13)}.orb-ring-two{transform:rotateY(68deg) rotate(18deg);border-color:rgba(166,133,255,.75)}.orb-ring-three{left:50px;top:-4px;width:235px;height:235px;border-style:dashed;border-color:rgba(164,197,224,.21);animation:spin 32s linear infinite}.orb-core{position:absolute;left:94px;top:40px;display:grid;place-items:center;width:145px;height:145px;border:1px solid rgba(199,248,255,.75);border-radius:50%;background:conic-gradient(from 20deg,#79ecf0,#528dcf,#9d78f4,#59d0ea,#79ecf0);box-shadow:0 0 24px rgba(89,208,234,.45),inset 0 0 25px rgba(255,255,255,.35);animation:float 5s ease-in-out infinite}.orb-core:before{content:"";position:absolute;inset:11px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.7),transparent 35%),radial-gradient(circle at 65% 70%,#322c76,transparent 60%)}.orb-inner{z-index:1;width:40px;height:40px;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:radial-gradient(circle,#f0ffff 0%,#9ff3ff 25%,#62aed7 75%);box-shadow:0 0 25px #b8faff}.orb-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px var(--cyan)}.particle-a{left:42px;top:82px}.particle-b{left:277px;top:137px;width:4px;height:4px;background:var(--violet)}.particle-c{left:175px;top:4px;width:3px;height:3px}.orb-label{position:absolute;color:#8ca4b9;font-size:.57rem;font-weight:800;letter-spacing:.18em;white-space:nowrap}.label-top{left:0;top:21px}.label-bottom{right:0;bottom:11px}.scene[data-voice-state="speaking"] .orb-core{animation:voice-pulse .7s ease-in-out infinite alternate}.scene[data-voice-state="listening"] .orb-ring-three{border-color:var(--lime);animation-duration:5s}.scene[data-voice-state="listening"] .orb-inner{box-shadow:0 0 30px var(--lime);background:var(--lime)}
.console{display:flex;flex-direction:column;min-width:0;min-height:565px;max-height:calc(100svh - 142px);border:1px solid rgba(121,236,240,.36);border-radius:20px;background:linear-gradient(145deg,rgba(23,34,52,.96),rgba(10,17,29,.98));box-shadow:0 20px 70px rgba(0,0,0,.3),0 0 60px rgba(65,122,210,.08),inset 0 1px rgba(255,255,255,.07);overflow:hidden}.console-header{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:1rem 1.4rem;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}.console-identity{display:flex;align-items:center;gap:.7rem}.console-logo{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--violet));color:var(--bg);font-size:1.4rem;font-weight:900}.console-identity strong,.console-identity small{display:block}.console-identity strong{font-size:.81rem;letter-spacing:.12em}.console-identity small{margin-top:.18rem;color:var(--muted);font-size:.58rem;letter-spacing:.1em}.console-signal{display:flex;align-items:end;gap:3px;height:17px}.console-signal i{width:3px;height:6px;border-radius:3px;background:var(--cyan);animation:equalize 1.3s ease-in-out infinite alternate}.console-signal i:nth-child(2){height:13px;animation-delay:.2s}.console-signal i:nth-child(3){height:9px;animation-delay:.4s}.console-signal i:nth-child(4){height:16px;animation-delay:.6s}.console-body{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0;padding:1.3rem 1.45rem 1.1rem}.console-kicker,.choose-label{margin:0;color:var(--cyan);font-size:.61rem;font-weight:900;letter-spacing:.19em}.bubble{min-height:175px;margin:.9rem 0 1.25rem;padding:1.2rem 1.25rem;border:1px solid rgba(166,133,255,.28);border-left:2px solid var(--cyan);border-radius:4px 13px 13px 4px;background:linear-gradient(110deg,rgba(121,236,240,.07),rgba(166,133,255,.035));box-shadow:inset 0 0 25px rgba(121,236,240,.025)}#guide-message{min-height:2.5em;margin:0;font-size:clamp(1.08rem,1.35vw,1.37rem);font-weight:600;line-height:1.48;letter-spacing:-.018em}.result{margin-top:.75rem;padding-top:.7rem;border-top:1px solid var(--line);color:var(--muted);font-size:.76rem;line-height:1.5}.result a{display:inline-block;margin-left:.15rem;color:var(--cyan);font-weight:800;text-underline-offset:3px}.choose-label{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.75rem;color:#bbcee1}.choose-label span{color:#738ca5}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.choices button{display:flex;align-items:center;gap:.65rem;min-width:0;min-height:48px;padding:.65rem .8rem;border:1px solid rgba(166,193,219,.24);border-radius:9px;background:rgba(255,255,255,.035);color:#dce9f4;font-size:.78rem;font-weight:700;text-align:left;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}.choices button:hover{border-color:var(--cyan);background:rgba(121,236,240,.1);transform:translateY(-2px)}.choices button:active{transform:translateY(0)}.choices button span:first-child{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border:1px solid rgba(121,236,240,.23);border-radius:7px;color:var(--cyan);font-size:1rem}.choices button:last-child:nth-child(odd){grid-column:1/-1}
.console-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.55rem;padding:1rem 1.45rem;border-top:1px solid var(--line);background:rgba(3,8,16,.3)}.controls{display:flex;align-items:center;gap:.8rem}.voice-button{display:flex;align-items:center;gap:.65rem;min-height:43px;padding:.55rem .75rem;border:0;border-radius:8px;background:var(--cyan);color:#06121c;font-size:.75rem;font-weight:900;cursor:pointer;box-shadow:0 0 28px rgba(121,236,240,.16);transition:filter .18s,transform .18s}.voice-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.voice-button[aria-pressed=true]{background:var(--lime)}.mic-icon{display:grid;place-items:center;width:24px;height:24px;border:1px solid currentColor;border-radius:6px;font-size:.95rem}.voice-arrow{padding-left:.5rem;border-left:1px solid rgba(9,13,23,.25)}.reset-button{padding:.4rem 0;border:0;background:none;color:var(--muted);font-size:.72rem;font-weight:700;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.reset-button:hover{color:white}#voice-status{color:#8da3b9;font-size:.67rem}
.footer{z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;width:min(1530px,100%);min-height:45px;margin:auto;padding:.55rem clamp(1.25rem,4vw,4.5rem);border-top:1px solid var(--line);color:#7790a8;font-size:.55rem;font-weight:700;letter-spacing:.1em}.footer .privacy{max-width:500px;margin:0;text-align:center;line-height:1.4;letter-spacing:0;font-size:.62rem;font-weight:400}.footer b{color:var(--cyan);font-size:.95rem}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes voice-pulse{to{transform:scale(1.08);box-shadow:0 0 48px rgba(121,236,240,.8)}}@keyframes equalize{to{height:3px}}
@media(max-width:1050px){.shell{gap:2rem}.intro-copy{max-width:400px}.orb-stage{transform:scale(.85);transform-origin:left top;margin-bottom:-1.2rem}.console{min-height:550px}.footer span:first-child{display:none}}
@media(max-width:800px){.scene{overflow:auto}.topbar{min-height:62px}.preview-status{display:none}.shell{grid-template-columns:1fr;gap:1.2rem;align-content:center;padding-top:1.3rem;padding-bottom:1.3rem}.intro-panel{padding-right:85px}.eyebrow{margin-bottom:.55rem;font-size:.56rem}h1{font-size:clamp(2.6rem,7vw,4rem)}.intro-copy{max-width:440px;margin:.6rem 0 0;font-size:.79rem;line-height:1.4}.orb-stage{position:absolute;right:-48px;top:-14px;width:140px;height:140px;margin:0;transform:scale(.42);transform-origin:right top}.intro-foot{display:none}.console{min-height:0;max-height:none}.console-header{min-height:56px;padding:.7rem 1rem}.console-body{padding:1rem}.bubble{min-height:125px;margin:.55rem 0 .8rem;padding:.8rem 1rem}#guide-message{min-height:0;font-size:1rem}.console-footer{padding:.7rem 1rem}.footer{min-height:34px}.footer>span:last-child{display:none}.footer .privacy{max-width:none;text-align:left;font-size:.55rem}}
@media(max-width:480px){.brand{font-size:.95rem}.brand-icon{width:31px;height:31px}.old-view{font-size:.66rem;padding:.55rem .6rem}.intro-panel{padding-right:65px}h1{font-size:clamp(2.35rem,10vw,3.25rem)}.intro-copy{font-size:.73rem}.orb-stage{right:-65px;top:-28px;transform:scale(.32)}.console-identity small{font-size:.5rem}.console-kicker,.choose-label{font-size:.51rem}.bubble{min-height:120px}.result{font-size:.67rem}.choices{gap:.42rem}.choices button{min-height:41px;padding:.4rem .5rem;font-size:.66rem;gap:.4rem}.choices button span:first-child{flex-basis:22px;width:22px;height:22px;font-size:.82rem}.voice-button{min-height:40px;font-size:.68rem}#voice-status{font-size:.58rem}}
@media(max-height:760px) and (min-width:801px){.shell{padding-top:1rem;padding-bottom:1rem}.orb-stage{transform:scale(.75);transform-origin:left top;margin-bottom:-2.3rem}.console{min-height:510px}.console-body{padding-top:.8rem;padding-bottom:.8rem}.bubble{min-height:145px;margin:.5rem 0 .8rem}.choices button{min-height:42px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}