:root{color:#f8f7ff;background:#08071a;font-family:Inter,ui-rounded,SF Pro Rounded,Avenir Next,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17152e;--muted: #68657d;--violet: #7c5cff;--pink: #ff4eb8;--cyan: #36e2ff;--lime: #b7ff5d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 12% -10%,rgba(124,92,255,.38),transparent 32rem),radial-gradient(circle at 92% 18%,rgba(255,78,184,.25),transparent 28rem),linear-gradient(155deg,#0c0a24,#08071a 58%,#111036)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.ambient{position:fixed;z-index:-1;width:17rem;height:17rem;border-radius:999px;filter:blur(12px);opacity:.3;animation:drift 13s ease-in-out infinite alternate}.ambient-one{top:42%;left:-9rem;background:var(--cyan)}.ambient-two{right:-10rem;bottom:5%;background:var(--pink);animation-delay:-5s}.hero{width:min(1080px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4.5rem;text-align:center}.hero-topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.72rem;color:#fff;font-weight:850;font-size:1.2rem;letter-spacing:-.03em;text-decoration:none}.brand-mark{position:relative;width:2.4rem;height:1.8rem}.brand-mark i{position:absolute;width:1.18rem;height:1.18rem;border-radius:50%}.brand-mark i:nth-child(1){left:0;top:.46rem;background:var(--cyan)}.brand-mark i:nth-child(2){left:.65rem;top:0;background:var(--pink)}.brand-mark i:nth-child(3){right:0;top:.5rem;background:var(--lime)}.language-switcher{position:relative;color:#fff;text-align:left}.language-switcher summary{display:flex;align-items:center;gap:.55rem;min-width:8.2rem;padding:.65rem .85rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;list-style:none}.language-switcher summary::-webkit-details-marker{display:none}.language-switcher summary:after{content:"⌄";margin-left:auto;color:#fff9;transition:transform .16s ease}.language-switcher[open] summary:after{transform:rotate(180deg)}.language-switcher summary>span{color:var(--cyan);font-weight:900}.language-switcher summary b{font-size:.78rem}.language-options{position:absolute;top:calc(100% + .55rem);right:0;display:grid;width:10.5rem;padding:.45rem;border:1px solid rgba(255,255,255,.2);border-radius:1rem;background:#141134f5;box-shadow:0 1rem 2.5rem #00000059;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.language-options button{padding:.7rem .8rem;border:0;border-radius:.7rem;color:#ffffffb8;background:transparent;text-align:left;cursor:pointer}.language-options button:hover{color:#fff;background:#ffffff14}.language-options button[aria-pressed=true]{color:#fff;background:#7c5cff57}.contest-label{display:inline-block;margin:3.4rem 0 1rem;padding:.45rem .8rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#ffffffb3;font-size:.72rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:1.15rem;font-size:clamp(3.2rem,9vw,6.8rem);line-height:.91;letter-spacing:-.072em}h1 span{color:transparent;background:linear-gradient(90deg,var(--cyan),#9e8cff 43%,var(--pink) 78%,var(--lime));background-clip:text;-webkit-background-clip:text}:is(html[lang=ja],html[lang=zh-CN],html[lang=ko]) h1{font-size:clamp(2.65rem,7.5vw,5.5rem);line-height:1.06;letter-spacing:-.055em}.hero-copy{max-width:640px;margin:0 auto;color:#ffffffa8;font-size:clamp(1rem,2vw,1.18rem);line-height:1.65}.shell{width:min(1040px,calc(100% - 2rem));margin:0 auto}.showcase-card{position:relative;overflow:hidden;padding:clamp(1.3rem,4vw,3.5rem);border:1px solid rgba(255,255,255,.45);border-radius:clamp(1.6rem,4vw,3rem);color:var(--ink);background:#fcfafff0;box-shadow:0 2rem 6rem #00000057;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.section-heading{text-align:center}.section-heading h2,.walk-card h2,.reveal-card h2{margin-bottom:1rem;font-size:clamp(2rem,5vw,3.7rem);line-height:1;letter-spacing:-.055em}.eyebrow{margin-bottom:.65rem;color:#6a51ed;font-size:.75rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:2rem 0 2.6rem}.topic-card{min-height:9rem;padding:1.1rem;border:1px solid #dedbea;border-radius:1.25rem;color:var(--ink);background:#fff;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.topic-card span{display:block;margin-bottom:.85rem;color:#8a849e;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.topic-card strong{font-size:1rem;line-height:1.35}.topic-card:hover{transform:translateY(-3px);border-color:#a99cff}.topic-card.is-active{border-color:#7c5cff;box-shadow:0 0 0 3px #7c5cff24,0 .8rem 2rem #5c46be21;background:linear-gradient(145deg,#fff,#f4f0ff)}.color-studio{display:grid;grid-template-columns:minmax(210px,.72fr) minmax(0,1.28fr);gap:clamp(1.5rem,5vw,4rem);align-items:center;padding:clamp(1.5rem,4vw,3rem);border-radius:2rem;background:#17152e;color:#fff}.color-preview{text-align:center}.color-preview>p{margin:.8rem 0 0;color:#ffffff8c;font-size:.76rem;font-weight:800;letter-spacing:.14em}.color-orbit{display:grid;place-items:center;width:min(13rem,42vw);aspect-ratio:1;margin:0 auto;border:1px solid color-mix(in srgb,var(--opinion-color),white 35%);border-radius:50%;box-shadow:0 0 2.2rem color-mix(in srgb,var(--opinion-color),transparent 35%)}.color-orb{display:grid;place-items:center;width:72%;aspect-ratio:1;border-radius:50%;color:#ffffffeb;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.72),transparent 18%),radial-gradient(circle at 42% 40%,var(--opinion-color),color-mix(in srgb,var(--opinion-color),#140b35 42%));box-shadow:0 0 3rem var(--opinion-color),inset -1rem -1.2rem 2rem #0000002e;animation:breathe 3s ease-in-out infinite}.color-orb span{font-size:.75rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.4)}.control-prompt{color:#ffffffb8;line-height:1.55}.wheel-picker{position:relative;width:min(22rem,100%);margin:1rem auto 0;padding:3.2rem 3.1rem 2.7rem}.color-wheel{position:relative;width:min(15rem,100%);aspect-ratio:1;margin:0 auto;border:2px solid rgba(255,255,255,.7);border-radius:50%;background:radial-gradient(circle,var(--wheel-center) 0%,color-mix(in srgb,var(--wheel-center),transparent 38%) 34%,transparent 68%),conic-gradient(from -90deg,var(--wheel-b) 0deg,var(--wheel-c) 120deg,var(--wheel-a) 240deg,var(--wheel-b) 360deg);box-shadow:0 0 2.2rem #8b6bff40,inset 0 0 1.2rem #ffffff47;cursor:crosshair;touch-action:none}.color-wheel:focus-visible{outline:3px solid white;outline-offset:5px}.wheel-cursor{position:absolute;left:var(--wheel-x);top:var(--wheel-y);width:1.35rem;aspect-ratio:1;border:3px solid white;border-radius:50%;background:#140b3529;box-shadow:0 .2rem .7rem #0000006b,0 0 0 2px #140b3547;transform:translate(-50%,-50%);pointer-events:none}.wheel-choice{position:absolute;z-index:2;display:flex;align-items:center;gap:.4rem;padding:.5rem .68rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff;background:#ffffff12;font-weight:800;cursor:pointer}.wheel-choice i{width:.9rem;aspect-ratio:1;border-radius:50%;background:var(--choice-color);box-shadow:0 0 .8rem var(--choice-color)}.wheel-choice.is-active{border-color:var(--choice-color);background:color-mix(in srgb,var(--choice-color),transparent 78%)}.wheel-choice-0{bottom:0;left:0}.wheel-choice-1{top:0;left:50%;transform:translate(-50%)}.wheel-choice-2{right:0;bottom:0}.wheel-choice-1:hover{transform:translate(-50%) translateY(-2px)}.wheel-hint{display:block;color:#ffffff7a;text-align:center;line-height:1.5}.spectrum-control{display:block;margin-top:1.7rem}.spectrum-control>span{display:flex;justify-content:space-between;gap:1rem;color:#ffffffd1;font-size:.78rem}input[type=range]{width:100%;margin:1rem 0 .2rem;accent-color:var(--slider-color);cursor:grab}.home-device-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}.device-action-panel{display:flex;align-items:stretch;justify-content:space-between;flex-direction:column;gap:1.5rem;padding:1.4rem;border-radius:1.4rem}.send-panel{background:#efecf8}.read-panel{border:1px solid #ded8ed;background:#fff}.device-action-panel h3{margin-bottom:.35rem;font-size:1.28rem}.device-action-panel p:last-child{margin-bottom:0;color:var(--muted);font-size:.9rem;line-height:1.5}.device-action-panel :is(.primary-action,.secondary-action){width:100%}.primary-action,.secondary-action,.text-action{border-radius:999px;font-weight:850;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.primary-action{flex:0 0 auto;padding:1rem 1.35rem;border:0;color:#fff;background:linear-gradient(115deg,#6546f5,#a842f5 55%,#ff4eb8);box-shadow:0 .7rem 1.6rem #6d44e64d}.secondary-action{padding:.92rem 1.25rem;border:1px solid #cbc5df;color:var(--ink);background:#fff}.text-action{padding:.7rem .9rem;border:0;color:#6752d4;background:transparent}.primary-action:hover,.secondary-action:hover,.text-action:hover{transform:translateY(-2px)}button:disabled{cursor:wait;opacity:.55;transform:none}.notice,.browser-note{margin:1rem auto 0;padding:.75rem 1rem;border-radius:.9rem;color:#4e437a;background:#eee9ff;text-align:center}.notice.is-error{color:#8a214e;background:#ffe8f1}.browser-note{max-width:740px;color:#ffd9ea;background:#ffffff17}.walk-card,.reveal-card{min-height:34rem;display:grid;place-items:center;align-content:center;text-align:center}.walk-card>p:not(.eyebrow,.notice),.reveal-card>p:not(.eyebrow,.notice){max-width:600px;color:var(--muted);line-height:1.65}.walk-visual{position:relative;display:grid;place-items:center;width:15rem;height:15rem;margin-bottom:2rem}.walk-visual .color-orb{position:relative;z-index:2;width:7rem}.signal{position:absolute;border:2px solid var(--opinion-color);border-radius:50%;animation:signal 2.4s ease-out infinite}.signal-one{top:4.5rem;right:4.5rem;bottom:4.5rem;left:4.5rem}.signal-two{top:2.3rem;right:2.3rem;bottom:2.3rem;left:2.3rem;animation-delay:.55s}.signal-three{top:0;right:0;bottom:0;left:0;animation-delay:1.1s}.action-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.5rem}.encounter-cloud{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;width:min(36rem,100%);min-height:17rem;margin:1rem auto;padding:1rem}.encounter-bubble{width:var(--bubble-size);height:var(--bubble-size);border-radius:50%;background:radial-gradient(circle at 35% 30%,white,var(--bubble-color) 25%,color-mix(in srgb,var(--bubble-color),#241044 36%));box-shadow:0 0 1.4rem color-mix(in srgb,var(--bubble-color),transparent 45%);animation:pop .7s cubic-bezier(.2,.8,.2,1) both,float 3s ease-in-out infinite alternate;animation-delay:var(--bubble-delay),calc(var(--bubble-delay) + .7s)}.encounter-you{display:grid;place-items:center;width:5.8rem;height:5.8rem;border:.35rem solid white;border-radius:50%;color:#fff;background:var(--opinion-color);box-shadow:0 0 0 .18rem #17152e,0 0 2rem var(--opinion-color)}.encounter-you span{font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.result-message{max-width:520px;margin:2rem auto}.result-message>span{display:inline-grid;place-items:center;width:3rem;height:3rem;margin-bottom:1rem;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--violet),var(--pink))}.result-message h3{margin-bottom:.55rem;font-size:1.45rem}.result-message p{margin-bottom:0;color:var(--muted);line-height:1.55}.result-message.compact{margin-top:0}footer{display:flex;justify-content:space-between;gap:1rem;width:min(1040px,calc(100% - 2rem));margin:0 auto;padding:2.2rem 0 3rem;color:#ffffff73;font-size:.75rem}@keyframes breathe{50%{transform:scale(1.045);filter:saturate(1.12)}}@keyframes signal{0%{transform:scale(.5);opacity:0}30%{opacity:.7}to{transform:scale(1.12);opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@keyframes float{to{transform:translateY(-8px)}}@keyframes drift{to{transform:translate(4rem,-2rem) scale(1.18)}}@media(max-width:760px){.hero{padding-bottom:3rem}.contest-label{margin-top:2.5rem}.topic-grid{grid-template-columns:1fr}.topic-card{min-height:0}.color-studio,.home-device-actions{grid-template-columns:1fr}.primary-action{width:100%}footer{flex-direction:column;text-align:center}}@media(max-width:440px){.hero{width:min(100% - 1.25rem,1080px)}.shell{width:min(100% - 1rem,1040px)}.showcase-card{padding:1.1rem;border-radius:1.5rem}.color-studio{padding:1.2rem;border-radius:1.4rem}.wheel-picker{padding-right:2.2rem;padding-left:2.2rem}.wheel-choice{font-size:.78rem}.hero-topbar{align-items:flex-start}.brand{padding-top:.45rem}.language-switcher summary{min-width:0}.language-switcher summary b{max-width:4.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}