:root{color-scheme:light dark}:root{--bg-page: #798757;--text-color: #333;--header-color: #333;--subheader-color: #333;--header-text-color: #dfd2a6;--bg-card: #eadcbc;--border: #6b8e23}[data-theme=dark]{--bg-page: #1e2621;--bg-card: #252b2d;--text-color: #d8d0b6;--subheader-color: #f0e9c7;--header-color: #2a172c;--border: #6c843d}@font-face{font-family:eufoniem;src:url(../fonts/Eufoniem\ One.ttf) format("truetype")}@font-face{font-family:chalkiez;src:url(../fonts/Chalkiez-Regular.ttf) format("truetype")}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;overflow-x:hidden}body{background-color:var(--bg-page);color:var(--text-color);font-family:Arial,sans-serif}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-page);z-index:-1}h2{position:relative;font-family:eufoniem,sans-serif;font-weight:600;font-size:56px;margin-top:0;margin-bottom:1rem;text-align:center;line-height:1.1;color:var(--subheader-color)}.App{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;gap:1rem;min-height:100dvh;overflow-y:auto;scrollbar-gutter:stable;overflow-x:hidden}.container{max-width:700px;margin:2rem auto;padding:0 1.5rem;font-family:Segoe UI,sans-serif;line-height:1.6}.content-box{max-width:700px;margin:-5rem auto 2rem;padding:1.5rem 2rem;background-color:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:12px;box-shadow:0 4px 16px #0000004d;color:var(--text-color);font-family:Segoe UI,sans-serif;line-height:1.5;text-align:center}@media (max-width: 480px){.content-box{padding:1.5rem .67em}}.content-box h2{font-family:eufoniem,sans-serif;font-weight:600;font-size:56px;margin:0 0 1rem;color:var(--subheader-color);position:relative;text-align:center}.content-box h2:after{content:"";display:block;width:80px;height:4px;background-color:var(--border);margin:0rem auto 1.5rem;border-radius:2px}.content-box .tagline{margin:-1rem auto 0;padding:0;background:transparent;border-left:none;font-style:normal;font-size:1rem;font-weight:400}.footer-bar{width:100%;background-color:var(--header-color);color:var(--header-text-color);text-align:center}.footer-bar p{margin-top:-1rem;margin-bottom:-1rem}.attributions{margin-top:1rem;margin-bottom:-1rem;font-size:.9rem;color:#ccc}.attributions summary{cursor:pointer;font-weight:700;color:#4caf50;list-style:none;outline:none}.attributions summary:after{content:"▸";margin-left:.5em}.attributions[open] summary:after{content:"▾"}.attributions ul{list-style:none;padding:0;margin-top:.5rem}.attributions li{margin-bottom:.3rem}.attributions a{color:#bbb;text-decoration:none}.attributions a:hover{text-decoration:underline}header{display:flex;flex-direction:column;align-items:center}header h1{color:var(--text-color);font-family:eufoniem,sans-serif;font-style:italic;text-align:center;font-size:clamp(100px,5vw,150px);margin-top:11px;margin-bottom:-20px}.header-bar{position:relative;width:100vw;background-color:var(--header-color);padding:.75rem 1rem;overflow-x:hidden;z-index:2000}.header-bar ul{display:flex;justify-content:center;gap:1rem;list-style:none;margin:auto;padding:0}.header-bar ul li a{text-decoration:none;color:var(--header-text-color);font-weight:700;padding:.5rem .75rem;font-size:clamp(1rem,2vw,1.2rem)}.header-bar ul li a.active,.header-bar ul li a:hover{color:#f0a500}.hamburger{display:none;font-size:2rem;background:none;border:none;color:var(--header-text-color);z-index:3000;cursor:pointer}@media (max-width: 768px){.header-bar{padding:0 1rem}.header-bar ul{display:none;flex-direction:column;background-color:var(--header-color);position:fixed;width:200px;z-index:3000;padding:1rem;opacity:0}.header-bar.open ul{display:flex;opacity:1}.hamburger{display:block}}.nav-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center}.nav-controls{position:absolute;top:50%;right:1rem;transform:translateY(-50%);display:flex;align-items:center;gap:.8rem;margin-right:15px}.header-icon{height:clamp(26px,calc(2.5vw + 12px),32px);transition:filter .3s}.popup{position:fixed;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;z-index:9999;box-shadow:0 4px 12px #0003;padding:0;margin:0;min-width:130px;display:flex;flex-direction:column}.popup button{background:none;border:none;padding:.75rem 1.5rem;text-align:left;cursor:pointer;color:var(--text-color);font-size:1rem}.popup button:hover{background-color:var(--border);color:#fff}.bottomleaves{display:block;margin:-.3rem auto 0;width:80%;max-width:358px;z-index:1000}.plant-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;overflow:hidden;border-radius:.5rem;background:var(--bg-card);box-shadow:0 2px 8px #0000001a;height:100%;transition:transform .3s;will-change:transform}.plant-card:hover{transform:scale(1.02)}.image-wrapper{flex-grow:1;display:flex;justify-content:center;align-items:center;width:100%}.plant-card img{width:auto;max-width:100%;height:300px;object-fit:cover}.plant-name{margin:.5rem 0 1rem;color:var(--text-color);font-size:1.5rem;font-family:eufoniem,sans-serif}.intensity-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;text-align:center;border-radius:.5rem;font-size:2rem;opacity:0;pointer-events:none;transition:opacity .3s ease}.plant-card:hover .intensity-overlay{opacity:1;pointer-events:auto}.intensity-icons p{margin:.5rem 0;font-size:2rem}.plant-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-content:center}@media (min-width: 1200px){.plant-grid{grid-template-columns:repeat(4,1fr)}}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:50}.suggestion-form{display:grid;grid-template-columns:1fr;gap:1rem;max-width:400px;margin:0 auto;padding:1rem;background:#ffffff32;border-radius:8px}[data-theme=dark] .suggestion-form .success{color:#a2d57a}[data-theme=dark] .suggestion-form{background:#ffffff15}.suggestion-form textarea,.suggestion-form input[type=text]{border:2px solid var(--border);border-radius:6px;background-color:var(--bg-card);width:100%;box-sizing:border-box;padding:.5rem;font-size:1rem;margin-top:.25rem;color:var(--text-color)}.suggestion-form input,.suggestion-form textarea,.suggestion-form button{font-family:inherit}.suggestion-form .input-group{position:relative}.suggestion-form label{display:block;margin-bottom:.25rem;text-align:left}.suggestion-form textarea,.suggestion-form input[type=text]{background-color:var(--bg-card);width:100%;box-sizing:border-box;padding:.5rem;font-size:1rem;margin-top:.25rem}.suggestion-form .char-counter{position:absolute;top:.25rem;right:.5rem;font-size:.8rem;color:#666;pointer-events:none;color:var(--text-color)}.suggestion-form .form-actions{grid-column:1 / -1;text-align:center;margin-top:1rem}.suggestion-form button{background-color:var(--border);color:var(--text-color);font-weight:700;border:none;border-radius:6px;padding:.6rem 1.2rem;transition:background-color .2s ease,transform .1s ease;box-shadow:0 2px 4px #0000001a}.suggestion-form button:hover{background-color:#5c7c1e;transform:scale(1.02)}.suggestion-form button:disabled{background-color:#aaa;cursor:not-allowed;transform:none;box-shadow:none}[data-theme=dark] .suggestion-form button{background-color:transparent;color:var(--text-color);border:2px solid var(--text-color);font-weight:500;padding:.5rem 1.2rem;box-shadow:none}[data-theme=dark] .suggestion-form button:hover{background-color:#82b4641f;transform:scale(1.01)}[data-theme=dark] .suggestion-form button:disabled{opacity:.4;cursor:not-allowed;background-color:transparent;border-color:#777;color:#777}.suggestion-form .error{color:red}.suggestion-form .success{color:var(--border)}.suggestion-box>h2{margin:0 0 1rem;text-align:center}.suggestion-box{max-width:700px;margin:-4rem auto 2rem;padding:1.5rem 2rem;background-color:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 16px #0000001f;color:var(--text-color);font-family:Segoe UI,sans-serif;text-align:left;line-height:1.5}.suggestion-box p{margin-bottom:2rem;font-size:1.15rem;line-height:1.5;color:var(--text-color)}.suggestion-box textarea,.suggestion-box input[type=text]{width:100%;padding:.75rem 0;margin-bottom:1.5rem;border:none;border-bottom:1.5px solid var(--border);border-radius:0;font-size:1rem;font-family:inherit;color:var(--text-color);background:transparent;transition:border-color .3s ease;box-sizing:border-box}.suggestion-box textarea:focus,.suggestion-box input[type=text]:focus{outline:none;border-bottom-color:#6b8e23;background-color:transparent;box-shadow:none}.suggestion-box button{background-color:var(--border);color:var(--header-text-color);border:none;padding:.75rem 2rem;font-size:1rem;border-radius:8px;cursor:pointer;font-weight:600;transition:background-color .3s ease}.suggestion-box button:hover{background-color:#577015}.about-page{background-color:var(--bg-card);box-shadow:0 6px 16px #0000001f;margin-bottom:2rem}.about-box{background:transparent;padding:0;margin:-4rem auto 2rem;border:none;box-shadow:none}.about-page p{margin:-1rem auto 1.5rem;font-size:1rem;white-space:pre-line;color:var(--text-color)}.about-illustration{width:auto;max-width:100%;height:300px;object-fit:cover;display:block;margin:2rem auto 0}.login-form{max-width:400px;margin:4rem auto;padding:2rem;background-color:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 12px #0000001a;display:flex;flex-direction:column;gap:1rem;color:var(--text-color)}.login-form input{padding:.75rem;font-size:1rem;border:1px solid var(--border);border-radius:6px;background-color:var(--bg-input);color:var(--text-color)}.login-form button:not(.toggle-password){background-color:var(--border);color:var(--text-color);border:none;padding:.75rem;border-radius:6px;font-weight:700;cursor:pointer}.login-form .error{color:red;text-align:center}.password-wrapper{position:relative}.password-wrapper input{width:100%;padding-right:2.5em}.toggle-password{position:absolute;right:.5em;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:0;margin:0;font-size:1.2em;color:#999;cursor:pointer}.toggle-password:hover{color:#666}.admin-page{max-width:700px;margin:-4rem auto 2rem;padding:1.5rem 2rem;background-color:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 16px #0000001f;color:var(--text-color)}.admin-form{display:grid;gap:1rem;margin-top:2rem}.admin-form textarea{width:100%;border:2px solid var(--border);border-radius:6px;background-color:var(--bg-card);padding:.5rem;font-size:1rem;color:var(--text-color)}.admin-form button{background-color:var(--border);color:var(--text-color);border:none;border-radius:6px;padding:.6rem 1.2rem;font-weight:700;cursor:pointer}.admin-form .success{color:var(--border)}.admin-form .error{color:red}.suggestion-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.suggestion-item{background-color:#120f0e;padding:1rem;border:1px solid #3c3c3c;border-radius:8px;box-shadow:0 0 4px #0003}.suggestion-meta{font-size:.9rem;color:#b0e57c;margin-bottom:.5rem}.suggestion-meta strong{display:block;color:#f0f0f0}.suggestion-date{font-size:.8rem;color:#ccc}.suggestion-text{color:#fff;white-space:pre-wrap;font-family:chalkiez,sans-serif;letter-spacing:1px;font-size:20px}.maintenance{text-align:center;margin-top:2rem;padding-bottom:3rem}.maintenance-title{font-family:eufoniem,sans-serif;letter-spacing:2px;margin:.5rem 0}.maintenance-image{display:block;width:100%;max-width:450px;height:auto;margin:1rem auto}.maintenance-title{font-size:5rem}@media (max-width: 700px){.maintenance-title{font-size:4rem}}@media (max-width: 570px){.maintenance-title{font-size:3rem}}@media (max-width: 450px){.maintenance-title{font-size:2rem}}