:root{--product-bg:#f5f5f7;--product-ink:#1d1d1f;--product-muted:#6e6e73;--product-blue:#224e43;--product-line:rgba(0,0,0,.08);--product-card:rgba(255,255,255,.78)}
html{background:var(--product-bg)}body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI","Microsoft YaHei",sans-serif;color:var(--product-ink);background:radial-gradient(circle at 50% 6%,#fff 0 15%,transparent 42%),linear-gradient(180deg,#f7fbfc 0,#f5f5f7 34%,#fff 68%,#f5f5f7 100%);letter-spacing:-.01em}body:before{opacity:.16;background-image:linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px);background-size:64px 64px}body:after{display:none}
header{height:58px;padding-top:0!important;padding-bottom:0!important;background:rgba(255,255,255,.74)!important;border-color:rgba(0,0,0,.06)!important;box-shadow:none!important;backdrop-filter:saturate(180%) blur(24px)}.brand{color:var(--product-ink)!important;font-weight:650}.brand .seal{width:34px!important;height:34px!important;border-radius:10px!important;color:#fff!important;background:linear-gradient(145deg,#222,#56565a)!important;border:0!important;box-shadow:inset 0 1px rgba(255,255,255,.24),0 5px 12px rgba(0,0,0,.12)!important}.brand small{color:#777!important;letter-spacing:.12em}.header-note{color:#85858a!important}.text-button,.footer-link{color:#3f3f42!important;font-weight:500}.language-link{color:var(--product-blue)!important;border:0!important;background:rgba(0,113,227,.07)!important}
main{padding-top:24px!important}.intro{min-height:590px!important;padding:76px 7.5%!important;border:0!important;border-radius:34px!important;background:radial-gradient(circle at 82% 46%,rgba(109,210,204,.14),transparent 23%),radial-gradient(circle at 88% 38%,rgba(123,105,206,.08),transparent 32%),linear-gradient(145deg,rgba(255,255,255,.96),rgba(246,250,251,.94))!important;box-shadow:0 26px 80px rgba(0,0,0,.06)!important}.intro:before{display:none}.intro:after{opacity:.55}.intro-copy{max-width:800px}.eyebrow{color:#77777c!important;font-size:12px!important;font-weight:650;letter-spacing:.16em!important}.intro h1{margin:16px 0 22px!important;color:var(--product-ink)!important;font-size:clamp(50px,6.2vw,88px)!important;font-weight:650!important;line-height:1.03!important;letter-spacing:-.055em!important}.intro h1 em{font-style:normal;background:linear-gradient(100deg,#111 4%,#008f98 54%,#7663c6 92%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.intro-lead{max-width:650px;color:var(--product-muted)!important;font-size:19px!important;font-weight:450;line-height:1.62!important;letter-spacing:-.015em}.hero-pills{gap:10px!important;margin-top:30px!important}.hero-pills span{padding:9px 14px!important;border:0!important;border-radius:999px!important;color:#454549!important;background:#f1f1f3!important;font-size:12px!important;font-weight:550;box-shadow:none!important}.hero-mark{flex-basis:260px!important;width:260px!important;height:260px!important;border:1px solid rgba(0,0,0,.06)!important;background:radial-gradient(circle,#fff 0 35%,rgba(40,172,169,.08) 36% 37%,transparent 38%),repeating-conic-gradient(rgba(0,0,0,.09) 0 1px,transparent 1px 30deg)!important;box-shadow:inset 0 0 0 14px rgba(255,255,255,.72),0 30px 70px rgba(0,0,0,.12)!important}.hero-mark i{color:#1f777b!important;font-size:68px!important;text-shadow:none}.hero-mark span{color:#777!important}.hero-mark b{color:#333!important}
.use-cases{margin-top:30px!important;padding:70px 5%!important;border:0!important;border-radius:34px!important;background:#fff!important;box-shadow:0 20px 70px rgba(0,0,0,.045)!important}.uses-heading{margin-bottom:38px!important}.uses-heading h2,.method-head h2,.faq-head h2,.culture-note h2{color:var(--product-ink)!important;font-family:inherit!important;font-size:clamp(36px,4.6vw,64px)!important;font-weight:650!important;line-height:1.08!important;letter-spacing:-.045em!important}.uses-heading>p,.method-head>p{color:var(--product-muted)!important;font-size:17px;line-height:1.65}.uses-grid{gap:16px!important}.uses-grid article,.method-grid article,.faq-list details,.fact-strip div,.culture-note article,.history-item{border:0!important;background:#f5f5f7!important;box-shadow:none!important;backdrop-filter:none!important}.uses-grid article{min-height:210px!important;padding:25px!important;border-radius:22px!important}.uses-grid article:hover,.method-grid article:hover{transform:translateY(-5px)!important;border:0!important;box-shadow:0 18px 42px rgba(0,0,0,.08)!important}.uses-grid i{top:18px!important;right:20px!important;color:#13888d!important;border:0!important;background:transparent!important;box-shadow:none!important;opacity:.8}.uses-grid h3,.method-grid h3,.faq-list summary,.fact-strip strong{color:var(--product-ink)!important}.uses-grid p,.method-grid p,.faq-list p,.culture-note p,.history-item p{color:var(--product-muted)!important}.uses-grid small{color:#86868b!important;border-color:rgba(0,0,0,.06)!important}.uses-boundary,.method-note{border:0!important;border-radius:18px!important;color:#65656a!important;background:#f5f5f7!important}.uses-boundary b,.method-note strong{color:#333!important}.fact-strip{gap:12px!important}.fact-strip div{padding:30px 16px!important;border-radius:20px!important}.fact-strip strong{background:linear-gradient(90deg,#1d1d1f,#16878c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.fact-strip span{color:#777!important}.method-section,.faq-section{margin-top:105px!important;margin-bottom:105px!important}.method-grid article{min-height:245px!important;padding:32px!important;border-radius:26px!important}.method-grid b{border:0!important;background:#1d1d1f!important;color:#fff!important}.method-grid article::after{color:rgba(0,0,0,.035)!important}.section-cta,.primary{border:0!important;border-radius:999px!important;background:var(--product-blue)!important;color:#fff!important;box-shadow:none!important;font-weight:600}.section-cta:hover,.primary:hover{background:#0077ed!important;box-shadow:0 10px 28px rgba(0,113,227,.2)!important}
.workspace{gap:22px!important}.input-panel,.result-panel{border:0!important;border-radius:30px!important;background:rgba(255,255,255,.88)!important;box-shadow:0 20px 60px rgba(0,0,0,.065)!important;backdrop-filter:saturate(150%) blur(24px)}.section-title{color:#3a3a3c!important;border-color:rgba(0,0,0,.07)!important;font-weight:650}.subtle,.privacy,.form-meta,#autoHint{color:#86868b!important}label{color:#333!important;font-weight:600}textarea,select,input{color:#1d1d1f!important;border:1px solid rgba(0,0,0,.1)!important;border-radius:14px!important;background:#f7f7f8!important;box-shadow:none!important}textarea:focus,select:focus,input:focus{border-color:var(--product-blue)!important;box-shadow:0 0 0 4px rgba(0,113,227,.1)!important}.time-box{border:0!important;border-radius:18px!important;background:linear-gradient(120deg,#eefafa,#f2effc)!important}.time-box strong{color:#1c7f83!important}.pill{color:#176f74!important;border:0!important;background:#eaf8f7!important}#empty h2{color:#1d1d1f!important}#empty>p,.empty-bottom{color:#777!important}
.compass-stage{position:relative;border-radius:28px;background:radial-gradient(circle at 50% 45%,#fff 0 24%,rgba(226,247,244,.8) 47%,rgba(242,241,250,.55) 62%,transparent 73%)}.grand-compass{filter:drop-shadow(0 40px 42px rgba(0,0,0,.14))!important}.grand-compass:before{background:radial-gradient(circle,#fff,rgba(218,244,240,.38) 54%,rgba(129,109,214,.05) 67%,transparent 69%)}.compass-aura{opacity:.75}.compass-bezel{filter:saturate(.74);box-shadow:inset 0 0 0 2px rgba(0,0,0,.26),inset 0 0 0 9px #fff,inset 0 0 0 11px rgba(0,0,0,.12),inset 0 0 52px rgba(23,132,136,.08),0 0 0 1px rgba(0,0,0,.12),0 32px 70px rgba(0,0,0,.1)!important}.palace-orbit span{border:1px solid rgba(0,0,0,.075)!important;background:rgba(255,255,255,.94)!important;color:#1d1d1f!important;box-shadow:inset 0 1px #fff,0 7px 20px rgba(0,0,0,.1)!important}.palace-orbit small{color:#777!important}.time-orbit span{border-color:rgba(0,0,0,.07)!important;color:#666!important;background:rgba(255,255,255,.9)!important}.compass-hub{color:#1b777b!important;background:radial-gradient(circle at 35% 26%,#fff,#e9f7f5 58%,#cfe9e6)!important;border-color:rgba(0,0,0,.12)!important;box-shadow:inset 0 1px 5px white,0 0 0 5px white,0 0 0 7px rgba(0,0,0,.1),0 15px 32px rgba(0,0,0,.14)!important}.grand-compass .active{color:#006f75!important;border-color:rgba(0,130,138,.38)!important;background:#fff!important;box-shadow:0 10px 28px rgba(0,102,109,.15),0 0 0 4px rgba(0,140,145,.08)!important}
.reading-step,.advice-box,.topic-section,.emotion-box,.lost-section{border:0!important;border-radius:20px!important;background:#f5f5f7!important;color:#1d1d1f!important}.faq-list details{border-radius:20px!important;background:#fff!important;box-shadow:0 10px 36px rgba(0,0,0,.045)!important}.faq-list summary::after{color:var(--product-blue)!important}footer{color:#777!important;border-color:rgba(0,0,0,.08)!important}dialog{color:#1d1d1f!important;border:0!important;border-radius:28px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 40px 120px rgba(0,0,0,.24)!important}dialog::backdrop{background:rgba(0,0,0,.25)}dialog p{color:#6e6e73!important}dialog h2,dialog h3{color:#1d1d1f!important}dialog a{color:var(--product-blue)!important}
@media(max-width:800px){main{padding-top:12px!important}.intro{padding:48px 24px!important;border-radius:24px!important;min-height:0!important}.intro h1{font-size:44px!important}.intro-lead{font-size:17px!important}.use-cases{padding:45px 22px!important;border-radius:24px!important}.uses-heading h2,.method-head h2,.faq-head h2{font-size:38px!important}.input-panel,.result-panel{border-radius:24px!important}.method-section,.faq-section{margin-top:70px!important;margin-bottom:70px!important}}