:root{--gold:#d4a853;--gold-light:#f0d78c;--gold-dark:#b08830;--navy:#1e293b;--navy-light:#334155;--warm-bg:#F8F6F2;--warm-card:#fff;--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)}*,*: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:#000;color:#f5f3ee;line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh;-webkit-text-size-adjust:100%}.intro-screen{background:#000;min-height:100vh;-webkit-text-size-adjust:100%;padding:0;position:relative;overflow:hidden}canvas#skyCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}canvas#starCanvas{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!important}.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:#fff;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:#fff;color:var(--navy);font-weight:500;box-shadow:var(--shadow-sm)}.tab-icon{width:18px;height:18px;flex-shrink:0}.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:#fff;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!important;color:var(--text-muted)!important}.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:#fff;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:#fff;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:#fff;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{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:#fff}.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:#fff;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:#fff;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:#fff;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:#fff;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:#fff;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:#fff;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;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.emotion-bar-fill{height:100%;border-radius:4px;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:#fff;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:#fff;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!important;font-weight:500!important;color:#f5f3ee!important;line-height:1.5!important;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)}}#warmCanvas{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;max-width:300px;padding:0 24px}.loading-icon{font-size:48px;margin-bottom:32px;animation:iconBreathe 3s ease-in-out infinite}@keyframes iconBreathe{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.12);opacity:1}}.loading-msg-wrap{position:relative;min-height:64px;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:#fff;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:#fff;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}#gardenCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#garden-screen{height:100vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#fdf0e0,#f2d5b0,#e8bd90)}.garden-demo-banner{background:#ffffff80;border-radius:12px;padding:12px 18px;margin-bottom:24px;font-size:13px;color:#8b6a4a;text-align:center;border:1px solid rgba(200,160,120,.15)}.garden-demo-banner a{color:#b57a45;font-weight:500;text-decoration:underline;cursor:pointer}.garden-container{position:relative;z-index:1;max-width:520px;margin:0 auto;padding:50px 24px 80px;text-align:center}.garden-hero{margin-bottom:36px}.garden-title{font-size:28px;font-weight:600;color:#6b4a30;margin-bottom:8px}.garden-subtitle{font-size:15px;color:#8a6a50}.garden-ecosystem{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.garden-entity{display:flex;align-items:center;gap:18px;background:#fffaf299;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:18px;padding:20px 22px;border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 28px #b4783c14}.entity-visual{font-size:36px;flex-shrink:0;width:50px;text-align:center}.entity-info{flex:1;text-align:left}.entity-info h3{font-size:16px;color:#5c3d28;font-weight:500;margin-bottom:4px}.entity-status{font-size:12px;color:#9b7a60;margin-bottom:8px}.entity-bar{height:5px;background:#b48c6e26;border-radius:3px;overflow:hidden}.entity-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#c4915a,#e7b98a);transition:width 1.5s ease}.garden-total-bar{height:4px;background:#b48c6e1f;border-radius:2px;margin-bottom:8px;overflow:hidden}.garden-total-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#c4915a,#e7b98a);transition:width 1.2s ease;width:36%}.garden-season-label{font-size:13px;color:#b57a45;margin-bottom:20px;text-align:center}.entity-num{font-size:11px;color:#a08068;margin-top:4px}.btn-water{display:block;width:100%;max-width:300px;margin:24px auto;padding:12px;background:#c4915a26;border:1px dashed rgba(196,145,90,.3);color:#b57a45;border-radius:14px;font-size:14px;cursor:pointer}.garden-season{background:#fffaf280;border-radius:14px;padding:16px 20px;border:1px solid rgba(180,140,110,.1);display:none}.garden-season p{font-size:14px;color:#8a6a50}.garden-season span{color:#b57a45;font-weight:500}.particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.halo{display:none}.intro-btn.primary{animation:btnFloat 3s ease-in-out 24.5s infinite}background:rgba(255,255,255,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.2);color:#fff; box-shadow:0 0 20px rgba(255,150,80,.15),inset 0 1px 0 rgba(255,255,255,.1); } .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:#fff;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:#fff;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)!important;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}#garden-screen{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;background:linear-gradient(180deg,#fdf5e8,#f9ead0 25%,#f3e3c1 55%,#e8d7b5)}#garden-screen.active{display:block!important}#gardenCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.garden-bg{position:absolute;top:0;left:0;width:100%;height:65%;z-index:0;pointer-events:none}.garden-sun{position:absolute;top:8%;right:22%;width:70px;height:70px;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-midlayer{position:absolute;bottom:28%;left:0;width:100%;height:50%;z-index:3;pointer-events:none}.eco-tree{position:absolute;bottom:0;left:6%;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 6px 20px rgba(60,40,20,.2))}.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:-75px;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)}}.tree-ribbon{position:absolute;top:-20px;right:-10px;font-size:16px;animation:ribbonSway 3s ease-in-out infinite}@keyframes ribbonSway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.stone-lantern{position:absolute;bottom:15%;right:8%;width:30px;height:55px;background:linear-gradient(180deg,#c4b5a0,#a89880);border-radius:6px 6px 8px 8px;box-shadow:0 4px 12px #3c281426}.stone-lantern:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:22px;height:10px;background:#b5a590;border-radius:50%}.lantern-light{position:absolute;top:8px;left:50%;transform:translate(-50%);width:14px;height:14px;background:radial-gradient(circle,rgba(243,227,193,.9),rgba(213,168,90,.3),transparent);border-radius:50%;animation:lanternGlow 3s ease-in-out infinite}@keyframes lanternGlow{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.4)}}.garden-fore{position:absolute;bottom:10%;left:0;width:100%;height:42%;z-index:4;pointer-events:none}.eco-flower{position:absolute;bottom:8%;left:38%;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 2px 8px rgba(60,40,20,.1))}.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}.animal-zone{position:absolute;bottom:5%;left:50%;transform:translate(-50%);display:flex;gap:14px;align-items:flex-end;pointer-events:auto;background:#fffcf573;border-radius:24px;padding:10px 18px;border:1px solid rgba(180,150,110,.15)}.animal-hint{position:absolute;top:-28px;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}.animal:hover{background:#fffcf5b3;transform:translateY(-4px)}.animal.chosen{background:#d5a85a33;box-shadow:0 0 18px #d5a85a59}.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;bottom:2%;left:12%;display:flex;flex-direction:column;align-items:center}.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}.garden-signpost{position:absolute;bottom:14%;right:42%;z-index:20;cursor:pointer;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease;filter:drop-shadow(0 3px 10px rgba(60,30,10,.2))}.garden-signpost:hover{transform:translateY(-3px)}.garden-signpost:active{transform:scale(.94)}.sp-pole{display:block;width:5px;height:48px;background:linear-gradient(180deg,#c4a882,#8b6b4a);border-radius:3px}.sp-board{display:flex;align-items:center;justify-content:center;width:54px;height:30px;background:linear-gradient(180deg,#e8d5b8,#c4915a);border-radius:5px;font-size:13px;font-weight:600;color:#4a3020;letter-spacing:.05em;font-family:PingFang SC,Microsoft YaHei,sans-serif;border:2px solid rgba(139,107,74,.35);position:relative}.sp-board:before{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:7px solid rgba(139,107,74,.35)}.sp-board:after{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid #E8D5B8}.garden-stone{position:absolute;bottom:10%;right:14%;z-index:20;cursor:pointer;width:52px;height:40px;background:linear-gradient(180deg,#c5bcae,#a09888);border-radius:45% 50% 40% 42%/55% 52% 48% 45%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;filter:drop-shadow(0 2px 8px rgba(60,30,10,.15))}.garden-stone:hover{transform:translateY(-2px);background:linear-gradient(180deg,#d5ccc0,#b0a898)}.garden-stone:active{transform:scale(.95)}.stone-text{font-size:12px;font-weight:500;color:#5a4a3a;letter-spacing:.06em;font-family:PingFang SC,Microsoft YaHei,sans-serif}.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){.eco-tree{left:2%}.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-flower{left:32%}.flower-stem{height:50px}.animal-zone{gap:8px;padding:8px 12px}.animal-sprite{width:26px;height:22px}.eco-seedling{left:6%}.garden-signpost{bottom:16%;right:38%}.sp-pole{height:38px}.sp-board{width:46px;height:26px;font-size:11px}.garden-stone{bottom:12%;right:8%;width:44px;height:34px}.stone-text{font-size:10px}}