:root{--void:#05090f;--space:#07121a;--glass:rgba(13,27,36,.62);--glass-strong:rgba(10,23,31,.82);--line:rgba(121,226,211,.16);--line-hot:rgba(99,237,222,.42);--cyan:#72f1dc;--cyan-soft:#a7fff1;--violet:#9c8cff;--gold:#e7c77a;--ink:#eaf7f4;--muted:#94aaa8;--danger:#ff7c78}
html{background:var(--void);scroll-behavior:smooth;color-scheme:dark}body{color:var(--ink);background:radial-gradient(circle at 12% 4%,rgba(38,151,142,.18),transparent 30%),radial-gradient(circle at 88% 17%,rgba(112,81,198,.14),transparent 30%),linear-gradient(145deg,#04080d 0%,#07131a 48%,#03070b 100%);background-attachment:fixed}
body:before{z-index:0;opacity:.38;background-image:linear-gradient(rgba(113,230,213,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(113,230,213,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}body:after{content:"";position:fixed;z-index:0;inset:-30%;pointer-events:none;background:conic-gradient(from 160deg at 50% 50%,transparent,rgba(98,232,214,.035),transparent 22%,rgba(147,124,255,.035),transparent 44%);animation:sky-drift 28s linear infinite}header,main{position:relative;z-index:1}
header{background:rgba(4,12,17,.62)!important;border-bottom:1px solid var(--line)!important;box-shadow:0 8px 36px rgba(0,0,0,.24);backdrop-filter:blur(24px) saturate(145%)}.brand{color:var(--ink)!important}.brand .seal{background:linear-gradient(145deg,rgba(112,241,220,.24),rgba(146,127,255,.24))!important;border:1px solid var(--line-hot)!important;color:var(--cyan-soft)!important;box-shadow:inset 0 0 18px rgba(107,239,219,.15),0 0 24px rgba(72,217,200,.14)!important}.brand small,.header-note{color:var(--muted)!important}.text-button,.footer-link{color:var(--cyan)!important}.language-link{border-color:var(--line-hot)!important;background:rgba(95,226,208,.07)!important}
main{max-width:1380px!important}.intro{min-height:440px!important;border:1px solid var(--line)!important;background:linear-gradient(125deg,rgba(12,29,38,.88),rgba(9,19,29,.62))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 40px 100px rgba(0,0,0,.34),0 0 70px rgba(72,211,193,.05)!important;backdrop-filter:blur(28px) saturate(130%);transform-style:preserve-3d}.intro:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 28%,rgba(119,242,224,.055) 48%,transparent 68%);transform:translateX(-80%);animation:glass-scan 9s ease-in-out infinite}.intro:after{border-color:rgba(106,238,217,.13)!important;box-shadow:inset 0 0 0 34px rgba(105,236,217,.025),inset 0 0 0 70px rgba(155,135,255,.025),0 0 80px rgba(101,238,217,.08)!important}.intro-copy{transform:translateZ(30px)}.eyebrow{color:var(--cyan)!important;letter-spacing:.2em}.intro h1,.uses-heading h2,.method-head h2,.faq-head h2,.culture-note h2{color:var(--ink)!important;text-shadow:0 0 38px rgba(116,239,221,.08)}.intro h1 em{color:var(--cyan-soft)!important;background:linear-gradient(90deg,#eafffb,#6fe8d8 52%,#b6a9ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.intro-lead,.uses-heading>p,.method-head>p{color:var(--muted)!important}.hero-pills span{color:#c7f6ef!important;border-color:var(--line)!important;background:rgba(78,211,192,.07)!important;box-shadow:inset 0 1px rgba(255,255,255,.04)}.hero-mark{border-color:rgba(116,241,222,.38)!important;background:radial-gradient(circle,rgba(11,28,36,.96) 0 35%,rgba(101,234,215,.15) 36% 37%,transparent 38%),repeating-conic-gradient(rgba(114,241,220,.24) 0 1deg,transparent 1deg 30deg)!important;box-shadow:inset 0 0 0 12px rgba(102,229,211,.035),inset 0 0 50px rgba(107,231,213,.12),0 0 55px rgba(89,224,205,.15)!important;animation:hero-float 7s ease-in-out infinite;transform:translateZ(45px)}.hero-mark i{color:var(--cyan-soft)!important;text-shadow:0 0 24px rgba(111,241,221,.55)}.hero-mark span{color:#89aaa6!important}.hero-mark b{color:var(--gold)!important}
.use-cases,.method-section,.faq-section{position:relative}.use-cases{border-color:var(--line)!important;background:linear-gradient(145deg,rgba(13,30,39,.76),rgba(7,18,26,.62))!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 26px 70px rgba(0,0,0,.25)!important;backdrop-filter:blur(24px) saturate(125%)}.uses-grid article,.method-grid article,.faq-list details,.fact-strip div,.culture-note article,.history-item{border-color:var(--line)!important;background:linear-gradient(145deg,rgba(16,34,43,.68),rgba(7,19,27,.54))!important;box-shadow:inset 0 1px rgba(255,255,255,.045),0 16px 40px rgba(0,0,0,.2)!important;backdrop-filter:blur(20px) saturate(125%)}.uses-grid article,.method-grid article{transform-style:preserve-3d;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease!important}.uses-grid article:hover,.method-grid article:hover{transform:translateY(-8px) rotateX(1.5deg);border-color:var(--line-hot)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 24px 55px rgba(0,0,0,.34),0 0 30px rgba(91,222,205,.08)!important}.uses-grid h3,.method-grid h3,.faq-list summary,.fact-strip strong{color:var(--ink)!important}.uses-grid p,.method-grid p,.faq-list p,.culture-note p,.history-item p{color:var(--muted)!important}.uses-grid i{color:var(--cyan)!important;border-color:var(--line-hot)!important;background:rgba(91,221,204,.09)!important;box-shadow:0 0 18px rgba(91,221,204,.08)}.uses-grid small{color:#79918f!important}.uses-boundary,.method-note{color:var(--muted)!important;border-color:var(--line-hot)!important;background:rgba(15,32,41,.7)!important}.uses-boundary b,.method-note strong{color:var(--cyan-soft)!important}.fact-strip div{border-radius:14px}.fact-strip strong{background:linear-gradient(90deg,var(--cyan-soft),var(--violet));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.fact-strip span{color:var(--muted)!important}.method-grid article::after{color:rgba(112,241,220,.055)!important}.method-grid b{background:rgba(98,230,211,.1)!important;border:1px solid var(--line-hot);color:var(--cyan)!important}.section-cta,.primary{border:1px solid rgba(128,255,237,.36)!important;background:linear-gradient(135deg,#157c73,#5d54a7)!important;color:white!important;box-shadow:0 12px 35px rgba(36,191,174,.18),inset 0 1px rgba(255,255,255,.2)!important}.section-cta:hover,.primary:hover{box-shadow:0 16px 42px rgba(49,223,202,.26),0 0 28px rgba(74,220,202,.12)!important}
.workspace{perspective:1200px}.input-panel,.result-panel{border:1px solid var(--line)!important;background:linear-gradient(145deg,rgba(12,29,38,.82),rgba(6,17,24,.72))!important;box-shadow:inset 0 1px rgba(255,255,255,.055),0 28px 70px rgba(0,0,0,.3)!important;backdrop-filter:blur(28px) saturate(130%)}.section-title{color:var(--cyan-soft)!important;border-color:var(--line)!important}.subtle,.privacy,.form-meta,#autoHint{color:var(--muted)!important}label{color:#d9ece8!important}textarea,select,input{color:var(--ink)!important;border:1px solid var(--line)!important;background:rgba(3,13,19,.62)!important;box-shadow:inset 0 1px 8px rgba(0,0,0,.2)}textarea:focus,select:focus,input:focus{border-color:var(--line-hot)!important;box-shadow:0 0 0 3px rgba(103,234,215,.08),0 0 26px rgba(81,220,201,.07)!important}option{background:#09151d}.time-box{border-color:var(--line)!important;background:linear-gradient(120deg,rgba(26,68,72,.32),rgba(32,24,63,.25))!important}.time-box strong{color:var(--cyan-soft)!important}.pill{color:var(--cyan)!important;border-color:var(--line-hot)!important;background:rgba(95,226,208,.08)!important}#empty h2{color:var(--ink)!important}#empty>p,.empty-bottom{color:var(--muted)!important}
.grand-compass{--tilt-x:7deg;--tilt-y:-4deg;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateZ(0)!important;filter:drop-shadow(0 30px 34px rgba(0,0,0,.5)) drop-shadow(0 0 22px rgba(73,226,205,.13))!important;transition:transform .22s ease-out;will-change:transform}.compass-aura{background:radial-gradient(circle,rgba(100,239,217,.24),rgba(132,104,242,.07) 48%,transparent 68%)!important}.compass-bezel{background:repeating-conic-gradient(from -1deg,rgba(111,241,220,.8) 0 1deg,transparent 1deg 5deg),radial-gradient(circle at 36% 26%,transparent 0 12%,rgba(196,255,246,.16) 12.5% 13%,transparent 13.5% 57%,rgba(110,240,220,.14) 57.5% 59%,transparent 59.5% 74%,#1b766f 74.5% 76%,#162c39 76.5% 77.5%,#7fe4d5 78% 79%,#172c38 80% 83%,#254c52 84%)!important;box-shadow:inset 0 0 0 2px #5ad2c2,inset 0 0 0 8px #102c36,inset 0 0 0 10px rgba(132,246,228,.34),inset 0 0 42px rgba(64,221,202,.14),0 0 0 1px rgba(105,243,222,.45),0 0 45px rgba(81,221,202,.12)!important}.compass-bezel:before{border-color:rgba(119,239,221,.38)!important;box-shadow:0 0 0 7px rgba(12,35,43,.82),0 0 0 8px rgba(105,237,217,.28),inset 0 0 28px rgba(79,226,205,.12)!important}.compass-bezel:after{border-color:rgba(168,142,255,.52)!important;box-shadow:0 0 0 5px rgba(153,127,255,.05),0 0 0 6px rgba(99,231,212,.18)!important}.time-orbit span{color:#b9e9e2!important;border-color:rgba(112,240,221,.25)!important;background:rgba(6,24,31,.9)!important;box-shadow:0 0 10px rgba(75,223,203,.08)!important}.palace-orbit span{color:#e9fffb!important;text-shadow:0 0 10px rgba(97,234,215,.32)!important}.palace-orbit small{color:var(--gold)!important}.compass-axis:before,.compass-axis:after{background:linear-gradient(90deg,transparent,var(--cyan) 20% 80%,transparent)!important;box-shadow:0 0 8px rgba(104,239,219,.4)}.compass-needle{background:linear-gradient(to bottom,#c4fff6 0 41%,transparent 41% 59%,#aa95ff 59%)!important;filter:drop-shadow(0 0 6px rgba(112,243,222,.65))!important}.compass-needle:before{border-top-color:#d0fff8!important}.compass-needle:after{border-bottom-color:#aa95ff!important}.compass-hub{background:radial-gradient(circle at 36% 28%,#246e70,#0d303b 58%,#07151d)!important;color:#f0fffc!important;border-color:#59cfbf!important;box-shadow:0 0 0 5px #0d2933,0 0 0 7px rgba(104,237,216,.58),0 0 28px rgba(76,229,208,.35)!important}.compass-hub small{color:var(--gold)!important}
.reading-step,.advice-box,.topic-section,.emotion-box,.lost-section{border-color:var(--line)!important;background:rgba(10,25,33,.7)!important;color:var(--ink)!important}.faq-list details[open]{border-color:var(--line-hot)!important}.faq-list summary::after{color:var(--cyan)!important}footer{color:var(--muted)!important;border-color:var(--line)!important}dialog{color:var(--ink)!important;border:1px solid var(--line-hot)!important;background:rgba(6,18,25,.95)!important;box-shadow:0 40px 100px rgba(0,0,0,.65)!important;backdrop-filter:blur(30px)}dialog::backdrop{background:rgba(0,4,8,.75);backdrop-filter:blur(8px)}dialog p{color:var(--muted)!important}dialog h2,dialog h3{color:var(--ink)!important}dialog a{color:var(--cyan)!important}
@keyframes sky-drift{to{transform:rotate(360deg)}}@keyframes glass-scan{0%,18%{transform:translateX(-95%)}52%,100%{transform:translateX(105%)}}@keyframes hero-float{0%,100%{translate:0 -3px;rotate:-1deg}50%{translate:0 8px;rotate:1deg}}
@media(max-width:800px){body:after{display:none}.intro{min-height:0!important}.uses-grid article:hover,.method-grid article:hover{transform:translateY(-3px)}.grand-compass{--tilt-x:5deg;--tilt-y:0deg}.fact-strip div{border-radius:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:after,.intro:before,.hero-mark{animation:none!important}.uses-grid article,.method-grid article,.grand-compass{transition:none!important}.uses-grid article:hover,.method-grid article:hover{transform:none!important}.grand-compass{--tilt-x:3deg!important;--tilt-y:0deg!important}}