:root{color-scheme:dark;--ice:#cbe8ff;--soft:#b6c9e2;--line:#a9d8ff31;--bg:#040711;--glass:#071020c4;--a:#64bdff}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100svh;overflow-x:hidden;background:#040711;color:#e6f4ff;font-family:Inter,"Helvetica Neue","Noto Sans JP","Yu Gothic",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #c8e9ff;outline-offset:4px}#space,#dust,.grain,.vignette{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#space{z-index:0}#dust{z-index:1}.grain{z-index:2;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.26'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.vignette{z-index:2;background:radial-gradient(ellipse at 55% 52%,transparent 16%,#0306140a 51%,#02040ecf 110%),linear-gradient(90deg,#030714c9 0%,transparent 54%,#03071434 100%)}.top,footer{position:relative;z-index:8;display:flex;align-items:center;justify-content:space-between}.top{height:83px;padding:0 clamp(22px,5vw,76px);border-bottom:1px solid #c5e6ff1a}.identity{text-decoration:none;color:#eef8ff;display:flex;align-items:center;gap:15px}.brand{font-size:15px;font-weight:650;letter-spacing:.12em}.brand small{display:block;color:#87a6bf;font-size:9px;letter-spacing:.22em;font-weight:400;margin-top:4px}.mark{height:37px;width:37px;border:1px solid #91dbff9c;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 16px #3097ff3e,inset 0 0 15px #73c9ff24;position:relative}.mark:before{content:"";position:absolute;width:29px;height:13px;border:1px solid #c4efffaf;border-radius:50%;transform:rotate(-35deg)}.mark-inner{height:8px;width:8px;border-radius:50%;background:#a9e6ff;box-shadow:0 0 16px 4px #38adff}.top-right{display:flex;align-items:center;gap:28px;font:10px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.16em;color:#a3bfd4}.live i,.status-dot{display:inline-block;height:5px;width:5px;border-radius:50%;background:#8ad7ff;box-shadow:0 0 10px #77bfff;margin-right:9px}.top-label{color:#62849b}main{position:relative;z-index:3;min-height:calc(100svh - 131px);display:grid;grid-template-columns:minmax(60px,1fr) minmax(450px,740px) minmax(355px,440px);gap:clamp(12px,2vw,38px);align-items:center;padding:30px clamp(22px,5vw,76px) 45px}.left-meta{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:20px;font:9px/1.4 ui-monospace,monospace;letter-spacing:.24em;color:#6385a5}.vertical{writing-mode:vertical-rl;transform:rotate(180deg);margin-top:40px}.fine{transform:rotate(-90deg);transform-origin:left top;white-space:nowrap;margin-bottom:0}.narrative{grid-column:2;align-self:center;position:relative;padding-top:8px;z-index:3;pointer-events:none;transform:translateX(-2%)}.eyebrow{display:flex;align-items:center;gap:12px;color:#93cde9;font:10px/1.5 ui-monospace,monospace;letter-spacing:.24em}.eyeline{width:24px;height:1px;background:#89d8ff}h1{font-weight:380;font-size:clamp(68px,8.8vw,159px);letter-spacing:-.064em;line-height:.91;margin:35px 0 32px;text-shadow:0 12px 100px #08244f9c,0 0 30px #88cfff20}h1 em{font-style:normal;font-weight:260;letter-spacing:-.072em;background:linear-gradient(110deg,#f3faff 8%,#c3e5ff 38%,#5c9ed6 65%,#c4eeff 88%);background-clip:text;-webkit-background-clip:text;color:transparent}.period{color:#8ad3ff;-webkit-text-fill-color:#8ad3ff}.intro{color:#c3d9e9;font-size:clamp(12px,1.2vw,15px);line-height:2.1;font-weight:350;letter-spacing:.075em;max-width:580px;text-shadow:0 2px 20px #000}.caption-area{min-height:112px;margin-top:50px;width:min(100%,490px);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.caption-index{font:10px/1.4 ui-monospace,monospace;color:#8eb8d1;letter-spacing:.15em}.caption-text{font-size:clamp(15px,1.5vw,20px);letter-spacing:.08em;color:#eaf8ff;line-height:1.65;margin-top:13px;max-width:500px;opacity:1;filter:blur(0);transition:opacity 1.15s ease,filter 1.15s ease,transform 1.15s ease;transform:translateY(0);text-shadow:0 0 28px #57b6ffbd}.caption-text.hidden{opacity:0;filter:blur(7px);transform:translateY(9px)}.caption-line{height:1px;width:100%;margin-top:18px;background:linear-gradient(90deg,#8cd9ff9c,transparent 90%)}.control-panel{grid-column:3;max-width:445px;width:100%;justify-self:end;padding:clamp(24px,2.5vw,36px);border:1px solid #94d6ff34;background:linear-gradient(150deg,#11243bae,#060d1ab9 68%);backdrop-filter:blur(24px) saturate(1.3);box-shadow:0 40px 120px #01050ed9,0 0 45px #24477929,inset 0 1px #d7efff23;border-radius:5px;position:relative}.control-panel:before{content:"";position:absolute;top:-1px;left:25px;width:84px;height:1px;background:#b9e9ff;box-shadow:0 0 13px 2px #92cbff70}.control-head{display:flex;justify-content:space-between;align-items:flex-end;gap:5px}.micro{font:9px/1.5 ui-monospace,monospace;color:#8fb8d2;letter-spacing:.23em}.control-head h2{font-size:20px;letter-spacing:.06em;font-weight:420;margin:10px 0 0}.chosen-count{font:11px/1.5 ui-monospace,monospace;color:#ace0ff;letter-spacing:.08em}.words{display:flex;flex-wrap:wrap;gap:9px 8px;margin:29px 0 26px}.word{border:1px solid #8cb7d13d;border-radius:3px;padding:10px 14px;font-size:12px;min-height:38px;color:#adc6db;background:#09192a5c;letter-spacing:.09em;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}.word:hover{background:#1b4262a6;border-color:#95cefd99}.word.selected{color:#e8f9ff;border-color:#9bd9ffcb;background:linear-gradient(125deg,#244d74,#102c48);box-shadow:0 0 20px #398fe53d,inset 0 0 15px #9cdcff1b}.word:active{transform:scale(.97)}.panel-actions{display:flex;gap:10px;align-items:stretch}.compose{flex:1;border:1px solid #c9eefe;background:linear-gradient(110deg,#d9f1ff,#90c6f2);color:#061323;min-height:52px;display:flex;justify-content:space-between;align-items:center;gap:6px;padding:0 15px;font-size:12px;font-weight:700;letter-spacing:.03em;box-shadow:0 10px 34px #4da8f12c;transition:filter .2s}.compose:hover{filter:brightness(1.12)}.compose:disabled{opacity:.55;cursor:wait}.compose-glyph{font-size:21px;font-weight:400}.arrow{font-size:19px}.outline-button{border:1px solid #82bbde59;background:#071321c9;color:#bdd9ec;padding:0 14px;min-height:52px;font-size:11px;white-space:nowrap}.outline-button span{font-size:16px;margin-left:4px}.outline-button:hover{background:#1a3753}.panel-status{display:flex;align-items:flex-start;color:#849db1;letter-spacing:.02em;font-size:10px;line-height:1.8;margin-top:15px;min-height:37px}.panel-status .status-dot{flex:none;margin-top:6px}.control-foot{border-top:1px solid #b4d8f926;display:flex;justify-content:space-between;align-items:center;gap:5px;padding-top:19px;margin-top:15px;color:#7995aa;font:8px/1.8 ui-monospace,monospace;letter-spacing:.09em}.control-foot button{background:none;color:#c2e3fb;border:0;font-size:10px;white-space:nowrap}.control-foot button span{font-size:16px;margin-left:5px}.cosmos{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.orbit-ring{position:absolute;left:44%;top:49%;width:min(62vw,860px);height:min(21vw,290px);border:1px solid #85c7ff3d;border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg);box-shadow:0 0 36px #70c4ff0c,inset 0 0 10px #a4dcff08;animation:orbitBreath 15s ease-in-out infinite alternate}.ring-two{width:min(58vw,810px);height:min(15vw,210px);transform:translate(-50%,-50%) rotate(34deg);border-color:#74aaff22;animation-delay:-8s}.ring-three{width:min(47vw,660px);height:min(30vw,420px);transform:translate(-50%,-50%) rotate(75deg);border-color:#84bafa12;animation-delay:-4s}.planet-glimmer{position:absolute;top:49%;left:44%;height:42vw;width:42vw;max-height:620px;max-width:620px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#478eff05 50%,#5ebcfa0b 60%,transparent 71%);filter:blur(24px);animation:glimmer 9s ease-in-out infinite alternate}.orbit-mark{position:absolute;left:44%;top:49%;border-radius:50%;width:7px;height:7px;background:#c1ecff;box-shadow:0 0 11px 4px #4fadff,0 0 50px 12px #2c87e8}.orbit-mark.one{transform:translate(18vw,-10vw)}.orbit-mark.two{transform:translate(-23vw,8vw);opacity:.5;width:4px;height:4px}.scene-id{position:absolute;bottom:21px;left:clamp(90px,10vw,165px);display:flex;gap:20px;color:#6e96b2;letter-spacing:.16em;font:9px/1.5 ui-monospace,monospace}.scene-id span+span{color:#c2dff1}footer{height:48px;padding:0 clamp(22px,5vw,76px);border-top:1px solid #c5e6ff12;background:#06091391;color:#7390a6;font:9px/1.3 ui-monospace,monospace;letter-spacing:.11em}footer button{border:0;background:transparent;color:#a9cfeb;font:inherit;cursor:pointer}@keyframes orbitBreath{from{opacity:.25;filter:blur(.2px)}to{opacity:.72;filter:blur(1.3px)}}@keyframes glimmer{from{opacity:.45;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}body.immersive .control-panel,body.immersive .top,body.immersive footer,body.immersive .left-meta{opacity:0;pointer-events:none}body.immersive .narrative{opacity:.8;transform:translateX(8%)}body.immersive main{min-height:100svh}body.immersive .scene-id{opacity:0}body.immersive{cursor:none}body.immersive #immersive{pointer-events:auto}body.immersive .immersive-exit{display:block}.immersive-exit{display:none;position:fixed;right:26px;top:28px;z-index:99;background:#091523b5;color:#d7f4ff;padding:11px 17px;border:1px solid #badcfa52;border-radius:4px;cursor:pointer}body.motion-off .orbit-ring,body.motion-off .planet-glimmer{animation-play-state:paused}@media(max-width:1190px){main{grid-template-columns:40px minmax(360px,1fr) minmax(325px,400px);gap:16px;padding-left:25px;padding-right:25px}.control-panel{padding:22px}.top{padding:0 28px}.left-meta .fine{display:none}.narrative{transform:none}h1{font-size:clamp(67px,8vw,120px)}}@media(max-width:800px){body{min-height:100svh}.top{height:64px;padding:0 22px}.top-label{display:none}.top-right{font-size:8px}.brand{font-size:13px}main{display:flex;flex-direction:column;align-items:stretch;gap:35px;padding:75px 20px 68px;min-height:auto}.left-meta{display:none}.narrative{padding-left:8px;align-self:stretch;min-height:440px;transform:none}.eyebrow{font-size:8px;letter-spacing:.13em}h1{font-size:clamp(66px,15vw,112px);margin:45px 0 28px}.intro{font-size:12px}.caption-area{margin-top:45px;min-height:110px}.caption-text{font-size:16px}.control-panel{max-width:560px;justify-self:unset;align-self:center;padding:25px 22px}.scene-id{bottom:12px;left:28px}.cosmos .orbit-ring{left:53%;top:30%;width:110vw;height:38vw}.cosmos .ring-two{width:115vw;height:29vw}.cosmos .ring-three{width:100vw;height:65vw}.planet-glimmer{left:55%;top:31%;width:95vw;height:95vw}.orbit-mark.one{top:31%;left:50%;transform:translate(30vw,-18vw)}.orbit-mark.two{top:31%;left:50%;transform:translate(-28vw,16vw)}footer{padding:0 18px;font-size:8px}footer span:nth-child(2){display:none}}@media(max-width:380px){.top-right{display:none}.control-head h2{font-size:18px}.word{padding:9px 12px}.panel-actions{flex-direction:column}.compose,.outline-button{min-height:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}