:root{font-family:Inter,Segoe UI,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;color:#f0f7fb;background:#050b15;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #78d7ee;outline-offset:3px}.experience{position:relative;isolation:isolate;overflow:hidden;width:100%;height:100vh;height:100dvh;min-height:450px;background:radial-gradient(ellipse 45% 55% at 48% 56%,rgba(22,79,111,.35),transparent 80%),linear-gradient(135deg,#050b16,#0b1b31 55%,#040914)}.experience:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(132,187,205,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(132,187,205,.045) 1px,transparent 1px);background-size:92px 92px}.scene-background{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none}.scene-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(2,6,14,.39) 0%,transparent 23%,transparent 73%,rgba(2,6,14,.51) 100%),linear-gradient(90deg,rgba(2,6,14,.16),transparent 30%,transparent 70%,rgba(2,6,14,.16))}.globe-position{position:absolute;z-index:2;transform:translate(-50%,-50%);border-radius:50%;overflow:visible}.earth-viewport{width:100%;height:100%;touch-action:none}.earth-canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.earth-canvas:active{cursor:grabbing}.editor-toggle{position:absolute;z-index:6;bottom:max(20px,env(safe-area-inset-bottom));right:clamp(20px,4.5vw,74px);background:#050f1cbd;border:1px solid rgba(146,202,226,.42);color:#e4f4fa;padding:11px 15px;font-size:11px;font-weight:650;letter-spacing:.05em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.editor-toggle:hover,.editor-toggle.selected{border-color:#a5e2f0;background:#11364ad9}.empty-hint{position:absolute;z-index:3;left:50%;bottom:36px;display:flex;align-items:center;flex-direction:column;gap:12px;width:max-content;max-width:calc(100% - 40px);transform:translate(-50%);text-align:center;font-size:12px;color:#bad1da}.empty-hint button{padding:9px 15px;color:#d0f6fd;background:#15354a;border:1px solid #529ab6;font-size:11px}.globe-error{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(340px,85vw);padding:12px 16px;background:#091621e6;border:1px solid #cc9b88;font-size:12px;color:#ffd2be}.scene-editor{position:absolute;z-index:5;top:20px;right:clamp(20px,4.5vw,74px);bottom:calc(82px + env(safe-area-inset-bottom));width:min(355px,calc(100% - 40px));overflow-y:auto;overscroll-behavior:contain;padding:23px 22px 24px;border:1px solid rgba(139,191,215,.32);background:#06111ef0;box-shadow:0 16px 55px #0000007a;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.scene-switch{margin:2px 0 15px}.scene-picker{display:grid;gap:8px;margin-bottom:15px;color:#c4dce5;font-size:11px}.scene-picker select{display:block;width:100%;min-height:38px;padding:7px 10px;color:#e3f5fa;background:#102839;border:1px solid #4d7890}.scene-editor h2{margin:0 0 11px;font-size:16px;letter-spacing:.1em}.editor-note{font-size:11px;color:#a0bac8;line-height:1.75;margin:9px 0 15px}.upload-button{display:flex;align-items:center;justify-content:center;min-height:45px;width:100%;color:#d8f8fc;background:#114054;border:1px dashed #5da7c2;cursor:pointer;font-size:12px;font-weight:650}.upload-button:hover{background:#1c5269}.upload-button.disabled{opacity:.5;cursor:not-allowed}.upload-button input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.upload-note{margin:9px 0 20px;color:#7d9bac;font-size:10px}.editor-settings{border-top:1px solid rgba(128,178,198,.22);padding-top:18px}.selected-scene{display:grid;gap:5px;min-width:0}.selected-scene span{color:#92adbe;font-size:10px}.selected-scene strong{font-size:13px;overflow-wrap:anywhere;font-weight:650}.selected-scene small{font-size:10px;color:#77a9be}.editor-tabs{margin-top:19px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.editor-tabs button{min-height:34px;border:1px solid #345167;background:#0d2333;color:#acc6d5;font-size:11px}.editor-tabs button.active{color:#eaffff;border-color:#7bbbd5;background:#194159}.sliders{display:grid;gap:16px;margin:20px 0}.slider-field{display:grid;gap:9px}.slider-field>span{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#c4dce5}.slider-field output{color:#97d5e7;font-variant-numeric:tabular-nums}.slider-field input{width:100%;accent-color:#6fc7de}.mobile-option{display:flex;align-items:center;gap:8px;font-size:11px;color:#bed6de;margin:14px 0 17px}.mobile-option input{accent-color:#66bbd3}.primary-action,.secondary-action,.delete-action{width:100%;padding:12px 10px;margin-top:9px;font-size:11px;border:1px solid #4d7890}.primary-action{color:#051522;background:#9bdff2;border-color:#9bdff2;font-weight:700}.secondary-action{color:#c9e9f5;background:#183344}.delete-action{color:#f4b0a7;background:transparent;border-color:#75505b}.editor-message{margin:18px 0 0;padding:10px;color:#d3f8e9;background:#17524e47;font-size:11px;line-height:1.65;overflow-wrap:anywhere}@media(max-width:640px){.editor-toggle{bottom:max(14px,env(safe-area-inset-bottom));right:20px;padding:9px 11px;font-size:10px}.scene-editor{top:12px;bottom:calc(66px + env(safe-area-inset-bottom));right:20px;width:calc(100% - 40px)}.empty-hint{bottom:28px;font-size:11px}}@media(max-height:630px){.scene-editor{top:8px;bottom:calc(66px + env(safe-area-inset-bottom));padding:15px}.editor-toggle{bottom:max(8px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}