@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";:root{--font-display: "Instrument Serif", Georgia, "Times New Roman", serif;--font-primary: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace;--jungle-deep: #0a1210;--jungle-dark: #0d1a16;--jungle-medium: #142822;--jungle-moss: #1a332c;--jungle-fern: #234a3f;--gold-sunlight: #d4a853;--gold-warm: #c9923c;--gold-honey: #e8c068;--gold-glow: rgba(212, 168, 83, .4);--emerald-bright: #2ed573;--emerald-medium: #26b861;--emerald-deep: #1e9651;--emerald-glow: rgba(46, 213, 115, .3);--bark-brown: #8b5a3c;--terracotta: #c4715b;--moss-green: #4a7c59;--leaf-shadow: #2d5a4a;--mist-white: rgba(255, 255, 255, .95);--mist-light: rgba(255, 255, 255, .7);--mist-medium: rgba(255, 255, 255, .45);--mist-subtle: rgba(255, 255, 255, .25);--mist-faint: rgba(255, 255, 255, .12);--mist-ghost: rgba(255, 255, 255, .06);--glass-bg: rgba(20, 40, 34, .6);--glass-bg-hover: rgba(26, 51, 44, .7);--glass-bg-active: rgba(35, 74, 63, .8);--glass-border: rgba(46, 213, 115, .15);--glass-border-light: rgba(212, 168, 83, .2);--glass-highlight: rgba(255, 255, 255, .08);--bg-primary: #0a1210;--bg-secondary: #0d1a16;--bg-elevated: rgba(20, 40, 34, .95);--bg-surface: rgba(26, 51, 44, .85);--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .68);--text-tertiary: rgba(255, 255, 255, .42);--text-muted: rgba(255, 255, 255, .22);--text-gold: var(--gold-sunlight);--text-emerald: var(--emerald-bright);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .45);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 56px rgba(0, 0, 0, .6);--shadow-gold: 0 0 40px rgba(212, 168, 83, .2);--shadow-emerald: 0 0 40px rgba(46, 213, 115, .15);--shadow-inner: inset 0 1px 0 rgba(255, 255, 255, .04);--shadow-inner-gold: inset 0 1px 0 rgba(212, 168, 83, .1);--blur-sm: 8px;--blur-md: 16px;--blur-lg: 24px;--blur-xl: 40px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-2xl: 32px;--radius-organic: 30% 70% 70% 30% / 30% 30% 70% 70%;--radius-full: 9999px;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-flowing: cubic-bezier(.25, .46, .45, .94);--duration-fast: .18s;--duration-normal: .32s;--duration-slow: .5s;--duration-slower: .75s;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);--safe-right: env(safe-area-inset-right);--app-h: 100dvh;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px}*{box-sizing:border-box;margin:0;padding:0}*:before,*:after{box-sizing:border-box}html{height:var(--app-h, 100dvh);margin:0;padding:0;background:var(--bg-primary);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{height:100%;min-height:var(--app-h, 100dvh);max-height:var(--app-h, 100dvh);margin:0;padding:0;font-family:var(--font-primary);font-size:16px;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);background-image:radial-gradient(ellipse 120% 60% at 50% -30%,rgba(212,168,83,.12) 0%,transparent 50%),radial-gradient(ellipse 80% 50% at 90% 90%,rgba(46,213,115,.08) 0%,transparent 45%),radial-gradient(ellipse 100% 80% at 20% 60%,rgba(35,74,63,.25) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 0% 100%,rgba(74,124,89,.1) 0%,transparent 40%);overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y;-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}#root{height:100%;min-height:var(--app-h, 100dvh);max-height:var(--app-h, 100dvh);display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:max(env(safe-area-inset-left,0px),.5rem);padding-right:max(env(safe-area-inset-right,0px),.5rem);position:relative;box-sizing:border-box}@media(orientation:landscape)and (max-height:500px){#root{padding-left:max(env(safe-area-inset-left,0px),1rem);padding-right:max(env(safe-area-inset-right,0px),1rem)}}#root:before{content:"";position:absolute;inset:0;opacity:.03;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cpath d='M30 80 Q50 30 90 50 Q70 80 80 120 Q50 100 30 80' fill='%232ed573' opacity='0.5'/%3E%3Cpath d='M120 150 Q160 120 170 160 Q140 170 120 150' fill='%232ed573' opacity='0.3'/%3E%3Cpath d='M150 40 Q180 20 190 60 Q160 70 150 40' fill='%23d4a853' opacity='0.2'/%3E%3C/svg%3E");background-size:300px 300px}#modal-root{position:fixed;inset:0;pointer-events:none;z-index:1000}#modal-root:empty{display:none}#modal-root>*{pointer-events:auto}button,a,[role=button]{min-height:44px;min-width:44px;-webkit-tap-highlight-color:transparent}p,h1,h2,h3,h4,h5,h6,input,textarea,span{-webkit-user-select:text;user-select:text}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--moss-green) 0%,var(--jungle-fern) 100%);border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--emerald-medium) 0%,var(--moss-green) 100%)}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}@keyframes gentleSway{0%,to{transform:rotate(-1deg) translate(0)}50%{transform:rotate(1deg) translate(2px)}}@keyframes leafFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-8px) rotate(2deg)}50%{transform:translateY(-4px) rotate(0)}75%{transform:translateY(-10px) rotate(-2deg)}}@keyframes sunlightPulse{0%,to{opacity:.6;filter:blur(20px)}50%{opacity:.9;filter:blur(25px)}}@keyframes mistDrift{0%,to{transform:translate(0) translateY(0);opacity:.3}50%{transform:translate(10px) translateY(-5px);opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes goldenGlow{0%,to{box-shadow:0 0 20px #d4a85333,0 0 40px #d4a8531a}50%{box-shadow:0 0 30px #d4a85359,0 0 60px #d4a85326}}@keyframes emeraldGlow{0%,to{box-shadow:0 0 20px #2ed57326}50%{box-shadow:0 0 35px #2ed57340}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes vineGrow{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-smooth) forwards}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out-expo) forwards}.animate-fade-in-scale{animation:fadeInScale var(--duration-slow) var(--ease-out-expo) forwards}.animate-slide-in-up{animation:slideInUp var(--duration-slow) var(--ease-out-expo) forwards}.animate-scale-in{animation:scaleIn var(--duration-slow) var(--ease-out-expo) forwards}.animate-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(212,168,83,.08) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s infinite}.animate-pulse{animation:pulse 2.5s ease-in-out infinite}.animate-float{animation:leafFloat 5s ease-in-out infinite}.animate-golden-glow{animation:goldenGlow 3s ease-in-out infinite}.animate-emerald-glow{animation:emeraldGlow 3s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-sway{animation:gentleSway 4s ease-in-out infinite}.animate-breathe{animation:breathe 4s ease-in-out infinite}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--glass-border);box-shadow:var(--shadow-inner),var(--shadow-md)}.glass-elevated{background:var(--bg-elevated);backdrop-filter:blur(var(--blur-xl));-webkit-backdrop-filter:blur(var(--blur-xl));border:1px solid var(--glass-border-light);box-shadow:var(--shadow-inner-gold),var(--shadow-lg)}.img-loading{background:linear-gradient(110deg,var(--jungle-dark) 8%,var(--jungle-medium) 18%,var(--jungle-dark) 33%);background-size:200% 100%;animation:shimmer 1.8s linear infinite}.img-loaded{animation:fadeIn var(--duration-slow) var(--ease-smooth) forwards}*:focus-visible{outline:2px solid var(--gold-sunlight);outline-offset:2px}::selection{background:#2ed5734d;color:var(--text-primary)}::placeholder{color:var(--text-tertiary);opacity:1}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0px 1000px var(--bg-surface) inset;transition:background-color 5000s ease-in-out 0s}a,button{-webkit-touch-callout:none}.modal-backdrop{animation:fadeIn var(--duration-normal) var(--ease-smooth) forwards}.modal-content{animation:fadeInScale var(--duration-slow) var(--ease-out-expo) forwards}.stagger-1{animation-delay:60ms}.stagger-2{animation-delay:.12s}.stagger-3{animation-delay:.18s}.stagger-4{animation-delay:.24s}.stagger-5{animation-delay:.3s}.stagger-6{animation-delay:.36s}.stagger-7{animation-delay:.42s}.stagger-8{animation-delay:.48s}.btn-glow{position:relative;overflow:hidden}.btn-glow:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(212,168,83,.3) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .5s ease,height .5s ease;pointer-events:none}.btn-glow:hover:before{width:200%;height:200%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-container{height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:1}.jungle-accent-top-right{position:absolute;top:-200px;right:-200px;width:500px;height:500px;background:radial-gradient(circle,rgba(46,213,115,.03) 0%,transparent 60%);border-radius:50%;filter:blur(100px);pointer-events:none;animation:mistDrift 20s ease-in-out infinite}.jungle-accent-bottom-left{position:absolute;bottom:-200px;left:-200px;width:500px;height:500px;background:radial-gradient(circle,rgba(212,168,83,.02) 0%,transparent 60%);border-radius:50%;filter:blur(100px);pointer-events:none;animation:mistDrift 25s ease-in-out infinite reverse}.mist-overlay{display:none}.ambient-glow{position:absolute;top:0;right:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(212,168,83,.08) 0%,transparent 70%);border-radius:50%;filter:blur(30px);pointer-events:none}.loading-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.loading-leaf-accent{position:absolute;top:20%;right:15%;width:150px;height:150px;background:radial-gradient(circle,rgba(46,213,115,.15) 0%,transparent 70%);border-radius:50%;filter:blur(25px);animation:mistDrift 6s ease-in-out infinite}.loading-sunlight-accent{position:absolute;bottom:25%;left:20%;width:120px;height:120px;background:radial-gradient(circle,rgba(212,168,83,.12) 0%,transparent 70%);border-radius:50%;filter:blur(20px);animation:sunlightPulse 4s ease-in-out infinite}.loading-logo-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.loading-logo{width:90px;height:auto;opacity:.95;filter:drop-shadow(0 0 25px rgba(46,213,115,.35));animation:breathe 3s ease-in-out infinite}.loading-ring{position:absolute;width:130px;height:130px;border:2px solid transparent;border-top-color:#2ed573;border-right-color:#2ed5734d;border-radius:50%;animation:spin 1.5s linear infinite}.loading-glow{position:absolute;width:160px;height:160px;background:radial-gradient(circle,rgba(46,213,115,.2) 0%,transparent 60%);border-radius:50%;animation:pulse 2.5s ease-in-out infinite}.landing-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;gap:2rem;animation:fadeInUp .7s cubic-bezier(.16,1,.3,1) forwards;position:relative;z-index:1;overflow-y:auto}@media(orientation:landscape)and (max-height:500px){.landing-content{flex-direction:row;gap:2rem;padding:.5rem 1rem;justify-content:center;align-items:center;min-height:100%}.logo-wrapper{flex-shrink:0}.logo{width:80px}.logo-glow{width:120px;height:120px}.jungle-accent-top-right,.jungle-accent-bottom-left{display:none}}.logo-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.logo{width:150px;height:auto;filter:drop-shadow(0 0 35px rgba(46,213,115,.4));animation:leafFloat 5s ease-in-out infinite}.logo-glow{position:absolute;width:220px;height:220px;background:radial-gradient(circle,rgba(46,213,115,.18) 0%,rgba(212,168,83,.08) 50%,transparent 70%);border-radius:50%;filter:blur(25px);animation:pulse 4s ease-in-out infinite}.logo-leaf-accent{position:absolute;top:-20px;right:-30px;width:60px;height:60px;background:radial-gradient(circle,rgba(212,168,83,.25) 0%,transparent 70%);border-radius:50%;filter:blur(10px);animation:sunlightPulse 3s ease-in-out infinite .5s}.main-content{flex:1;display:flex;flex-direction:column;padding:1rem;max-width:600px;width:100%;margin:0 auto;overflow:hidden;position:relative;z-index:1}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.75rem;animation:slideInDown .6s cubic-bezier(.16,1,.3,1) forwards}.user-pill-stack{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem}.user-button{display:flex;align-items:center;gap:.875rem;padding:.625rem 1.25rem .625rem .625rem;background:#1a332c80;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(46,213,115,.15);border-radius:26px;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px #ffffff0d,0 4px 16px #00000040;color:inherit}.user-button:hover{background:#234a3f99;border-color:#2ed5734d}.user-info{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem}.user-name{color:#fffffff2;font-size:1rem;font-family:var(--font-primary);font-weight:600;letter-spacing:-.01em}.user-status{display:flex;align-items:center;gap:.35rem;color:#2ed573;font-size:.72rem;font-family:var(--font-primary);font-weight:500;letter-spacing:.02em}.user-recovery-note{color:#7182628c;font-size:.65rem;font-family:var(--font-primary);font-weight:500;letter-spacing:.01em;line-height:1.2;padding-left:.5rem}.status-dot{width:6px;height:6px;border-radius:50%;background:#2ed573;box-shadow:0 0 8px #2ed57399;animation:pulse 2s ease-in-out infinite}.create-button{display:flex;align-items:center;gap:.625rem;padding:.875rem 1.5rem;background:linear-gradient(145deg,#d4a85333,#d4a85314);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#d4a853;border:1px solid rgba(212,168,83,.3);border-radius:16px;cursor:pointer;font-size:.95rem;font-family:var(--font-primary);font-weight:600;letter-spacing:-.01em;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:inset 0 1px #ffffff1a,0 4px 16px #d4a85326;position:relative;overflow:hidden}.create-button:hover{background:linear-gradient(145deg,#d4a8534d,#d4a85326);border-color:#d4a85380;transform:translateY(-2px);box-shadow:inset 0 1px #fff3,0 8px 24px #d4a85340}