:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-ink:#15181f;--color-ink-muted:#626b79;--color-paper:#f7f8fb;--color-paper-strong:#fff;--color-surface:#ffffffe0;--color-surface-muted:#f3f6fae6;--color-line:#15181f1a;--color-line-strong:#15181f2e;--color-jade:#0f766e;--color-jade-soft:#dff4ef;--color-cinnabar:#d35b47;--color-cinnabar-soft:#ffe8e1;--color-bronze:#b58937;--color-bronze-soft:#f5ead0;--color-violet:#6d5bd0;--color-violet-soft:#ebe8ff;--color-celestial:#1f6feb;--color-celestial-soft:#e6f0ff;--color-black:#111827;--shadow-soft:0 18px 55px #1a23351a;--shadow-hover:0 24px 70px #1a233529;--radius-card:8px;--radius-control:8px;--motion-fast:.16s ease;--tap-size:44px;--page-max:1180px;--safe-bottom:env(safe-area-inset-bottom,0px);--font-sans:"Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, SimSun, serif;font-family:var(--font-sans);background:var(--color-paper);color:var(--color-ink)}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{color:inherit}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.app-body{background:radial-gradient(circle at 12% -8%, #0f766e2e, transparent 30rem), radial-gradient(circle at 86% 0%, #6d5bd029, transparent 28rem), radial-gradient(circle at 76% 52%, #d35b4714, transparent 22rem), linear-gradient(90deg, #15181f0b 1px, transparent 1px), linear-gradient(180deg, #15181f09 1px, transparent 1px), var(--color-paper);background-size:auto,auto,auto,32px 32px,32px 32px,auto;min-height:100vh}.app-body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 18% 18%,#0000 0 3.6rem,#b589371f 3.65rem 3.72rem,#0000 3.78rem),radial-gradient(circle at 83% 20%,#0000 0 5.4rem,#1f6feb1a 5.46rem 5.54rem,#0000 5.6rem),linear-gradient(125deg,#0000 0 45%,#0f766e0d 45.1% 45.5%,#0000 45.6% 100%);position:fixed;inset:0}.app-body:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000,#ffffffb8),radial-gradient(at 50% 100%,#0f5b4e14,#0000 64%);height:18rem;position:fixed;inset:auto 0 0}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{padding-bottom:calc(5.4rem + var(--safe-bottom));flex:1}.skip-link{z-index:100;border-radius:var(--radius-control);background:var(--color-black);color:#fff;padding:.7rem .9rem;text-decoration:none;position:fixed;top:.75rem;left:.75rem;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.app-topbar{z-index:30;width:100%;min-height:4.85rem;padding:.72rem max(1rem, env(safe-area-inset-left,0px)) .72rem max(1rem, env(safe-area-inset-right,0px));-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);background:#f7f8fbc7;border-bottom:1px solid #15181f14;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.brand-mark{align-items:center;width:clamp(8.1rem,11.2vw,10.6rem);min-width:0;height:3.15rem;text-decoration:none;display:inline-flex}.brand-logo-image{object-fit:contain;width:100%;height:auto;display:block}.topbar-icon-actions{align-items:center;gap:.58rem;display:none}.topbar-icon-button{color:#356a62;width:2.35rem;height:2.35rem;transition:background var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast), transform var(--motion-fast);background:radial-gradient(circle at 35% 26%,#fffffff2,#0000 48%),#ebf7f3db;border:1px solid #0f5b4e1f;border-radius:50%;place-items:center;text-decoration:none;display:grid;position:relative;box-shadow:0 12px 26px #0f5b4e1a,inset 0 0 0 1px #ffffffa8}.topbar-icon-button:hover{background:#fff;border-color:#0f5b4e47;transform:translateY(-1px);box-shadow:0 14px 30px #0f5b4e26}.topbar-icon-button.is-avatar{color:#fff;background:linear-gradient(145deg,#0f5b4e,#0c776b),#0f5b4e}.topbar-notification-dot{background:#d65a3d;border:2px solid #fff;border-radius:50%;width:.52rem;height:.52rem;position:absolute;top:.22rem;right:.26rem;box-shadow:0 0 0 2px #d65a3d29}.mobile-bottom-nav{z-index:40;right:max(.75rem, env(safe-area-inset-right,0px));bottom:max(.75rem, var(--safe-bottom));left:max(.75rem, env(safe-area-inset-left,0px));border-radius:var(--radius-card);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:linear-gradient(#ffffffeb,#f8faf8e0),#ffffffe6;border:1px solid #15181f24;grid-template-columns:repeat(5,minmax(0,1fr));gap:.22rem;max-width:33rem;margin:0 auto;padding:.36rem;display:grid;position:fixed;box-shadow:0 18px 45px #1118271a}.mobile-nav-item{border-radius:var(--radius-control);color:#1a1d1f;align-content:center;justify-items:center;gap:.18rem;min-width:0;min-height:3.2rem;font-size:.72rem;font-weight:700;text-decoration:none;display:grid}.mobile-nav-item svg{flex:none}.mobile-nav-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mobile-nav-item.is-active{color:#fff;background:linear-gradient(#0f6b5f,#07584f),#0f5b4e;box-shadow:inset 0 1px #fff3,0 10px 22px #0f5b4e38}.page-shell,.workspace-shell{width:min(100%, var(--page-max));margin:0 auto;padding:1rem}.page-shell{align-items:start;min-height:calc(100vh - 4.25rem);display:grid}.auth-shell{align-items:center}.workspace-shell{--page-accent:#0f5b4e;--page-accent-soft:#0f5b4e1f;gap:1.08rem;display:grid}.chart-workspace{--page-accent:#0f5b4e;--page-accent-soft:#0f5b4e21}.energy-workspace{--page-accent:#b6832d;--page-accent-soft:#c9a24e26}.persona-workspace{--page-accent:#245f82;--page-accent-soft:#245f8221}.compatibility-workspace{--page-accent:#b95a4d;--page-accent-soft:#d35b471f}.profile-workspace{--page-accent:#4f624f;--page-accent-soft:#4f624f1f}.hero-card,.workspace-hero,.panel,.detail-card,.dashboard-tile,.chart-list-item,.case-group-card,.note-card,.preset-card,.question-card,.disclosure-card,.settings-card,.public-card-preview,.calibration-diff-card,.snapshot-history-item,.reading-item,.empty-state-card{border:1px solid var(--color-line);border-radius:var(--radius-card);background:linear-gradient(180deg, #ffffffe6, #ffffffc2), var(--color-surface)}.hero-card,.workspace-hero,.panel,.home-hero{box-shadow:var(--shadow-soft)}.hero-card{width:min(100%,54rem);padding:1.25rem}.auth-card{border:1px solid var(--color-line);border-radius:var(--radius-card);width:min(100%,34rem);box-shadow:var(--shadow-soft);background:linear-gradient(#fffffff5,#ffffffdb),url(/images/zhichen-hero-ink-luopan.png) 72%/cover no-repeat,#fff;gap:1rem;padding:1.12rem;display:grid;position:relative;overflow:hidden}.auth-card>*{z-index:1;position:relative}.auth-card h1{color:#171a1f;letter-spacing:0;margin:0;font-size:2.05rem}.auth-card .eyebrow{margin:0}.dashboard-card,.auth-card{gap:1rem;display:grid}.auth-heading{gap:.45rem;max-width:24rem;display:grid}.auth-mode-tabs{border-radius:var(--radius-card);background:#ffffffb8;border:1px solid #0f5b4e21;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding:.3rem;display:grid}.auth-mode-tab{border-radius:var(--radius-control);min-width:0;min-height:2.55rem;color:var(--color-ink-muted);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.32rem;font-size:.86rem;font-weight:800;display:inline-flex}.auth-mode-tab span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.auth-mode-tab.is-active{color:#0f5b4e;background:#fff;border-color:#0f766e47;box-shadow:0 10px 22px #0f5b4e1c}.auth-meta-list{flex-wrap:wrap;gap:.45rem;display:flex}.auth-meta-list span,.auth-dev-panel span,.auth-signed-in-panel span{color:var(--color-ink-muted);font-size:.86rem}.auth-signed-in-panel,.auth-dev-panel{border-radius:var(--radius-card);background:#ffffffbd;border:1px solid #0f5b4e1c;gap:.55rem;padding:.78rem;display:grid}.auth-signed-in-panel strong{overflow-wrap:anywhere}.auth-dev-panel{background:#f7f8fbc7;grid-template-columns:minmax(0,1fr) auto;align-items:center}.home-shell{gap:1rem}.home-hero{border-radius:var(--radius-card);background:radial-gradient(circle at 82% 18%,#6d5bd02e,#0000 17rem),radial-gradient(circle at 20% 86%,#0f766e21,#0000 18rem),linear-gradient(135deg,#fffffff0,#eff6ffe6);border:1px solid #15181f1a;gap:1rem;padding:1.25rem;display:grid;position:relative;overflow:hidden}.home-hero:before,.home-hero:after{content:"";pointer-events:none;position:absolute}.home-hero:before{opacity:.75;background:radial-gradient(circle,#0000 0 32%,#b5893738 32.4% 33%,#0000 33.4% 48%,#0f766e24 48.4% 49%,#0000 49.4%),conic-gradient(from 20deg,#0f766e24,#6d5bd01a,#d35b471a,#0f766e24);border-radius:50%;width:24rem;height:24rem;top:-7rem;right:-5rem}.home-hero:after{opacity:.68;background-color:#0000;background-image:radial-gradient(circle at 67% 24%,#15181f38 0 1px,#0000 1.5px),radial-gradient(circle at 74% 34%,#15181f2e 0 1px,#0000 1.5px),radial-gradient(circle at 82% 27%,#15181f29 0 1px,#0000 1.5px);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;inset:0}.home-hero-copy,.home-signal-card{z-index:1;min-width:0;position:relative}.home-hero-copy{align-content:start;gap:1rem;display:grid}.home-hero-copy .lede{margin-top:0}.home-signal-card{border-radius:var(--radius-card);background:linear-gradient(180deg, #ffffffdb, #f4f8fddb), var(--color-surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #0f766e2e;gap:.85rem;padding:1rem;display:grid;box-shadow:0 18px 45px #1a23351f}.home-signal-header{color:var(--color-jade);justify-content:space-between;align-items:center;gap:.75rem;display:flex}.home-signal-header span{align-items:center;gap:.4rem;font-weight:850;display:inline-flex}.home-signal-header strong{border-radius:var(--radius-control);background:var(--color-violet-soft);color:var(--color-violet);padding:.32rem .52rem;font-size:.76rem}.home-orbit{border-radius:var(--radius-card);background:radial-gradient(circle,#fffffffa 0 26%,#0000 27%),radial-gradient(circle,#0000 0 47%,#0f766e29 47.4% 48.1%,#0000 48.5% 68%,#6d5bd024 68.4% 69%,#0000 69.5%),linear-gradient(135deg,#0f766e17,#1f6feb14);border:1px solid #15181f14;place-items:center;min-height:10rem;display:grid;position:relative;overflow:hidden}.home-orbit strong{color:var(--color-ink);font-size:1.05rem}.home-orbit span{color:var(--color-ink-muted);font-size:.82rem}.element-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:.42rem;display:grid}.element-chip{border:1px solid var(--color-line);border-radius:var(--radius-card);background:#ffffffad;gap:.18rem;min-height:3.5rem;padding:.58rem;display:grid}.element-chip span{color:var(--color-ink-muted);font-size:.74rem;font-weight:700}.element-chip strong{color:var(--color-ink);font-size:.9rem}.workspace-hero{background-color:#fff;background-image:linear-gradient(90deg,#ffffffe6 0%,#ffffffbd 44%,#ffffff38 100%),url(/images/zhichen-hero-ink-luopan.png),none;background-position:0 0,50%,0 0;background-repeat:repeat,no-repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-color:#15181f1a;align-items:center;gap:1rem;min-height:clamp(11rem,20vw,15.5rem);padding:clamp(1.35rem,3vw,2.25rem);display:grid;position:relative;overflow:hidden}.workspace-hero:before{content:"";background:radial-gradient(circle, #ffffff29 0 34%, transparent 34.5% 45%, #b5893733 45.4% 46.1%, transparent 46.7% 62%, var(--page-accent-soft) 62.4% 63%, transparent 63.6%), conic-gradient(from 38deg, #0f5b4e1f, #c9a24e1f, #d35b471a, #0f5b4e1f);opacity:.72;border-radius:50%;width:clamp(9rem,22vw,16rem);height:clamp(9rem,22vw,16rem);position:absolute;bottom:-4.6rem;right:clamp(.6rem,8vw,6rem)}.workspace-hero>*{z-index:1;position:relative}.workspace-hero:after,.hero-card:after{content:"";border-radius:var(--radius-card);background:linear-gradient(90deg, transparent, var(--page-accent), #c9a24e66, transparent);height:1px;display:block}.eyebrow{color:#0f5b4e;letter-spacing:0;text-transform:none;margin:0 0 .6rem;font-size:.78rem;font-weight:800}.workspace-hero .eyebrow{display:none}h1,h2,h3,h4,p{overflow-wrap:anywhere;word-break:break-word}h1{max-width:min(100%,18ch);font-family:var(--font-serif);letter-spacing:.08em;margin:0;font-size:2.45rem;font-weight:760;line-height:1.04}.workspace-hero h1{color:#171a1f;letter-spacing:.1em;font-size:clamp(2.05rem,4.7vw,4.15rem);font-weight:720}h2{font-size:1.24rem}h3{font-size:1rem}.lede{max-width:44rem;color:var(--color-ink-muted);margin:.9rem 0 0;font-size:1rem;line-height:1.75}.workspace-hero .lede{color:#35423d;letter-spacing:.05em;max-width:36rem;font-size:clamp(.95rem,1.35vw,1.08rem);font-weight:520}.panel{gap:1.05rem;padding:1rem;display:grid;overflow:hidden}.panel-inline{box-shadow:none;background:var(--color-surface-muted)}.panel-span-full{grid-column:1/-1}.panel-heading{gap:.35rem;display:grid}.panel-heading h2,.panel-heading h3,.panel-heading h4{font-family:var(--font-serif);letter-spacing:.03em;margin:0;font-weight:720}.panel-heading p{color:var(--color-ink-muted);margin:0;line-height:1.65}.dashboard-grid,.workspace-grid,.workspace-grid-wide,.detail-grid,.result-grid,.comparison-grid,.compatibility-explanation-grid,.calibration-diff-grid,.snapshot-history-grid,.auth-note-list,.form-split,.case-filter-bar,.preset-grid,.note-grid,.innate-archetype-grid,.pillars-grid{grid-template-columns:1fr;gap:.75rem;display:grid}.dashboard-tile,.preset-card,.ghost-link,.chart-list-item,.case-group-card,.detail-card,.settings-card,.question-card,.disclosure-card,.public-card-preview,.snapshot-history-item,.calibration-diff-card,.empty-state-card{padding:1rem}.dashboard-tile,.ghost-link,.button-link{text-decoration:none}.dashboard-tile{gap:.45rem;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;position:relative;overflow:hidden}.dashboard-tile:after,.detail-card:after,.preset-card:after{content:"";opacity:.65;pointer-events:none;background:radial-gradient(circle,#0000 0 48%,#b589372e 50% 53%,#0000 55%),linear-gradient(135deg,#0f766e14,#6d5bd014);border-radius:50%;width:2.2rem;height:2.2rem;position:absolute;bottom:.75rem;right:.75rem}.dashboard-tile:hover,.preset-card:hover,.workspace-nav-link:hover,.chip-button:hover,.ghost-link:hover{box-shadow:var(--shadow-hover);border-color:#6d5bd047;transform:translateY(-1px)}.dashboard-tile h2,.dashboard-tile p,.detail-card h3,.detail-card p{margin:0}.dashboard-tile svg{color:var(--color-violet)}.dashboard-tile p,.detail-card p{color:var(--color-ink-muted);line-height:1.65}.workspace-list,.workspace-nav,.workspace-auth-actions,.chip-row,.action-row,.comparison-action-row,.quick-link-grid,.option-chip-group,.scale-row,.timeline-item-actions{flex-wrap:wrap;gap:.55rem;display:flex}.workspace-list code,.option-chip{border-radius:var(--radius-control);min-height:2rem;color:var(--color-ink-muted);background:#ffffffb8;border:1px solid #15181f0f;align-items:center;padding:.35rem .62rem;font-size:.82rem;font-weight:750;display:inline-flex}.workspace-nav-group{gap:.75rem;display:grid}.workspace-nav{border-radius:var(--radius-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffffdb,#f5f9f7cc),#ffffffc7;border:1px solid #0f5b4e21;padding:.38rem;box-shadow:0 14px 36px #1a23350f}.workspace-nav-link,.ghost-link,.chip-button,.primary-button,.secondary-button,.danger-button{min-height:var(--tap-size);border-radius:var(--radius-control);cursor:pointer;justify-content:center;align-items:center;gap:.45rem;max-width:100%;font-weight:800;line-height:1.2;transition:transform .16s,border-color .16s,background-color .16s,color .16s,box-shadow .16s;display:inline-flex}.workspace-nav-link,.ghost-link,.chip-button,.secondary-button{border:1px solid var(--color-line);color:var(--color-ink);background:#ffffffb8}.workspace-nav-link,.chip-button,.primary-button,.secondary-button,.danger-button,.ghost-link{padding:.72rem .9rem}.workspace-nav-link.is-active,.chip-button.is-active{color:#fff;background:linear-gradient(#0f5b4ef5,#085d52f5),#0f5b4e;border-color:#0f766e47;box-shadow:0 12px 26px #0f5b4e2e}.primary-button{background:linear-gradient(135deg, #0f766e, #168c82 55%, #2c75e8), var(--color-jade);color:#fff;border:1px solid #0f766ef2;box-shadow:0 14px 30px #0f766e38}.secondary-button{color:var(--color-ink)}.danger-button{border:1px solid var(--color-cinnabar);background:var(--color-cinnabar);color:#fff}.button-with-icon span,.primary-button span,.secondary-button span,.ghost-link span{text-overflow:ellipsis;min-width:0;overflow:hidden}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{opacity:.58;cursor:wait}.field-list,.toggle-list,.question-list,.settings-list,.chart-list,.case-group-list,.reading-list,.result-stack,.detail-list,.professional-assessment-section,.snapshot-history-list,.calibration-diff-list{gap:.75rem;display:grid}.field-row{gap:.4rem;display:grid}.field-row span,.field-help,.field-error,.detail-list dt,.result-tile span,.pillar-card span,.note-card strong,.innate-archetype-tile span,.snapshot-history-label,.calibration-diff-label{color:var(--color-ink-muted);font-size:.86rem}.field-row input,.field-row select,.field-row textarea{width:100%;min-height:var(--tap-size);border:1px solid var(--color-line);border-radius:var(--radius-control);color:var(--color-ink);background:linear-gradient(#fffffff5,#f8faf9e6),#fff;padding:.72rem .85rem;box-shadow:inset 0 1px #ffffffd9}.field-row textarea{resize:vertical;min-height:7rem}.field-row input:focus,.field-row select:focus,.field-row textarea:focus,.chip-button:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible,.danger-button:focus-visible,.mobile-nav-item:focus-visible,.workspace-nav-link:focus-visible,.ghost-link:focus-visible{outline-offset:2px;outline:2px solid #6d5bd052}.field-row input[aria-invalid=true],.field-row select[aria-invalid=true],.field-row textarea[aria-invalid=true]{background:#fff7f4;border-color:#d35b4770}.field-help,.field-error{line-height:1.55}.field-error{color:var(--color-cinnabar)}.lunar-date-selects{grid-template-columns:1fr;gap:.5rem;display:grid}.preset-card{color:inherit;text-align:left;cursor:pointer;gap:.35rem;display:grid;position:relative;overflow:hidden}.preset-card strong,.note-card span,.result-tile strong,.pillar-card strong,.innate-archetype-tile strong{color:var(--color-ink)}.preset-card span{color:var(--color-ink-muted);line-height:1.6}.preset-card.is-active{background:linear-gradient(135deg,#0f766e26,#6d5bd01a),#fff;border-color:#0f766e47}.note-card,.result-tile,.pillar-card,.innate-archetype-tile,.reading-item{border-radius:var(--radius-card);background:linear-gradient(180deg, #ffffffe0, #f6f9f7d1), var(--color-surface-muted);border:1px solid #15181f14;gap:.35rem;padding:.85rem;display:grid}.result-tile{position:relative;overflow:hidden}.result-tile:after{content:"";background:var(--color-bronze);opacity:.55;border-radius:50%;width:.48rem;height:.48rem;position:absolute;top:.62rem;right:.62rem}.pillar-card{background:linear-gradient(160deg, #ffffffdb, #e6f0ffb8), var(--color-surface-muted);min-height:5.2rem}.pillar-card strong{font-size:1.04rem}.result-tile-subtext{color:var(--color-ink-muted);margin-top:.15rem;font-size:.78rem;font-weight:500;line-height:1.45;display:block}.toggle-row,.checkbox-row{border:1px solid var(--color-line);border-radius:var(--radius-card);background:#ffffffb3;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem;display:flex}.checkbox-row{justify-content:flex-start}.checkbox-row input,.settings-card input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--color-jade)}.settings-card{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.settings-card strong{margin-bottom:.25rem;display:block}.settings-card p{color:var(--color-ink-muted);margin:0;line-height:1.6}.workspace-auth-status,.feedback-error,.feedback-success,.status-notice,.feedback-card{border:1px solid var(--color-line);border-radius:var(--radius-card);color:var(--color-ink-muted);background:#ffffffb3;margin:0;padding:.85rem .95rem;line-height:1.6}.status-notice{align-items:flex-start;gap:.55rem;display:flex}.workspace-auth-status.is-ready,.feedback-success,.status-notice.is-success,.feedback-card.success{background:var(--color-jade-soft);color:#17584d;border-color:#0f766e2e}.workspace-auth-status.is-warning,.status-notice.is-warning{background:var(--color-bronze-soft);color:#6f5424;border-color:#b5893733}.workspace-auth-status.is-error,.feedback-error,.status-notice.is-error,.feedback-card.error{background:var(--color-cinnabar-soft);color:#873320;border-color:#d35b4733}.code-block{border-radius:var(--radius-card);background:var(--color-black);color:#f8f6f0;margin:0;padding:1rem;font-size:.86rem;line-height:1.6;overflow:auto}.chart-json-block{max-height:24rem}.detail-list{margin:0}.detail-list div{gap:.2rem;display:grid}.detail-list dd{margin:0;line-height:1.5}.detail-paragraph,.empty-state,.task-list{color:var(--color-ink-muted);margin:0;line-height:1.7}.task-list{padding-left:1.1rem}.pillars-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-list-main,.chart-list-summary,.public-card-header,.snapshot-history-header,.timeline-item-header{gap:.65rem;display:grid}.chart-list-main h3,.chart-list-main p,.public-card-header p,.snapshot-history-header strong,.snapshot-history-header span{margin:0}.chart-list-main p,.public-card-header p,.timeline-item-date,.chart-list-meta{color:var(--color-ink-muted);line-height:1.55}.chart-list-meta{gap:.25rem;font-size:.84rem;display:grid}.reading-item.is-priority{background:linear-gradient(135deg, #dff4eff2, #ebe8ffb3), var(--color-jade-soft);border-color:#0f766e38}.danger-panel{border-radius:var(--radius-card);background:var(--color-cinnabar-soft);border:1px solid #d35b4733;gap:1rem;padding:1rem;display:grid}.disclosure-card summary{color:var(--color-jade);cursor:pointer;font-weight:800}.inline-chip-button{width:fit-content}.option-chip-warning{background:var(--color-cinnabar-soft);color:var(--color-cinnabar)}.empty-state-card{gap:.75rem;display:grid}.empty-state-card h2,.empty-state-card p{margin:0}.empty-state-card p{color:var(--color-ink-muted);line-height:1.7}.compliance-footer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff9e;border-top:1px solid #15181f14;margin-top:1.5rem}.compliance-footer-inner{width:min(100%, var(--page-max));gap:.3rem;margin:0 auto;padding:1rem;display:grid}.compliance-footer-inner strong{color:var(--color-jade);font-size:.9rem}.compliance-footer-inner p{color:var(--color-ink-muted);margin:0;line-height:1.6}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.home-shell{gap:1rem;width:min(100%,1580px);margin:0 auto;padding:1rem;display:grid}.home-hero{background:linear-gradient(90deg,#fff3,#ffffffc7 35%,#ffffff3d),url(/images/zhichen-hero-ink-luopan.png) 50%/cover no-repeat,#fff;border-color:#15181f14;place-items:center;min-height:18.5rem;padding:2.5rem 1rem;display:grid}.home-hero:before,.home-hero:after{content:none}.home-hero-copy{text-align:center;justify-items:center;width:min(100%,47rem)}.home-hero-copy h1{color:#1a1d1f;max-width:none;font-family:var(--font-serif);letter-spacing:.1em;white-space:nowrap;font-size:clamp(2.55rem,3.35vw,3.9rem);font-weight:760}.hero-title-dot{color:#b64a3d;letter-spacing:0;vertical-align:middle;margin:0 .16em;font-size:.42em;font-weight:520;display:inline-block;transform:translateY(-.16em)}.home-hero-copy .lede{color:#384640;letter-spacing:.16em;font-size:1.03rem;font-weight:520}.home-dashboard{gap:1rem;display:grid}.home-main-grid{gap:1rem;min-width:0;display:grid}.home-card{border-radius:var(--radius-card);background:linear-gradient(#fffffff0,#ffffffd6),#fff;border:1px solid #15181f1f;gap:1rem;min-width:0;padding:1rem;display:grid;overflow:hidden;box-shadow:0 14px 42px #1a233512}.home-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.home-card-header h2,.home-card-header p{margin:0}.home-card-header h2{font-size:1.18rem}.home-card-header p,.home-card-footnote,.home-meta,.home-card-link{color:var(--color-ink-muted);line-height:1.65}.home-meta,.home-tab{white-space:nowrap;font-size:.82rem}.home-tab{border-radius:var(--radius-control);color:#fff;text-align:center;background:#0f5b4e;min-width:2rem;padding:.38rem .55rem}.pillar-board{border-radius:var(--radius-card);background:linear-gradient(90deg,#0f5b4e0a,#0000),url(/images/zhichen-luopan-star-disk.png) 50%/min(80%,34rem) no-repeat,#fff;border:1px solid #15181f1a;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.pillar-panel{background:#ffffffb8;border-bottom:1px solid #15181f14;border-right:1px solid #15181f14;align-content:center;justify-items:center;gap:.45rem;min-height:9.5rem;padding:1rem;display:grid}.pillar-panel span,.pillar-panel small{color:var(--color-ink-muted)}.pillar-panel strong{color:#111827;font-family:var(--font-serif);font-size:1.92rem;font-weight:760}.home-card-footnote{text-align:center;margin:0}.media-and-bars,.persona-layout{gap:1rem;display:grid}.wuxing-image,.persona-disk{border-radius:50%;justify-self:center;width:min(100%,15rem)}.element-bars{gap:.72rem;display:grid}.element-bar{color:var(--color-ink);grid-template-columns:1.2rem 1fr 3rem;align-items:center;gap:.65rem;font-size:.92rem;display:grid}.element-bar div{background:#15181f14;border-radius:999px;height:.42rem;overflow:hidden}.element-bar i{border-radius:inherit;background:linear-gradient(90deg,#0f5b4e,#c9a24e);height:100%;display:block}.daily-ring{place-items:center;min-height:13rem;display:grid;position:relative}.daily-ring img{opacity:.92;border-radius:50%;width:min(100%,13rem)}.daily-ring span{color:#1a1d1f;background:#ffffffdb;border-radius:50%;place-items:center;width:5.6rem;height:5.6rem;font-weight:850;display:grid;position:absolute}.persona-tags,.home-check-list{flex-wrap:wrap;gap:.5rem;display:flex}.persona-tags span{border-radius:var(--radius-control);color:var(--color-ink-muted);background:#fffc;border:1px solid #15181f1a;padding:.42rem .65rem;font-size:.86rem}.compatibility-card{align-content:start}.compatibility-image{object-fit:contain;width:100%;max-height:14rem}.home-check-list{margin:0;padding:0;list-style:none}.home-check-list li{color:#0f5b4e;align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.home-card-link{justify-self:center;padding-top:.25rem;text-decoration:none}@media (max-width:900px){.home-hero{padding:1rem}.home-hero-copy h1{letter-spacing:.04em;white-space:nowrap;max-width:none;font-size:clamp(2rem,8.8vw,2.6rem)}.home-hero .action-row{grid-template-columns:1fr;display:grid}.home-hero .button-link{width:100%}.element-row{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:2.08rem;line-height:1.08}}@media (min-width:641px){.page-shell,.workspace-shell,.workspace-hero,.hero-card,.panel{padding:1.25rem}.dashboard-grid,.workspace-grid,.detail-grid,.result-grid,.comparison-grid,.compatibility-explanation-grid,.auth-note-list,.form-split,.preset-grid,.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lunar-date-selects{grid-template-columns:minmax(7rem,1.4fr) repeat(2,minmax(5.5rem,1fr))}}@media (min-width:901px){.app-main{padding-bottom:1.5rem}.app-topbar{padding-left:1.25rem;padding-right:1.25rem}.mobile-bottom-nav{border-radius:var(--radius-card);grid-template-columns:repeat(5,auto);width:auto;max-width:none;inset:.62rem auto auto 50%;transform:translate(-50%);box-shadow:0 10px 30px #1a23351a}.mobile-nav-item{grid-auto-columns:max-content;grid-auto-flow:column;align-items:center;gap:.4rem;min-height:2.45rem;padding:0 .75rem;font-size:.86rem}.workspace-hero{grid-template-columns:minmax(0,1fr) auto;align-items:start}.home-hero{grid-template-columns:minmax(0,1.02fr) minmax(22rem,.98fr);align-items:center;min-height:32rem;padding:2rem}.workspace-hero:after,.hero-card:after{grid-column:1/-1}.workspace-grid,.workspace-grid-wide,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.preset-grid,.note-grid,.innate-archetype-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.case-filter-bar{grid-template-columns:2fr repeat(2,minmax(0,1fr))}.pillars-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.chart-list-main,.chart-list-summary,.public-card-header,.snapshot-history-header,.timeline-item-header{justify-content:space-between;align-items:flex-start;display:flex}h1{font-size:3.8rem}}@media (min-width:1180px){.workspace-shell,.page-shell{padding:1.5rem 2rem}.topbar-icon-actions{display:inline-flex}}@media (min-width:760px){.home-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-card-wide,.compatibility-card{grid-column:1/-1}.pillar-board{grid-template-columns:repeat(4,minmax(0,1fr))}.media-and-bars,.persona-layout{grid-template-columns:minmax(11rem,.85fr) minmax(0,1fr);align-items:center}}@media (min-width:1180px){.home-shell{padding:1rem 1.5rem 1.5rem}.home-hero{grid-template-columns:1fr;min-height:19rem;padding:3.25rem 2rem}.home-main-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bazi-summary-card{grid-column:span 2}.compatibility-card{grid-column:auto}}@media (max-width:759px){.workspace-shell,.home-shell{gap:.75rem;width:100%;max-width:100%;padding:.72rem .62rem 1rem;overflow-x:clip}.workspace-hero{background-position:50%;align-items:end;min-height:clamp(10rem,48vw,13.25rem);padding:clamp(1rem,5vw,1.35rem) .9rem}.workspace-hero:before{width:10.5rem;height:10.5rem;bottom:-4.2rem;right:-2.8rem}.workspace-hero h1{letter-spacing:.045em;max-width:min(100%,9.5em);font-size:clamp(1.88rem,8.4vw,2.55rem);line-height:1.1}.workspace-hero .lede{letter-spacing:.02em;max-width:min(100%,21rem);margin-top:.62rem;font-size:clamp(.86rem,3.6vw,.96rem);line-height:1.58}.workspace-grid,.workspace-grid-wide,.detail-grid,.result-grid,.comparison-grid,.form-split,.preset-grid,.note-grid,.pillars-grid{width:100%;min-width:0}.workspace-nav{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.workspace-nav::-webkit-scrollbar{display:none}.workspace-nav-link,.chip-button,.primary-button,.secondary-button,.danger-button,.ghost-link{min-height:2.7rem;padding:.58rem .72rem;font-size:.88rem}.panel,.detail-card,.dashboard-tile,.chart-list-item,.case-group-card,.note-card,.preset-card,.question-card,.disclosure-card,.settings-card,.public-card-preview,.calibration-diff-card,.snapshot-history-item,.reading-item,.empty-state-card{min-width:0;padding:.82rem}.panel-heading h2{font-size:1.08rem}.panel-heading p,.detail-paragraph,.empty-state,.task-list,.field-help,.field-error{font-size:.88rem;line-height:1.58}.result-tile{padding:.74rem}.result-tile strong{font-size:clamp(.98rem,4.2vw,1.22rem);line-height:1.25}.field-row input,.field-row select,.field-row textarea{min-height:2.65rem;padding:.62rem .72rem;font-size:.92rem}.home-hero{background-position:38%;place-items:start;min-height:clamp(14.75rem,74vw,18rem);padding:clamp(1.1rem,5vw,1.55rem) .85rem}.home-hero-copy{text-align:left;justify-items:start;width:min(100%,21rem)}.home-hero-copy h1{letter-spacing:.032em;white-space:nowrap;max-width:none;font-size:clamp(1.9rem,8.7vw,2.45rem)}.home-hero-copy .lede{letter-spacing:.08em;max-width:min(100%,18.5rem);font-size:clamp(.86rem,3.45vw,.96rem)}.home-hero .action-row{gap:.46rem;width:min(100%,9.8rem)}.home-hero .button-link{min-height:2.75rem;padding:.58rem .76rem}.home-main-grid,.home-dashboard{width:100%;min-width:0}.home-card{gap:.72rem;width:100%;min-width:0;padding:.78rem}.home-card-header{gap:.26rem;display:grid}.home-card-header h2{font-size:1.06rem}.home-card-header p,.home-card-footnote,.home-meta,.home-card-link{font-size:.88rem;line-height:1.48}.home-meta{white-space:normal}.pillar-board{background-size:min(132%,25rem);grid-template-columns:repeat(2,minmax(0,1fr))}.pillar-panel{gap:.3rem;min-height:clamp(6.8rem,26vw,8.2rem);padding:.72rem .52rem}.pillar-panel strong{font-size:clamp(1.42rem,7vw,1.82rem);line-height:1.12}.wuxing-image,.persona-disk{width:min(70vw,12.4rem)}.daily-ring{min-height:10.5rem}.daily-ring img{width:min(70vw,10.8rem)}.daily-ring span{width:4.8rem;height:4.8rem;font-size:.9rem}.compatibility-image{max-height:11rem}.mobile-bottom-nav{right:max(.55rem, env(safe-area-inset-right,0px));left:max(.55rem, env(safe-area-inset-left,0px));bottom:max(.55rem, var(--safe-bottom))}.mobile-nav-item{min-height:2.75rem;font-size:.68rem}}