@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";:root{--bone: #f4f0e8;--bone-strong: #f8f4ec;--warm-gray: #d9d2c7;--ink: #3b312a;--ink-soft: #6d5d4c;--bronze: #b3915f;--bronze-deep: #8d6c3d;--green: #5d6b5c;--gold-wash: rgba(179, 145, 95, .16);--line: rgba(179, 145, 95, .4);--shadow: 0 16px 40px rgba(137, 103, 56, .12);--serif: "Noto Serif SC", "Songti SC", serif;--sans: "Noto Sans SC", "PingFang SC", sans-serif;color:var(--ink);font-family:var(--sans);line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top,rgba(255,255,255,.75),transparent 34%),linear-gradient(180deg,#f7f2ea,#f3eee5 45%,#efe6d9)}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.72),transparent 22%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.44),transparent 18%),radial-gradient(circle at center,rgba(179,145,95,.07) 0%,transparent 62%);opacity:.8;pointer-events:none}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{border:0;background:none;padding:0;color:inherit}#root{display:flex;justify-content:center;padding:20px 0 32px}.shell{position:relative;width:min(100%,420px);min-height:calc(100svh - 40px);padding:22px 22px 28px;overflow:hidden;background:linear-gradient(180deg,#fff9,#fffcf8d1),radial-gradient(circle at center,rgba(255,255,255,.6),transparent 64%);border:1px solid rgba(189,158,114,.18);box-shadow:var(--shadow)}.shell__texture,.shell__mesh{position:absolute;pointer-events:none}.shell__texture{inset-inline:0;height:180px;background:radial-gradient(circle at center bottom,rgba(168,136,83,.14),transparent 50%),linear-gradient(180deg,rgba(175,154,120,.2),transparent);opacity:.5}.shell__texture--top{top:0}.shell__texture--bottom{bottom:0;transform:rotate(180deg)}.shell__mesh{width:180px;aspect-ratio:1;border-radius:50%;opacity:.14;background:repeating-radial-gradient(circle at center,transparent 0 20px,rgba(164,134,84,.55) 20px 22px),linear-gradient(30deg,transparent 48%,rgba(164,134,84,.6) 48% 52%,transparent 52%),linear-gradient(-30deg,transparent 48%,rgba(164,134,84,.6) 48% 52%,transparent 52%)}.shell__mesh--left{top:-38px;left:-52px}.shell__mesh--right{right:-46px;bottom:-20px}.icon-button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;font-size:30px}.page-header{position:relative;z-index:1;text-align:center;padding-top:12px}.page-header__eyebrow{font-size:18px;letter-spacing:.18em;color:var(--ink-soft)}.page-header__title,.ritual-hero__title,.hero-panel__seal,.result-char,.mini-card__char{font-family:var(--serif)}.page-header__title{margin:18px 0 0;font-size:clamp(34px,10vw,44px);line-height:1.25;font-weight:600}.divider{display:flex;align-items:center;gap:12px;justify-content:center;color:var(--bronze);margin:14px 0 0}.divider span{width:104px;max-width:24vw;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.divider i{font-style:normal;font-size:14px}.page-body{position:relative;z-index:1}.page-footer{position:relative;z-index:1;margin-top:26px}.hero-panel{text-align:center;padding:18px 8px 4px}.hero-panel__seal{font-size:clamp(54px,16vw,78px);line-height:1.1;margin-bottom:10px}.hero-panel__line,.lead-copy,.caption-copy,.status-copy,.result-links,.intro-hero__sub,.ritual-hero__copy,.ritual-hero__hint,.about-footer{color:var(--ink-soft)}.hero-panel__line{font-size:18px;margin-bottom:24px}.ghost-entry{display:inline-flex;padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:#ffffff75}.stacked-cards,.about-cards,.list-cards,.records-section,.form-block,.share-preview{margin-top:18px}.entry-card,.about-card,.list-card,.records-hero,.mini-card,.empty-card{border:1px solid rgba(185,150,102,.42);background:linear-gradient(180deg,#ffffffe0,#fdf8f1b3);box-shadow:0 6px 20px #97713f14}.entry-card{display:grid;grid-template-columns:72px 1fr auto;gap:16px;align-items:center;padding:18px 18px 18px 14px;border-radius:28px;margin-bottom:16px}.entry-card__icon,.about-card__icon{display:flex;align-items:center;justify-content:center;color:var(--bronze);background:radial-gradient(circle at center,rgba(179,145,95,.12),transparent 74%)}.entry-card__icon{width:72px;height:72px;border-radius:50%;font-family:var(--serif);font-size:34px}.entry-card__copy h2,.about-card__copy h2,.section-row h2,.empty-state h2{margin:0 0 6px;font-family:var(--serif);font-size:30px;font-weight:600}.entry-card__copy p,.about-card__copy p,.lead-copy,.records-hero__copy p,.mini-card__hint,.list-card__copy p,.result-meta p,.result-links,.about-footer p{margin:0;font-size:15px;line-height:1.75}.entry-card__arrow,.about-card__more{color:var(--bronze);font-size:24px}.bottom-tabs{display:flex;justify-content:center;gap:16px;font-size:14px;color:var(--ink-soft);flex-wrap:wrap}.bottom-tabs__item{position:relative;padding-inline:4px}.bottom-tabs__item.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--bronze)}.lead-copy{text-align:center;margin:6px auto 0}.lead-copy--center,.section-title--center{text-align:center}.choice-grid,.status-row,.heart-grid,.mini-cards,.action-row{display:grid;gap:12px}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}.choice-chip{min-height:82px;padding:14px 12px;border-radius:24px;border:1px solid rgba(187,150,99,.4);background:#fffcf6a6;color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.35}.choice-chip--small{min-height:auto;font-size:16px;font-family:var(--sans);font-weight:500}.choice-chip.is-active,.heart-card.is-active{border-color:var(--bronze);background:linear-gradient(180deg,#fff0d9a6,#fffaf1d6);box-shadow:0 12px 24px #a37a3d1f}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:var(--ink-soft);font-size:16px}.section-title:after,.section-title:before{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--line))}.section-title:before{max-width:20px}.text-panel{width:100%;padding:20px 18px;resize:vertical;min-height:128px;border-radius:24px;border:1px solid rgba(183,149,98,.44);background:#ffffff9e;outline:none}.text-panel:focus{border-color:var(--bronze);box-shadow:0 0 0 3px #b3915f1f}.status-row{grid-template-columns:repeat(2,minmax(0,1fr))}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:72px;border-radius:30px;padding:18px 22px;font-family:var(--serif);font-size:20px;letter-spacing:.08em}.primary-button{background:linear-gradient(180deg,#6b4f31,#4d3820),linear-gradient(180deg,rgba(255,255,255,.08),transparent);color:#fff7ed;box-shadow:0 18px 30px #53381838}.primary-button--compact,.secondary-button{min-height:62px;font-size:18px}.secondary-button{border:1px solid rgba(177,141,93,.55);background:#fffaf1e6;color:var(--ink)}.home-link{display:flex;gap:8px;justify-content:center;color:var(--ink-soft)}.heart-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.heart-card{display:flex;flex-direction:column;gap:10px;align-items:flex-start;min-height:176px;padding:18px;border-radius:28px;border:1px solid rgba(184,150,98,.34);text-align:left;background:#ffffff8a}.heart-card__icon{width:44px;height:44px;border-radius:50%;opacity:.55}.heart-card strong{font-family:var(--serif);font-size:28px}.heart-card span{color:var(--ink-soft);font-size:14px;line-height:1.7}.heart-card--chaos .heart-card__icon{background:radial-gradient(circle,rgba(231,124,110,.65),transparent 70%)}.heart-card--fire .heart-card__icon{background:radial-gradient(circle,rgba(248,166,72,.78),transparent 70%)}.heart-card--stone .heart-card__icon{background:radial-gradient(circle,rgba(126,137,161,.68),transparent 70%)}.heart-card--lavender .heart-card__icon{background:radial-gradient(circle,rgba(145,129,178,.66),transparent 70%)}.heart-card--leaf .heart-card__icon{background:radial-gradient(circle,rgba(135,163,110,.74),transparent 70%)}.heart-card--water .heart-card__icon{background:radial-gradient(circle,rgba(139,183,219,.82),transparent 70%)}.oracle-shell{margin:24px auto 16px;width:min(100%,320px);aspect-ratio:.86;padding:16px;border-radius:46% 46% 44% 44%/35% 35% 46% 46%;background:linear-gradient(180deg,#eed7b1c2,#f4e9d447),radial-gradient(circle at center,rgba(255,255,255,.74),transparent 72%);box-shadow:inset 0 0 0 2px #bd9c685c,0 14px 32px #98733e1f}.oracle-shell__inner{height:100%;border-radius:inherit;border:1px solid rgba(188,153,102,.32);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;color:var(--bronze);text-align:center}.oracle-shell__char{font-family:var(--serif);font-size:92px}.turtle-small{text-align:center;font-family:var(--serif);font-size:42px;color:#b3915fb3;margin-bottom:10px}.ritual-hero,.intro-hero{text-align:center;padding-top:14px}.ritual-hero__title{margin:18px 0 10px;font-size:clamp(42px,13vw,64px)}.ritual-shell{position:relative;width:248px;height:312px;margin:24px auto;display:flex;align-items:center;justify-content:center}.ritual-shell__glow{position:absolute;inset:24px;border-radius:50%;filter:blur(18px);background:radial-gradient(circle,#ffda9cf5,#ffd99c0d)}.ritual-shell__body,.turtle-breath__shell{position:relative;width:210px;height:272px;border-radius:47% 47% 40% 40%/38% 38% 42% 42%;background:radial-gradient(circle at 50% 24%,rgba(255,240,214,.4),transparent 24%),linear-gradient(180deg,#8a653e,#6f4e2b);box-shadow:inset 0 0 0 3px #65462773,inset 0 0 50px #ffd69429,0 22px 34px #4a311547;font-family:var(--serif);font-size:84px;color:#ffeed2d6;display:grid;place-items:center}.ritual-shell__body:before,.turtle-breath__shell:before{content:"";position:absolute;inset:10px;border-radius:inherit;background:linear-gradient(90deg,transparent 0 47%,rgba(255,227,182,.34) 49%,transparent 51%),repeating-linear-gradient(0deg,transparent 0 36px,rgba(255,230,197,.08) 36px 38px),repeating-linear-gradient(90deg,transparent 0 36px,rgba(255,230,197,.08) 36px 38px);opacity:.8}.ritual-shell.is-holding .ritual-shell__body{animation:pulseGlow 1s ease-in-out infinite alternate}.hold-target{position:relative;width:132px;height:132px;margin:0 auto 12px;display:grid;place-items:center}.hold-target__ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--bronze) calc(var(--progress) * 1turn),rgba(255,255,255,.18) 0);mask:radial-gradient(circle,transparent 63%,black 64%)}.hold-target__finger{position:relative;z-index:1;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;font-size:42px;color:#fff5deeb;background:#503a21a8}.intro-hero__mark{font-family:var(--serif);font-size:74px;margin-top:24px}.intro-hero__lead{font-size:24px;font-family:var(--serif);margin:24px 0 8px}.turtle-breath{display:grid;place-items:center;padding:34px 0 30px}.turtle-breath__shell{width:156px;height:208px;animation:breathe 2.8s ease-in-out infinite}.scroll-card{margin-top:18px}.scroll-card__rod{height:22px;margin-inline:8px;border-radius:999px;background:linear-gradient(180deg,#b28a56,#886238);box-shadow:inset 0 0 0 2px #57371a38}.scroll-card__body{margin:-3px 10px;padding:26px 18px 22px;background:linear-gradient(180deg,#fffcf6f5,#f9f2e7eb),radial-gradient(circle at 100% 100%,rgba(170,136,88,.16),transparent 30%);border-inline:3px solid rgba(170,136,88,.35);box-shadow:inset 0 0 0 1px #bb986533}.result-badge{width:fit-content;margin:0 auto 18px;padding:8px 18px;border:1px solid rgba(184,145,93,.5);border-radius:18px;font-family:var(--serif);font-size:30px}.result-char{font-size:110px;text-align:center;line-height:1}.result-pinyin{text-align:center;color:var(--ink-soft);margin-top:8px;text-transform:lowercase}.result-meta{display:grid;gap:18px;margin-top:20px}.result-meta span,.result-advice span,.share-card__label,.share-card__brand span,.share-card__pinyin{color:var(--bronze)}.result-meta span,.result-advice span{display:inline-block;margin-bottom:6px}.result-advice{margin-top:18px;padding:16px;border-radius:18px;border:1px solid rgba(186,152,100,.42);background:#fff7eca6}.result-advice p{margin:0;font-family:var(--serif);font-size:24px;color:var(--bronze-deep)}.share-card{width:100%;padding:18px;border-radius:22px;border:1px solid rgba(185,149,98,.44);background:linear-gradient(180deg,#fffdf9f5,#f9f3eaf0),radial-gradient(circle at 100% 100%,rgba(179,145,95,.1),transparent 34%)}.share-card__brand,.share-card__content,.section-row,.result-links{display:flex;justify-content:space-between;gap:12px}.share-card__brand strong{display:block;font-family:var(--serif);font-size:28px}.share-card__brand em{font-style:normal;color:#b84d3f}.share-card__content{align-items:center;margin-top:12px}.share-card__result{text-align:center}.share-card__char{font-family:var(--serif);font-size:86px;line-height:1}.share-card__oracle{width:44%;font-family:var(--serif);font-size:20px;line-height:1.6}.action-row{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.result-links{margin-top:14px;font-size:13px;flex-wrap:wrap}.records-hero{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:end;padding:18px;border-radius:26px;margin-top:20px}.records-hero__count{font-family:var(--serif);font-size:86px;line-height:1}.mini-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-card,.empty-card{display:block;padding:14px 10px;border-radius:22px;text-align:center}.mini-card__char{font-size:48px;line-height:1.2}.mini-card__date{font-size:12px;color:var(--ink-soft)}.list-cards{display:grid;gap:12px}.list-card{display:grid;grid-template-columns:74px 1fr auto;gap:14px;align-items:center;padding:14px;border-radius:24px}.list-card__char{width:74px;height:74px;border-radius:50%;border:1px solid rgba(191,157,105,.34);display:grid;place-items:center;font-family:var(--serif);font-size:40px}.list-card__copy strong{display:block;margin-bottom:4px;font-family:var(--serif);font-size:28px}.about-lead{text-align:left;color:var(--bronze);font-size:18px}.about-card{display:grid;grid-template-columns:86px 1fr;gap:14px;padding:18px;border-radius:28px;margin-bottom:16px}.about-card__icon{width:86px;height:86px;border-radius:24px;font-family:var(--serif);font-size:42px}.about-card__more{grid-column:2;font-size:16px}.about-footer{margin-top:24px;text-align:center}.about-footer__evolution{font-family:var(--serif);font-size:36px;color:var(--bronze-deep);margin-bottom:10px}.empty-state{text-align:center;padding:80px 14px 10px}.empty-state p{margin-bottom:18px;color:var(--ink-soft)}@keyframes breathe{0%,to{transform:scale(.96);box-shadow:inset 0 0 0 3px #65462773,inset 0 0 50px #ffd69429,0 22px 34px #4a31152e}50%{transform:scale(1);box-shadow:inset 0 0 0 3px #65462773,inset 0 0 64px #ffe1b242,0 26px 40px #4a311542}}@keyframes pulseGlow{0%{transform:scale(.98);filter:brightness(1)}to{transform:scale(1.01);filter:brightness(1.14)}}@media(max-width:430px){#root{padding-top:0;padding-bottom:0}.shell{min-height:100svh;padding-inline:18px}}