:root{--ink:#1f2a25;--muted:#66746d;--faint:#7d887f;--sage:#dce5dc;--page:#eef2ed;--paper:#fbf8ed;--seal:#9c2e25;--serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "SimSun", serif;--sans:"Inter", "Segoe UI", "Microsoft YaHei", system-ui, sans-serif;--paper-noise:repeating-linear-gradient(90deg, #1f2a2507, #1f2a2507 1px, transparent 1px, transparent 8px), repeating-linear-gradient(0deg, #1f2a2505, #1f2a2505 1px, transparent 1px, transparent 11px);font-family:var(--sans);color:var(--ink);background:linear-gradient(180deg, #dee8e0d1, #eef2edf0), radial-gradient(circle at 15% 10%, #9c2e2514, transparent 22%), var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}button,select,textarea{font:inherit}button:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #9c2e2547}#root{min-height:100svh}.app-shell{min-height:100svh;color:var(--ink)}.topbar{z-index:20;background:linear-gradient(90deg, #ecf2edf5, #f1f0e8f5), var(--paper-noise);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #222c2624;justify-content:space-between;align-items:center;gap:24px;min-height:68px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-brand{min-width:190px;font-family:var(--serif);align-items:center;gap:12px;display:flex}.topbar-brand strong{font-size:18px;font-weight:800}.brand-dot{border:2px solid var(--seal);border-radius:50%;width:17px;height:17px;box-shadow:inset 0 0 0 3px #9c2e2521}.topbar-nav{justify-content:flex-end;align-items:center;gap:8px;display:flex}.workspace{width:min(1520px,100%);margin:0 auto;padding:24px}.draw-layout{grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.control-panel,.result-panel,.history-panel,.share-panel,.empty-result{background:radial-gradient(circle at 15% 12%, #944a340f, transparent 24%), linear-gradient(180deg, #faf7edf5, #f4f0e1f5), var(--paper-noise);border:1px solid #222c2629;border-radius:8px;position:relative;box-shadow:0 20px 45px #171f1b17}.control-panel{padding:28px;position:sticky;top:92px;overflow:hidden}.brand-block{grid-template-columns:58px 1fr;align-items:center;gap:16px;display:grid}.brand-stamp{border:2px solid var(--seal);width:54px;height:54px;color:var(--seal);font-family:var(--serif);background:#9c2e250a;place-items:center;font-size:28px;font-weight:900;display:grid;transform:rotate(-7deg)}.brand-block h1{font-family:var(--serif);margin:0 0 8px;font-size:32px;font-weight:900;line-height:1.08}.brand-block p,.result-header p,.panel-heading p,.empty-result p{color:var(--muted);margin:0}.ink-scene{color:#1f2a2585;width:100%;margin:20px 0 18px}.ink-scene path,.ink-scene circle{fill:none;stroke:currentColor;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.draw-machine{gap:18px;display:grid}.card-back{color:#1f2a25bd;min-height:150px;font-family:var(--serif);transform-style:preserve-3d;background:linear-gradient(135deg,#24362d12 25%,#0000 25%) 0 0/18px 18px,linear-gradient(315deg,#24362d12 25%,#0000 25%) 0 0/18px 18px,#ebefe7cc;border:1px solid #212b2633;border-radius:8px;place-items:center;gap:10px;font-weight:800;display:grid}.card-back.is-flipping{animation:1.15s ease-in-out infinite cardFlip}.seal-button{color:#fff;cursor:pointer;width:100%;min-height:70px;font-family:var(--serif);background:linear-gradient(135deg,#8f251f,#bd3b31 55%,#8d211c);border:0;border-radius:8px;grid-template-columns:58px 1fr;align-items:center;gap:14px;padding:8px 16px 8px 8px;font-size:23px;font-weight:900;display:grid;box-shadow:0 18px 36px #8d211c42}.seal-button:hover{filter:brightness(1.03)}.seal-button:disabled{cursor:progress;opacity:.84}.seal-ring{background:#ffffff1a;border:1px solid #ffffffa3;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.mode-panel{gap:12px;margin:22px 0;display:grid}.select-field{gap:7px;display:grid}.select-field span,.section-label,.card-topline,.history-main span,.history-main small,.score-dial small{color:var(--faint);font-size:12px;font-weight:800}.select-field select{width:100%;min-height:42px;color:var(--ink);font:600 14px/1.2 var(--sans);background:#fffcf2b8;border:1px solid #222c2633;border-radius:6px;padding:0 38px 0 12px}.mini-preview{gap:10px;display:grid}.disclaimer{color:var(--muted);border-top:1px dashed #222c2633;margin:18px 0 0;padding-top:14px;font-size:13px}.stage{min-width:0;scroll-margin-top:92px}.result-panel{padding:24px;overflow:hidden}.result-header{justify-content:space-between;align-items:center;gap:22px;padding:4px 4px 18px;display:flex}.result-header h2,.panel-heading h2,.empty-result h2{font-family:var(--serif);margin:7px 0 10px;font-size:30px;line-height:1.16}.keyword-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.keyword-row span{color:var(--seal);background:#9c2e250f;border:1px solid #9c2e253d;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:800}.score-dial{background:conic-gradient(var(--seal) var(--score-angle), #1f2a251f 0), var(--sage);border-radius:50%;flex:none;place-items:center;width:104px;height:104px;display:grid;box-shadow:inset 0 0 0 8px #faf7edeb}.score-dial span{font-family:var(--serif);color:var(--ink);font-size:32px;font-weight:900;line-height:1}.score-dial small{margin-top:-18px}.action-bar{background:#eef2ed9e;border:1px solid #222c2624;border-radius:8px;flex-wrap:wrap;gap:8px;margin:0 0 18px;padding:12px;display:flex}.toolbar-button,.primary-inline,.favorite-button{color:var(--ink);font:800 13px/1 var(--sans);cursor:pointer;background:#fffcf2bd;border:1px solid #222c262e;border-radius:6px;justify-content:center;align-items:center;gap:8px;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.toolbar-button{min-height:38px;padding:0 12px}.toolbar-button:hover,.primary-inline:hover,.favorite-button:hover{background:#fffcf2f0;border-color:#9c2e2561;transform:translateY(-1px)}.toolbar-button:disabled,.primary-inline:disabled{cursor:not-allowed;opacity:.58;transform:none}.toolbar-button.is-active{color:#fff;border-color:var(--seal);background:var(--seal)}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.life-card{background:radial-gradient(circle at 80% 14%,#9c2e2514,#0000 22%),linear-gradient(#fffcf2f5,#f2ecdbf5);border:1px solid #222c2633;border-radius:8px;flex-direction:column;min-height:344px;padding:16px;display:flex;position:relative;overflow:hidden}.life-card.is-compact{min-height:245px;padding:14px}.card-paper{opacity:.42;pointer-events:none;background:repeating-linear-gradient(0deg,#1f2a2509,#1f2a2509 1px,#0000 1px 9px),repeating-linear-gradient(90deg,#1f2a2508,#1f2a2508 1px,#0000 1px 13px);position:absolute;inset:0}.card-topline{z-index:1;border-bottom:1px solid #222c2624;justify-content:space-between;gap:12px;padding-bottom:10px;display:flex;position:relative}.card-mark{z-index:0;color:#9c2e251f;font-family:var(--serif);font-size:72px;font-weight:900;line-height:1;position:absolute;top:54px;right:16px}.card-portrait{z-index:0;color:#1f2a25ad;opacity:.34;pointer-events:none;width:104px;height:116px;position:absolute;top:66px;right:-2px}.card-portrait.is-compact{opacity:.22;width:78px;height:88px;top:70px;right:-4px}.portrait-wash{fill:#32443a12}.portrait-ground,.portrait-line{fill:none;stroke:currentColor;stroke-width:4.2px;stroke-linecap:round;stroke-linejoin:round}.portrait-fill{fill:#1f2a25b3}.portrait-prop{stroke:#9c2e25a8;stroke-width:3.5px}.portrait-stamp{fill:none;stroke:#9c2e2594;stroke-width:3.4px}.portrait-infant{transform:rotate(-2deg)}.portrait-child{transform:rotate(3deg)}.portrait-crossroad,.portrait-awake{color:#9c2e257a}.portrait-elder{color:#1f2a2585}.life-card h3{z-index:1;max-width:calc(100% - 92px);font-family:var(--serif);margin:16px 0 8px;font-size:24px;line-height:1.12;position:relative}.card-subtitle{z-index:1;max-width:calc(100% - 88px);color:var(--seal);margin:0 0 12px;font-weight:900;line-height:1.45;position:relative}.card-body{z-index:1;color:#1f2a25db;margin:0;font-size:14px;line-height:1.72;position:relative}.card-quote{z-index:1;color:var(--ink);font-family:var(--serif);margin:auto 0 0;padding-top:14px;font-size:16px;font-weight:900;line-height:1.45;position:relative}.life-card.is-compact .card-body{font-size:13px;line-height:1.58}.life-card.is-compact h3,.life-card.is-compact .card-subtitle{max-width:calc(100% - 64px)}.life-card.is-compact .card-quote{display:none}.empty-result{text-align:center;place-items:center;min-height:calc(100svh - 148px);padding:48px;display:grid}.empty-result p{width:min(560px,100%);line-height:1.8}.empty-card-stack{width:220px;height:210px;margin-bottom:20px;position:relative}.empty-card-stack div{background:linear-gradient(135deg,#9c2e251a,#0000 28%),#fffcf2eb;border:1px solid #222c262e;border-radius:8px;position:absolute;inset:0;box-shadow:0 18px 34px #171f1b1a}.empty-card-stack div:first-child{transform:rotate(-8deg)translate(-18px,10px)}.empty-card-stack div:nth-child(2){transform:rotate(6deg)translate(16px,4px)}.empty-card-stack div:nth-child(3){transform:translateY(-8px)}.primary-inline{color:#fff;border-color:var(--seal);background:var(--seal);min-height:42px;margin-top:22px;padding:0 16px}.history-panel,.share-panel{padding:28px}.panel-heading{margin-bottom:22px}.history-empty{min-height:260px;color:var(--muted);text-align:center;place-items:center;gap:12px;display:grid}.history-list{gap:10px;display:grid}.history-item{grid-template-columns:1fr 44px;align-items:stretch;gap:10px;display:grid}.history-main{text-align:left;cursor:pointer;background:#fffcf2b8;border:1px solid #222c2629;border-radius:8px;gap:6px;min-width:0;padding:16px;display:grid}.history-main strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.favorite-button{width:44px;min-height:44px;color:var(--seal);padding:0}.share-panel textarea{resize:vertical;box-sizing:border-box;width:100%;min-height:220px;color:var(--ink);font:600 16px/1.85 var(--sans);background:#fffcf2bd;border:1px solid #222c2633;border-radius:8px;padding:18px}.loading-overlay{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#131a1752;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.loading-card{width:min(360px,100%);min-height:230px;color:var(--ink);background:linear-gradient(180deg, #fffcf2fa, #f1ecdcfa), var(--paper-noise);font-family:var(--serif);border:1px solid #fffcf273;border-radius:8px;place-items:center;gap:16px;font-size:22px;font-weight:900;display:grid;box-shadow:0 28px 80px #00000038}.loading-lines{gap:7px;width:210px;display:grid}.loading-lines i{background:#9c2e252e;border-radius:999px;height:5px;animation:.9s ease-in-out infinite loadingPulse;display:block}.loading-lines i:nth-child(2){width:74%;animation-delay:.12s}.loading-lines i:nth-child(3){width:48%;animation-delay:.24s}.toast{z-index:60;color:#fff;background:#1f2a25f0;border:1px solid #222c262e;border-radius:8px;padding:12px 14px;font-size:14px;font-weight:800;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 40px #0000002e}@keyframes cardFlip{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}@keyframes loadingPulse{0%,to{opacity:.28}50%{opacity:1}}@media (width<=1180px){.draw-layout{grid-template-columns:1fr}.control-panel{position:relative;top:auto}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.topbar{flex-direction:column;align-items:stretch;padding:14px;position:relative}.topbar-nav{justify-content:stretch}.topbar-nav .toolbar-button{flex:1}.workspace{padding:14px}.control-panel,.result-panel,.history-panel,.share-panel,.empty-result{padding:18px}.brand-block{grid-template-columns:48px 1fr}.brand-block h1{font-size:26px}.brand-stamp{width:46px;height:46px;font-size:24px}.result-header{flex-direction:column;align-items:flex-start}.result-header h2,.panel-heading h2,.empty-result h2{font-size:25px}.cards-grid{grid-template-columns:1fr}.life-card{min-height:330px}.card-portrait{opacity:.28;width:88px;height:98px}.toolbar-button span{display:none}.action-bar .toolbar-button span{display:inline}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}