:root{color:#eaf4ff;--brand-cyan:#10a8ff;--brand-pink:#ff4880;--brand-blue:#2078d0;--bg-base:#0a1322;--bg-panel:#12223b;--border:#234b79;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0a1322;font-family:Inter,Hiragino Kaku Gothic ProN,Yu Gothic UI,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(circle at 18% -8%, #10a8ff57, transparent 42%), radial-gradient(circle at 86% 12%, #ff488047, transparent 35%), var(--bg-base);min-height:100vh;margin:0}.prototype{position:relative}.viewport{scroll-snap-type:y mandatory;scroll-behavior:smooth;background:radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--tone) 50%, transparent), transparent 30%), radial-gradient(circle at 80% 20%, color-mix(in srgb, var(--tone-soft) 42%, transparent), transparent 35%), var(--tone-deep);height:100vh;position:relative;overflow:hidden auto}.block{scroll-snap-align:start;text-align:center;place-content:center;place-items:center;min-height:90vh;padding:56px 24px;display:grid;position:relative}.block h1,.block h2,.block p{margin:0}.block h2{letter-spacing:.01em;font-size:clamp(26px,5vw,42px)}header{z-index:10;align-items:left;justify-content:left;width:100%;height:80px;padding:1rem;display:flex;position:fixed;top:0;left:0}header img{object-fit:contain;height:100%}header ul{justify-content:center;align-items:center;gap:.65rem;margin:0 0 0 auto;padding:0;display:flex}header ul li{margin:0 .3rem;padding:0;list-style:none}header ul li a{color:color-mix(in srgb, var(--tone-soft) 70%, white);text-shadow:0 1px 2px #0000001a;letter-spacing:.1em;background:color-mix(in srgb, var(--tone-soft) 8%, transparent);border:1px solid color-mix(in srgb, var(--tone-soft) 15%, transparent);border-radius:999px;padding:.5rem 1rem;font-size:13px;font-weight:400;text-decoration:none;transition:all .3s;box-shadow:0 1px 2px #0000001a}header ul li a:hover{background:color-mix(in srgb, var(--tone-soft) 40%, white);color:color-mix(in srgb, var(--tone-deep) 80%, black)}.header-nav-toggle{color:#f5f8fceb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff29;border-radius:2px;margin-left:auto;padding:8px 12px;display:none}.intro-words{pointer-events:none;z-index:0;filter:blur(2px);align-content:center;justify-items:center;gap:clamp(8px,1.8vh,18px);animation:.3s 1.2s forwards introWordsBlur;display:grid;position:absolute;inset:0}.intro-words p{letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--tone-soft) 14%, #dbe9fb57);filter:blur(4px);opacity:0;font-size:clamp(44px,10vw,132px);font-weight:800;animation:.6s forwards showIntroWord}.intro-words p:nth-child(2){animation-delay:.4s}.intro-words p:nth-child(3){animation-delay:1s}.intro-content{z-index:1;justify-items:center;gap:14px;width:min(960px,100%);min-height:calc(100vh - 112px);padding-top:80px;display:grid;position:relative}.intro-title{letter-spacing:.06em;color:#f7fbff;text-shadow:0 6px 18px #040e1c2e;margin:0;font-size:clamp(32px,6.6vw,74px);font-weight:700;line-height:1.08}.intro-actions{-webkit-backdrop-filter:blur(14px)saturate(120%);backdrop-filter:blur(14px)saturate(120%);background:linear-gradient(190deg,#ffffff1a,#0003);border:1px solid #ffffff0d;border-radius:2px;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:auto;margin-bottom:clamp(24px,5vh,48px);padding:18px 24px;display:flex;box-shadow:0 12px 36px #0208122e}.ghost{color:#eaf6ff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff47;border-radius:50vh;padding:10px 18px}.intro-copy{color:#f7fbff;letter-spacing:.08em;font-size:clamp(16px,2.8vw,18px);font-weight:400;line-height:1.2}.skip-link{color:color-mix(in srgb, var(--tone-soft) 62%, #f3f8ff);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;opacity:.86;background:0 0;border:0;padding:8px 4px;font-size:14px}.skip-link:hover{opacity:1}.stance{-webkit-user-select:none;user-select:none;align-content:stretch;place-items:stretch stretch;gap:0}.stance-prompt,.stance-controls{align-content:center;justify-items:center;display:grid}.stance-prompt{gap:16px;min-height:42vh;padding:clamp(40px,8vh,84px) 0 clamp(20px,4vh,36px)}.stance h2{color:#fff;max-width:800px;font-size:clamp(24px,4.2vw,38px);line-height:1.15}.stance-controls{min-height:42vh;padding:clamp(20px,4vh,36px) 0 clamp(36px,8vh,76px)}.hint{letter-spacing:.04em;color:#ffffffa8;filter:blur(2px);opacity:.86;font-size:clamp(34px,6.2vw,62px);font-weight:700;line-height:1.12;animation:.3s 1.2s forwards hintBlur}.slider{touch-action:none;width:min(680px,90vw)}.stance-surface{background:linear-gradient(90deg, color-mix(in srgb, var(--brand-blue) 68%, #ffffff14) 0%, color-mix(in srgb, var(--brand-cyan) 62%, #ffffff0f) 46%, color-mix(in srgb, var(--brand-pink) 70%, #ffffff14) 100%);border:1px solid #ffffff24;border-radius:28px;min-height:clamp(220px,28vh,300px);transition:filter .22s,opacity .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 24px 60px #050a183d}.stance-surface[data-state=idle]{filter:saturate(.35)brightness(.82);opacity:.62;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0f,0 18px 44px #050a1829}.stance-side{z-index:1;letter-spacing:.06em;color:#ffffffeb;text-shadow:0 8px 24px #07101e3d;pointer-events:none;font-size:clamp(20px,3vw,30px);font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.stance-side.left{left:clamp(18px,3vw,28px)}.stance-side.right{right:clamp(18px,3vw,28px)}.slider-track{position:absolute;inset:0}.slider-thumb{background:color-mix(in srgb, var(--tone) 80%, transparent);border:2px solid #ffffffd6;border-radius:50%;width:58px;height:58px;transition:width .18s,height .18s,background .18s,box-shadow .18s,border-color .18s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 10px #ffffff14,0 18px 36px #09142652}.stance-surface[data-state=idle] .slider-thumb{background:0 0;box-shadow:0 0 0 8px #ffffff1a,0 18px 36px #09142633}.stance-surface[data-dragging=true] .slider-thumb{background:color-mix(in srgb, var(--tone) 80%, transparent);border-color:#ffffffeb;width:112px;height:112px;box-shadow:0 0 0 16px #ffffff1a,0 22px 48px #09142657}.slider-thumb:before,.slider-thumb:after{content:"";opacity:0;border:1px solid #ffffff8f;border-radius:50%;position:absolute;inset:0;transform:scale(1)}.stance-surface[data-state=idle] .slider-thumb:before{animation:2.2s ease-out infinite touchPulse}.stance-surface[data-state=idle] .slider-thumb:after{animation:2.2s ease-out 1.1s infinite touchPulse}.balance{letter-spacing:.02em;color:#d7ecff;margin-top:14px}.feedback{gap:16px}.feedback-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:12px;display:flex}.feedback-next{min-width:132px}.feedback-reset{color:#e9f1fbe0}.pulse-shell{--pulse-drift:0deg;--pulse-drift-duration:.9s;aspect-ratio:1;width:min(240px,52vw);transform:rotate(var(--pulse-drift));transition:transform var(--pulse-drift-duration) cubic-bezier(.45, .05, .55, .95);will-change:transform}.pulse{--pulse-duration:2.8s;--pulse-scale-start:.88;--pulse-scale-mid:.98;--pulse-scale-peak:1.1;--pulse-rotate:0deg;--pulse-shadow:36px;--pulse-radius:24%;aspect-ratio:1;border-radius:var(--pulse-radius);clip-path:polygon(50% 0%,84% 16%,100% 50%,84% 84%,50% 100%,16% 84%,0% 50%,16% 16%);background:radial-gradient(circle at 50% 38%, #fffffff2, transparent 26%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--tone-soft) 62%, white), transparent 72%);width:100%;box-shadow:0 0 var(--pulse-shadow) color-mix(in srgb, var(--tone-soft) 32%, transparent), inset 0 0 28px #ffffff2e;transform:rotate(var(--pulse-rotate));animation:pulseMorph var(--pulse-duration) ease-in-out infinite;transition:clip-path .26s,border-radius .26s,transform .26s,box-shadow .26s;position:relative}.pulse:before{content:"";border-radius:inherit;clip-path:inherit;background:linear-gradient(180deg, #ffffff94 0%, color-mix(in srgb, var(--tone) 72%, transparent) 100%);opacity:.72;position:absolute;inset:12%;transform:scale(.92)}.pulse:after{content:"";border-radius:inherit;clip-path:inherit;background:radial-gradient(circle, color-mix(in srgb, var(--tone-soft) 38%, #ffffff57) 0%, color-mix(in srgb, var(--tone-soft) 24%, #fff3) 62%, #fff0 100%);opacity:.92;filter:blur(16px);z-index:-1;position:absolute;inset:-10%}.feedback strong{color:#fff}.feedback p{color:#d6e8ff;max-width:680px;line-height:1.7}.pause{background:color-mix(in srgb, var(--tone-deep) calc((1 - var(--white-transition,0)) * 100%), #fff calc(var(--white-transition,0) * 100%));transition:background .32s ease-out;position:relative;overflow:hidden}.pause:before{content:"";z-index:0;background:radial-gradient(circle at 50% 22%, color-mix(in srgb, #fff calc(var(--white-transition,0) * 82%), transparent) 0%, transparent 58%), linear-gradient(180deg, color-mix(in srgb, var(--tone-deep) calc((1 - var(--white-transition,0)) * 92%), #fff calc(var(--white-transition,0) * 100%)) 0%, color-mix(in srgb, var(--tone-deep) calc((1 - var(--white-transition,0)) * 78%), #fff calc(var(--white-transition,0) * 100%)) 100%);opacity:calc(.92 - (var(--white-transition,0) * .52));pointer-events:none;transition:opacity .32s ease-out,background .32s ease-out;position:absolute;inset:0}.pause p{max-width:840px;line-height:1.45}.pause h2{max-width:880px;color:color-mix(in srgb, var(--tone) calc((1 - var(--white-transition-text,0)) * 72%), #0f2947 calc(var(--white-transition-text,0) * 100%));text-shadow:0 8px 24px #0812221a;margin:1.2em 0;transition:color .36s ease-out}.pause h2 strong{color:var(--tone);text-shadow:0 0 12px color-mix(in srgb, var(--tone) 40%, transparent);margin-top:12px;font-size:1.2em;display:block}.pause-card{border:1px solid color-mix(in srgb, var(--tone-soft) 16%, #fff6);background:color-mix(in srgb, #ffffff0a calc((1 - var(--white-transition,0)) * 100%), #ffffffb8 calc(var(--white-transition,0) * 100%));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(760px,92vw);color:color-mix(in srgb, #fff calc((1 - var(--white-transition-text,0)) * 100%), #0f2947 calc(var(--white-transition-text,0) * 100%));opacity:0;gap:24px;padding:clamp(32px,3vw,40px) clamp(28px,4vw,36px);transition:color .36s ease-out;animation:.6s 2s forwards showPauseCard;display:grid;transform:scale(.92)}@keyframes showPauseCard{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.pause-label,.pause-copy{max-width:none}.pause-label{letter-spacing:.08em;text-transform:uppercase;font-size:clamp(16px,1.2vw,20px)}.pause-copy{font-size:clamp(14px,1vw,16px);font-weight:400;line-height:1.28}.pause p,.pause strong{z-index:1;text-transform:none;position:relative}.pause strong{color:inherit;transition:color .36s ease-out}.cycle-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:24px;display:flex}.cycle-line span{border:1px solid color-mix(in srgb, var(--tone-soft) 44%, white);color:#1f4b76;background:#edf5ff;border-radius:999px;padding:10px 14px}.cycle{position:relative;overflow:hidden}.explain-area{color:#0f2440;background:#fff;position:relative}.explain-area h2,.explain-area h3,.explain-area p{color:#0f2947;z-index:1;position:relative}.explain-entry:after{content:"";pointer-events:none;z-index:0;background:0 0;position:absolute;inset:0}.explain-entry>*{z-index:1;position:relative}.explain-entry:before{content:none}.explain-body{color:#0f2440;background:#fff}.explain-body h2,.explain-body h3,.explain-body p{color:#0f2947}.cycle-bg{pointer-events:none;opacity:.14;z-index:0;place-content:center;gap:8px;display:grid;position:absolute;inset:0}.cycle-bg span{letter-spacing:.02em;color:color-mix(in srgb, var(--tone-soft) 40%, #86a6ca);font-size:clamp(36px,9vw,120px);font-weight:800;line-height:1}.cycle-sub{color:#38597f;max-width:640px;margin-top:12px!important}.sixe{gap:18px}.e6-map{border:1px solid color-mix(in srgb, var(--tone-soft) 32%, white);border-radius:14px;width:min(860px,94vw);box-shadow:0 16px 34px #040a1452}.e6-list-container{flex-direction:row;display:flex}.e6-list-container dt{color:#112742;text-align:right;border-right:2px solid color-mix(in srgb, var(--tone-soft) 70%, white);width:40%;padding:2.5rem 2rem 0 0;font-size:clamp(16px,1.2vw,20px);font-weight:700;display:inline-block}.e6-list-container dd{width:60%;display:inline-block}.e6-list{text-align:left;gap:8px;width:min(760px,92vw);margin:0;padding:0;list-style:none;display:grid}.e6-list li{box-sizing:content-box;gap:1rem;padding:10px 12px;line-height:1.6}.e6-list strong{color:#112742;width:30%;display:inline-flex}.e6-list span{color:#406283}.detail-link{color:#13457a;border-bottom:1px solid color-mix(in srgb, var(--tone-soft) 40%, #13457a);margin-top:2px;padding-bottom:2px;text-decoration:none}.explain ul{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.explain li{border-left:3px solid var(--tone-soft);text-align:left;padding-left:12px}.about-e6{text-align:left;z-index:1;gap:24px;width:min(760px,92vw);padding:clamp(24px,3.5vw,32px);display:grid}h2.about-e6-title{color:color-mix(in srgb, var(--tone-soft) 70%, white);filter:blur(2px);margin-bottom:-6rem;font-size:clamp(64px,8vw,78px);animation:.6s 2s forwards showAboutE6Title}@keyframes showAboutE6Title{0%{opacity:0;filter:blur(4px);transform:translateY(22px)}to{opacity:1;filter:blur(1.5px);transform:translateY(0)}}.about-e6 p{color:#224469;text-align:center;line-height:2}p.message-strong{text-align:left;letter-spacing:.01em;margin:2rem 0;font-size:clamp(24px,4.5vw,42px);font-weight:700;color:#0a2542!important;line-height:1.35!important}.about-e6 hr{border:0;border-top:1px solid #ffffff29;width:100%;margin:8px 0}.about-e6 h3{color:#0f2947;margin:0;font-size:clamp(20px,4vw,28px)}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.cta-button{border:1px solid color-mix(in srgb, var(--tone-soft) 44%, white);background:color-mix(in srgb, var(--tone-soft) 22%, #e9f4ff);color:#0f2f50;border-radius:999px;justify-content:center;align-items:center;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-flex}.cta-button:hover{opacity:.92}.promo-banner{border:1px solid color-mix(in srgb, var(--tone-soft) 35%, white);border-radius:12px;width:100%;display:block;overflow:hidden;box-shadow:0 14px 30px #11355e3d}.promo-banner img{width:100%;height:auto;display:block}.minimap{z-index:20;transition:opacity .22s,transform .22s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.minimap.rest{opacity:.36}.minimap.follow{opacity:1;position:fixed;top:50%;transform:translateY(-50%)}.minimap.light .minimap-toggle{color:#0f2440eb;background:#ffffffb8;border-color:#0f29471f}.minimap.light ul{background:#ffffffc7;border-color:#0f294724;box-shadow:0 14px 34px #0f294714}.minimap.light button{color:#0f2947d6}.minimap.light .dot{background:#0f294733}.minimap-toggle{color:#f5f8fceb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:2px;padding:8px 12px;display:none}.minimap ul{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff24;border-radius:2px;margin:0;padding:10px 8px;list-style:none}.minimap button{color:#e9f0f7d6;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}.dot{background:#ffffff5c;border-radius:999px;width:3px;height:18px}.minimap button.active .dot{background:var(--tone-soft);box-shadow:0 0 10px color-mix(in srgb, var(--tone-soft) 65%, transparent)}.minimap small{opacity:.7}.minimap button.active small{opacity:1}@keyframes showIntroWord{0%{opacity:0;filter:blur(4px);transform:translateY(22px)}to{opacity:1;filter:blur(1.5px);transform:translateY(0)}}@keyframes introWordsBlur{0%{filter:blur()}to{filter:blur(8px)}}@keyframes pulseMorph{0%,to{transform:rotate(var(--pulse-rotate)) scale(var(--pulse-scale-start));opacity:.7}38%{transform:rotate(var(--pulse-rotate)) scale(var(--pulse-scale-mid));opacity:.92}62%{transform:rotate(var(--pulse-rotate)) scale(var(--pulse-scale-peak));opacity:1}}@keyframes touchPulse{0%{opacity:.42;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}@media (width<=760px){.block{padding:64px 18px 44px}header{align-items:center}.header-nav-toggle{justify-content:center;align-items:center;display:none}header ul{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff14;border:1px solid #ffffff29;border-radius:2px;flex-direction:column;align-items:stretch;gap:8px;margin-left:0;padding:10px 12px;display:none;position:absolute;top:calc(100% - 8px);right:18px}header ul.open{display:flex}.intro-words p{letter-spacing:.04em;font-size:clamp(34px,14vw,72px)}.intro-title{letter-spacing:.06em;font-size:clamp(28px,8vw,46px)}.intro-copy{font-size:clamp(20px,6vw,26px)}.intro-actions{gap:12px;margin-bottom:18px;padding:16px 18px}.stance-prompt,.stance-controls{min-height:auto}.stance-prompt{padding:56px 0 24px}.stance-controls{padding:24px 0 44px}.stance-surface{border-radius:22px;min-height:200px}.stance-side{font-size:clamp(16px,4.2vw,22px)}.slider-thumb{width:52px;height:52px}.about-e6{gap:12px;line-height:1.75}.minimap{opacity:1;top:20px;right:12px;transform:none}.minimap-toggle{margin-left:auto;display:inline-flex}.minimap ul{display:none}.minimap.open ul{display:block}.minimap small{font-size:12px}}