:root{--ink:#1c2420;--ink-soft:#4a5850;--glass:#ffffffc7;--glass-strong:#ffffffe0;--glass-border:#ffffffb8;--accent:#2f5c4a;--accent-soft:#2f5c4a24;--shadow:0 18px 50px #1c2a221f;--radius:1.75rem;--font-eu:"Cormorant Garamond", Georgia, "Times New Roman", serif;--font-cn:"Noto Serif SC", "Noto Serif CJK SC", "Source Han Serif SC", "Songti SC", "STSong", "PingFang SC", "Noto Sans SC", serif;--font-seal:var(--font-seal-family,"峄山碑篆体", "Noto Serif SC", serif);--c-hero-a:#eef4ea;--c-hero-b:#e0ebdc;--c-jun-a:#e6f0d4;--c-jun-b:#c8dc9e;--c-chen-a:#d4ebe6;--c-chen-b:#9ecfc6;--c-zuo-a:#e4e8d4;--c-zuo-b:#c4cba8;--c-shi-a:#c9ddd6;--c-shi-b:#8fb8ac;--c-end-a:#d2e0d8;--c-end-b:#b5c9be;--panel-compact:100dvh;--role-gap:8dvh}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);font-family:var(--font-cn);background:var(--c-hero-a);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.scroller{z-index:1;background:var(--c-hero-a);scroll-snap-type:none;scroll-behavior:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;height:100%;position:relative;overflow:hidden auto}.track{background:linear-gradient(180deg, var(--c-hero-a) 0%, var(--c-hero-b) 5%, var(--c-jun-a) 8%, var(--c-jun-b) 20%,  var(--c-chen-a) 26%, var(--c-chen-b) 40%,  var(--c-zuo-a) 46%, var(--c-zuo-b) 60%,  var(--c-shi-a) 66%, var(--c-shi-b) 84%, var(--c-end-a) 92%, var(--c-end-b) 100%);position:relative}.track:before{content:"";pointer-events:none;z-index:0;opacity:.55;background:radial-gradient(900px 600px at 12% 6%,#ffffff80,#0000 55%),radial-gradient(700px 480px at 88% 22%,#c8dc8c47,#0000 52%),radial-gradient(750px 500px at 18% 42%,#78beb438,#0000 50%),radial-gradient(700px 480px at 82% 62%,#b4b98233,#0000 52%),radial-gradient(800px 520px at 40% 88%,#64a09140,#0000 55%);position:absolute;inset:0}.scroller.is-scrolling .glass,.scroller.is-scrolling .nav{transition:none}.panel{z-index:1;place-items:center;width:100%;height:100dvh;min-height:100%;padding:5.5rem 1.25rem 2.5rem;display:grid;position:relative}.panel-compact{height:auto;min-height:var(--panel-compact);padding:5.5rem 1.25rem 2.5rem}.role-spacer{height:max(0px, calc(var(--role-gap) - .5rem));pointer-events:none;flex-shrink:0}.panel:before{content:"";pointer-events:none;opacity:.14;z-index:0;position:absolute;inset:0}.panel>.glass{z-index:1;justify-self:center;margin-inline:auto;position:relative}.panel-hero:before{background:radial-gradient(circle at 28% 35%,#c8d7aa47,#0000 55%),linear-gradient(#dce6c82e,#0000 55%);-webkit-mask-image:linear-gradient(#000 0% 78%,#0000 100%);mask-image:linear-gradient(#000 0% 78%,#0000 100%)}.panel-notice{height:auto;min-height:100dvh;padding-top:5.5rem;padding-bottom:3rem}.panel-notice:before{background:radial-gradient(circle at 28% 35%,#c8d7aa47,#0000 55%),linear-gradient(#dce6c82e,#0000 55%);-webkit-mask-image:linear-gradient(#000 0% 78%,#0000 100%);mask-image:linear-gradient(#000 0% 78%,#0000 100%)}.glass-notice{overflow:visible}.notice-lead{font-family:var(--font-cn);letter-spacing:.01em;color:var(--ink);margin:0 0 1.15rem;font-size:clamp(1.05rem,3.6vw,1.55rem);font-weight:600;line-height:1.45}.notice-cta{margin-left:auto;margin-right:auto;display:flex}.notice-quote{font-family:var(--font-eu);color:var(--ink-soft);letter-spacing:.02em;margin:0 0 1.5rem;padding:.15rem 0 .15rem .95rem;font-size:1.05rem;font-style:italic;line-height:1.7;position:relative}.notice-quote:before{content:"";background:var(--accent);opacity:.55;border-radius:1px;width:2px;position:absolute;top:.35em;bottom:.35em;left:0}.notice-body{margin:0 0 1.65rem}.notice-body p{font-family:var(--font-cn);color:var(--ink);letter-spacing:.02em;margin:0 0 1.1em;font-size:1.05rem;line-height:1.75}.notice-body p:last-child{margin-bottom:0}.notice-body .lede-em,.notice-lead .lede-em,.notice-quote .lede-em{color:var(--ink);letter-spacing:.02em;font-weight:700}.notice-quote .lede-em{font-style:italic}.notice-mark{vertical-align:-.05em;opacity:.88;filter:saturate(.75)brightness(.92);margin-left:.2em;font-size:.95em;line-height:1;display:inline-block}@media (width<=480px){.glass-notice{padding:1.5rem 1.25rem 1.4rem}.notice-lead{letter-spacing:0;font-size:clamp(.92rem,4.2vw,1.12rem)}.notice-quote,.notice-body p{font-size:.98rem}}.panel-role-jun{--accent:#4f6e2e;--accent-soft:#4f6e2e33}.panel-role-jun:before{background:radial-gradient(circle at 30% 40%,#d2be4633,#0000 55%),linear-gradient(#c8dc8c24,#0000 45%,#b4c8641a);-webkit-mask-image:linear-gradient(#000 0% 100%);mask-image:linear-gradient(#000 0% 100%)}.panel-role-chen{--accent:#1f6d64;--accent-soft:#1f6d6433}.panel-role-chen:before{background:radial-gradient(circle at 70% 30%,#46b4be38,#0000 50%),linear-gradient(#78c8be26,#0000 45%,#50a0961f);-webkit-mask-image:linear-gradient(#000 0% 100%);mask-image:linear-gradient(#000 0% 100%)}.panel-role-zuo{--accent:#5a6340;--accent-soft:#5a634033}.panel-role-zuo:before{background:radial-gradient(circle at 40% 60%,#a0a56429,#0000 55%),radial-gradient(#5a5f3c1f 1.2px,#0000 1.5px) 0 0/18px 18px,linear-gradient(#b4b9821f,#0000 50%,#969b641a);-webkit-mask-image:linear-gradient(#000 0% 100%);mask-image:linear-gradient(#000 0% 100%)}.panel-role-shi{--accent:#1e4f48;--accent-soft:#1e4f4833}.panel-role-shi:before{background:radial-gradient(circle at 50% 70%,#32786e3d,#0000 55%),linear-gradient(#5a968724,#0000 45%,#3c6e641f);-webkit-mask-image:linear-gradient(#000 0% 100%);mask-image:linear-gradient(#000 0% 100%)}.panel-result{--accent:#355a4e;--accent-soft:#355a4e29;place-items:center;width:100%;height:auto;min-height:100dvh;padding:5.5rem 1.25rem 3rem;display:grid}.panel-result:before{opacity:.2;background:radial-gradient(circle at 50% 40%,#ffffff40,#0000 60%);-webkit-mask-image:linear-gradient(#000 0% 100%);mask-image:linear-gradient(#000 0% 100%)}.glass{box-sizing:border-box;border-radius:var(--radius);background:var(--glass);border:1px solid var(--glass-border);width:min(720px,100%);max-width:720px;box-shadow:var(--shadow), inset 0 1px 0 #ffffffa6;will-change:auto;margin-inline:auto;padding:2rem 1.75rem 1.75rem;transition:background .2s;position:relative;overflow:hidden}.glass:after{content:"";border-radius:inherit;pointer-events:none;opacity:.35;position:absolute;inset:0;box-shadow:inset -12px -10px 0 -13px #ffffff8c,inset 0 -10px 0 -9px #ffffff59}.brand{--brand-gap:.84em;--brand-gloss-along:-.49;--brand-gloss-pull:.3667em;--brand-gloss-bottom:-.35em;--brand-gloss-size:.28em;--brand-dot-size:2.55em;--brand-dot-dy:.22em;align-items:flex-end;gap:var(--brand-gap);font-family:var(--font-eu);letter-spacing:0;padding-right:calc(var(--brand-gap) * .55);flex-wrap:nowrap;margin:0 0 .85rem;font-size:clamp(3rem,9vw,5.5rem);font-weight:600;line-height:1;display:flex}.brand-glyph{flex:none;padding:0 0 .12em;line-height:1;display:inline-block;position:relative}.brand-glyph-seal{font-family:var(--font-seal);letter-spacing:0;color:var(--ink);font-size:1em;font-weight:400;line-height:1;display:block;position:relative}.brand-glyph-gloss{left:calc(100% + var(--brand-gap) * var(--brand-gloss-along) - var(--brand-gloss-pull));bottom:var(--brand-gloss-bottom);font-family:var(--font-eu);font-style:italic;font-weight:600;font-size:var(--brand-gloss-size);letter-spacing:.02em;color:var(--ink-soft);opacity:.92;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:1;align-items:baseline;gap:.04em;line-height:1;display:inline-flex;position:absolute}.brand-glyph-dot{font-style:normal;font-weight:900;font-size:var(--brand-dot-size);color:var(--ink);opacity:.78;transform:translateY(var(--brand-dot-dy));line-height:1;display:inline-block}.brand-sub{font-family:var(--font-eu);color:var(--ink-soft);letter-spacing:.02em;margin:0 0 1.5rem;font-size:1.15rem;font-style:italic;line-height:1.65}.brand-sub .orn{background:var(--accent);opacity:.55;vertical-align:.22em;border-radius:1px;width:.38em;height:.38em;margin:0 .48em;display:inline-block;transform:rotate(45deg);box-shadow:0 0 0 1px #ffffff59}.brand-sub .times{vertical-align:.05em;color:var(--accent);opacity:.65;letter-spacing:0;margin:0 .55em;font-size:.78em;font-style:normal;font-weight:500;display:inline-block}.brand-sub .brand-gap{margin-left:.28em}.lede{color:var(--ink-soft);max-width:34em;margin:0 0 2rem;font-size:1.05rem;line-height:1.7}.lede-em{color:var(--ink);letter-spacing:.02em;font-weight:700}.hint{font-family:var(--font-eu);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);opacity:.85;font-size:.8rem}.seal{font-family:var(--font-seal);letter-spacing:.18em;font-feature-settings:"kern" 1;font-weight:400}.seal-xl{font-size:clamp(2.8rem,8vw,4.2rem);line-height:1}.seal-md{font-size:1.85rem}.anno{font-family:var(--font-cn);color:var(--ink-soft);letter-spacing:.04em;margin-left:.65rem;font-size:.95rem}.role-row{flex-wrap:wrap;align-items:baseline;gap:.35rem .1rem;margin-bottom:.85rem;display:flex}.dim-row{align-items:baseline;gap:.35rem;margin-bottom:1.25rem;display:flex}.prompt{margin:0 0 1.35rem;font-size:1.2rem;line-height:1.65}.options{gap:.7rem;display:grid}.option{text-align:left;background:var(--glass-strong);border:1px solid #ffffff8c;border-radius:1.15rem;padding:.95rem 1.1rem;transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s,box-shadow .3s;box-shadow:inset 0 1px #ffffff80}.option:hover,.option:focus-visible{background:#ffffff8c;outline:none;transform:translateY(-2px);box-shadow:0 10px 28px #1c2a221f,inset 0 1px #fffc}.option:active{transform:translateY(0)}.option-value{font-family:var(--font-seal);color:var(--accent);margin-right:.55rem;font-size:1.05rem;display:inline-block}.option-label{line-height:1.45}.nav{z-index:20;-webkit-backdrop-filter:none;will-change:transform;background:#eef4eaeb;border-bottom:none;justify-content:space-between;align-items:center;gap:.65rem;padding:.75rem 1.1rem;transition:transform .38s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;left:0;right:0;transform:translate(0,0)}.nav.nav-hidden{pointer-events:none;transform:translateY(calc(-100% - 12px))}.nav-peek{z-index:21;cursor:pointer;background:#2f5c4a59;border:none;border-radius:0 0 .65rem .65rem;width:3.25rem;height:.7rem;margin:0;padding:0;transition:background .2s,height .2s;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #1c2a221f}.nav-peek:hover,.nav-peek:focus-visible{background:#2f5c4a8c;outline:none;height:.85rem}@media (prefers-reduced-motion:reduce){.nav{transition:none}}.nav-brand{font-family:var(--font-eu);letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;flex:0 auto;min-width:0;font-size:1.05rem;overflow:hidden}.progress{flex-wrap:wrap;flex:auto;justify-content:center;gap:.45rem;min-width:0;display:flex}.dot{background:#1c24202e;border-radius:999px;width:.55rem;height:.55rem;transition:background .3s,transform .3s}.dot.active{background:var(--accent);transform:scale(1.25)}.dot.done{background:#2f5c4a8c}.nav-actions{flex-wrap:nowrap;flex:none;gap:.5rem;display:flex}.chip{background:var(--accent-soft);white-space:nowrap;border:1px solid #2f5c4a33;border-radius:999px;flex-shrink:0;padding:.4rem .85rem;font-size:.85rem;transition:background .25s}.chip:hover{background:#2f5c4a38}.result-list{gap:1rem;margin-top:.5rem;display:grid}.result-card{background:#ffffff47;border:1px solid #ffffff8c;border-radius:1.2rem;padding:1rem 1.1rem}.result-title{align-items:baseline;gap:.5rem;margin-bottom:.55rem;display:flex}.result-herb{font-family:var(--font-cn);font-size:1.45rem;font-weight:600}.result-meta{color:var(--ink-soft);font-size:.92rem;font-family:var(--font-cn);gap:.35rem;display:grid}.result-actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.result-actions .chip:disabled{opacity:.55;cursor:wait}.result-actions .chip-quiet{border-color:color-mix(in srgb, var(--accent) 28%, transparent);color:var(--ink-soft);box-shadow:none;background:0 0}.result-actions .chip-quiet:hover{color:var(--ink);border-color:color-mix(in srgb, var(--accent) 45%, transparent)}.formula-radar{margin-top:1.75rem;padding-top:.5rem}.formula-reading{text-align:left;max-width:42rem;margin-top:4.5rem;margin-left:auto;margin-right:auto}.formula-reading .hint{text-align:center;font-family:var(--font-cn);text-transform:none;letter-spacing:.12em;margin-bottom:.5rem;font-size:.95rem}.reading-body{color:var(--ink);font-size:1.05rem;line-height:1.7;font-family:var(--font-cn);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}.reading-body .reading-para{text-indent:0;margin:0 0 1.1em;padding-left:2.75em;position:relative}.reading-body .reading-para:before{content:"";background:#3aa8a0;border-radius:50%;width:.45em;height:.45em;position:absolute;top:.62em;left:.85em;box-shadow:0 0 0 2px #3aa8a047}.reading-body .reading-para:last-child{margin-bottom:0}.reading-body.is-loading{color:var(--ink-soft);opacity:.72}.reading-disclaimer{letter-spacing:.04em;color:var(--ink-soft);text-align:center;font-size:.75rem;font-family:var(--font-cn);margin:.65rem 0 0}.panel-result>.glass{overflow:visible}.pet-gallery{background:radial-gradient(120% 80% at 50% 0,#e8f0e6 0%,#0000 55%),linear-gradient(#f4f7f2 0%,#e4ebe4 100%);flex-direction:column;min-height:100dvh;display:flex}.pet-gallery-bar{width:100%;max-width:52rem;margin:0 auto;padding:1.25rem 1.25rem .75rem}.pet-gallery-title{flex-wrap:wrap;align-items:baseline;gap:.75rem;margin:.35rem 0 .25rem;font-size:2rem;display:flex}.pet-gallery-nav{flex-wrap:wrap;gap:.6rem;margin-top:.85rem;display:flex}.pet-gallery-dots{flex-wrap:wrap;gap:.4rem;margin-top:.85rem;display:flex}.pet-gallery-dot{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);color:var(--ink-soft);font-family:var(--font-cn);cursor:pointer;background:#ffffff8c;border-radius:999px;padding:.28rem .55rem;font-size:.78rem}.pet-gallery-dot.is-active{color:var(--ink);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, white)}.pet-gallery-canvas{touch-action:none;cursor:crosshair;flex:1;width:100%;height:min(70vh,640px);min-height:min(70vh,640px)}.herb-pet-arena{touch-action:none;width:100%;height:min(92vh,840px);min-height:720px;margin:1rem 0 .75rem;position:relative;overflow:visible}.herb-pet-canvas{cursor:crosshair;background:radial-gradient(75% 65% at 55% 55%,#2f5c4a29,#1f6d6414 45%,#0000 72%);border-radius:4px;width:100%;height:100%;display:block}.herb-pet-hud{pointer-events:none;z-index:2;max-width:min(300px,55%);position:absolute;top:.65rem;left:.85rem;overflow:visible}.herb-pet-eyebrow{font-family:var(--font-cn);letter-spacing:.16em;color:var(--ink-soft);opacity:.75;margin:0;font-size:.72rem}.herb-pet-name{flex-wrap:wrap;align-items:baseline;gap:.45rem .65rem;margin:.35rem 0 .2rem;line-height:1.55;display:flex;overflow:visible}.herb-pet-name-seal{font-family:var(--font-seal);letter-spacing:.18em;color:var(--accent);font-size:1.45rem;font-weight:400;line-height:1.6;overflow:visible}.herb-pet-name-gloss{font-family:var(--font-cn);letter-spacing:.12em;color:var(--ink-soft);font-size:.92rem;font-weight:400}.herb-pet-lineage{font-family:var(--font-cn);letter-spacing:.08em;color:var(--ink-soft);margin:0;font-size:.78rem;line-height:1.5}.herb-pet-blurb{font-family:var(--font-cn);color:var(--ink-soft);opacity:.9;margin:.55rem 0 0;padding-bottom:.3em;font-size:.82rem;line-height:1.75;overflow:visible}.herb-pet-hint{font-family:var(--font-cn);letter-spacing:.06em;color:var(--ink-soft);opacity:.8;margin:.65rem 0 0;font-size:.74rem;line-height:1.5}.herb-pet-arena.is-active .herb-pet-hint{color:var(--accent);opacity:.95}@media (prefers-reduced-motion:reduce){.herb-pet-arena{height:min(70vh,640px);min-height:560px}}.radar-wrap{flex-direction:column;align-items:center;gap:.85rem;display:flex}.radar-svg{width:min(100%,320px);height:auto;overflow:visible}.radar-ring{fill:none;stroke:#2f5c4a24;stroke-width:1px}.radar-axis{stroke:#2f5c4a33;stroke-width:1px}.radar-area{fill:#2f5c4a38;stroke:#2f5c4aa6;stroke-width:1.75px;stroke-linejoin:round}.radar-label{font-family:var(--font-cn);fill:var(--ink);font-size:11px;font-weight:600;transition:opacity .35s}.radar-blurb,.radar-legend{opacity:0;transition:opacity .45s .15s,transform .45s .15s;transform:translateY(6px)}.radar-wrap.radar-ready .radar-blurb,.radar-wrap.radar-ready .radar-legend{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.radar-label,.radar-blurb,.radar-legend{opacity:1;transition:none;transform:none}}.radar-blurb{text-align:center;max-width:36rem;color:var(--ink-soft);margin:0;font-size:.95rem;line-height:1.55}.radar-legend{gap:.4rem;width:100%;margin:.25rem 0 0;padding:0;list-style:none;display:grid}.radar-legend li{color:var(--ink-soft);grid-template-columns:1.4rem 2.4rem 1fr;align-items:baseline;gap:.4rem;font-size:.86rem;display:grid}.radar-legend-grade{font-family:var(--font-seal);color:var(--accent);font-weight:400}.radar-legend-name{font-family:var(--font-cn);color:var(--ink);font-weight:600}.loading,.error{font-family:var(--font-cn);font-size:1.25rem}.error{color:#7a2e2e}@media (prefers-reduced-motion:reduce){.option,.nav{transition:none}}@font-face{font-family:Noto Serif SC;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-serif-sc-400.subset.woff2)format("woff2")}@font-face{font-family:Noto Serif SC;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/noto-serif-sc-600.subset.woff2)format("woff2")}@font-face{font-family:Noto Serif SC;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/noto-serif-sc-600.subset.woff2)format("woff2")}@font-face{font-family:峄山碑篆体;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/seal-critical.woff2)format("woff2")}@font-face{font-family:SealScript;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/seal-critical.woff2)format("woff2")}:root{--font-seal-family:"峄山碑篆体", "SealScript", "Noto Serif SC", serif}