:root{--gold:#d4a853;--gold-light:#f0d78c;--gold-dark:#b08830;--navy:#1e293b;--navy-light:#334155;--warm-bg:#F8F6F2;--color-card-warm:#F3EFE7;--warm-border:#e8e0d5;--text-primary:#2B2B2B;--text-secondary:#8D867C;--text-muted:#94a3b8;--accent-soft:#fef3c7;--red-soft:#fef2f2;--green-soft:#f0fdf4;--blue-soft:#eff6ff;--radius:12px;--radius-lg:20px;--shadow-sm:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 20px rgba(0,0,0,.08);--neutral-black: #0b0f16;--neutral-white: #FCFBF8;--star-white: #F7F4EC;--screen-bg-intro: #101827;--screen-fg-intro: #F3EFE7;--screen-bg-space: #F3EFE7;--screen-fg-space: #343434;--screen-bg-account: #F3EFE7;--screen-fg-account: #343434;--screen-bg-login: #F3EFE7;--screen-fg-login: #343434;--screen-bg-garden: #F3E3C1;--screen-fg-garden: #343434;--screen-bg-input: #F8F6F2;--screen-fg-input: #2B2B2B;--screen-bg-loading: #F8F6F2;--screen-fg-loading: #2B2B2B;--screen-bg-report: #F8F6F2;--screen-fg-report: #2B2B2B}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{overflow:hidden;font-family:-apple-system,PingFang SC,Noto Sans SC,sans-serif;background:#101827;color:#f5f3ee;line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh;-webkit-text-size-adjust:100%}body[data-screen=intro-screen]{background:var(--screen-bg-intro);color:var(--screen-fg-intro)}body[data-screen=space-screen]{background:var(--screen-bg-space);color:var(--screen-fg-space)}body[data-screen=account-screen]{background:var(--screen-bg-account);color:var(--screen-fg-account)}body[data-screen=login-screen]{background:var(--screen-bg-login);color:var(--screen-fg-login)}body[data-screen=garden-screen]{background:var(--screen-bg-garden);color:var(--screen-fg-garden)}body[data-screen=input-screen]{background:var(--screen-bg-input);color:var(--screen-fg-input)}body[data-screen=loading-screen]{background:var(--screen-bg-loading);color:var(--screen-fg-loading)}body[data-screen=report-screen]{background:var(--screen-bg-report);color:var(--screen-fg-report)}.intro-screen{background:var(--neutral-black);min-height:100vh;-webkit-text-size-adjust:100%;padding:0;position:relative;overflow:hidden}canvas.sky-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}canvas.star-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.scene-stage{position:absolute;top:0;left:32px;width:280px;text-align:left;z-index:5}.scene{position:absolute;top:0;left:0;width:100%;text-align:left;display:flex;flex-direction:column;gap:30px;opacity:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.sl{opacity:0;margin:0;white-space:nowrap;font-family:-apple-system,PingFang SC,sans-serif;color:#f5f3ee;line-height:1.4;letter-spacing:.02em;animation:fadeUp .55s ease forwards}.sl span{display:inline-block;vertical-align:baseline;margin-right:.12em}@keyframes kwFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.kw{animation:kwFloat 2.5s ease-in-out infinite;animation-delay:1.5s}.kw.breathe{animation:kwBreathe 2s ease-in-out infinite;animation-delay:2.5s}@keyframes kwBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.s1,.s2{top:15vh;animation:Sfade 4s ease forwards}.s3,.s4{top:15vh;animation:Sfade 5.2s ease forwards}.s5{top:15vh;animation:Sfade 3.2s ease forwards}.s6{top:15vh;animation:Slast 4.5s ease forwards;pointer-events:auto}@keyframes Sfade{0%,to{opacity:0}12%{opacity:1}75%{opacity:1}92%{opacity:0}}@keyframes Slast{0%{opacity:0}6%{opacity:1}to{opacity:1}}.scene-buttons{position:fixed;bottom:calc(154px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:10;display:flex;gap:14px;opacity:0;animation:btnIn .8s ease forwards;animation-delay:24s}@keyframes btnIn{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.intro-btn{font-family:-apple-system,PingFang SC,sans-serif;padding:14px 36px;border-radius:26px;cursor:pointer;transition:transform .35s cubic-bezier(.25,.8,.25,1.4),box-shadow .35s ease,background .35s ease;border:none;letter-spacing:.03em;white-space:nowrap;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.intro-btn:active{transform:scale(1.08);box-shadow:0 0 32px #ffdcaa59,0 0 8px #ffffff26;background:#ffffff38}.intro-btn .ripple{position:absolute;border-radius:50%;background:radial-gradient(circle,#fff0d299,#ffdcaa00 70%);transform:translate(-50%,-50%) scale(0);animation:rippleOut .7s ease-out forwards;pointer-events:none}@keyframes rippleOut{0%{transform:translate(-50%,-50%) scale(0);opacity:1}70%{opacity:.5}to{transform:translate(-50%,-50%) scale(4);opacity:0}}.intro-btn.primary,.intro-btn.secondary{background:#ffffff1f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);color:#f5f3ee;font-size:20px;font-weight:500;animation:btnFloat 3s ease-in-out 24.5s infinite}.transition-msg{pointer-events:none}.transition-msg p{font-family:-apple-system,PingFang SC,sans-serif;font-size:22px;color:#f5f3ee;opacity:0}.transition-msg.show p{animation:listenIn .6s ease forwards}@keyframes listenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hidden{display:none}.screen{display:none;min-height:100vh;-webkit-text-size-adjust:100%}.screen.active{display:flex;flex-direction:column;align-items:center}.input-screen{height:100vh;overflow-y:auto;padding:60px 20px 80px;max-width:680px;margin:0 auto;background:#f8f6f2}.hero{text-align:center;margin-bottom:40px}.brand{font-size:48px;font-weight:700;color:var(--gold-dark);letter-spacing:.05em;margin-bottom:8px}.subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:24px;letter-spacing:.1em}.greeting{font-size:20px;color:var(--navy);font-weight:400}.input-card{width:100%;background:var(--neutral-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:28px;margin-bottom:24px;border:1px solid var(--warm-border)}.tab-bar{display:flex;gap:4px;margin-bottom:20px;background:var(--warm-bg);border-radius:8px;padding:4px}.tab{flex:1;padding:12px 10px;border:none;background:transparent;font-size:13px;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:5px}.tab.active{background:var(--neutral-white);color:var(--navy);font-weight:500;box-shadow:var(--shadow-sm)}.tab-icon{width:18px;height:18px;flex-shrink:0;display:block}.tab-icon svg{width:100%;height:100%;display:block}.tab-content{display:none}.tab-content.active{display:block}textarea{width:100%;border:1px solid var(--warm-border);border-radius:var(--radius);padding:16px;font-size:16px;font-family:inherit;line-height:1.8;resize:vertical;background:var(--warm-bg);transition:border-color .2s}textarea:focus{outline:none;border-color:var(--gold);background:var(--neutral-white);box-shadow:0 0 0 3px #d4a8531a}.drop-zone{border:2px dashed var(--warm-border);border-radius:var(--radius);padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s;background:var(--warm-bg)}.drop-zone:hover,.drop-zone.dragover{border-color:var(--gold);background:#fdf8f0}.drop-icon-img{width:48px;height:48px;margin-bottom:12px;opacity:.6}.drop-zone p{color:var(--text-secondary);font-size:15px;margin-bottom:4px}.drop-hint{font-size:13px;color:var(--text-muted)}.identity-section{margin-top:20px;padding-top:20px;border-top:1px solid var(--warm-border)}.identity-label{font-size:14px;color:var(--text-secondary);margin-bottom:10px}.identity-sub{font-size:13px;color:var(--text-muted);margin-bottom:12px}.identity-buttons{display:flex;gap:10px;flex-wrap:wrap}.identity-btn{flex:1;min-width:100px;padding:10px 14px;border:1px solid var(--warm-border);border-radius:8px;background:var(--neutral-white);font-size:14px;cursor:pointer;transition:all .2s;font-family:inherit}.identity-btn:hover{border-color:var(--gold);background:var(--accent-soft)}.identity-btn.selected{border-color:var(--gold-dark);background:var(--accent-soft);font-weight:500;box-shadow:0 0 0 2px #d4a85333}.identity-hint{margin-top:8px;font-size:13px;color:var(--gold-dark)}.privacy-note{margin-top:20px;padding-top:16px;border-top:1px solid var(--warm-border);font-size:13px;color:var(--text-muted);text-align:center}.btn-primary{width:100%;padding:16px 32px;background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:var(--neutral-white);border:none;border-radius:var(--radius);font-size:17px;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit;letter-spacing:.02em}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #d4a85359}.btn-primary:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.btn-secondary{padding:10px 20px;background:var(--neutral-white);color:var(--navy);border:1px solid var(--warm-border);border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s;font-family:inherit}.btn-secondary:hover{border-color:var(--gold);background:var(--accent-soft)}.input-hint{text-align:center;margin-top:10px;font-size:13px}.coming-soon-tag{display:inline-block;background:#f1f5f9;color:#94a3b8;font-size:10px;padding:1px 6px;border-radius:8px;margin-left:4px;vertical-align:middle}.audio-placeholder{text-align:center;padding:36px 20px;background:linear-gradient(135deg,#faf5ff,#f5f3ff);border-radius:var(--radius);border:2px dashed #d4c5f0}.audio-icon-img{width:48px;height:48px;margin-bottom:12px;opacity:.5}.audio-placeholder h3{font-size:18px;color:var(--navy);margin-bottom:12px}.audio-note{font-size:13px;color:var(--text-muted);line-height:1.7}.report-screen{height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0;background:linear-gradient(180deg,#e8e2d4,#f3efe7 40%,#f8f6f2);max-width:100%}.report-container{width:100%;max-width:720px;margin:0 auto;padding:40px 20px 80px}.report-screen{background:var(--warm-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:36px 28px;margin-bottom:24px;border:1px solid var(--warm-border)}.section-label{font-size:13px;text-transform:uppercase;letter-spacing:.15em;color:var(--gold-dark);margin-bottom:20px;font-family:Inter,sans-serif;font-weight:500}.screen-1{background:linear-gradient(135deg,#2d2420,#4a3a30);color:#f5ede0;border:none}.screen-1 .section-label{color:#e7c89e}.insight-tag{display:inline-block;background:#f0d78c33;color:var(--gold-light);padding:4px 14px;border-radius:20px;font-size:13px;margin-bottom:16px}.insight-title{font-size:28px;line-height:1.4;margin-bottom:16px;color:var(--neutral-white)}.insight-summary{font-size:16px;line-height:1.8;color:#ffffffd9;margin-bottom:20px}.insight-real-topic{background:#ffffff14;padding:16px 20px;border-radius:var(--radius);font-size:14px;color:#ffffffb3}.insight-real-topic .label{color:var(--gold-light);font-weight:500}.ratio-bar-wrap{display:flex;flex-direction:column;gap:20px}.ratio-side{display:flex;flex-direction:column;gap:6px}.ratio-label{font-weight:600;font-size:15px;color:var(--navy)}.ratio-bar-bg{height:14px;background:#e5e7eb;border-radius:7px;overflow:hidden}.ratio-bar-fill{height:100%;border-radius:7px;transition:width 1s ease}.ratio-bar-fill.a{background:linear-gradient(90deg,#c4915a,#d9a870)}.ratio-bar-fill.b{background:linear-gradient(90deg,#8b6a5a,#a08070)}.ratio-pct{font-size:28px;font-weight:700;color:var(--navy)}.ratio-reason{font-size:14px;color:var(--text-secondary);line-height:1.6}.ratio-note{margin-top:16px;padding:12px 16px;background:var(--neutral-white);border-radius:8px;font-size:13px;color:var(--text-muted);text-align:center}.dual-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.column{background:var(--warm-bg);border-radius:var(--radius);padding:20px}.column-header{font-weight:600;font-size:15px;color:var(--navy);margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--gold-light)}.column-a{border-top:3px solid #f97316;background:#fff7ed}.column-b{border-top:3px solid #3b82f6;background:#eff6ff}.column-a .column-header{color:#c2410c}.column-b .column-header{color:#1d4ed8}.layer{margin-bottom:12px}.layer-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:4px;display:block}.layer-said{font-size:15px;color:var(--navy);font-style:italic;background:var(--neutral-white);padding:8px 12px;border-radius:6px;border-left:3px solid #e2e8f0}.layer-heard{font-size:14px;color:#dc2626;background:var(--red-soft);padding:8px 12px;border-radius:6px}.layer-inner{font-size:14px;color:var(--text-secondary);background:var(--blue-soft);padding:8px 12px;border-radius:6px}.layer-real{background:var(--neutral-white);border:2px solid var(--gold-light);border-radius:var(--radius);padding:16px}.layer-real .layer-label{color:var(--gold-dark);font-size:12px}.layer-real p{font-size:16px;color:var(--navy);font-weight:600;line-height:1.6}.arrow-layer{text-align:center;color:var(--text-muted);font-size:16px;padding:0;margin:4px 0}.gap-card{background:linear-gradient(135deg,var(--accent-soft),#fdf8f0);border:1px solid var(--gold-light);border-radius:var(--radius);padding:20px 24px;text-align:center}.gap-icon{font-size:24px;margin-bottom:8px}.gap-card p{font-size:16px;color:var(--navy);line-height:1.7}.replay-container{display:flex;flex-direction:column;gap:12px}.replay-item{background:var(--warm-bg);border-radius:var(--radius);padding:16px 20px;border-left:3px solid var(--warm-border)}.replay-item.turning-point{background:var(--red-soft);border-left-color:#ef4444}.replay-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.replay-text{font-size:15px;color:var(--text-primary);margin-bottom:8px;padding:8px 12px;background:var(--neutral-white);border-radius:6px;font-style:italic}.replay-psychology{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-left:3px solid #3b82f6;padding:12px 14px;border-radius:6px;margin-top:6px;font-size:14px;color:var(--text-primary);line-height:1.7}.replay-need{background:linear-gradient(135deg,#fefce8,#fef9c3);border-left:3px solid #eab308;padding:10px 14px;border-radius:6px;margin-top:6px;font-size:13px;color:#854d0e;line-height:1.6}.what-if-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}.what-if-flow{background:var(--warm-bg);border-radius:var(--radius);padding:20px}.flow-label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.what-if-table{background:var(--warm-bg);border-radius:var(--radius);overflow:hidden}.what-if-header{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 16px;background:var(--navy);color:var(--neutral-white);font-size:13px;font-weight:500}.what-if-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px;border-bottom:1px solid var(--warm-border);align-items:start}.what-if-original{font-size:14px;color:#dc2626;font-style:italic;line-height:1.5}.what-if-arrow{font-size:18px;color:var(--gold);display:flex;align-items:flex-start;justify-content:center}.what-if-alt{font-size:14px;color:#16a34a;line-height:1.5}.emotion-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.emotion-card{background:var(--neutral-white);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.emotion-card h4{font-size:15px;margin-bottom:14px;color:var(--navy)}.emotion-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.emotion-label{width:70px;font-size:12px;color:var(--text-secondary);flex-shrink:0;text-align:right}.emotion-bar-bg{flex:1;min-width:0;height:10px;background:#f1f5f9;border-radius:5px;overflow:hidden;position:relative}.emotion-bar-fill{display:block;width:0;height:100%;border-radius:4px;background:#e08d79;transform-origin:left center;transition:width 1s ease}.emotion-score{width:28px;font-size:12px;font-weight:600;color:var(--navy);text-align:right}.emotion-summary{margin-top:12px;padding-top:10px;border-top:1px solid var(--warm-border);font-size:13px;color:var(--text-secondary);line-height:1.6}.relief-card{background:var(--neutral-white);border-radius:var(--radius);padding:18px 20px;margin-bottom:12px;border-left:3px solid #22c55e;box-shadow:var(--shadow-sm)}.relief-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.relief-method{font-weight:600;font-size:15px;color:var(--navy)}.relief-school{display:inline-block;background:#dcfce7;color:#15803d;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:500}.relief-steps{font-size:14px;color:var(--text-primary);line-height:1.7;margin-bottom:6px}.relief-why{font-size:13px;color:var(--text-muted);font-style:italic}.relief-note{text-align:center;font-size:12px;color:var(--text-muted);margin-top:12px}.icebreaker-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:28px}.icebreaker-card{background:var(--warm-bg);border-radius:var(--radius);padding:20px;text-align:center;border:1px solid var(--warm-border)}.icebreaker-text{font-size:14px;color:var(--text-primary);line-height:1.6;margin-bottom:12px;font-style:italic}.btn-copy-icebreaker{background:none;border:1px solid var(--warm-border);padding:6px 14px;border-radius:6px;font-size:12px;cursor:pointer;font-family:inherit}.behavioral-notes h3{font-size:16px;margin-bottom:14px;color:var(--navy)}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.note-card{background:var(--warm-bg);border-radius:var(--radius);padding:16px}.note-label{display:block;font-size:13px;font-weight:600;color:var(--navy);margin-bottom:6px}.note-card p{font-size:14px;color:var(--text-secondary);line-height:1.6}.note-disclaimer{font-size:12px;color:var(--text-muted);text-align:center}.share-section{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid var(--warm-border)}.share-section .btn-primary{width:auto;padding:14px 32px}.share-hint{font-size:13px;color:var(--text-muted);margin-top:8px}.share-cta-hint{text-align:center;font-size:13px;color:var(--text-muted);margin-top:14px}.report-footer{text-align:center;background:linear-gradient(180deg,#fff6e8,#f3e3c1);border-radius:var(--radius-lg);padding:20px 0 40px}.register-teaser{font-size:14px;color:var(--text-muted);margin-bottom:24px}.register-teaser a{color:var(--gold-dark);text-decoration:underline}.footer-brand{font-size:14px;color:var(--text-muted)}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:var(--navy);color:var(--neutral-white);padding:12px 24px;border-radius:30px;font-size:14px;z-index:1000;opacity:0;transition:opacity .3s;pointer-events:none}.toast.show{opacity:1}@media(max-width:640px){.brand{font-size:36px}.greeting{font-size:17px}.input-card{padding:20px}.dual-columns,.icebreaker-cards,.what-if-summary,.notes-grid,.emotion-grid{grid-template-columns:1fr}.report-screen{padding:24px 16px}.insight-title{font-size:22px}.report-container{padding:20px 12px 60px}}.reform-text{font-family:-apple-system,PingFang SC,sans-serif;font-size:28px;font-weight:500;color:var(--screen-fg-intro);line-height:1.5;animation:reformIn 1s ease forwards}@keyframes reformIn{0%{opacity:0;filter:blur(8px);transform:translateY(10px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}canvas.warm-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.loading-screen{justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;background:linear-gradient(170deg,#dce5de,#e8e2d4);transition:background 1.5s ease}#loading-screen.warm{background:linear-gradient(170deg,#e8e2d4,#f3efe7)}.loading-card{text-align:center;width:100%;max-width:320px;padding:0 24px}.loading-icon{width:48px;height:48px;margin:0 auto 32px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#a8c3ae,#7a9a7e 70%);animation:iconBreathe 3s ease-in-out infinite}.loading-icon:before{content:"";display:block;width:55%;height:55%;margin:22% auto 0;border-radius:50% 0 50% 50%;background:#f3efe7;transform:rotate(45deg)}@keyframes iconBreathe{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.12);opacity:1}}.loading-msg-wrap{position:relative;min-height:64px;width:100%;display:flex;align-items:center;justify-content:center}.loading-msg{font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:17px;font-weight:400;color:#5a5a50;position:absolute;top:0;left:0;width:100%;text-align:center;opacity:0;line-height:1.75;transition:opacity .6s ease;margin:0}.space-screen{height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.space-container{position:relative;z-index:1;max-width:520px;margin:0 auto;padding:60px 24px 80px;text-align:center}.space-hero{margin-bottom:48px}.space-brand{font-size:42px;font-weight:700;color:#8b5e3c;letter-spacing:.06em;margin-bottom:8px}.space-subtitle{font-size:16px;color:#a08068;margin-bottom:18px}.space-desc{font-size:15px;color:#756455;line-height:1.8}.space-section{margin-bottom:40px}.space-section-title{font-size:18px;color:#8b5e3c;font-weight:500;margin-bottom:20px;letter-spacing:.03em}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.benefit-card{background:#ffffffd1;border-radius:20px;padding:22px 18px;text-align:left;border:1px solid rgba(200,160,120,.12);box-shadow:0 4px 20px #a078460f;animation:cardFloat 5s ease-in-out infinite}.benefit-card:nth-child(1){animation-delay:0s}.benefit-card:nth-child(2){animation-delay:.8s}.benefit-card:nth-child(3){animation-delay:1.6s}.benefit-card:nth-child(4){animation-delay:2.4s}.benefit-card:nth-child(5){animation-delay:3.2s}.benefit-card:nth-child(6){animation-delay:.4s}.benefit-card h3{font-size:15px;color:#5c3d28;font-weight:500;margin:10px 0 6px}.benefit-card p{font-size:13px;color:#7a6450;line-height:1.6;margin:0}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.garden-section{margin:48px 0 40px;position:relative}.garden-section:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:40px;height:2px;background:#c4915a4d;border-radius:1px}.growth-card{background:#fffaf28c;border-radius:8% 12% 10% 9%/7% 11% 12% 8%;padding:36px 28px;text-align:center;border:2px solid rgba(200,160,120,.18);box-shadow:0 8px 32px #b4783c0f;animation:cardFloat 6s ease-in-out infinite;animation-delay:1s}.growth-card>p{font-size:16px;color:#5c4535;line-height:2;margin-bottom:14px}.growth-card>p strong{color:#8b5e3c;font-weight:500}.growth-card .space-card-icon{display:block;margin:0 auto 20px}.growth-ending{font-size:14px;color:#b57a45;line-height:1.9;margin-top:16px}.space-card-icon{width:36px;height:36px}.signup-section{text-align:center;padding-top:8px}.signup-desc{font-size:14px;color:#7a6450;margin-bottom:20px}.btn-signup{display:inline-block;padding:14px 40px;background:linear-gradient(135deg,#c4915a,#e7b98a);color:var(--neutral-white);border:none;border-radius:24px;font-size:15px;font-weight:500;cursor:pointer;box-shadow:0 4px 20px #c4915a4d}.signup-link{margin-top:16px;font-size:13px;color:#a08068}.signup-link a{color:#b57a45;text-decoration:none}.footer-brand{font-size:12px;color:#c0a890;margin-top:40px}.total-summary{background:#ffffffb3;border-radius:14px;padding:20px;margin-bottom:16px;text-align:left}.total-summary h3{font-size:16px;color:#5c3d28;margin-bottom:8px}.total-summary p{font-size:14px;color:#7a6450;line-height:1.8}.total-energy{text-align:center;padding:20px;margin-bottom:16px}.energy-circle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#c4915a,#e7b98a);color:var(--neutral-white);margin-bottom:10px}.energy-num{font-size:28px;font-weight:700;line-height:1}.energy-unit{font-size:11px;opacity:.8}.energy-desc{font-size:14px;color:#6b4a30;margin-bottom:4px}.energy-value{font-size:18px;color:#b57a45;font-weight:600}.total-sim{background:#fffaf2b3;border-radius:14px;padding:20px;text-align:center}.total-sim h3{font-size:16px;color:#5c3d28;margin-bottom:6px}.total-sim p{font-size:13px;color:#8a6a50;margin-bottom:14px}.btn-sim{width:auto;display:inline-block;padding:12px 28px}.account-screen,.login-screen{background:linear-gradient(180deg,#fdf0e0,#f0cda0);overflow-y:auto}.account-container{max-width:440px;margin:0 auto;padding:80px 28px 60px;text-align:center}.account-hero{margin-bottom:36px}.account-title{font-size:28px;font-weight:600;color:#6b4a30;margin-bottom:10px}.account-desc{font-size:15px;color:#8a6a50}.account-form{text-align:left}.form-field{margin-bottom:18px}.form-field label{display:block;font-size:13px;color:#8b6a4a;margin-bottom:6px;font-weight:500}.form-field input{width:100%;padding:14px 16px;border:1px solid rgba(180,140,110,.3);border-radius:12px;font-size:15px;background:#ffffffb3;color:#4a3525;font-family:inherit}.form-field input:focus{outline:none;border-color:#c4915a;box-shadow:0 0 0 3px #c4915a1f}.form-row{display:flex;gap:10px;align-items:center}.btn-code{flex-shrink:0;padding:14px 16px;background:#c4915a1f;border:1px solid rgba(196,145,90,.25);border-radius:12px;color:#b57a45;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;font-family:inherit}.account-icon{display:block;margin:0 auto 12px}.account-form .btn-signup{width:100%;margin-top:8px}.account-form .signup-link{text-align:center}.particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.intro-btn.primary{animation:btnFloat 3s ease-in-out 24.5s infinite;background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);color:var(--neutral-white);box-shadow:0 0 20px #ff965026,inset 0 1px #ffffff1a}.intro-btn.primary:hover{box-shadow:0 0 30px #ff96504d,inset 0 1px #ffffff26}.stars{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.star{position:absolute;background:var(--neutral-white);border-radius:50%;animation:twinkle 5s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.15}50%{opacity:.4}}@keyframes dotPulseA{0%,to{opacity:.3}50%{opacity:.7;box-shadow:0 0 8px 4px #ffb47833}}@keyframes dotPulseB{0%,to{opacity:.5}50%{opacity:.2}}@keyframes lineFade{0%,to{opacity:0;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.3)}}.nebula{position:fixed;top:25%;right:-10%;width:55%;height:50%;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 60% 50%,rgba(200,140,80,.07) 0%,rgba(180,100,50,.03) 40%,transparent 75%);animation:nebulaBreathe 8s ease-in-out infinite}@keyframes nebulaBreathe{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.dust-layer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.dust{position:absolute;border-radius:50%;background:#ffdcb433;animation:driftUp 12s linear infinite}@keyframes driftUp{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.5}90%{opacity:.1}to{transform:translateY(-80vh) rotate(90deg);opacity:0}}.kw.gold{text-shadow:0 0 18px rgba(200,155,80,.4)}.kw.red{text-shadow:0 0 14px rgba(180,80,60,.35)}.kw.warm{text-shadow:0 0 22px rgba(210,160,100,.5)}.kw.glow{text-shadow:0 0 28px rgba(200,160,100,.6),0 0 50px rgba(180,140,80,.25)}.swallower{position:fixed;z-index:200;border-radius:50%;pointer-events:none;width:250vmax;height:250vmax;transform:translate(-50%,-50%) scale(0);opacity:0;background:radial-gradient(circle,rgba(248,235,221,.8) 0%,rgba(245,225,205,.5) 25%,rgba(240,215,185,.25) 50%,rgba(235,200,165,.08) 75%,transparent 95%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.swallower.expand{animation:rippleBreathe 4.5s ease-out forwards}@keyframes rippleBreathe{0%{transform:translate(-50%,-50%) scale(0);opacity:.35}20%{opacity:.65}55%{transform:translate(-50%,-50%) scale(1);opacity:1}70%{opacity:1}to{opacity:0}}#input-screen.active,#space-screen.active{animation:pageEmerge 2.2s cubic-bezier(.45,0,.2,1) forwards}@keyframes pageEmerge{0%{opacity:0;filter:blur(10px);transform:translateY(16px)}25%{opacity:.3;filter:blur(7px)}50%{opacity:.6;filter:blur(3px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}.picker-card{background:var(--neutral-white);border-radius:20px;padding:32px 24px;max-width:380px;width:100%;text-align:center;box-shadow:0 20px 60px #0000004d}.picker-card h2{font-size:20px;color:var(--navy);margin-bottom:8px}.picker-sub{font-size:14px;color:var(--text-secondary);margin-bottom:20px}.picker-options{display:flex;flex-direction:column;gap:12px}.picker-btn{background:var(--warm-bg);border:2px solid transparent;border-radius:14px;padding:16px 20px;cursor:pointer;text-align:left;transition:all .2s}.picker-btn:hover{border-color:var(--gold);background:#fffdf7}.picker-label{display:block;font-size:16px;font-weight:600;color:var(--navy);margin-bottom:4px}.picker-desc{display:block;font-size:13px;color:var(--text-secondary);line-height:1.5}.scene-stage:before{content:"";display:block;width:40px;height:1px;background:#fff0;margin-bottom:0}@keyframes bgFlow{0%,to{background-position:0% 0%}25%{background-position:100% 30%}50%{background-position:50% 100%}75%{background-position:0% 70%}}@keyframes btnFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.intro-btn.primary:active{transform:scale(.95);transition:transform .15s ease}.zi-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a8c3ae;margin-right:10px;vertical-align:middle;box-shadow:0 0 6px #a8c3ae66}.zi-ring{display:inline-block;width:8px;height:8px;border-radius:50%;border:1.5px solid #A8C3AE;margin-right:10px;vertical-align:middle}.zi-line{display:inline-block;width:14px;height:1.5px;background:#a8c3ae;margin-right:10px;vertical-align:middle;border-radius:1px}.zi-lozenge{display:inline-block;width:6px;height:6px;transform:rotate(45deg);background:#c4915a;margin-right:10px;vertical-align:middle}.zi-wave{display:inline-block;width:16px;height:8px;margin-right:10px;vertical-align:middle;border-bottom:1.5px solid #A8C3AE;border-radius:0 0 8px 8px}.zi-icon{display:inline-block;width:16px;height:16px;margin-right:10px;vertical-align:middle}.zi-icon svg{width:100%;height:100%;display:block}.garden-screen{position:relative;height:100vh;height:100dvh;overflow:hidden;background:linear-gradient(180deg,#fdf5e8,#f9ead0 25%,#f3e3c1 55%,#e8d7b5)}.garden-screen.active{display:flex;flex-direction:column;align-items:stretch}.garden-topbar{flex:0 0 auto;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#fdf5e8db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(196,145,90,.16);z-index:40}.garden-logo{font-size:20px;font-weight:600;color:#6b4a30;letter-spacing:.08em}.garden-top-btn{min-height:38px;padding:8px 16px;font-size:14px;font-weight:500;color:#6b4a30;background:#c4915a29;border:1px solid rgba(196,145,90,.34);border-radius:999px;cursor:pointer;transition:transform .2s ease,background .2s ease}.garden-top-btn:active{transform:scale(.95);background:#c4915a42}.garden-scroll{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 16px 20px;display:flex;flex-direction:column;gap:16px}.nurture-card{flex:0 0 auto;background:#fffaf2d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.55);border-radius:18px;padding:18px 20px;box-shadow:0 8px 24px #b4783c1a}.nurture-head{display:flex;align-items:center;gap:10px}.nurture-icon{font-size:24px;line-height:1}.nurture-label{font-size:15px;color:#8a6a50}.nurture-value{font-size:32px;font-weight:600;color:#6b4a30;margin-left:auto;font-variant-numeric:tabular-nums}.nurture-status{font-size:13px;color:#a08068;margin:10px 0 16px}.nurture-cta{width:100%;min-height:48px;font-size:15px;font-weight:500;color:#fdf5e8;background:linear-gradient(135deg,#c4915a,#b57a45);border:none;border-radius:14px;cursor:pointer;box-shadow:0 6px 16px #b4783c40;transition:transform .2s ease}.nurture-cta:active{transform:scale(.98)}.garden-scene{position:relative;flex:1 0 auto;min-height:440px;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#fdf5e8,#f9ead0 25%,#f3e3c1 55%,#e8d7b5);box-shadow:0 10px 30px #b4783c1f}canvas.garden-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.relation-graph{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:6;pointer-events:none}.root-main{stroke:#d5a85a;stroke-width:1.5px;stroke-linecap:round;fill:none;opacity:.28;transition:stroke-width .8s cubic-bezier(.4,0,.2,1),opacity .8s cubic-bezier(.4,0,.2,1)}.root-branch{stroke:#d5a85a;stroke-width:1.2px;stroke-linecap:round;fill:none;opacity:.24;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.root-spark{stroke:#fff6e8;stroke-width:2px;stroke-linecap:round;fill:none;stroke-dasharray:2 98;stroke-dashoffset:0;opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.root-vein-hit{stroke:transparent;stroke-width:11px;fill:none;pointer-events:stroke;cursor:pointer}.root-vein--thin .root-main{stroke-width:1.5px;opacity:.28}.root-vein--thin .root-branch{opacity:.2}.root-vein--mid .root-main{stroke-width:3px;opacity:.55;filter:drop-shadow(0 0 2px rgba(213,168,90,.5))}.root-vein--mid .root-branch{stroke-width:1.6px;opacity:.4}.root-vein--thick .root-main{stroke-width:5px;opacity:.85}.root-vein--thick .root-branch{stroke-width:2px;opacity:.5}.root-vein--thick .root-spark,.root-vein--full .root-spark{opacity:1;animation:rootFlow 3s linear infinite}.root-vein--full .root-main{stroke-width:5px;opacity:.85;filter:drop-shadow(0 0 4px rgba(232,192,96,.7))}.root-vein--full .root-branch{stroke-width:2px;opacity:.5}.root-vein--full .root-vein-hit{animation:endpointBreath 4s ease-in-out infinite}@keyframes rootFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}@keyframes endpointBreath{0%,to{stroke-width:11px}50%{stroke-width:16px}}@media(prefers-reduced-motion:reduce){.root-main,.root-branch,.root-spark,.root-vein-hit{transition:none!important;animation:none!important}}.form--absent{opacity:.35}.form--thin{transform:scale(.94)}.form--mid{transform:scale(1)}.form--thick{transform:scale(1.05)}.form--full{transform:scale(1.05);filter:drop-shadow(0 0 8px rgba(213,168,90,.4))}.eco-tree,.eco-flower,.eco-seedling,.eco-nursery,.eco-camp,.eco-stream{transition:transform .8s cubic-bezier(.4,0,.2,1),filter .8s cubic-bezier(.4,0,.2,1),opacity .8s cubic-bezier(.4,0,.2,1)}.garden-leaf{position:absolute;bottom:20%;width:12px;height:8px;background:linear-gradient(135deg,#e8c060,#d5a85a);border-radius:60% 0;z-index:5;pointer-events:none;animation:leafFall 6s ease-in-out infinite}@keyframes leafFall{0%{transform:translateY(-40px) rotate(0);opacity:0}20%{opacity:.8}to{transform:translateY(120px) rotate(180deg);opacity:0}}.nameless-bloom{position:absolute;bottom:18%;width:10px;height:10px;background:radial-gradient(circle,var(--neutral-white),#F3EFE7 60%,#DCE5DE);border-radius:50%;box-shadow:0 0 6px #f3efe799;z-index:5;pointer-events:none;animation:bloomRise 5s ease-in-out infinite}@keyframes bloomRise{0%,to{transform:translateY(0) scale(.9);opacity:.5}50%{transform:translateY(-8px) scale(1.1);opacity:.9}}.garden-bottomnav{flex:0 0 auto;height:64px;display:flex;align-items:stretch;background:#fdf5e8f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(196,145,90,.16);padding-bottom:env(safe-area-inset-bottom);z-index:40}.nav-item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:#a09080;background:none;border:none;cursor:pointer;transition:color .2s ease;min-height:44px}.nav-item .nav-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex:0 0 auto;transition:transform .2s ease,background .2s ease}.nav-item .nav-icon svg{width:20px;height:20px;display:block}.nav-item.active{color:#b57a45;font-weight:500}.nav-item.active .nav-icon{background:#c4915a29;transform:scale(1.1)}.nav-item:active{opacity:.7}.garden-bg{position:absolute;top:0;left:0;width:100%;height:58%;z-index:0;pointer-events:none}.garden-sun{position:absolute;top:6%;right:26%;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle,rgba(255,248,230,1) 0%,rgba(243,227,193,.5) 40%,transparent 70%);animation:sunWarm 4s ease-in-out infinite}@keyframes sunWarm{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.06);opacity:.9}}.ink-mountain{position:absolute;bottom:0;border-radius:45% 45% 0 0}.mtn-far{left:5%;width:55%;height:45%;background:linear-gradient(180deg,#a0968740,#8c827326);transform:translate(10%)}.mtn-near{right:0;width:65%;height:35%;background:linear-gradient(180deg,#968c7d59,#82786933)}.distant-woods{position:absolute;bottom:15%;left:0;width:100%;display:flex;justify-content:space-around;padding:0 10%}.dw{display:block;width:16px;background:linear-gradient(180deg,#7a9a7e4d,#8db09a26);border-radius:50% 50% 3px 3px}.d1{height:50px}.d2{height:38px}.d3{height:55px}.d4{height:42px}.garden-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.garden-layer--far{z-index:1}.garden-layer--mid{z-index:3}.garden-layer--near{z-index:4}.eco-camp{position:absolute;left:81%;top:30%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;filter:blur(.6px) drop-shadow(0 2px 6px rgba(60,40,20,.12));opacity:.82}.camp-tent{width:34px;height:26px;background:linear-gradient(180deg,#c9b89a,#a89070);border-radius:50% 50% 4px 4px;clip-path:polygon(50% 0,100% 100%,0 100%);position:relative}.camp-tent:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:8px;height:12px;background:#5a463259;border-radius:50% 50% 0 0}.camp-fire{width:8px;height:10px;margin-top:-4px;background:radial-gradient(circle at 50% 70%,#F5D58C,#E8A050 60%,transparent);border-radius:50% 50% 40% 40%;animation:fireFlicker 1.6s ease-in-out infinite}@keyframes fireFlicker{0%,to{transform:scaleY(1);opacity:.85}50%{transform:scaleY(1.15);opacity:1}}.eco-tree{position:absolute;left:24%;top:40%;transform:translate(-50%,-50%);display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:16px;flex-wrap:wrap;max-width:84%;filter:drop-shadow(0 6px 20px rgba(60,40,20,.2));pointer-events:auto;cursor:pointer}.eco-tree>.glabel{position:absolute;top:-18px;left:50%;transform:translate(-50%);white-space:nowrap}.region-capsule{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:10px;color:#64503c73;white-space:nowrap;pointer-events:none;text-align:center}.tree-roots{display:flex;gap:3px;margin-bottom:-2px}.tree-roots .root{display:block;width:12px;height:16px;background:linear-gradient(180deg,#a08060,#7a5e40);border-radius:60% 60% 0 0}.tree-roots .root:first-child{transform:rotate(-20deg)}.tree-roots .root:last-child{transform:rotate(20deg)}.tree-trunk{width:18px;height:85px;background:linear-gradient(180deg,#c4a882,#a08060,#7a5e40);border-radius:4px 4px 6px 6px;position:relative}.trunk-ring{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:9px;height:4px;background:#7a5e404d;border-radius:50%}.tree-crowns{position:absolute;top:-58px;left:50%;transform:translate(-50%);width:100px;height:90px}.tc{position:absolute;border-radius:50%}.tc1{width:95px;height:85px;top:0;left:50%;transform:translate(-50%);background:radial-gradient(ellipse at 45% 35%,#a8c3ae,#7a9a7e 55%,#5c7a5e);animation:tcBreathe1 5s ease-in-out infinite}.tc2{width:75px;height:65px;top:18px;left:0;background:radial-gradient(ellipse at 40% 35%,#b5cfb5,#8db09a,#6b8a6b);animation:tcBreathe2 5s ease-in-out .7s infinite}.tc3{width:65px;height:58px;top:22px;right:0;background:radial-gradient(ellipse at 45% 35%,#a8c3ae,#7a9a7e 55%,#5c7a5e);animation:tcBreathe3 5s ease-in-out 1.4s infinite}@keyframes tcBreathe1{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.04)}}@keyframes tcBreathe2{0%,to{transform:scale(1)}50%{transform:scale(1.05) translateY(-2px)}}@keyframes tcBreathe3{0%,to{transform:scale(1)}50%{transform:scale(1.03) translateY(-1px)}}.eco-tree-item{position:relative;display:flex;flex-direction:column;align-items:center;width:42px}.eco-tree-item .tree-roots{margin-bottom:-2px}.eco-tree-item .tree-roots .root{width:7px;height:11px}.eco-tree-item .tree-roots .root:first-child{transform:rotate(-20deg)}.eco-tree-item .tree-roots .root:last-child{transform:rotate(20deg)}.eco-tree-item .tree-trunk{width:10px;height:44px}.eco-tree-item .trunk-ring{top:55%}.eco-tree-item .tree-crowns{width:52px;height:46px;top:-30px}.eco-tree-item .tc1{width:50px;height:44px}.eco-tree-item .tc2{width:40px;height:34px}.eco-tree-item .tc3{width:34px;height:30px}.who-label{font-size:10px;color:#8a7a65;margin-top:2px;text-align:center;max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:PingFang SC,Microsoft YaHei,sans-serif}.eco-flower{position:absolute;left:56%;top:42%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 2px 8px rgba(60,40,20,.1));pointer-events:auto;cursor:pointer}.flower-stem{width:3px;height:65px;background:linear-gradient(180deg,#8db09a,#6b8a6b);border-radius:2px}.flower-head{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:48px;height:48px;animation:flowerNod 4s ease-in-out infinite}@keyframes flowerNod{0%,to{transform:translate(-50%) rotate(-4deg)}50%{transform:translate(-50%) rotate(4deg)}}.fh-petal{position:absolute;top:50%;left:50%;width:13px;height:18px;background:linear-gradient(180deg,#f5cfcf,#e8a0a0);border-radius:50%;transform-origin:center bottom}.fh-petal:nth-child(1){transform:translate(-50%,-100%) rotate(0)}.fh-petal:nth-child(2){transform:translate(-50%,-100%) rotate(72deg)}.fh-petal:nth-child(3){transform:translate(-50%,-100%) rotate(144deg)}.fh-petal:nth-child(4){transform:translate(-50%,-100%) rotate(216deg)}.fh-petal:nth-child(5){transform:translate(-50%,-100%) rotate(288deg)}.fh-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:11px;height:11px;background:radial-gradient(circle,#f5d58c,#e8c060);border-radius:50%;z-index:1}.eco-nursery{position:absolute;left:36%;top:64%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 2px 6px rgba(60,40,20,.1))}.nursery-bed{width:48px;height:12px;background:radial-gradient(ellipse,#a080608c,#7a5e4040);border-radius:50%}.seedling{display:block;width:2px;height:22px;background:linear-gradient(180deg,#a8c3ae,#7a9a7e);border-radius:1px;position:relative;margin-top:-6px}.seedling:before,.seedling:after{content:"";position:absolute;width:10px;height:6px;background:radial-gradient(ellipse at center,#b5cfb5,#8db09a);border-radius:50%}.seedling:before{top:6px;left:-8px;transform:rotate(-35deg)}.seedling:after{top:4px;right:-6px;transform:rotate(30deg)}.seedling-b{height:16px;margin-top:-2px;animation:seedlingSway 3.4s ease-in-out infinite}@keyframes seedlingSway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.eco-stream{position:absolute;left:78%;top:62%;transform:translate(-50%,-50%);width:120px;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.stream-bed{position:absolute;top:0;left:0;width:100%;height:60%;pointer-events:none}.stream-stone{position:absolute;background:linear-gradient(180deg,#b8a992,#948470);border-radius:50% 50% 40% 40%}.stream-stone.s1{width:14px;height:10px;left:12%;top:44%}.stream-stone.s2{width:10px;height:8px;left:44%;top:62%}.stream-stone.s3{width:12px;height:9px;left:70%;top:36%}.stream-fish{position:absolute;width:14px;height:6px;background:linear-gradient(90deg,#8ea5b5,#6b8a9a);border-radius:50%}.stream-fish:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #6B8A9A}.stream-fish.f1{left:16%;top:40%;animation:fishSwim 4s ease-in-out infinite}.stream-fish.f2{left:56%;top:58%;animation:fishSwim 5s ease-in-out .6s infinite}@keyframes fishSwim{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.stream-firefly{position:absolute;width:4px;height:4px;border-radius:50%;background:radial-gradient(circle,#fff6e8,#e8c060);box-shadow:0 0 6px #e8c060b3}.stream-firefly.g1{left:28%;top:22%;animation:fireflyDrift 3.6s ease-in-out infinite}.stream-firefly.g2{left:66%;top:30%;animation:fireflyDrift 4.4s ease-in-out .8s infinite}@keyframes fireflyDrift{0%,to{transform:translate(0);opacity:.5}50%{transform:translate(4px,-6px);opacity:1}}.stream-animals{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);display:flex;gap:10px;align-items:flex-end;pointer-events:auto;background:#fffcf580;border-radius:22px;padding:8px 14px;border:1px solid rgba(180,150,110,.15)}.animal-hint{position:absolute;top:-26px;left:50%;transform:translate(-50%);font-size:12px;color:#a09080;white-space:nowrap;font-family:PingFang SC,Microsoft YaHei,sans-serif;animation:hintFloat 2s ease-in-out infinite}@keyframes hintFloat{0%,to{opacity:.6;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(-4px)}}.animal{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all .3s ease;padding:6px 4px;border-radius:14px;background:none;border:none;position:relative}.animal:hover{background:#fffcf5b3;transform:translateY(-4px)}.animal:focus-visible{outline:2px solid #D5A85A;outline-offset:2px}.animal.chosen{background:#d5a85a33;box-shadow:0 0 18px #d5a85a59}.animal.chosen:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:radial-gradient(circle,#fff6e8,#e8c060);box-shadow:0 0 6px #e8c060cc;animation:chosenSpark 2s ease-in-out infinite}@keyframes chosenSpark{0%,to{opacity:.7;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(-3px)}}.animal-name{font-size:10px;color:#8a7a65;font-family:PingFang SC,Microsoft YaHei,sans-serif}.animal-sprite{display:block;width:32px;height:28px;position:relative;animation:animalIdle 2.5s ease-in-out infinite}@keyframes animalIdle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.fox-sprite{width:32px;height:22px;background:linear-gradient(180deg,#e8985a,#c07040);border-radius:50% 50% 45% 45%}.fox-sprite:before{content:"";position:absolute;top:-10px;left:4px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:12px solid #E8985A}.fox-sprite:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:10px;height:6px;background:#f5f0e8;border-radius:50%}.rabbit-sprite{width:26px;height:24px;background:linear-gradient(180deg,#f5f0e8,#e8ddd0);border-radius:50%}.rabbit-sprite:before{content:"";position:absolute;top:-14px;left:5px;width:5px;height:16px;background:#f5f0e8;border-radius:50%}.rabbit-sprite:after{content:"";position:absolute;top:-14px;right:5px;width:5px;height:16px;background:#f5f0e8;border-radius:50%}.squirrel-sprite{width:28px;height:20px;background:linear-gradient(180deg,#b8956e,#8b6b4a);border-radius:50%}.squirrel-sprite:before{content:"";position:absolute;top:-8px;left:3px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #B8956E}.squirrel-sprite:after{content:"";position:absolute;right:-6px;top:-4px;width:12px;height:16px;background:linear-gradient(180deg,#c4a882,#a08060);border-radius:50% 50% 30% 30%}.deer-sprite{width:30px;height:26px;background:linear-gradient(180deg,#d4b896,#b8956e);border-radius:50%}.deer-sprite:before{content:"";position:absolute;top:-12px;left:6px;width:2px;height:14px;background:#8b6b4a;border-radius:1px;transform:rotate(-15deg)}.deer-sprite:after{content:"";position:absolute;top:-12px;right:6px;width:2px;height:14px;background:#8b6b4a;border-radius:1px;transform:rotate(15deg)}.eco-seedling{position:absolute;left:50%;top:72%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:auto;cursor:pointer}.seedling-mound{width:26px;height:10px;background:radial-gradient(ellipse,#c4a882,#a08060);border-radius:50%}.sprout{display:block;width:2px;height:32px;background:linear-gradient(180deg,#8db09a,#6b8a6b);border-radius:1px;position:relative;animation:sproutWiggle 3s ease-in-out infinite}@keyframes sproutWiggle{0%,to{transform:rotate(0)}50%{transform:rotate(2deg)}}.sprout:before,.sprout:after{content:"";position:absolute;width:14px;height:7px;background:radial-gradient(ellipse at center,#a8c3ae,#7a9a7e);border-radius:50%}.sprout:before{top:8px;left:-12px;transform:rotate(-35deg)}.sprout:after{top:6px;right:-10px;transform:rotate(30deg)}.garden-floor{position:absolute;bottom:0;left:0;width:100%;height:12%;z-index:5;pointer-events:none;background:linear-gradient(180deg,#b4a08226,#a087694d,#82695073);border-radius:55% 60% 0 0/25% 28% 0 0}.glabel{font-size:10px;color:#64503c80;letter-spacing:.05em;margin-top:4px;font-family:PingFang SC,Microsoft YaHei,sans-serif;text-align:center}.water-drop{position:fixed;width:8px;height:12px;background:radial-gradient(ellipse at 50% 30%,#8ea5b5e6,#6b8a9a80);border-radius:50%/30% 30% 70% 70%;animation:dropFall 1s ease-in forwards;pointer-events:none;z-index:100}@keyframes dropFall{0%{opacity:0;transform:translateY(-30px) scale(.5)}30%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(6px) scale(.3)}}.creature-flash{animation:flashGlow .8s ease-out}@keyframes flashGlow{0%{filter:brightness(1.6) drop-shadow(0 0 12px rgba(213,168,90,.8))}to{filter:brightness(1)}}@media(max-width:480px){.tree-trunk{height:65px}.tc1{width:75px;height:65px;top:5px}.tc2{width:60px;height:50px;top:20px}.tc3{width:50px;height:45px;top:24px}.eco-tree{left:50%;top:34%;gap:5px}.eco-tree-item{width:30px}.eco-tree-item .tree-trunk{height:30px}.eco-tree-item .tree-crowns{width:36px;height:32px;top:-20px}.eco-tree-item .tc1{width:34px;height:30px}.eco-tree-item .tc2{width:28px;height:24px}.eco-tree-item .tc3{width:24px;height:20px}.eco-flower{left:56%;top:42%}.flower-stem{height:50px}.eco-camp{left:82%;top:28%}.stream-animals{gap:6px;padding:6px 10px}.animal-sprite{width:26px;height:22px}.eco-nursery{left:34%;top:66%}.eco-seedling{left:50%;top:74%}.eco-stream{left:80%;top:60%}.glabel{display:none}}@media(max-width:320px){.stream-stone.s3,.stream-fish.f2,.stream-firefly.g2,.animal-name{display:none}.stream-animals{gap:2px;padding:5px 6px}.animal{transform:scale(.85);padding:4px 2px}.animal-sprite{width:22px;height:20px}.glabel{display:none}}.account-age-hint{font-size:12px;color:#a09080;margin:6px 0 0;min-height:14px}.account-select{width:100%;padding:10px 12px;border:1px solid var(--warm-border);border-radius:8px;background:var(--neutral-white);font-size:14px;font-family:inherit;color:var(--text-primary)}#garden-scene.season-winter{background:linear-gradient(180deg,#eaf2f8,#dce9f2,#caddea 60%,#b9cfe0)}#garden-scene.season-spring{background:linear-gradient(180deg,#eaf7e6,#dff3d6 25%,#cfebbe 55%,#bbdda0)}#garden-scene.season-summer{background:linear-gradient(180deg,#fff3d6,#fde7b8 25%,#f8da9a 55%,#f0c97c)}#garden-scene.season-autumn{background:linear-gradient(180deg,#fbefd6,#f4dcac 25%,#e9c585 55%,#d9a85f)}.season-deco{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;overflow:hidden}.snow{position:absolute;top:-8%;width:6px;height:6px;border-radius:50%;background:#fcfbf8;opacity:.85;box-shadow:0 0 4px #fcfbf899;animation:snowFall linear infinite}@keyframes snowFall{0%{transform:translateY(-12px)}to{transform:translateY(470px)}}.bird{position:absolute;top:15%;left:20%;width:10px;height:10px;border-radius:50%;background:#3a3a3a;animation:birdFloat 7s ease-in-out infinite}.bird:before,.bird:after{content:"";position:absolute;top:-3px;left:2px;width:15px;height:8px;background:#5a5a5a;border-radius:50%;transform-origin:left center;animation:birdFlap .45s ease-in-out infinite alternate}.bird:before{transform:rotate(-20deg)}.bird:after{transform:rotate(20deg);animation-delay:.22s}@keyframes birdFlap{0%{transform:rotate(-24deg)}to{transform:rotate(24deg)}}@keyframes birdFloat{0%{transform:translate(0)}50%{transform:translate(40px,-12px)}to{transform:translate(0)}}.autumn-leaf{position:absolute;top:-8%;width:12px;height:9px;background:linear-gradient(135deg,#e0a23c,#c9772e);border-radius:60% 0;animation:leafFall 6s ease-in-out infinite}.fruit{position:absolute;bottom:20%;right:22%;width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#f08a4a,#b23b12);box-shadow:0 0 10px #c8501e80;animation:fruitSway 3.5s ease-in-out infinite}@keyframes fruitSway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}#garden-scene.season-summer .garden-sun{width:84px;height:84px;background:radial-gradient(circle,rgba(255,244,210,1) 0%,rgba(255,180,80,.75) 35%,transparent 72%);box-shadow:0 0 40px #ffaa4673;animation:sunHot 2.6s ease-in-out infinite}@keyframes sunHot{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.12);opacity:1}}#garden-scene.age-restricted .eco-flower,#garden-scene.garden-empty .eco-tree,#garden-scene.garden-empty .eco-flower,#garden-scene.garden-empty .eco-stream,#garden-scene.garden-empty .eco-nursery,#garden-scene.garden-empty .eco-camp,#garden-scene.garden-empty .root-vein-hit,#garden-scene.garden-empty .glabel,#garden-scene.garden-empty .region-capsule{display:none}.garden-empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;pointer-events:none}.garden-empty-state:before{content:"";width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#d4c4a0,#b8a682 60%,#9a8866);box-shadow:0 4px 14px #78643c40;margin-bottom:14px;animation:seedPulse 3s ease-in-out infinite}@keyframes seedPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.08);opacity:.85}}.garden-empty-state .empty-title{font-size:15px;color:#8a7a65;font-family:PingFang SC,Microsoft YaHei,sans-serif;margin:0 0 6px}.garden-empty-state .empty-subtitle{font-size:12px;color:#b0a090;font-family:PingFang SC,Microsoft YaHei,sans-serif;margin:0}.rename-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#00000059;animation:renameFadeIn .15s ease}@keyframes renameFadeIn{0%{opacity:0}to{opacity:1}}.rename-card{width:280px;padding:20px 18px 16px;border-radius:14px;background:var(--neutral-white,#FFFBF5);box-shadow:0 8px 32px #3c28142e;animation:renameSlideUp .2s ease}@keyframes renameSlideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.rename-title{font-size:16px;font-weight:600;color:var(--text-primary,#3D2E1E);margin:0 0 4px;font-family:PingFang SC,Microsoft YaHei,sans-serif}.rename-hint{font-size:11px;color:var(--text-muted,#A09080);margin:0 0 12px;line-height:1.4;font-family:PingFang SC,Microsoft YaHei,sans-serif}.rename-input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--warm-border,#D4C4A8);border-radius:8px;font-size:14px;font-family:inherit;color:var(--text-primary,#3D2E1E);background:var(--neutral-white,#FFFBF5);outline:none}.rename-input:focus{border-color:var(--warm-accent,#E08D79);box-shadow:0 0 0 3px #e08d791f}.rename-actions{display:flex;gap:8px;margin-top:14px;justify-content:flex-end}.rename-actions button{border:none;border-radius:8px;padding:8px 18px;font-size:14px;font-family:inherit;cursor:pointer;transition:background .15s}.rename-cancel{background:#f0e8dc;color:#8a7a65}.rename-confirm{background:var(--warm-accent,#E08D79);color:var(--neutral-white,#FCFBF8)}.rename-confirm:hover{background:#d07d69}@media(max-width:320px){.season-deco{display:none}}.ratio-wrap{margin:4px 0 14px;background:var(--neutral-white);border:1px solid var(--warm-border);border-radius:var(--radius-lg);padding:16px}.ratio-top{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:5px}.ratio-top .rn{font-size:13px;font-weight:600;color:var(--navy)}.ratio-top .rp{font-size:13px;font-weight:600;color:#c98e63}.div100{display:flex;height:16px;border-radius:8px;overflow:hidden;margin:6px 0 4px;border:1px solid var(--warm-border)}.div100 span{display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--neutral-white);font-weight:600}.lr-container{display:flex;flex-direction:column;gap:12px}.lr-card{background:var(--neutral-white);border:1px solid var(--warm-border);border-radius:var(--radius-lg);padding:14px;box-shadow:var(--shadow-sm)}.lr-quote{font-size:14px;color:var(--navy);font-weight:600;line-height:1.5;margin-bottom:12px;padding-left:10px;border-left:3px solid #F2A085}.lr-quote .who{font-size:11px;color:#c98e63;font-weight:600;display:block;margin-bottom:3px}.lr-body{display:grid;grid-template-columns:1fr 26px 1fr;gap:0;align-items:stretch}.lr-side{border-radius:12px;padding:11px 12px;font-size:12px;line-height:1.6}.lr-left{background:#fff6ec;border:1px solid #EBD3BC;color:var(--navy)}.lr-right{background:#eff4ec;border:1px solid #DCEBD4;color:#5f7a55}.lr-lab{font-size:10px;font-weight:600;letter-spacing:.04em;margin-bottom:4px;color:var(--text-muted)}.lr-left .lr-lab{color:#c98e63}.lr-right .lr-lab{color:#8fb486}.lr-mid{display:flex;align-items:center;justify-content:center;color:#f2a085;font-size:18px;font-weight:600}.practice-screen{height:100vh;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#f8f6f2,#f3efe7)}.practice-container{width:100%;max-width:640px;margin:0 auto;padding:20px 16px 60px}.practice-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.practice-back{flex:0 0 auto}.practice-head-title h1{font-size:20px;font-weight:600;color:var(--navy);margin:0}.practice-head-title p{font-size:12px;color:var(--text-secondary);margin:2px 0 0}.sim-card{background:var(--neutral-white);border:1px solid var(--warm-border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-sm)}.sim-quote{font-size:14px;color:var(--navy);line-height:1.6;margin:0 0 10px}.sim-input{width:100%;box-sizing:border-box;border:1px solid var(--warm-border);border-radius:12px;padding:11px 12px;font-size:16px;font-family:inherit;line-height:1.6;resize:none;background:var(--warm-bg);color:var(--navy)}.sim-input:focus{outline:none;border-color:var(--gold);background:var(--neutral-white)}.sim-row{display:flex;gap:10px;align-items:center;margin-top:12px}.sim-btn{flex:0 0 auto;padding:10px 18px;border:none;border-radius:999px;background:linear-gradient(135deg,#f2a085,#f4b58f);color:var(--neutral-white);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer}.sim-score{flex:1;text-align:center}.sim-score .sn{font-size:34px;font-weight:600;color:#c98e63;line-height:1}.sim-score .st{font-size:11px;color:var(--text-secondary)}.practice-screen input[type=range]{width:100%;margin-top:12px;accent-color:#F2A085}.sim-tier{margin-top:12px;background:var(--warm-bg);border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.7;color:var(--text-primary)}.sim-tier b{color:#c98e63}.sim-tier.fail{background:#fbeae6;border:1px solid #F2C4B8;color:#a8553f}.sim-tier.pass{background:#eff4ec;border:1px solid #DCEBD4;color:#5f7a55}.nutrient-row{display:flex;align-items:center;gap:14px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--warm-border)}.nr-lab{font-size:12px;color:var(--text-secondary);flex:0 0 auto;line-height:1.4}.tree-stages{display:flex;gap:5px;align-items:flex-end}.tree-stages .ts{width:30px;display:flex;flex-direction:column;align-items:center;gap:3px;opacity:.32;transition:opacity .3s ease}.tree-stages .ts.on{opacity:1}.tree-stages .ts svg{width:30px;height:40px;display:block}.tree-stages .ts span{font-size:9px;color:var(--text-secondary)}.nutrient-val{margin-left:auto;text-align:center}.nutrient-val .nv{font-size:24px;font-weight:600;color:#8fb486;line-height:1}.nutrient-val .nu{font-size:10px;color:var(--text-secondary)}.tier-legend{margin:12px 0 16px;background:var(--neutral-white);border:1px solid var(--warm-border);border-radius:var(--radius-lg);padding:14px 16px}.tier-legend h4{font-size:12px;font-weight:600;color:#c98e63;margin:0 0 8px}.tier-legend .tl{display:flex;justify-content:space-between;font-size:11px;color:var(--text-secondary);padding:3px 0;border-bottom:1px dashed var(--warm-border)}.tier-legend .tl b{color:var(--navy)}.practice-note{font-size:12px;color:var(--text-muted);line-height:1.6;margin:0}.space-card-icon svg{width:100%;height:100%;display:block}.account-icon svg{width:36px;height:36px;display:block;margin:0 auto}.drop-icon-img svg{width:100%;height:100%;display:block}.audio-icon-img svg{width:100%;height:100%;display:block}.garden-empty-state .seed-wrap{padding:0 18px 18px}.seed-cap{font-size:13px;color:var(--text-secondary);margin:6px 0 12px;text-align:center}.seed-selector{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.seed-slot{position:relative;width:72px;height:88px;border:1.5px dashed var(--warm-border);border-radius:16px;background:var(--warm-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:border-color .2s ease,background .2s ease,opacity .2s ease,box-shadow .2s ease;opacity:.7}.seed-slot svg{width:34px;height:34px;display:block}.seed-slot .sn{font-size:13px;font-weight:600;color:var(--navy)}.seed-slot .sr{font-size:11px;color:var(--text-secondary)}.seed-slot .tick{position:absolute;top:8px;right:9px;width:12px;height:7px;border-left:2px solid var(--coral,#F2A085);border-bottom:2px solid var(--coral,#F2A085);transform:rotate(-45deg);opacity:0;transition:opacity .2s ease}.seed-slot.on{border-style:solid;border-color:var(--coral,#F2A085);background:var(--neutral-white);opacity:1;box-shadow:0 4px 12px #f2a08533}.seed-slot.on .tick{opacity:1}.seed-slot.disabled{opacity:.4;cursor:not-allowed;filter:grayscale(.7)}.seed-slot:focus-visible{outline:2px solid var(--gold,#E0A878);outline-offset:2px}#garden-scene.seed-off-tree .eco-tree,#garden-scene.seed-off-flower .eco-flower,#garden-scene.seed-off-animal .eco-stream,#garden-scene.seed-off-sprout .eco-nursery{display:none}