:root{font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,system-ui,sans-serif;color:#edf3fa;background:#070c16;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #7beadc;outline-offset:2px}.hidden{display:none!important}#setup{min-height:100vh;min-height:100dvh;overflow:hidden;padding:0 20px;background:radial-gradient(ellipse 340px 290px at 50% 31%,#10374a75,transparent),radial-gradient(ellipse 380px 280px at 100% 90%,#243d4b22,transparent)}.nav{max-width:900px;height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:14px;letter-spacing:.13em;display:flex;align-items:center;gap:3px}.brand-mark{font-size:30px;color:#83e7dd;margin-right:9px}.brand-light{color:#a8b6c9;font-weight:400}.privacy-chip{border:1px solid #25565d;border-radius:30px;font:700 10px monospace;letter-spacing:.13em;padding:9px 12px;color:#b0e1d8}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#76ecd0;margin-right:8px;box-shadow:0 0 12px #76ecd0}.content{max-width:520px;margin:auto}.intro{text-align:center;padding-top:27px}.eyebrow{font:700 10px monospace;letter-spacing:.17em;color:#7ccac6}h1{font-size:clamp(30px,8vw,48px);letter-spacing:-.065em;line-height:1.25;margin:22px 0 13px;font-weight:760}.period{color:#7de9dc}.intro p{color:#9baec2;line-height:2;font-size:13px;margin:0}.visual{height:215px;margin:4px auto -7px;display:flex;justify-content:center;align-items:center;position:relative;perspective:700px}.globe{width:165px;height:165px;border-radius:50%;transform:rotate(-14deg);background:radial-gradient(circle at 30% 25%,#91e6e0 0,#398b9f 16%,#214a69 43%,#0a1834 74%);border:1px solid #76bbb899;box-shadow:inset -35px -20px 50px #030e22,0 0 57px #16718b5c}.globe:before{content:"";position:absolute;inset:3%;border:1px solid #82c6d37a;border-radius:50%;transform:rotateY(67deg)}.globe:after{content:"";position:absolute;inset:23% 2%;border:1px solid #95d8de66;border-radius:50%;transform:rotate(25deg)}.orbit{position:absolute;width:290px;height:105px;border:1px solid #6ae4dc55;border-radius:50%;transform:rotate(-25deg)}.orbit-b{transform:rotate(25deg);opacity:.6}.visual-cross{position:absolute;color:#eff;font-size:20px;text-shadow:0 0 20px #aff}.angle-l,.angle-r{position:absolute;top:49%;font:10px monospace;color:#7090a0}.angle-l{left:5%}.angle-r{right:5%}.load-card{background:linear-gradient(145deg,#132236,#0e1726);border:1px solid #2d4053;border-radius:22px;padding:25px 22px 21px;box-shadow:0 18px 60px #0004}.section-number{color:#81e1d6;font:700 10px monospace;letter-spacing:.11em}h2{font-size:21px;letter-spacing:-.04em;margin:11px 0 9px}.card-lead{color:#9dadbf;line-height:1.8;font-size:12px;margin:0 0 22px}.primary-upload{height:62px;border-radius:12px;background:linear-gradient(110deg,#87f3d8,#a7eff2);color:#09232c;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:space-between;padding:0 20px;cursor:pointer}.primary-upload span{font-size:22px}.primary-upload:active{transform:scale(.99)}#file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.divider-label{display:flex;align-items:center;gap:13px;margin:19px 0 8px;color:#73899d;font-size:11px}.divider-label:before,.divider-label:after{content:"";height:1px;background:#304055;flex:1}.url-panel{font-size:12px;color:#b4c4d6}.url-panel summary{list-style:none;cursor:pointer;padding:12px 0;display:flex;align-items:center;justify-content:space-between}.url-panel summary::-webkit-details-marker{display:none}.url-panel label{display:block;font-size:11px;color:#9dacbc;margin-top:10px}.url-entry{display:flex;gap:7px;margin-top:8px}.url-entry input{min-width:0;flex:1;background:#0a1422;border:1px solid #3a5263;border-radius:9px;color:#fff;font-size:12px;padding:10px}.url-entry button{background:#85e9d6;border:0;border-radius:9px;font-size:12px;font-weight:800;padding:0 15px}.url-note{font-size:10px;color:#8b9dae;line-height:1.7}.format-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #304055;margin-top:12px;padding-top:19px}.format-row label{white-space:nowrap;color:#abb9c9;font-size:12px}.format-row select{color:#d6e5ec;background:#172b3e;border:1px solid #3a4e62;border-radius:9px;padding:10px 8px;min-width:0;max-width:73%;font-size:11px}.demo{width:100%;background:#112332;border:1px solid #2d5260;border-radius:15px;margin-top:14px;padding:14px 18px;display:flex;align-items:center;gap:14px;text-align:left;color:#e2f5f5}.demo-symbol{font-size:23px;color:#a0e7df}.demo span:nth-child(2){flex:1;font-weight:700;font-size:13px}.demo small{display:block;font-weight:400;color:#90a9b9;font-size:11px;margin-top:3px}.trust{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;font-size:10px;color:#89a3af;margin:22px 0}.footer{border-top:1px solid #27394b;padding:20px 0 28px;color:#7d94a6;font:700 10px monospace;letter-spacing:.1em;display:flex;gap:8px}.footer span{font-weight:400;letter-spacing:0}.footer a{margin-left:auto;color:#91c9c7;text-decoration:underline;text-underline-offset:3px}.viewer{position:fixed;inset:0;width:100vw;height:100dvh;background:#02060b;z-index:100;touch-action:none;overscroll-behavior:none;overflow:hidden}.stage{position:absolute;inset:0;touch-action:none;overflow:hidden}.stage canvas{width:100%;height:100%;display:block;touch-action:none}.reticle{position:absolute;top:50%;left:50%;height:6px;width:6px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #ffffff77;pointer-events:none}.viewer-ui{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.viewer-ui button,.viewer-ui input{pointer-events:auto}.viewer-top{background:linear-gradient(#07111ad9,transparent);padding:calc(env(safe-area-inset-top) + 14px) 16px 20px;display:flex;align-items:center;gap:13px}.close{height:42px;width:42px;border-radius:50%;background:#152638ba;border:1px solid #ffffff55;color:#fff;font-size:16px;flex-shrink:0}.video-heading{flex:1;min-width:0}.video-heading strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.video-heading span{font:10px monospace;color:#a4c1cc;display:block;margin-top:5px}#live-format{background:#112736ca;color:#adf4e7;border:1px solid #62b9aeaa;border-radius:9px;font:700 10px monospace;max-width:102px;min-width:0;padding:8px 4px}.local-tag{border:1px solid #81edda7d;border-radius:9px;padding:6px 9px;font:700 9px monospace;color:#a3f3e1}.viewer-bottom{padding:36px 14px calc(env(safe-area-inset-bottom) + 19px);background:linear-gradient(transparent,#03101ce8);pointer-events:none}.message{font-size:12px;text-align:center;color:#d4eced;margin-bottom:17px;min-height:16px}.controls{border:1px solid #ffffff25;border-radius:16px;background:#0c1c2bdd;padding:13px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto}.transport{display:flex;align-items:center;gap:9px;margin-bottom:13px}.transport button{flex:0 0 38px;width:38px;height:38px;border:0;border-radius:50%;font-size:15px;font-weight:700;color:#123138;background:#8cebdc}.transport span{font:11px monospace;color:#b8cddb;white-space:nowrap}.transport input{flex:1;min-width:0;accent-color:#90efdc;touch-action:pan-x;height:30px}.actions{display:flex;gap:7px}.actions button{min-height:43px;flex:1;color:#e1f4f6;border:1px solid #3c5061;background:#1b3243;border-radius:9px;font-size:11px;white-space:nowrap;padding:9px 8px}.actions #zoom-in,.actions #zoom-out{flex:0 0 40px;font-size:22px;padding:0}.actions button[aria-pressed=true]{border-color:#7fe6d5;background:#1c514e}.actions #gyro-state{font:700 9px monospace;color:#9decdc}.actions button:disabled{opacity:.4}.hint{font-size:10px;color:#91adba;text-align:center;margin:13px 0 0}#media{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;top:0;left:0}body.is-viewing{position:fixed;inset:0;overflow:hidden;overscroll-behavior:none;touch-action:none}.toast{position:fixed;z-index:200;bottom:30px;left:50%;transform:translate(-50%);width:max-content;max-width:90%;background:#294454;border:1px solid #77dacc88;color:#fff;font-size:13px;line-height:1.6;padding:13px 18px;border-radius:12px;box-shadow:0 12px 35px #0008}@media(max-width:440px){#setup{padding:0 17px}.nav{height:66px}.intro{padding-top:24px}.visual{height:197px}.globe{width:149px;height:149px}.load-card{padding:22px 18px}.intro p{font-size:12px}.privacy-chip{font-size:9px}.viewer-bottom{padding-left:9px;padding-right:9px}.controls{padding:11px}.actions{gap:5px}.actions button{font-size:10px;padding:8px 5px}.actions #zoom-in,.actions #zoom-out{flex-basis:33px}.transport{gap:6px}}@media(max-height:610px){.viewer-top{padding-top:8px}.viewer-bottom{padding-top:12px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.message,.hint{display:none}.controls{padding:9px}.transport{margin-bottom:6px}.actions button{min-height:35px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}