@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Orbitron:wght@400..900&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{background:radial-gradient(ellipse at center,#1a1a2e 0,#16213e 50%,#0f0f0f 100%);overflow:hidden;font-family:Orbitron,sans-serif;height:100vh;cursor:none}#container{width:100vw;height:100vh;position:relative}.custom-cursor{position:fixed;width:25px;height:25px;background:radial-gradient(circle,#e6ff28 0,transparent 70%);border-radius:50%;pointer-events:none;z-index:10000;mix-blend-mode:screen;transition:transform .1s ease}.ui-overlay{top:0;left:0;width:100%;height:100%;z-index:1000}.left-info,.ui-overlay{position:absolute;pointer-events:none}.left-info{bottom:30px;left:30px;color:#f9f7f2;z-index:1001}.left-info h1{font-size:2.5rem;font-family:Orbitron,sans-serif;font-weight:900;margin-bottom:.2rem;text-shadow:0 0 20px #024550;letter-spacing:-2px}.left-info .subtitle{font-size:1.2rem;opacity:.9;margin-bottom:.3rem;font-weight:300}.left-info .edition{font-size:.7rem;opacity:.6;font-family:Orbitron,monospace;letter-spacing:1px;margin-bottom:.5rem;color:#e6ff28;text-shadow:0 0 10px rgba(230,255,40,.3)}.left-info .tagline{font-size:.9rem;opacity:.7;font-style:italic}.right-info{position:absolute;bottom:30px;right:30px;color:#f9f7f2;pointer-events:none;text-align:right;max-width:300px;z-index:1001}.right-info h3{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;color:#e6ff28;text-shadow:0 0 10px rgba(230,255,40,.3)}.right-info .concept{font-size:.9rem;opacity:.8;margin-bottom:1rem;line-height:1.4}.hide-on-mobile{display:block}@media (max-width:768px){.hide-on-mobile{display:none}.right-info{text-align:left!important;left:20px!important;right:auto!important;transform:none!important}}.usage-tips{font-size:.8rem;opacity:.7}.usage-tips p{margin-bottom:.3rem;display:flex;align-items:center;justify-content:flex-end;gap:8px}.planet-info-panel{position:absolute;top:30px;right:30px;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:20px;color:white;min-width:200px;opacity:0;transform:translateY(-20px);transition:all .3s ease;pointer-events:all}.planet-info-panel.show{opacity:1;transform:translateY(0)}.planet-info-panel h3{margin-bottom:10px;font-size:1.2rem;color:#fff}.planet-info-panel p{font-size:.9rem;line-height:1.5;opacity:.9;margin-bottom:15px}@media (max-width:768px){.planet-info-panel{background:rgba(0,0,0,.95)!important;backdrop-filter:blur(20px)}.control-panel{background:rgba(0,0,0,.98)!important;backdrop-filter:blur(20px)!important}}@media (max-width:480px){.planet-info-panel{background:rgba(0,0,0,.98)!important}.control-panel{background:rgba(0,0,0,.99)!important}}.nav-button{display:inline-block;padding:8px 16px;background:linear-gradient(45deg,#667eea,#764ba2);color:white;text-decoration:none;border-radius:20px;font-size:.8rem;font-weight:600;transition:all .3s;cursor:pointer;margin-right:8px;margin-bottom:8px;border:none}.nav-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.4)}.external-link-button{background:linear-gradient(45deg,#1da1f2,#0ea5e9)}.blog-link-button{background:linear-gradient(45deg,#ff6b35,#f97316)}.close-button{background:linear-gradient(45deg,#6b7280,#4b5563);font-size:.7rem;padding:6px 12px}.close-button:hover{background:linear-gradient(45deg,#9ca3af,#6b7280)}.control-panel{position:absolute;top:20px;left:20px;z-index:100;background:rgba(0,0,0,.7);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:20px;color:white;pointer-events:all;min-width:200px;transform:translateX(-100%);transition:all .3s ease;opacity:0;visibility:hidden}.control-panel.show{transform:translateX(0);opacity:1;visibility:visible}.control-group{margin-bottom:15px}.control-group:last-child{margin-bottom:0}.control-panel label{display:block;font-size:.9rem;margin-bottom:8px;opacity:.9;font-weight:500;color:white}input[type=range]{width:100%;height:6px;background:rgba(255,255,255,.2);border-radius:3px;outline:none;-webkit-appearance:none;cursor:pointer;transition:all .3s ease}input[type=range]:hover{background:rgba(255,255,255,.3)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:white;border-radius:50%;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border:none;box-shadow:0 2px 6px rgba(0,0,0,.3)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 3px 8px rgba(0,0,0,.4)}input[type=range]::-moz-range-thumb{width:16px;height:16px;background:white;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px rgba(0,0,0,.3)}.value{color:white;font-weight:600;font-size:.9rem;display:inline-block;min-width:30px;text-align:right;opacity:.8}.control-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.control-title{font-size:1.1rem;font-weight:600;color:white;margin:0}.close-control-button{background:none;border:none;color:white;font-size:1.2rem;cursor:pointer;opacity:.7;transition:opacity .3s ease;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.close-control-button:hover{opacity:1}.side-navigation{position:fixed;left:20px;top:52%;transform:translateY(-50%);z-index:1001;display:flex;flex-direction:column;gap:15px;pointer-events:all}.side-icon-button{width:50px;height:50px;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;text-decoration:none;color:white;font-size:20px}.side-icon-button:hover{transform:scale(1.1);background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);box-shadow:0 5px 15px rgba(0,0,0,.3)}.right-side-navigation{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:1001;display:flex;flex-direction:column;gap:15px;pointer-events:all}.right-side-icon-button{width:50px;height:50px;background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;text-decoration:none;color:white;font-size:20px}.right-side-icon-button:hover{transform:scale(1.1);background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4);box-shadow:0 5px 15px rgba(0,0,0,.3)}.language-switch{display:flex;align-items:center;gap:10px;margin-bottom:15px}.language-toggle{position:relative;width:60px;height:30px;background:rgba(255,255,255,.2);border-radius:15px;cursor:pointer;transition:all .3s ease}.language-toggle.active{background:rgba(255,255,255,.4)}.language-slider{position:absolute;top:3px;left:3px;width:24px;height:24px;background:white;border-radius:50%;transition:transform .3s ease;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#333}.language-toggle.english .language-slider{transform:translateX(30px)}.language-label{font-size:.9rem;color:white;opacity:.9}@media (max-width:768px){body{overflow-x:hidden}.left-info{bottom:auto;top:20px;left:20px;max-width:calc(100vw - 40px)}.left-info h1{font-size:1.5rem;letter-spacing:-1px}.left-info .subtitle{font-size:1rem;margin-bottom:.2rem}.left-info .edition{font-size:.6rem;margin-bottom:.3rem}.left-info .tagline{font-size:.75rem}.right-info{bottom:auto;top:110px;right:20px;max-width:calc(100vw - 40px);text-align:left}.right-info h3{font-size:1rem;margin-bottom:.3rem}.right-info .concept{font-size:.8rem;margin-bottom:.5rem;line-height:1.3}.usage-tips{font-size:.7rem}.usage-tips p{margin-bottom:.2rem;justify-content:flex-start;gap:6px}.side-navigation{position:fixed;left:50%;top:auto;bottom:20px;transform:translateX(-50%);flex-direction:row;gap:10px;z-index:1002}.side-icon-button{width:45px;height:45px;font-size:18px}.right-side-navigation{position:fixed;right:auto;left:50%;top:auto;bottom:80px;transform:translateX(-50%);flex-direction:row;gap:10px;z-index:1002}.right-side-icon-button{width:45px;height:45px;font-size:18px}.planet-info-panel{position:fixed;top:50%;left:50%;right:auto;max-width:85vw;max-height:70vh;overflow-y:auto}.planet-info-panel,.planet-info-panel.show{transform:translate(-50%,-50%)}.planet-info-panel h3{font-size:1.1rem}.planet-info-panel p{font-size:.85rem}.control-panel{max-width:85vw;top:50%;left:50%}.control-panel,.control-panel.show{transform:translate(-50%,-50%)}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.85);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease;overflow-y:auto;padding:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{position:relative;width:100%;max-width:900px;max-height:90vh;background:rgba(26,26,46,.95);backdrop-filter:blur(30px);border:1px solid rgba(230,255,40,.3);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(230,255,40,.1);animation:slideUp .4s ease;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.modal-close-button{position:absolute;top:20px;right:20px;width:40px;height:40px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:white;font-size:20px;cursor:pointer;z-index:10;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background:rgba(230,255,40,.2);border-color:#e6ff28;transform:rotate(90deg)}.modal-content{max-height:90vh;overflow-y:auto;padding:60px 50px 40px;color:#f9f7f2}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:rgba(230,255,40,.3);border-radius:10px}.modal-content::-webkit-scrollbar-thumb:hover{background:rgba(230,255,40,.5)}.planet-info-panel.glow-about{border-color:#ff6b6b!important;border-width:2px!important;box-shadow:0 0 20px #ff6b6b,0 0 40px rgba(255,107,107,.4)!important}.planet-info-panel.glow-projects{border-color:#ff9500!important;border-width:2px!important;box-shadow:0 0 20px #ff9500,0 0 40px rgba(255,149,0,.4)!important}.planet-info-panel.glow-services{border-color:#00d4ff!important;border-width:2px!important;box-shadow:0 0 20px #00d4ff,0 0 40px rgba(0,212,255,.4)!important}.planet-info-panel.glow-contact{border-color:#00ff88!important;border-width:2px!important;box-shadow:0 0 20px #00ff88,0 0 40px rgba(0,255,136,.4)!important}.control-panel.show{border-color:#e6ff2b!important;border-width:2px!important;box-shadow:0 0 20px #e6ff2b,0 0 40px rgba(230,255,43,.4)!important}.planet-info-panel.glow-sns{border-color:#1da1f2!important;border-width:2px!important;box-shadow:0 0 20px #1da1f2,0 0 40px rgba(29,161,242,.4)!important}.planet-info-panel.glow-blog{border-color:#ff6b35!important;border-width:2px!important;box-shadow:0 0 20px #ff6b35,0 0 40px rgba(255,107,53,.4)!important}#container{position:fixed;top:0;left:0;z-index:1!important}.ui-overlay{z-index:1000!important}.left-info,.right-info{z-index:900!important}.control-panel,.planet-info-panel{z-index:1100!important}.right-side-navigation,.side-navigation{z-index:1002!important}.modal-overlay{z-index:9999!important}@media (max-width:768px){.left-info,.right-info{z-index:800!important}.control-panel,.planet-info-panel{z-index:1200!important}}