:root{--verde-scuro:#16352a;--verde:#2d6a4f;--verde-chiaro:#74a57f;--foglia:#b5d9b2;--avorio:#f7f3e8;--carta:#fdf9ef;--corteccia:#8b5e3c;--testo:#22382e;--grigio:#6b7f74;--arancio:#e8994a;--danger:#c05b4d;--radius:18px;--shadow:0 4px 20px #16352a1a;--shadow-lg:0 10px 34px #16352a29}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%}body{color:var(--testo);background:#e9efe6;font-family:Segoe UI,system-ui,-apple-system,sans-serif}#root{height:100%}.phone{background:var(--avorio);flex-direction:column;max-width:430px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.screen{background:var(--avorio);flex-direction:column;flex:1;min-height:0;display:flex}.appbar{padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top));background:linear-gradient(180deg, var(--verde-scuro), #1d4636);color:#fff;flex:none;justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:.3px;align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.brand-leaf{font-size:22px}.chip-live{text-transform:capitalize;background:#ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:flex}.live-dot{background:#8ee6a8;border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulse;box-shadow:0 0 8px #8ee6a8}@keyframes pulse{50%{opacity:.45}}.appbar-title{text-align:center;font-size:17px;font-weight:700}.icon-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;display:flex}.chat-head{align-items:center;gap:8px;display:flex}.chat-tree{font-size:24px}.chat-status{color:#b9d4c4;font-size:11px}.score-mini{background:var(--verde-chiaro);color:#fff;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:800}.scroll{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:14px;padding:16px 16px 24px;display:flex;overflow-y:auto}.scroll.center{text-align:center;justify-content:center;align-items:center}.btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:16px;font-weight:800;transition:transform .1s,opacity .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(135deg, var(--verde), var(--verde-chiaro));color:#fff;box-shadow:var(--shadow)}.btn.primary.big{width:100%;padding:17px;font-size:17px}.btn.ghost{border:1.5px solid var(--verde-chiaro);color:var(--verde);background:0 0}.btn:disabled{opacity:.45;cursor:default}.input{width:100%;color:var(--testo);background:#fff;border:2px solid #dfe8dc;border-radius:14px;outline:none;padding:14px 16px;font-size:16px;transition:border .2s}.input:focus{border-color:var(--verde-chiaro)}.input.big{text-align:center;padding:16px;font-size:18px}.onboard{background:linear-gradient(170deg, var(--verde-scuro) 0%, #1d4636 45%, #2d6a4f 100%);color:#fff;max-width:430px;height:100dvh;padding:30px 26px;padding-bottom:calc(30px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.onb-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;display:flex}.onb-dots{gap:8px;display:flex}.onb-dots .dot{background:#ffffff4d;border-radius:50%;width:9px;height:9px}.onb-dots .dot.on{background:var(--foglia);border-radius:999px;width:26px}.onb-emoji{filter:drop-shadow(0 8px 24px #0000004d);font-size:84px}.onboard h1{font-size:30px;font-weight:800;line-height:1.2}.onboard p{color:#d8e8dd;max-width:320px;font-size:16px;line-height:1.55}.onb-nav{padding-top:12px}.empty-hero{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.hero-emoji{font-size:72px}.empty-hero h2{font-size:24px}.empty-hero p{color:var(--grigio);max-width:300px;line-height:1.5}.tree-card{border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;background:#fff;border:1px solid #eef2ea;align-items:center;gap:14px;padding:16px;display:flex}.tree-emoji{background:var(--foglia);border-radius:14px;padding:8px 10px;font-size:42px}.tree-name{font-size:18px;font-weight:800}.tree-specie{color:var(--grigio);font-size:13px}.tree-meteo{color:var(--verde);align-items:center;gap:5px;margin-top:4px;font-size:12.5px;display:flex}.tree-chev{color:var(--verde-chiaro);margin-left:auto;font-size:26px}.score-card{border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid var(--verde-chiaro);background:#fff;padding:16px}.score-top{justify-content:space-between;align-items:center;display:flex}.score-label{color:var(--grigio);text-transform:uppercase;letter-spacing:.5px;font-size:12.5px;font-weight:600}.score-val{color:var(--verde-scuro);font-size:34px;font-weight:900}.score-val span{color:var(--grigio);font-size:15px;font-weight:700}.scenario-pill{border-radius:999px;padding:7px 12px;font-size:12.5px;font-weight:800}.bar{background:#eef0ea;border-radius:999px;height:10px;margin-top:12px;overflow:hidden}.bar-fill{border-radius:999px;height:100%;transition:width .8s}.score-sub{color:var(--grigio);margin-top:8px;font-size:12px}.letter-prev{background:var(--carta);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow);border:1px solid #efe5d0;padding:14px 16px}.letter-prev-head{color:var(--corteccia);align-items:center;gap:7px;font-size:14px;font-weight:800;display:flex}.letter-prev-head span{color:var(--grigio);font-weight:600}.letter-prev p{color:#5d544a;margin-top:7px;font-size:13.5px;line-height:1.5}.letter-prev-cta{color:var(--verde);margin-top:8px;font-size:13px;font-weight:800}.section-title{align-items:center;gap:8px;margin-top:6px;font-size:16px;font-weight:800;display:flex}.daily-card{box-shadow:var(--shadow);cursor:pointer;background:#fff;border:1px solid #eef2ea;border-radius:14px;padding:14px}.daily-card.muted{opacity:.75;text-align:center;color:var(--grigio)}.daily-title{font-size:15px;font-weight:700}.daily-sub{color:var(--grigio);margin-top:3px;font-size:12.5px}.demo-banner{border:1px solid var(--arancio);color:#8a5a1c;text-align:center;background:#e8994a26;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:700}.hint{color:var(--grigio);font-size:13.5px;line-height:1.5}.map-wrap{border-radius:var(--radius);box-shadow:var(--shadow);position:relative;overflow:hidden}.map-svg{width:100%;height:auto;display:block}.tree-marker{transition:transform .15s}.tree-marker:active{transform:scale(1.3)}.map-legend{background:#ffffffeb;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:flex;position:absolute;top:8px;right:8px}.dot-adopted{background:#1b8a5a;border-radius:50%;width:10px;height:10px;display:inline-block}.dot-free{background:#2d6a4f;border-radius:50%;width:10px;height:10px;display:inline-block}.sheet{border-radius:var(--radius);box-shadow:var(--shadow-lg);background:#fff;border:1px solid #eef2ea;padding:16px}.sheet-head{align-items:center;gap:12px;display:flex}.tree-em-lg{font-size:40px}.tree-facts{gap:8px;margin:14px 0;display:flex}.fact{background:var(--avorio);text-align:center;border-radius:12px;flex:1;padding:10px}.fact b{color:var(--verde-scuro);font-size:15px;display:block}.fact span{color:var(--grigio);font-size:11px}.curiosity{color:#5d544a;background:var(--carta);border:1px solid #efe5d0;border-radius:12px;margin-bottom:12px;padding:12px;font-size:13px;line-height:1.5}.sheet-hint{text-align:center;color:var(--grigio);padding:20px;font-size:14px}.chat-body{background:var(--avorio);flex-direction:column;flex:1;gap:10px;padding:14px 16px;display:flex;overflow-y:auto}.chat-date{text-align:center;color:var(--grigio);text-transform:capitalize;margin-bottom:4px;font-size:11.5px}.msg{display:flex}.msg.user{justify-content:flex-end}.msg.tree{justify-content:flex-start}.bubble{border-radius:18px;max-width:80%;padding:12px 15px;font-size:15px;line-height:1.45}.msg.user .bubble{background:var(--verde);color:#fff;border-bottom-right-radius:5px}.msg.tree .bubble{box-shadow:var(--shadow);background:#fff;border:1px solid #eef2ea;border-bottom-left-radius:5px}.chat-input{padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eef0ea;flex:none;gap:8px;display:flex}.chat-input input{border:2px solid #e3e9e0;border-radius:999px;outline:none;flex:1;padding:12px 18px;font-size:15px}.chat-input input:focus{border-color:var(--verde-chiaro)}.send-btn{background:var(--verde);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.mission-card{box-shadow:var(--shadow);cursor:pointer;background:#fff;border:1px solid #eef2ea;border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.mission-card.done{opacity:.6}.mission-icon{background:var(--foglia);width:44px;height:44px;color:var(--verde-scuro);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.mission-info{flex:1}.mission-title{font-size:14.5px;font-weight:700}.mission-meta{color:var(--grigio);text-transform:capitalize;margin-top:2px;font-size:12px}.mission-chev{color:var(--verde-chiaro);font-size:22px;font-weight:800}.capture{flex-direction:column;gap:14px;display:flex}.photo-box{border:2px dashed var(--verde-chiaro);border-radius:var(--radius);cursor:pointer;background:#eef2ea;justify-content:center;align-items:center;min-height:260px;display:flex;overflow:hidden}.photo-box img{object-fit:cover;width:100%;height:100%}.photo-ph{color:var(--grigio);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px;font-size:14px;display:flex}.checking{color:var(--verde);flex-direction:column;align-items:center;gap:16px;padding:60px 0;font-weight:600;display:flex}.spinner{border:4px solid var(--foglia);border-top-color:var(--verde);border-radius:50%;width:44px;height:44px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.result-icon{text-align:center;font-size:64px}.result-icon.dubbia{filter:grayscale(.3)}.result-title{text-align:center;font-size:22px;font-weight:800}.result-pts{background:var(--foglia);color:var(--verde-scuro);text-align:center;border-radius:12px;padding:12px;font-weight:800}.letters{gap:16px}.letter-paper{background:var(--carta);box-shadow:var(--shadow-lg);border:1px solid #ece1c8;border-radius:6px;padding:24px 22px;font-family:Georgia,Times New Roman,serif;position:relative}.letter-stamp{opacity:.8;font-size:44px;position:absolute;top:14px;right:16px;transform:rotate(10deg)}.letter-date{color:var(--corteccia);margin-bottom:14px;font-size:12px;font-style:italic}.letter-body p{color:#3d362c;white-space:pre-wrap;font-size:15.5px;line-height:1.75}.letter-firma{color:var(--corteccia);text-align:right;margin-top:18px;font-style:italic}.letter-ps{color:var(--verde);text-align:center;border-top:1px dashed #e0d3b4;margin-top:18px;padding-top:12px;font-family:Segoe UI,sans-serif;font-size:12px}.letter-archive{flex-direction:column;gap:8px;display:flex}.archive-item{box-shadow:var(--shadow);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.archive-date{color:var(--grigio);margin-left:auto;font-size:11.5px;font-weight:500}.tabbar{padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e8ece5;flex:none;display:flex}.tab{color:var(--grigio);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 0 8px;font-size:10.5px;font-weight:700;display:flex}.tab.on{color:var(--verde)}.tab.on svg{stroke:var(--verde)}.demo-fab{right:16px;bottom:calc(86px + env(safe-area-inset-bottom));background:linear-gradient(135deg, var(--arancio), #f0b25e);color:#fff;cursor:pointer;z-index:5;border:none;border-radius:50%;width:54px;height:54px;font-size:24px;animation:2.4s infinite pulse;position:absolute;box-shadow:0 8px 24px #e8994a80}.scroll::-webkit-scrollbar{width:0}.chat-body::-webkit-scrollbar{width:0}.cert-mini{color:var(--verde);background:#2d6a4f1f;border-radius:999px;margin-top:6px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.chain-steps{gap:8px;margin-top:18px;display:flex}.chain-steps .cs{color:var(--grigio);background:#fff;border:1px solid #e3e9e0;border-radius:999px;padding:6px 11px;font-size:10.5px;font-weight:700}.chain-steps .cs.on{color:var(--verde);border-color:var(--verde-chiaro);background:#2d6a4f14}.cert-card{background:linear-gradient(165deg, var(--verde-scuro), #12291f);border:1px solid var(--verde);color:#fff;width:100%;box-shadow:var(--shadow-lg);border-radius:22px;padding:22px;position:relative;overflow:hidden}.cert-card:before{content:"";opacity:.5;pointer-events:none;background-image:radial-gradient(#ffffff1a 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.cert-badge{color:#8ee6a8;letter-spacing:.8px;background:#4caf782e;border:1px solid #4caf78;border-radius:999px;padding:6px 13px;font-size:11px;font-weight:800;display:inline-block}.cert-tree{text-align:center;margin:12px 0 2px;font-size:54px}.cert-name{text-align:center;font-size:24px;font-weight:800}.cert-specie{color:#9dc4ad;text-align:center;margin-top:3px;font-size:13px}.cert-rows{flex-direction:column;gap:8px;margin-top:16px;display:flex}.crow{background:#ffffff0f;border-radius:11px;justify-content:space-between;padding:10px 13px;font-size:13px;display:flex}.crow span{color:#9dc4ad}.cert-qr{background:#fff;border-radius:12px;width:150px;height:150px;margin:16px auto 0;padding:8px;display:block}.cert-hash{color:#7fb495;text-align:center;background:#0c1f17;border:1px solid #21402f;border-radius:11px;margin-top:14px;padding:10px 13px;font-family:ui-monospace,monospace;font-size:11px}.cert-link{text-align:center;color:#8ee6a8;margin-top:12px;font-size:13px;font-weight:800;text-decoration:none;display:block}.cert-link.alt{color:#9dc4ad;font-weight:700}