:root{--primary: hsl(142, 70%, 26%);--primary-light: hsl(142, 60%, 42%);--primary-dark: hsl(142, 80%, 15%);--accent: hsl(45, 100%, 50%);--bg-dark: hsl(220, 24%, 6%);--bg-panel: rgba(18, 26, 21, .7);--bg-phone: hsl(140, 15%, 8%);--card-bg: rgba(255, 255, 255, .04);--card-bg-hover: rgba(255, 255, 255, .08);--card-border: rgba(255, 255, 255, .06);--card-border-focus: rgba(34, 197, 94, .4);--glass-bg: rgba(15, 23, 18, .6);--glass-border: rgba(255, 255, 255, .05);--text-white: #f8fafc;--text-light: #e2e8f0;--text-muted: #94a3b8;--text-dark: #0f172a;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow-premium: 0 20px 40px -15px rgba(0, 0, 0, .5);--shadow-neon: 0 0 20px rgba(34, 197, 94, .2);--input-bg: rgba(0, 0, 0, .25);--input-border: rgba(255, 255, 255, .08);--input-bg-focus: rgba(0, 0, 0, .35);--settings-card-bg: rgba(255, 255, 255, .04);--disclaimer-bg: #0f1712bf}html.theme-light{--bg-dark: #F6F8F3;--bg-panel: rgba(255, 255, 255, .85);--bg-phone: #EAEFE7;--card-bg: #FFFFFF;--card-bg-hover: #F9FBF6;--card-border: rgba(22, 163, 74, .12);--card-border-focus: rgba(22, 163, 74, .4);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(22, 163, 74, .12);--text-white: #17231B;--text-light: #24352A;--text-muted: #66756B;--text-dark: #f8fafc;--primary: #16A34A;--primary-light: #34D399;--primary-dark: #117D39;--success: #16A34A;--warning: #F59E0B;--danger: #EF4444;--shadow-premium: 0 20px 40px -15px rgba(22, 35, 27, .08);--shadow-neon: 0 0 20px rgba(22, 163, 74, .08);--input-bg: rgba(22, 163, 74, .04);--input-border: rgba(22, 163, 74, .15);--input-bg-focus: rgba(22, 163, 74, .08);--settings-card-bg: #FFFFFF;--disclaimer-bg: rgba(255, 255, 255, .95)}::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100vh;height:100dvh;margin:0;padding:0;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-dark);color:var(--text-white);display:flex;align-items:center;justify-content:center}.bg-orbs-container{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.glow-orb{position:absolute;border-radius:50%;filter:blur(120px);z-index:0;pointer-events:none;opacity:.4}.orb-1{width:400px;height:400px;background:radial-gradient(circle,var(--primary-light) 0%,transparent 70%);top:-10%;left:10%;animation:floatOrb 15s ease-in-out infinite alternate}.orb-2{width:500px;height:500px;background:radial-gradient(circle,var(--primary-dark) 0%,transparent 70%);bottom:-10%;right:5%;animation:floatOrb 20s ease-in-out infinite alternate-reverse}.orb-3{width:300px;height:300px;background:radial-gradient(circle,var(--accent) 0%,transparent 80%);top:40%;right:40%;opacity:.15}@keyframes floatOrb{0%{transform:translate(0) scale(1)}to{transform:translate(40px,30px) scale(1.1)}}.app-container{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;z-index:1;position:relative}.app-screen{width:100%;max-width:450px;height:92vh;max-height:850px;background:var(--bg-panel);border:1px solid var(--glass-border);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:32px;overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:var(--shadow-premium)}.app-header{height:54px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.04);background:#0f171266;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:5}.header-logo{display:flex;align-items:center;gap:8px}.header-logo .header-icon{font-size:1.2rem}.header-logo h2{font-size:1.1rem;font-weight:700;color:var(--text-white);letter-spacing:-.3px}.connection-pill{font-size:.65rem;background:#10b98126;color:var(--success);border:1px solid rgba(16,185,129,.25);padding:3px 8px;border-radius:20px;font-weight:600}.header-right-actions{display:flex;align-items:center;gap:10px}.header-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;transition:all .2s ease;outline:none}.header-btn:hover,.header-btn.active{color:var(--primary-light);background:#ffffff0f}.app-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:20px 20px 90px;display:flex;flex-direction:column;gap:20px;position:relative}.app-nav{position:absolute;bottom:0;left:0;right:0;height:68px;background:#0a120ee6;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-top:1px solid rgba(34,197,94,.12);display:flex;justify-content:space-around;align-items:center;padding-bottom:8px;z-index:8;box-shadow:0 -8px 24px #0a120e80}.nav-item{background:none;border:none;color:#55665c;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;width:70px;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:.68rem;font-weight:600;position:relative}.nav-item .nav-icon{stroke:#55665c;fill:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.nav-item.active{color:var(--primary-light)}.nav-item.active .nav-icon{stroke:var(--primary-light);fill:#22c55e1f;filter:drop-shadow(0 0 5px rgba(52,211,153,.6));transform:translateY(-2px)}.nav-item.active:after{content:"";position:absolute;bottom:-6px;width:4px;height:4px;background-color:var(--primary-light);border-radius:50%;box-shadow:0 0 6px var(--primary-light),0 0 10px var(--primary-light);animation:fadeInDot .2s cubic-bezier(.175,.885,.32,1.275) forwards}.nav-scanner-btn.active:after{display:none!important}@keyframes fadeInDot{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.nav-icon{transition:transform .2s ease}.nav-item:not(.active):hover .nav-icon{transform:translateY(-2px);stroke:#8fa697}.nav-scanner-btn{position:relative;top:-14px;width:76px}.nav-scanner-circle{width:62px;height:62px;background:#0a140fe6;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000080,0 0 10px #22c55e26,inset 0 0 8px #22c55e1a;border:2px solid rgba(34,197,94,.35);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.nav-scanner-circle:after{content:"";position:absolute;top:-7px;left:-7px;right:-7px;bottom:-7px;border:1.5px solid rgba(34,197,94,.4);border-radius:50%;pointer-events:none;transition:all .3s ease}.nav-item.active .nav-scanner-circle,.nav-scanner-btn:hover .nav-scanner-circle{transform:scale(1.08);border-color:var(--primary-light);box-shadow:0 0 20px #34d399a6,0 0 30px #22c55e40,inset 0 0 12px #22c55e4d}.nav-item.active .nav-scanner-circle:after,.nav-scanner-btn:hover .nav-scanner-circle:after{border-color:var(--primary-light);box-shadow:0 0 8px #34d39966}.nav-scanner-circle.analyzing:after{border:1.5px dashed var(--primary-light)!important;animation:spinCircle 3s linear infinite!important}@keyframes spinCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-scanner-btn span{margin-top:2px}html.theme-light .app-header,html.theme-light .detail-header{background:#fff!important;border-bottom:1px solid rgba(22,163,74,.1)!important}html.theme-light .header-btn:hover{background:#16a34a0f}html.theme-light .garden-summary-card{background:#fff!important;border:1px solid rgba(22,163,74,.15)!important;box-shadow:var(--shadow-premium)!important}html.theme-light .circle-bg{stroke:#16a34a1f!important}html.theme-light .avatar-btn{background:#fff!important;border-color:#16a34a1f!important}html.theme-light .avatar-btn:hover{background:#16a34a0a!important;border-color:#16a34a33!important}html.theme-light .avatar-btn.active{background:#16a34a14!important;border-color:var(--primary)!important;box-shadow:0 0 10px #16a34a26!important}html.theme-light .app-nav{background:#f6f8f3eb;border-top:1px solid rgba(22,163,74,.15);box-shadow:0 -8px 24px #16231b0a}html.theme-light .nav-item{color:#66756b}html.theme-light .nav-item .nav-icon{stroke:#66756b}html.theme-light .nav-item:not(.active):hover .nav-icon{stroke:#16a34a}html.theme-light .nav-item.active .nav-icon{stroke:#16a34a;fill:#16a34a1a;filter:drop-shadow(0 0 4px rgba(22,163,74,.4))}html.theme-light .nav-item.active:after{background-color:#16a34a;box-shadow:0 0 6px #16a34a}html.theme-light .nav-scanner-circle{background:#fff;border-color:#16a34a59;box-shadow:0 4px 12px #16231b0f,0 0 10px #16a34a1f}html.theme-light .nav-scanner-circle:after{border-color:#16a34a40!important}html.theme-light .nav-item.active .nav-scanner-circle,html.theme-light .nav-scanner-btn:hover .nav-scanner-circle{border-color:#16a34a;background:#fff;box-shadow:0 0 16px #16a34a66,inset 0 0 8px #16a34a1a}html.theme-light .nav-item.active .nav-scanner-circle:after,html.theme-light .nav-scanner-btn:hover .nav-scanner-circle:after{border-color:#16a34a!important;box-shadow:0 0 8px #16a34a33!important}.app-view{display:flex;flex-direction:column;gap:20px;opacity:0;pointer-events:none;visibility:hidden}.app-view:not(.active){position:absolute!important;top:-9999px!important;left:-9999px!important;pointer-events:none!important;opacity:0!important;visibility:hidden!important}.app-view.active{position:relative;opacity:1;pointer-events:auto;visibility:visible}.view-intro h1{font-size:1.4rem;font-weight:700;color:var(--text-white);margin-bottom:4px}.view-intro p{font-size:.8rem;color:var(--text-muted);line-height:1.35}.garden-summary-card{background:linear-gradient(135deg,#16a34a1a,#0f171280);border:1px solid rgba(34,197,94,.15);border-radius:18px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-neon)}.summary-details h3{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.summary-details .summary-score{font-size:2rem;font-weight:800;color:var(--text-white)}.summary-details p{font-size:.75rem;color:var(--success);margin-top:2px}.summary-radial-progress{width:55px;height:55px}.circular-chart{display:block;max-width:100%;max-height:100%}.circle-bg{fill:none;stroke:#ffffff0d;stroke-width:3.5}.circle{fill:none;stroke-width:3.5;stroke-linecap:round;transition:stroke-dasharray .5s ease}.circular-chart.green .circle{stroke:var(--success)}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.section-title-row h3{font-size:1rem;font-weight:600;color:var(--text-light)}.empty-state{background:var(--card-bg);border:1px dashed var(--card-border);border-radius:18px;padding:35px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.empty-icon{font-size:2.5rem;animation:floatIcon 3s ease-in-out infinite alternate}@keyframes floatIcon{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.empty-state h4{font-size:.95rem;font-weight:600;color:var(--text-light)}.empty-state p{font-size:.75rem;color:var(--text-muted);line-height:1.4;margin-bottom:6px}.btn{background:none;border:none;border-radius:16px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px}.btn-primary{background:linear-gradient(135deg,#22c55e,#15803d);color:var(--text-white);box-shadow:0 4px 14px #22c55e4d,inset 0 1px #ffffff26;border:1px solid rgba(255,255,255,.05)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e73,inset 0 1px #ffffff40}.btn-primary:active{transform:translateY(.5px);box-shadow:0 2px 8px #22c55e33}.btn-secondary{background:#ffffff0a;color:var(--text-light);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.btn-secondary:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-1.5px)}.btn-secondary:active{transform:translateY(.5px)}.btn-google{background:#ffffff0f!important;color:var(--text-light)!important;border:1px solid rgba(255,255,255,.15)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.btn-google:hover{background:#ffffff1f!important;border-color:#ffffff40!important;transform:translateY(-1.5px);box-shadow:0 4px 12px #00000026}.btn-google:active{transform:translateY(.5px)}.btn-sm{padding:8px 16px;font-size:.75rem;width:auto}.plant-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.plant-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:all .2s ease;cursor:pointer}.plant-card:hover{border-color:var(--primary-light);transform:translateY(-2px);background:var(--card-bg-hover)}.plant-card-img{height:100px;background-size:cover;background-position:center;position:relative}.plant-card-health-badge{position:absolute;top:8px;right:8px;background:#0f1712b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);padding:3px 6px;border-radius:8px;font-size:.65rem;font-weight:700;display:flex;align-items:center;gap:3px}.plant-card-health-badge.green{color:var(--success)}.plant-card-health-badge.orange{color:var(--warning)}.plant-card-health-badge.red{color:var(--danger)}.plant-card-body{padding:10px 12px;display:flex;flex-direction:column;gap:2px}.plant-card-body h4{font-size:.85rem;font-weight:600;color:var(--text-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plant-card-body .species{font-size:.7rem;color:var(--text-muted);font-style:italic}.plant-card-body .task-indicator{margin-top:6px;font-size:.65rem;display:flex;align-items:center;gap:4px}.badge{padding:3px 8px;border-radius:8px;font-size:.65rem;font-weight:600;text-transform:uppercase}.badge-success{background:#10b98126;color:var(--success);border:1px solid rgba(16,185,129,.2)}.badge-warning{background:#f59e0b26;color:var(--warning);border:1px solid rgba(245,158,11,.2)}.scanner-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.upload-zone{padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:background .2s ease}.upload-zone:hover{background:#ffffff05}.upload-icon{font-size:2.6rem}.upload-zone h4{font-size:1.2rem;font-weight:700;color:var(--text-white)}.upload-zone p{font-size:.7rem;color:var(--text-muted);max-width:200px;line-height:1.4}.upload-btn{background:#ffffff14;border:1px solid var(--card-border);font-size:.75rem;font-weight:600;padding:6px 16px;border-radius:8px;color:var(--text-light)}.scan-preview-container{width:100%;height:200px;position:relative;overflow:hidden}.scan-preview-container img{width:100%;height:100%;object-fit:cover}.laser-scanner{position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(to right,transparent,var(--success),transparent);box-shadow:0 0 12px var(--success),0 0 4px var(--success);z-index:2;animation:laserScan 2s linear infinite}@keyframes laserScan{0%{top:0%}50%{top:100%}to{top:0%}}.scan-status-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:var(--text-white);font-size:.75rem;font-weight:500;padding:12px;text-align:center;z-index:3;letter-spacing:.5px}.quick-picker-section{padding:16px 20px 20px;border-top:1px solid var(--card-border);background:#0000001a}.quick-picker-section h5{font-size:.8rem;font-weight:600;color:var(--text-light);margin-bottom:4px}.picker-help{font-size:.65rem;color:var(--text-muted);margin-bottom:12px}.picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.picker-btn{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;text-align:left;transition:all .2s ease;padding:0}.picker-btn:hover{background:var(--card-bg-hover);border-color:var(--primary-light);transform:translateY(-2px)}.picker-thumb{width:100%;height:90px;background-size:cover;background-position:center;flex-shrink:0;border-bottom:1px solid var(--card-border)}.picker-btn span{padding:8px 10px;font-size:.7rem;font-weight:600;color:var(--text-light);line-height:1.3}.result-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:15px;animation:slideUp .35s cubic-bezier(.16,1,.3,1) forwards;max-height:550px;height:550px}.result-image-banner{width:100%;height:160px;border-radius:12px;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.08);flex-shrink:0}.result-scroll-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:15px;padding-right:4px}.result-scroll-content::-webkit-scrollbar{width:6px}.result-scroll-content::-webkit-scrollbar-track{background:#ffffff05;border-radius:3px}.result-scroll-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.result-scroll-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.result-header{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:8px}.result-header h3{font-size:1.05rem;font-weight:700}.result-plant-info{display:flex;flex-direction:column;gap:12px;background:#00000026;border-radius:12px;padding:12px 16px;border:1px solid rgba(255,255,255,.03)}.result-plant-info .info-group{display:flex;flex-direction:column;gap:2px}.result-plant-info .info-group label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase}.result-plant-info .info-group .value{font-size:.95rem;font-weight:600}.value.health-warning{color:var(--warning)}.value.health-danger{color:var(--danger)}.value.health-success{color:var(--success)}.result-detail-box{display:flex;gap:12px;background:#22c55e0f;border:1px solid rgba(34,197,94,.1);border-radius:12px;padding:12px}.detail-icon{font-size:1.2rem;margin-top:2px}.detail-text strong{display:block;font-size:.8rem;color:var(--text-light);margin-bottom:2px}.detail-text p{font-size:.75rem;color:var(--text-muted);line-height:1.4}.result-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;margin-top:5px}.task-list{display:flex;flex-direction:column;gap:10px}.task-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.task-card:hover{background:var(--card-bg-hover)}.task-info{display:flex;flex-direction:column;gap:2px}.task-title{font-size:.85rem;font-weight:600}.task-subtitle{font-size:.7rem;color:var(--text-muted)}.task-card .badge{align-self:flex-start;margin-top:2px}.btn-water{background:linear-gradient(135deg,#10b981,#047857);color:#fff;border-radius:8px;font-size:.7rem;font-weight:600;padding:6px 12px;width:auto;border:1px solid rgba(255,255,255,.05);box-shadow:0 3px 6px #10b98133}.btn-water:hover{transform:translateY(-1px);box-shadow:0 4px 10px #10b98159}@keyframes waterSplash{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.hidden{display:none!important}@media (max-width: 480px){html,body{height:100dvh;height:100vh;overflow:hidden!important;overflow-x:hidden!important;position:fixed!important;top:0;right:0;bottom:0;left:0}body{align-items:stretch;justify-content:stretch}.app-container{height:100dvh;height:100vh;width:100%!important;max-width:100vw!important;overflow:hidden!important;overflow-x:hidden!important}.app-screen{width:100%!important;max-width:100vw!important;height:100dvh;height:100vh;max-height:100%;border-radius:0;border:none;box-shadow:none;overflow:hidden!important;overflow-x:hidden!important}.app-header{padding-top:env(safe-area-inset-top,0px);height:calc(54px + env(safe-area-inset-top,0px))}.app-content{padding-bottom:calc(85px + env(safe-area-inset-bottom,0px))}.app-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));height:calc(68px + env(safe-area-inset-bottom,0px))}.plant-detail-overlay{padding-top:env(safe-area-inset-top,0px)}.detail-header{padding-top:0}.detail-content{padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}}@media (display-mode: standalone) and (max-width: 768px){html,body{height:100dvh;height:100vh;overflow:hidden!important;overflow-x:hidden!important;position:fixed!important;top:0;right:0;bottom:0;left:0}body{align-items:stretch;justify-content:stretch}.app-container{height:100dvh;height:100vh;width:100%!important;max-width:100vw!important;overflow:hidden!important;overflow-x:hidden!important}.app-screen{width:100%!important;max-width:100vw!important;height:100dvh;height:100vh;max-height:100%;border-radius:0;border:none;box-shadow:none;overflow:hidden!important;overflow-x:hidden!important}.app-header{padding-top:calc(8px + env(safe-area-inset-top,0px));height:calc(58px + env(safe-area-inset-top,0px))}.app-content{padding-bottom:calc(85px + env(safe-area-inset-bottom,0px))}.app-nav{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));height:calc(68px + env(safe-area-inset-bottom,0px))}.plant-detail-overlay{padding-top:env(safe-area-inset-top,0px)}.detail-header{padding-top:0}.detail-content{padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}}.result-health-hero{background:#22c55e0a;border:1px solid rgba(34,197,94,.12);border-radius:14px;padding:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:4px}.health-label{font-size:.65rem;color:var(--text-muted);letter-spacing:1.2px;font-weight:700}.health-score-large{font-size:2.2rem;font-weight:800;color:var(--text-white);letter-spacing:-.5px}.health-status-badge{font-size:.75rem;font-weight:700;color:var(--success);background:#10b9811a;padding:4px 12px;border-radius:20px;border:1px solid rgba(16,185,129,.18);display:inline-block;margin-top:2px}.health-status-badge.orange{color:var(--warning);background:#f59e0b1a;border-color:#f59e0b2e}.health-status-badge.red{color:var(--danger);background:#ef44441a;border-color:#ef44442e}.result-report-details{display:flex;flex-direction:column;gap:12px}.report-item{background:#ffffff05;border:1px solid var(--card-border);border-radius:12px;padding:12px 14px}.report-item-title{font-size:.75rem;font-weight:700;color:var(--text-light);margin-bottom:4px}.report-item-value{font-size:.75rem;color:var(--text-muted);line-height:1.4}.plant-detail-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-phone);z-index:15;display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.16,1,.3,1);transform:translateY(100%);pointer-events:none}.plant-detail-overlay.active{transform:translateY(0);pointer-events:auto}.detail-header{height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.04);background:#0f171299;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10}.detail-header h2{font-size:1rem;font-weight:700;color:var(--text-white);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-back{background:none;border:none;color:var(--text-light);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;transition:transform .2s ease}.btn-back:hover{transform:scale(1.1);color:var(--primary-light)}.detail-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 20px 40px;display:flex;flex-direction:column;gap:16px}.detail-hero{height:140px;position:relative;border-radius:16px;overflow:visible;margin-bottom:16px;flex-shrink:0}.detail-img-container{width:100%;height:100%;border-radius:16px;background-size:cover;background-position:center;border:1px solid var(--card-border);background-color:#ffffff05;position:relative}.detail-img-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}.detail-health-badge{position:absolute;bottom:-16px;right:20px;width:64px;height:64px;background:linear-gradient(135deg,var(--primary-light),var(--primary-dark));border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 16px #22c55e4d;border:3px solid var(--bg-phone);z-index:2;transition:all .3s ease}.detail-health-badge.orange{background:linear-gradient(135deg,var(--warning),var(--primary-dark));box-shadow:0 8px 16px #f59e0b40}.detail-health-badge.red{background:linear-gradient(135deg,var(--danger),var(--primary-dark));box-shadow:0 8px 16px #ef444440}.detail-score-num{font-size:1.3rem;font-weight:800;color:var(--text-white);line-height:1.1}.detail-score-label{font-size:.45rem;font-weight:700;color:#fffc;letter-spacing:.5px}.detail-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:12px}.detail-card h3{font-size:.85rem;font-weight:700;color:var(--text-light);border-left:3px solid var(--primary-light);padding-left:8px;line-height:1.2}.detail-info-grid{display:flex;flex-direction:column;gap:8px}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;border-bottom:1px dashed rgba(255,255,255,.03);padding-bottom:6px}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-row .label{color:var(--text-muted)}.info-row .value{font-weight:600;color:var(--text-white)}.report-card-theme{position:relative;border:1px solid rgba(34,197,94,.15);background:#22c55e05}.report-stamp{position:absolute;top:12px;right:12px;font-size:.5rem;font-weight:700;color:var(--success);border:1px solid var(--success);padding:2px 5px;border-radius:4px;transform:rotate(10deg);opacity:.75;letter-spacing:.5px}.report-details-group{display:flex;flex-direction:column;gap:12px}.report-block{display:flex;flex-direction:column;gap:4px}.block-title{font-size:.75rem;font-weight:700;color:var(--text-light)}.block-text{font-size:.75rem;color:var(--text-muted);line-height:1.45}.timeline-help{font-size:.65rem;color:var(--text-muted);font-style:italic;margin-top:-6px}.timeline-container{position:relative;padding-left:20px;margin-top:8px;border-left:2px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:16px}.timeline-node{position:relative;cursor:pointer;transition:all .2s ease;padding:2px 0}.timeline-node:before{content:"";position:absolute;left:-27px;top:6px;width:12px;height:12px;border-radius:50%;background:#3f3f46;border:3px solid var(--bg-phone);transition:all .2s ease}.timeline-node.active:before{background:var(--success);box-shadow:0 0 10px var(--success);border-color:var(--bg-phone)}.timeline-node:hover{transform:translate(4px)}.timeline-date{font-size:.75rem;font-weight:700;color:var(--text-white)}.timeline-desc{font-size:.7rem;color:var(--text-muted);margin-top:2px}.nickname-form-wrapper{display:flex;flex-direction:column;gap:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:12px;padding:12px 16px;margin-top:5px;transition:all .3s ease}.nickname-form-wrapper:focus-within{background:#22c55e08;border-color:#22c55e40}.nickname-label{font-size:.7rem;font-weight:700;color:var(--primary-light);text-transform:uppercase;letter-spacing:.5px;text-align:left}.nickname-input-container{width:100%}.nickname-input{width:100%;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;font-size:.9rem;color:var(--text-white);outline:none;transition:all .25s ease}.nickname-input:focus{border-color:var(--primary-light);box-shadow:0 0 10px #22c55e26;background:#00000059}.nickname-input::placeholder{color:var(--text-muted);opacity:.6}.sync-actions-grid{display:flex;flex-direction:column;gap:15px;margin-top:10px}.sync-action-box{display:flex;flex-direction:column;gap:8px}.sync-action-box h5{font-size:.8rem;font-weight:700;color:var(--text-white);margin-bottom:2px}.sync-help{font-size:.7rem;color:var(--text-muted);line-height:1.3}.sync-action-divider{height:1px;background:#ffffff0d;margin:5px 0}.sync-code-display{background:#22c55e0d;border:1px solid rgba(34,197,94,.15);border-radius:12px;padding:12px;text-align:center;margin-top:8px;display:flex;flex-direction:column;align-items:center;gap:6px;animation:fadeIn .3s ease}.sync-code-num{font-size:1.6rem;font-weight:800;letter-spacing:4px;color:var(--primary-light);font-family:monospace}.sync-code-warning{font-size:.65rem;color:var(--warning);line-height:1.3}.sync-input-row{display:flex;gap:8px;align-items:center}.sync-input-row input{flex:1;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 12px;font-size:.85rem;color:var(--text-white);outline:none;font-family:monospace;letter-spacing:2px;text-align:center;transition:border-color .2s ease}.sync-input-row input:focus{border-color:var(--primary-light)}.sync-input-row button{white-space:nowrap}.app-toast{position:absolute;top:-80px;left:20px;right:20px;background:#0f1712eb;border:1px solid rgba(34,197,94,.3);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 25px #00000080,0 0 15px #22c55e1a;z-index:1000;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease;opacity:0;pointer-events:none}.app-toast.show{transform:translateY(150px);opacity:1;pointer-events:auto}.app-toast.warning{border-color:#f59e0b4d;box-shadow:0 10px 25px #00000080,0 0 15px #f59e0b1a}.app-toast.danger{border-color:#ef44444d;box-shadow:0 10px 25px #00000080,0 0 15px #ef44441a}.toast-icon{font-size:1.4rem;background:#ffffff0d;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px}.toast-content{flex:1;display:flex;flex-direction:column;gap:2px;text-align:left}.toast-title{font-size:.85rem;font-weight:700;color:var(--text-white)}.toast-message{font-size:.75rem;color:var(--text-muted);line-height:1.3}.detail-carousel-container{width:100%;height:100%;position:relative;overflow:hidden;border-radius:20px;cursor:grab}.detail-carousel-container:active{cursor:grabbing}.detail-carousel-wrapper{display:flex;width:100%;height:100%;transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.carousel-slide{flex-shrink:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.carousel-slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000001a,#0006);pointer-events:none}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#0f171299;border:1px solid rgba(255,255,255,.1);color:var(--text-white);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;cursor:pointer;z-index:10;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:all .2s ease;opacity:.7}.carousel-nav:hover{opacity:1;background:#0f1712d9;transform:translateY(-50%) scale(1.05)}.carousel-nav.prev-btn{left:12px}.carousel-nav.next-btn{right:12px}.carousel-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:10;background:#0000004d;padding:4px 8px;border-radius:12px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.carousel-dot{width:6px;height:6px;border-radius:50%;background:#fff6;transition:all .25s ease;cursor:pointer}.carousel-dot.active{background:var(--success);width:14px;border-radius:3px}.disclaimer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0f0cf0;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;transition:opacity .4s ease,transform .4s ease}.disclaimer-overlay.hidden{opacity:0;pointer-events:none;transform:scale(.96)}.disclaimer-card{background:#0f1712bf;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:16px;width:100%;max-width:450px;max-height:90%;overflow-y:auto;box-shadow:var(--shadow-premium);text-align:left}.disclaimer-header{display:flex;align-items:center;gap:12px}.disclaimer-header h2{font-size:1.15rem;font-weight:700;color:var(--text-white)}.disclaimer-body{display:flex;flex-direction:column;gap:12px}.disclaimer-body p{font-size:.8rem;color:var(--text-light);line-height:1.45}.disclaimer-warning{background:#ef444414;border-left:3px solid var(--danger);padding:10px 12px;border-radius:8px;font-size:.75rem!important;color:var(--text-light);line-height:1.4}.btn-read-more{background:transparent;border:none;color:var(--primary-light);font-size:.75rem;font-weight:700;cursor:pointer;padding:5px 0;text-align:left;transition:all .2s;align-self:flex-start}.btn-read-more:hover{color:var(--text-white)}.disclaimer-details{display:flex;flex-direction:column;gap:8px}.disclaimer-details h4{font-size:.8rem;font-weight:700;color:var(--text-white);margin-top:5px}.disclaimer-details p{font-size:.72rem;color:var(--text-muted);line-height:1.4;margin-left:5px}.alarm-pulsing{animation:pulseRedGlow 1.5s infinite alternate;border-color:#ef444480!important}@keyframes pulseRedGlow{0%{box-shadow:0 0 5px #ef444426}to{box-shadow:0 0 20px #ef444473,inset 0 0 10px #ef44441a}}.settings-profile-header{display:flex;align-items:center;gap:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:14px 16px;text-align:left}.profile-avatar-circle{width:52px;height:52px;border-radius:50%;background:#22c55e1a;border:2px solid var(--primary-light);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;flex-shrink:0}.profile-avatar-circle svg{width:78%;height:78%}.profile-avatar-circle .avatar-placeholder{font-size:1.5rem}.profile-text{display:flex;flex-direction:column;gap:2px}.profile-text h3{font-size:.95rem;font-weight:700;color:var(--text-white)}.profile-text span{font-size:.7rem;color:var(--text-muted)}.settings-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;text-align:left}.settings-card h3{font-size:.95rem;font-weight:700;color:var(--text-white)}.settings-card .section-desc{font-size:.72rem;color:var(--text-muted);line-height:1.35}.avatar-group-title{font-size:.75rem;font-weight:700;color:var(--primary-light);text-transform:uppercase;letter-spacing:.3px;margin-top:5px}.avatar-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.avatar-btn{width:100%;min-width:0;aspect-ratio:1;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#0003;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:6px;transition:all .2s ease}.avatar-btn svg{width:40px;height:40px;max-width:80%;max-height:80%}.avatar-btn:hover{background:#ffffff0a;border-color:#ffffff1f}.avatar-btn.active{background:#22c55e26;border-color:var(--primary-light);box-shadow:0 0 8px #22c55e40}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.form-field input{background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 12px;color:var(--text-white);font-size:.85rem;outline:none;transition:all .25s ease}.form-field input:focus{border-color:var(--primary-light);background:#00000059;box-shadow:0 0 8px #22c55e1a}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left}.toggle-text{display:flex;flex-direction:column;gap:2px;flex:1}.toggle-title{font-size:.85rem;font-weight:600;color:var(--text-light)}.toggle-subtitle{font-size:.68rem;color:var(--text-muted);line-height:1.3}.switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.08);transition:.25s ease;border-radius:34px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:var(--text-light);transition:.25s ease;border-radius:50%}input:checked+.slider{background-color:var(--primary-light);border-color:var(--primary-light)}input:checked+.slider:before{transform:translate(16px);background-color:var(--text-white)}.alarm-settings-card .toggle-row{justify-content:space-between}.font-size-picker{display:flex;gap:4px;margin-top:8px;background:#00000040;padding:4px;border-radius:14px;border:1px solid rgba(255,255,255,.05)}.font-size-btn{flex:1;background:transparent;border:1px solid transparent;color:var(--text-muted);padding:8px 12px;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center;outline:none}.font-size-btn:hover{color:var(--text-light);background:#ffffff08}.font-size-btn.active{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:var(--text-white);box-shadow:0 4px 12px #00000026;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}html.font-size-small{font-size:14px!important}html.font-size-medium{font-size:16px!important}html.font-size-large{font-size:18px!important}#quick-picker-section{display:none!important}.theme-picker{display:flex;gap:4px;margin-top:8px;background:var(--input-bg);padding:4px;border-radius:14px;border:1px solid var(--input-border);transition:all .3s ease}.theme-btn{flex:1;background:transparent;border:1px solid transparent;color:var(--text-muted);padding:8px 12px;border-radius:10px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center;outline:none}.theme-btn:hover{color:var(--text-light);background:#ffffff08}.theme-btn.active{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:var(--text-white);box-shadow:0 4px 12px #00000026;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.scan-guidelines{display:flex;flex-direction:column;gap:8px;margin:15px 0 20px;text-align:left;max-width:280px;width:100%}.guideline-item{font-size:.72rem;color:var(--text-light);display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px}.upload-zone{padding:50px 20px 40px!important}.scan-thumbnails-wrapper{position:absolute;bottom:15px;left:15px;right:15px;display:flex;gap:8px;align-items:center;background:#0f1712bf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:6px 10px;border-radius:12px;border:1px solid var(--glass-border);z-index:10}.scan-thumbnails-container{display:flex;gap:6px;overflow-x:auto;flex:1}.scan-thumb-preview{width:42px;height:42px;border-radius:6px;background-size:cover;background-position:center;border:1.5px solid rgba(255,255,255,.15);cursor:pointer;flex-shrink:0;transition:all .2s ease;position:relative}.scan-thumb-preview.active{border-color:var(--primary-light);box-shadow:0 0 8px var(--primary-light)}.scan-thumb-remove{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;width:14px;height:14px;border-radius:50%;font-size:8px;display:flex;align-items:center;justify-content:center;font-weight:700}.btn-add-more-thumb{background:var(--primary-light);color:#fff;border:none;font-size:.65rem;font-weight:700;padding:6px 10px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:transform .2s ease}.btn-add-more-thumb:hover{transform:scale(1.05)}.flat-slide-out-left{animation:flatSlideOutLeft .22s cubic-bezier(.25,1,.5,1) forwards!important}.flat-slide-in-right{animation:flatSlideInRight .22s cubic-bezier(.25,1,.5,1) forwards!important}.flat-slide-out-right{animation:flatSlideOutRight .22s cubic-bezier(.25,1,.5,1) forwards!important}.flat-slide-in-left{animation:flatSlideInLeft .22s cubic-bezier(.25,1,.5,1) forwards!important}@keyframes flatSlideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes flatSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes flatSlideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes flatSlideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.form-field input,.nickname-input,.sync-input-row input{background:var(--input-bg)!important;border:1px solid var(--input-border)!important;color:var(--text-white)!important}.form-field input:focus,.nickname-input:focus,.sync-input-row input:focus{background:var(--input-bg-focus)!important;border-color:var(--primary-light)!important}.theme-light .font-size-picker,.theme-light .theme-picker{background:#16a34a0d!important;border:1px solid rgba(22,163,74,.12)!important}.theme-light .font-size-btn:hover,.theme-light .theme-btn:hover{color:var(--primary)!important;background:#16a34a08!important}.theme-light .font-size-btn.active,.theme-light .theme-btn.active{background:#fff!important;border:1px solid rgba(22,163,74,.2)!important;color:var(--primary)!important;box-shadow:0 4px 12px #16231b0d!important}.theme-light .btn-primary,.theme-light .detail-score-num{color:#fff!important}.theme-light .app-toast{background:#fffffff5!important;color:#17231b!important;box-shadow:0 10px 25px #16231b14,0 0 15px #16a34a14!important}.theme-light .toast-title{color:#17231b!important}.theme-light .toast-message{color:#66756b!important}.theme-light .toast-icon{background:#16a34a14!important}.theme-light .disclaimer-overlay{background:#f6f8f3f2!important}.theme-light .disclaimer-card{background:#fff!important;border-color:#16a34a1f!important;box-shadow:var(--shadow-premium)!important}.theme-light .disclaimer-card hr{border-color:#16a34a1f!important}.theme-light .disclaimer-warning{background:#ef444414!important;color:#ef4444!important}.theme-light .btn-read-more{color:var(--primary)!important}.theme-light .btn-read-more:hover{color:var(--primary-dark)!important}.theme-light .plant-card-img{height:125px!important;border-bottom:1.5px solid rgba(22,163,74,.06)!important}.theme-light .detail-hero{height:200px!important}.theme-light .detail-img-container:after{background:linear-gradient(to top,rgba(22,35,27,.2),transparent)!important}.theme-light .result-image-banner{height:200px!important;border-color:#16a34a1f!important}.theme-light .scan-thumbnails-wrapper{background:#ffffffe6!important;border-color:#16a34a26!important;box-shadow:0 4px 12px #16231b14!important}.theme-light .scan-thumb-preview{border-color:#16a34a26!important}.theme-light .scan-thumb-preview.active{border-color:var(--primary)!important;box-shadow:0 0 8px #16a34a4d!important}