:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--vacuum-ink:#0e1612;--instrument-surface:#17221d;--porcelain:#ecece3;--muted:#97a299;--line:#31413a;--quantum-jade:#3fbe90;--jade-soft:#a6e0c6;--fate-cinnabar:#e2684a;--measured-gold:#d4aa5a;--focus:#70ddb1;--radius-sm:4px;--radius-md:8px;background:var(--vacuum-ink);color:var(--porcelain);font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}@supports (color:lab(0% 0 0)){:root{--vacuum-ink:lab(6.35536% -3.80719 1.11281);--instrument-surface:lab(12.0813% -5.99528 1.72811);--porcelain:lab(93.138% -1.05989 4.42665);--muted:lab(65.4414% -5.32129 3.39108);--line:lab(26.0953% -8.31664 2.39886);--quantum-jade:lab(69.2458% -44.4216 12.6197);--jade-soft:lab(84.6978% -23.3481 6.72464);--fate-cinnabar:lab(59.197% 47.35 40.8547);--measured-gold:lab(72.297% 9.08977 46.6615);--focus:lab(80.718% -40.6436 11.605)}}*{box-sizing:border-box}html{background:var(--vacuum-ink);min-width:320px}body{background:var(--vacuum-ink);min-height:100vh;color:var(--porcelain);margin:0}button,textarea{font:inherit}button{letter-spacing:0}button:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.app-shell{width:min(1180px,100% - 40px);min-height:100vh;margin:0 auto;padding:20px 0 34px}.app-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:54px;display:flex}.brand-lockup{align-items:baseline;gap:12px;min-width:0;display:flex}.brand-lockup strong{font-family:Noto Serif TC,Songti TC,serif;font-size:20px;font-weight:600}.brand-lockup span,.header-status,.eyebrow,.character-count,.chart-heading>span,.chart-axis,.stage-list span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.header-status{white-space:nowrap}.question-view{grid-template-columns:minmax(280px,.9fr) minmax(400px,1.1fr);align-items:center;gap:6vw;min-height:calc(100vh - 110px);padding:48px 0 6vh;display:grid}.question-intro{align-self:center;min-width:0}.question-kicker{color:var(--jade-soft);margin:0 0 12px;font-family:Noto Serif TC,Songti TC,serif;font-size:15px;font-weight:500;line-height:1.5}.question-lead{max-width:18em;color:var(--porcelain);margin:0;font-family:Noto Serif TC,Songti TC,serif;font-size:28px;font-weight:500;line-height:1.45}.question-lead.secondary{max-width:28em;color:var(--muted);margin-top:14px;font-family:Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;font-size:15px;font-weight:400;line-height:1.75}.press-moment{border-top:1px solid var(--line);gap:12px;margin:28px 0 0;padding:18px 0 0;list-style:none;display:grid}.press-moment li{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;display:grid}.press-step{color:var(--quantum-jade);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.4}.press-moment strong{color:var(--porcelain);font-family:Noto Serif TC,Songti TC,serif;font-size:15px;font-weight:500;line-height:1.4;display:block}.press-moment p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.7}.question-disclaimer{max-width:42ch;color:color-mix(in oklch, var(--muted) 78%, transparent);margin:18px 0 0;font-size:12px;line-height:1.6}.question-form{min-width:0}.field-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.field-heading label{font-size:15px;font-weight:650}.question-form textarea{resize:vertical;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--instrument-surface);width:100%;min-height:190px;color:var(--porcelain);padding:20px;font-family:Noto Serif TC,Songti TC,serif;font-size:19px;line-height:1.75;display:block}.question-form textarea::placeholder{color:var(--muted);opacity:.72}.question-form textarea[aria-invalid=true]{border-color:var(--fate-cinnabar)}.form-footer{justify-content:space-between;align-items:flex-start;gap:24px;margin-top:16px;display:flex}.form-message{max-width:40ch;color:var(--muted);margin:0;font-size:12px;line-height:1.6}.form-message.error{color:#f8a18a;color:lab(74.7606% 31.7073 25.8988)}.primary-button,.secondary-button,.text-button{cursor:pointer;justify-content:center;align-items:center;gap:9px;min-height:44px;display:inline-flex}.primary-button{border:1px solid var(--quantum-jade);border-radius:var(--radius-sm);background:var(--quantum-jade);color:var(--vacuum-ink);flex:none;padding:0 18px;font-weight:700}.primary-button:hover:not(:disabled){background:var(--jade-soft);border-color:var(--jade-soft)}.primary-button:disabled{cursor:not-allowed;opacity:.38}.secondary-button{border:1px solid var(--quantum-jade);border-radius:var(--radius-sm);color:var(--jade-soft);background:0 0;padding:0 17px;text-decoration:none}.secondary-button:hover{background:var(--instrument-surface)}.text-button{border:0;border-bottom:1px solid var(--line);color:var(--muted);background:0 0;padding:0 2px}.text-button:hover{color:var(--porcelain);border-color:var(--quantum-jade)}.observation-view{box-sizing:border-box;flex-direction:column;justify-content:center;width:100%;max-width:none;min-height:calc(100vh - 110px);margin:0;padding:36px 0 28px;display:flex}.observation-heading{width:100%;min-height:28px;color:var(--jade-soft);align-items:center;gap:12px;display:flex}.observation-heading p{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:650;overflow:hidden}.ritual-clock{width:100%;color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:flex}.ritual-clock span:last-child{color:var(--jade-soft)}.observation-view blockquote{overflow-wrap:anywhere;width:100%;margin:22px 0 28px;font-family:Noto Serif TC,Songti TC,serif;font-size:28px;line-height:1.5}.ritual-icon{color:var(--quantum-jade);flex:none}.ritual-stage-card{border-top:1px solid var(--line);box-sizing:border-box;width:100%;height:88px;min-height:88px;margin:0 0 22px;padding:14px 0 0;overflow:hidden}.ritual-detail{color:var(--porcelain);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.ritual-metaphor{max-width:none;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-family:Noto Serif TC,Songti TC,serif;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.observation-visual{flex:none;width:100%;height:240px;min-height:240px;margin-bottom:18px;overflow:hidden}.observation-visual .observation-field,.observation-visual .distance-field{height:100%;min-height:100%;margin-bottom:0}.observation-visual .distance-field{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;display:flex}.observation-visual .distance-plot{flex:auto;height:auto;min-height:0}.observation-field{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex:none;width:100%;height:240px;margin-bottom:18px;position:relative;overflow:hidden}.field-orbit{border:1px solid color-mix(in oklch, var(--quantum-jade) 36%, transparent);border-radius:50%;animation:3.8s ease-in-out infinite orbit-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg)}.orbit-a{width:58%;height:44%}.orbit-b{opacity:.48;width:76%;height:68%;animation-delay:.6s;transform:translate(-50%,-50%)rotate(12deg)}.field-wave{background:linear-gradient(90deg, transparent, var(--quantum-jade), transparent);opacity:.42;width:100%;height:1px;animation:2.4s cubic-bezier(.16,1,.3,1) infinite wave-drift;position:absolute;inset:50% auto auto 0;transform:translateY(-50%)}.wave-a{animation-delay:0s;top:28%}.wave-b{opacity:.7;animation-delay:.18s;top:50%}.wave-c{animation-delay:.36s;top:72%}.field-node{background:var(--jade-soft);opacity:.35;border-radius:50%;width:4px;height:4px;animation:1.5s ease-in-out infinite node-signal;position:absolute}.field-scan{background:var(--quantum-jade);opacity:.55;width:1px;animation:2.8s cubic-bezier(.16,1,.3,1) infinite field-scan;position:absolute;top:0;bottom:0;left:0}.field-core{border:1px solid var(--quantum-jade);background:color-mix(in oklch, var(--quantum-jade) 35%, transparent);width:14px;height:14px;box-shadow:0 0 0 0 color-mix(in oklch, var(--quantum-jade) 35%, transparent);border-radius:999px;transition:left .7s cubic-bezier(.16,1,.3,1),box-shadow .7s cubic-bezier(.16,1,.3,1);animation:1.6s ease-out infinite core-pulse;position:absolute;top:50%;left:18%;transform:translate(-50%,-50%)}.field-core[data-stage=opening]{left:14%}.field-core[data-stage=entangling]{left:38%}.field-core[data-stage=slicing]{left:64%}.field-core[data-stage=settling]{left:86%}.field-core[data-stage=sealing]{box-shadow:0 0 0 18px color-mix(in oklch, var(--quantum-jade) 8%, transparent);left:50%}.field-readout{color:var(--jade-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;position:absolute;bottom:10px;right:12px}.distance-field{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex:none;width:100%;margin-bottom:18px}.distance-field-header,.distance-field-axis{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:flex}.distance-field-header{color:var(--jade-soft);padding:10px 0}.distance-field-header span:last-child{color:var(--quantum-jade)}.distance-plot{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, color-mix(in oklch, var(--line) 58%, transparent) 1px, transparent 1px);background-size:100% 25%,10% 100%;width:100%;height:240px;position:relative;overflow:hidden}.distance-question-axis{z-index:3;background:var(--measured-gold);height:1px;position:absolute;top:50%;left:0;right:0}.distance-question-axis i{color:var(--measured-gold);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-style:normal;position:absolute;top:-20px;left:10px}.distance-sample{z-index:2;background:var(--quantum-jade);opacity:0;width:1px;max-height:44%;transition:opacity .18s ease-out,transform .34s cubic-bezier(.16,1,.3,1);position:absolute;transform:scaleY(0)}.distance-sample[data-direction=up]{transform-origin:bottom;bottom:50%}.distance-sample[data-direction=down]{transform-origin:top;top:50%}.distance-sample[data-visible=true]{opacity:.78;transform:scaleY(1)}.distance-sweep{z-index:4;background:var(--jade-soft);width:1px;box-shadow:0 0 16px color-mix(in oklch, var(--quantum-jade) 65%, transparent);transition:left 80ms linear;position:absolute;top:0;bottom:0}.distance-field-axis{color:var(--muted);padding:9px 0}.distance-field-axis span:nth-child(2){color:var(--jade-soft)}.observation-rail{background:var(--line);flex:none;width:100%;height:2px;position:relative;overflow:hidden}.rail-fill{background:var(--quantum-jade);transform-origin:0;width:28%;height:100%;transition:width .7s cubic-bezier(.16,1,.3,1);display:block}.rail-fill[data-stage=opening]{width:22%}.rail-fill[data-stage=entangling]{width:46%}.rail-fill[data-stage=slicing]{width:72%}.rail-fill[data-stage=settling]{width:92%}.rail-fill[data-stage=sealing]{width:100%}.stage-list{width:100%;color:var(--muted);flex:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:0;font-size:12px;list-style:none;display:grid}.stage-list li{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.stage-list li span{flex:none}.stage-list li[data-active=true],.stage-list li[data-complete=true]{color:var(--porcelain)}.stage-list li[data-active=true] span{color:var(--quantum-jade)}.result-view{animation:.78s cubic-bezier(.16,1,.3,1) both result-reveal}.result-question{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;padding:34px 0 28px;display:grid}.result-question h1{overflow-wrap:anywhere;max-width:850px;margin:0;font-family:Noto Serif TC,Songti TC,serif;font-size:31px;font-weight:500;line-height:1.5}.observed-at{color:var(--muted);align-items:center;gap:8px;margin:14px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;display:inline-flex}.observed-at span{color:var(--muted)}.observed-at time{color:var(--jade-soft);font-variant-numeric:tabular-nums}.result-grid{border-bottom:1px solid var(--line);grid-template-columns:minmax(290px,.76fr) minmax(480px,1.4fr);gap:46px;padding:36px 0;display:grid}.reading-column{flex-direction:column;justify-content:space-between;min-height:390px;display:flex}.verdict{color:var(--jade-soft);align-items:center;gap:10px;margin:0 0 22px;font-size:13px;font-weight:650;display:flex}.verdict:before{content:"";background:var(--quantum-jade);width:18px;height:2px}.percentage{color:var(--measured-gold);font-variant-numeric:tabular-nums;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:72px;font-weight:520;line-height:1}.percentage-caption{max-width:28ch;color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.6}.interpretation{color:#d5d9d1;color:lab(86.2239% -2.63184 3.48884);max-width:42ch;margin:28px 0 0;font-family:Noto Serif TC,Songti TC,serif;font-size:17px;line-height:1.9}.chart-section{min-width:0}.chart-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.chart-heading h2{margin:0 0 5px;font-size:16px;font-weight:650}.chart-heading p{color:var(--muted);margin:0;font-size:12px}.chart-canvas{border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:100%;height:320px}.chart-axis{font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:9px;display:flex}.result-footer{justify-content:space-between;align-items:center;gap:24px;padding-top:24px;display:flex}.result-notes{gap:8px;max-width:70ch;display:grid}.result-actions{flex:none;gap:10px;display:flex}.result-footer p{color:var(--muted);margin:0;font-size:11px;line-height:1.65}.copy-toast{color:var(--jade-soft)!important;font-size:12px!important}.share-grid{grid-template-columns:minmax(290px,.9fr) minmax(240px,.7fr)}.share-view .reading-column{min-height:auto}.share-meta{align-content:start;gap:18px;padding:8px 0 0;display:grid}.share-meta p{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:baseline;gap:16px;margin:0;padding-bottom:12px;font-size:13px;display:flex}.share-meta strong{color:var(--porcelain);font-weight:600}.share-meta-note{color:var(--muted)!important;border-bottom:0!important;padding-bottom:0!important;font-size:12px!important;line-height:1.7!important;display:block!important}@keyframes wave-drift{0%{opacity:.18;transform:translate(-8%,-50%)}45%{opacity:.7}to{opacity:.18;transform:translate(8%,-50%)}}@keyframes core-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in oklch, var(--quantum-jade) 30%, transparent)}50%{box-shadow:0 0 0 10px color-mix(in oklch, var(--quantum-jade) 0%, transparent)}}@keyframes orbit-breathe{0%,to{opacity:.22;scale:.96}50%{opacity:.66;scale:1.04}}@keyframes result-reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes node-signal{0%,to{opacity:.2;transform:scale(.75)}50%{opacity:.9;transform:scale(1.5)}}@keyframes field-scan{0%{opacity:0;transform:translate(-4px)}12%{opacity:.7}88%{opacity:.7}to{opacity:0;transform:translate(860px)}}@media (max-width:780px){html,body{height:100%;overflow:hidden}.app-shell{flex-direction:column;width:min(100% - 24px,620px);height:100dvh;min-height:0;max-height:100dvh;padding:8px 0 10px;display:flex;overflow:hidden}.app-header{flex:none;min-height:42px}.brand-lockup span,.header-status{display:none}.brand-lockup strong{font-size:17px}.question-view{flex-direction:column;flex:auto;grid-template-rows:none;grid-template-columns:none;justify-content:stretch;align-items:stretch;gap:0;min-height:0;padding:14px 0 0;display:flex;overflow:hidden}.question-intro{flex:none;align-self:auto;min-width:0;padding:4px 0 14px}.question-kicker{letter-spacing:.02em;color:var(--jade-soft);margin:0 0 10px;font-size:13px}.question-lead{max-width:none;font-size:clamp(20px,5.6vw,24px);line-height:1.4}.question-lead.secondary{max-width:none;margin-top:10px;font-size:13.5px;line-height:1.6}.press-moment{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:16px;padding:12px 0 0}.press-moment li{border-right:1px solid color-mix(in oklch, var(--line) 70%, transparent);flex-direction:column;align-items:flex-start;gap:6px;padding:0 8px 0 0;display:flex}.press-moment li:last-child{border-right:0;padding-right:0}.press-step{letter-spacing:.04em;font-size:10px}.press-moment strong{font-size:12px;line-height:1.35}.question-form{border-top:1px solid var(--line);flex-direction:column;flex:auto;min-height:0;margin-top:0;padding-top:14px;display:flex;overflow:hidden}.field-heading{flex:none;margin-bottom:10px}.field-heading label{letter-spacing:.02em;font-size:13px;font-weight:650}.question-form textarea{resize:none;border-radius:var(--radius-md);flex:auto;height:auto;min-height:132px;max-height:none;padding:16px;font-size:17px;line-height:1.55}.form-footer{flex-direction:column;flex:none;align-items:stretch;gap:12px;margin-top:14px}.form-message{max-width:none;font-size:12px;line-height:1.45}.primary-button{width:100%;min-height:50px;font-size:15px}.question-disclaimer{text-align:center;flex:none;max-width:none;margin:12px 0 0;font-size:10.5px;line-height:1.45}.observation-view{flex-direction:column;flex:auto;justify-content:flex-start;width:100%;max-width:none;min-height:0;max-height:none;margin:0;padding:8px 0 6px;display:flex;overflow:hidden}.observation-heading,.ritual-clock,.observation-view blockquote,.ritual-stage-card,.observation-visual,.observation-field,.distance-field,.observation-rail,.stage-list{width:100%}.observation-heading p{font-size:13px}.ritual-clock{margin-top:6px}.observation-view blockquote{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:none;min-height:46px;margin:8px 0 10px;font-size:17px;line-height:1.35;display:-webkit-box;overflow:hidden}.ritual-stage-card{flex:none;height:72px;min-height:72px;margin-bottom:8px;padding-top:8px}.ritual-detail{-webkit-line-clamp:2;font-size:12.5px;line-height:1.4}.ritual-metaphor{white-space:normal;-webkit-line-clamp:1;font-size:12px;line-height:1.4}.observation-visual{flex:auto;width:100%;height:auto;min-height:150px;margin-bottom:8px}.observation-field{flex:none;width:100%;height:100%;min-height:100%;margin-bottom:0}.distance-field{flex-direction:column;flex:none;width:100%;height:100%;min-height:100%;margin-bottom:0;display:flex}.distance-plot{flex:auto;width:100%;height:auto;min-height:0}.distance-field-axis span:nth-child(2){display:none}.stage-list{flex:none;grid-template-columns:1fr 1fr;gap:4px 10px;margin:8px 0 0;display:grid}.stage-list li{font-size:11px}.result-view{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.result-question{flex:none;grid-template-columns:1fr;align-items:start;gap:8px;padding:10px 0}.result-question h1{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:none;font-size:17px;line-height:1.35;display:-webkit-box;overflow:hidden}.observed-at{margin-top:8px;font-size:11px}.text-button{justify-self:start}.result-grid{flex-direction:column;flex:auto;gap:10px;min-height:0;padding:10px 0;display:flex;overflow:hidden}.reading-column{flex:none;width:100%;min-height:0;display:block}.verdict{margin-bottom:8px;font-size:12px}.percentage{font-size:44px;line-height:1}.percentage-caption{max-width:none;margin-top:6px;font-size:11px}.interpretation{-webkit-line-clamp:5;-webkit-box-orient:vertical;width:100%;max-width:none;margin-top:10px;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.chart-section{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex}.chart-heading{flex:none;margin-bottom:6px}.chart-heading h2{margin-bottom:2px;font-size:13px}.chart-heading p{font-size:11px}.chart-canvas{flex:auto;height:auto;min-height:110px}.chart-axis{margin-top:4px;font-size:10px}.result-footer{flex-direction:column;flex:none;align-items:stretch;gap:8px;padding-top:8px}.result-notes{gap:4px;max-width:none}.result-notes p{font-size:10.5px;line-height:1.4}.result-notes p:nth-child(2){display:none}.result-actions{flex-flow:wrap;gap:8px}.secondary-button{flex:auto;width:auto;min-width:0;min-height:40px;padding:0 12px;font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
