:root{--garden-black: #060A07;--garden-deep: #0A110C;--garden-surface: #0F1A12;--garden-card: #131F16;--garden-elevated: #182618;--garden-border: rgba(122, 182, 72, .08);--garden-border-hover: rgba(122, 182, 72, .18);--green-50: #f0f9e8;--green-100: #d4edbc;--green-200: #b8e190;--green-300: #9cd564;--green-400: #7ab648;--green-500: #5a9a30;--green-600: #3d7a1e;--green-700: #2a5c14;--green-glow: rgba(122, 182, 72, .35);--green-subtle: rgba(122, 182, 72, .06);--gold: #C8A04E;--gold-subtle: rgba(200, 160, 78, .08);--amber: #D4A843;--coral: #CC6B55;--lavender: #8B7EC8;--text-primary: #E8ECE9;--text-secondary: #9CA89E;--text-tertiary: #5A6B5E;--text-muted: #3A4A3E;--text-ghost: #2A3A2E;--glass-bg: rgba(15, 26, 18, .75);--glass-border: rgba(122, 182, 72, .06);--glass-blur: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.35), 0 2px 4px rgba(0,0,0,.25);--shadow-lg: 0 12px 40px rgba(0,0,0,.5), 0 4px 12px rgba(0,0,0,.3);--shadow-glow: 0 0 20px rgba(122, 182, 72, .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display: "Playfair Display", Georgia, serif;--panel-bg: #f0f5f0;--panel-card: #ffffff;--panel-border: rgba(0,0,0,.07);--panel-text: #1a2e1a;--panel-text-secondary: #4a6a4a;--panel-text-muted: #8aaa8a;--panel-accent: #4a8c28;--panel-accent-bg: rgba(122,182,72,.1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--garden-black);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--garden-border-hover);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#7ab64840}.garden-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;background:linear-gradient(to right,var(--green-400) 0%,var(--green-400) var(--val, 50%),var(--garden-border) var(--val, 50%),var(--garden-border) 100%);border-radius:10px;outline:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.garden-slider:hover{height:4px}.garden-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff 0%,var(--green-300) 70%);border:2px solid var(--green-400);cursor:pointer;box-shadow:0 0 0 3px #7ab6481a,0 0 12px #7ab6484d,0 2px 4px #0000004d;transition:all var(--duration-fast) var(--ease-spring)}.garden-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 0 4px #7ab64826,0 0 20px #7ab64866,0 2px 8px #0006}.garden-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#fff 0%,var(--green-300) 70%);border:2px solid var(--green-400);cursor:pointer;box-shadow:0 0 12px #7ab6484d}.dot{display:inline-block;width:6px;height:6px;background:var(--green-400);border-radius:50%;animation:dotPulse 1.4s ease-in-out infinite;box-shadow:0 0 8px #7ab64866}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dotPulse{0%,80%,to{opacity:.15;transform:scale(.6)}40%{opacity:1;transform:scale(1.1)}}.harmony-ring{animation:harmonyPulse 4s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(122,182,72,.25))}@keyframes harmonyPulse{0%,to{filter:drop-shadow(0 0 4px rgba(122,182,72,.2))}50%{filter:drop-shadow(0 0 14px rgba(122,182,72,.5))}}.garden-image{transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}button:focus-visible{outline:2px solid var(--green-400);outline-offset:2px}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,transparent 0%,rgba(122,182,72,.04) 40%,rgba(122,182,72,.08) 50%,rgba(122,182,72,.04) 60%,transparent 100%);background-size:200% 100%;animation:shimmer 2.5s ease-in-out infinite}.grain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.marble:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.008' numOctaves='6' seed='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='2.5' intercept='-0.6'/%3E%3CfeFuncG type='linear' slope='2.5' intercept='-0.6'/%3E%3CfeFuncB type='linear' slope='2.5' intercept='-0.6'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");background-size:600px 600px;pointer-events:none;z-index:0;mix-blend-mode:overlay}.marble-green:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.015 0.006' numOctaves='5' seed='12' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0.3 0 0 0 0 0.5 0 0 0.1 0 0.15 0 0 0 0 0 0 1 0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='2' intercept='-0.3'/%3E%3CfeFuncG type='linear' slope='3' intercept='-0.4'/%3E%3CfeFuncB type='linear' slope='1.5' intercept='-0.3'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E");background-size:600px 600px;pointer-events:none;z-index:0;mix-blend-mode:screen}.btn-primary{padding:11px 20px;background:linear-gradient(135deg,var(--green-400) 0%,var(--green-500) 100%);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-sans);letter-spacing:.02em;transition:all var(--duration-normal) var(--ease-out);box-shadow:0 2px 8px #7ab64840,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #7ab64859,inset 0 1px #ffffff26}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{background:var(--garden-card);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.btn-ghost{padding:9px 16px;background:var(--green-subtle);color:var(--green-400);border:1px solid rgba(122,182,72,.12);border-radius:var(--radius-md);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-sans);transition:all var(--duration-normal) var(--ease-out)}.btn-ghost:hover:not(:disabled){background:#7ab6481a;border-color:#7ab64833;box-shadow:var(--shadow-glow)}.btn-ghost:disabled{opacity:.3;cursor:not-allowed}.card{background:var(--garden-card);border:1px solid var(--garden-border);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out)}.card:hover{border-color:var(--garden-border-hover);box-shadow:var(--shadow-md)}.section-label{font-size:10px;font-weight:700;color:var(--text-tertiary);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes breathe{0%,to{opacity:.4}50%{opacity:.7}}@keyframes overlayPulse{0%,to{background:radial-gradient(ellipse at center,rgba(122,182,72,.05) 0%,transparent 70%)}50%{background:radial-gradient(ellipse at center,rgba(122,182,72,.12) 0%,transparent 70%)}}