.iod{--ink:#0f172a;--mut:#64748b;--line:#e2e8f0;--card:#fff;--bg:#f1f5f9;--ok:#16a34a;--dry:#ea580c;--wet:#0284c7;--bad:#dc2626;--glass:#0f172ab8;color:var(--ink);background:#0b1220}.iod *{box-sizing:border-box}.iod-shell{grid-template-columns:minmax(0,1fr);max-width:100%;display:grid}.iod-stage{touch-action:none;background:linear-gradient(#9cc3e6,#dfeaf2 60%,#6f9a45 61%);height:62svh;min-height:380px;position:relative;overflow:hidden}.iod-canvas{cursor:grab;outline:none;width:100%;height:100%;display:block}.iod-canvas:active{cursor:grabbing}@media (width>=1024px){.iod-shell{grid-template-columns:minmax(0,1fr) 400px;height:calc(100svh - 4rem);min-height:640px;max-height:980px}.iod-stage{height:100%;min-height:0}.iod-dock{flex-direction:column;height:100%;display:flex;overflow:hidden}.iod-panel{flex:1;overflow-y:auto}}.iod-badge{z-index:3;color:#78350f;background:#fef3c7;border:1px solid #f59e0b;border-radius:.75rem;max-width:calc(100% - 24px);margin:0;padding:.45rem .8rem;font-size:.78rem;line-height:1.35;position:absolute;top:12px;left:12px;box-shadow:0 4px 14px #0000002e}.iod-badge strong{font-weight:800}.iod-hud{z-index:2;background:var(--glass);color:#e2e8f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:.85rem;max-width:calc(100% - 24px);padding:.55rem .8rem;font-size:.78rem;line-height:1.45;position:absolute;top:64px;left:12px}.iod-hud p{margin:0}.iod-clock{color:#fff;font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:800}.iod-day{color:#a7f3d0;margin-left:.3rem;font-size:.78rem;font-weight:600}.iod-cams{z-index:2;flex-wrap:wrap;justify-content:flex-end;gap:.35rem;max-width:min(520px,100% - 24px);display:flex;position:absolute;top:12px;right:12px}.iod-chip{background:var(--glass);color:#e2e8f0;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff40;border-radius:999px;min-height:34px;padding:.3rem .7rem;font-size:.76rem;font-weight:600}.iod-chip[aria-pressed=true]{color:#fff;background:#059669;border-color:#34d399}.iod-timebar{z-index:2;background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;gap:.3rem;max-width:calc(100% - 24px);padding:.3rem;display:flex;position:absolute;bottom:12px;left:50%;overflow-x:auto;transform:translate(-50%)}.iod-tbtn{color:#e2e8f0;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;min-width:44px;min-height:40px;padding:.35rem .8rem;font-size:.8rem;font-weight:700}.iod-tbtn[aria-pressed=true]{color:#052e16;background:#10b981}.iod-tbtn:focus-visible,.iod-chip:focus-visible,.iod-btn:focus-visible,.iod-tab:focus-visible,.iod-water:focus-visible,.iod-set:focus-visible,.iod-seg:focus-visible{outline-offset:2px;outline:3px solid #fbbf24}.iod-toast{z-index:3;color:#f8fafc;opacity:0;pointer-events:none;background:#0f172a;border-radius:.8rem;max-width:min(460px,100% - 24px);margin:0;padding:.55rem .9rem;font-size:.82rem;font-weight:600;transition:opacity .25s,transform .25s;position:absolute;bottom:66px;left:50%;transform:translate(-50%,8px);box-shadow:0 8px 24px #0000004d}.iod-toast.show{opacity:1;transform:translate(-50%)}.iod-hint{z-index:1;color:#f8fafc;text-shadow:0 1px 3px #0009;max-width:60%;margin:0;font-size:.72rem;transition:opacity .4s;position:absolute;bottom:64px;left:12px}.iod-hint.gone{opacity:0}.iod-inspect{z-index:3;width:min(320px,100% - 24px);color:var(--ink);background:#fffffff5;border-radius:1rem;padding:.75rem .9rem;font-size:.82rem;position:absolute;top:62px;right:12px;box-shadow:0 12px 30px #00000040}.iod-inspect-h{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.iod-inspect h3{margin:0;font-size:.95rem;font-weight:800}.iod-inspect ul{gap:.2rem;margin:.4rem 0 0;padding-left:1rem;display:grid}.iod-x{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:.6rem;min-width:36px;min-height:36px;font-size:1.1rem}.iod-fallback{z-index:3;background:#fff;border-radius:1rem;padding:.8rem 1rem;font-size:.85rem;position:absolute;inset:auto 12px 70px}.iod-fallback a{color:#047857;text-decoration:underline}.iod-dock{background:var(--bg);border-left:1px solid #1e293b;min-width:0}.iod-tabs{background:#0f172a;gap:.25rem;padding:.5rem;display:flex;overflow-x:auto}.iod-tab{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:.6rem;flex:1 0 auto;min-height:40px;padding:.4rem .7rem;font-size:.8rem;font-weight:700}.iod-tab[aria-selected=true]{color:#0f172a;background:#f1f5f9}.iod-panel{padding:.8rem}.iod-h{color:var(--ink);margin:.4rem 0 .5rem;font-size:.95rem;font-weight:800}.iod-sim{color:#92400e;vertical-align:middle;background:#fef3c7;border:1px solid #fcd34d;border-radius:999px;margin-left:.3rem;padding:.05rem .45rem;font-size:.68rem;font-weight:800;display:inline-block}.iod-note{color:var(--mut);margin:.5rem 0;font-size:.74rem;line-height:1.5}.iod-btn{border:1px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:.75rem;padding:.5rem .8rem;font-size:.82rem;font-weight:700}.iod-btn:hover{border-color:#10b981}.iod-btn[aria-pressed=true],.iod-btn.iod-primary{color:#fff;background:#059669;border-color:#059669}.iod-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.iod-wide{width:100%;margin-top:.5rem;display:block}.iod-scen{gap:.4rem;display:grid}.iod-sbtn strong{font-size:.86rem;display:block}.iod-sbtn span{color:var(--mut);font-size:.74rem;font-weight:500;display:block}.iod-sbtn[aria-pressed=true] span{color:#d1fae5}.iod-phone{background:#0f172a;border-radius:1.6rem;padding:.45rem;box-shadow:0 10px 26px #0f172a40}.iod-phone>*{background:#f1f5f9}.iod-ph-head{border-radius:1.25rem 1.25rem 0 0;justify-content:space-between;align-items:flex-start;gap:.5rem;padding:.75rem .75rem .4rem;display:flex}.iod-ph-farm{margin:0;font-size:.9rem;font-weight:800}.iod-ph-sub{color:var(--mut);margin:.1rem 0 0;font-size:.7rem}.iod-pill{color:#166534;background:#dcfce7;border-radius:999px;flex:none;padding:.15rem .55rem;font-size:.7rem;font-weight:800}.iod-pill[data-s=off]{color:#991b1b;background:#fee2e2}.iod-pill[data-s=sync],.iod-pill[data-s=wait]{color:#92400e;background:#fef3c7}.iod-mode{color:var(--mut);flex-wrap:wrap;align-items:center;gap:.3rem;padding:.2rem .75rem .5rem;font-size:.72rem;display:flex}.iod-seg{border:1px solid var(--line);cursor:pointer;min-height:34px;color:var(--ink);background:#fff;border-radius:999px;padding:.25rem .6rem;font-size:.74rem;font-weight:700}.iod-seg[aria-pressed=true]{color:#fff;background:#0f172a;border-color:#0f172a}.iod-wcard{color:#334155;margin:0;padding:.5rem .75rem;font-size:.74rem}.iod-wcard p{margin:0}.iod-wcard-t{color:var(--ink);font-weight:800}.iod-fc{color:#075985;font-weight:700;margin-top:.25rem!important}#iod-sugs{padding:0 .5rem}.iod-sug{background:#e0f2fe;border:1px solid #7dd3fc;border-radius:.85rem;margin-top:.4rem;padding:.55rem .65rem;font-size:.76rem}.iod-sug p{margin:0 0 .4rem;font-weight:600}.iod-sug-a{gap:.35rem;display:flex}.iod-sug-a button{cursor:pointer;background:#fff;border:1px solid #94a3b8;border-radius:.6rem;flex:1;min-height:38px;font-size:.76rem;font-weight:700}.iod-sug-a .iod-ok{color:#fff;background:#0369a1;border-color:#0369a1}.iod-alerts{gap:.3rem;margin:0;padding:.1rem .5rem 0;list-style:none;display:grid}.iod-alerts li{color:#9a3412;background:#fff7ed;border:1px solid #fdba74;border-radius:.7rem;padding:.45rem .6rem;font-size:.74rem;font-weight:600}.iod-alerts li[data-k=bad]{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.iod-alerts li[data-k=off]{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.iod-zones{gap:.5rem;padding:.1rem .5rem .5rem;display:grid}.iod-zcard{border-left:5px solid var(--ok);background:#fff;border-radius:1rem;margin-top:.4rem;padding:.65rem .7rem;scroll-margin:8px;box-shadow:0 1px 2px #0f172a14}.iod-zcard[data-cond=dry]{border-left-color:var(--dry)}.iod-zcard[data-cond=wet]{border-left-color:var(--wet)}.iod-zcard[data-cond=bad]{border-left-color:var(--bad)}.iod-zcard.stale{opacity:.6}.iod-zcard.focus{box-shadow:0 0 0 3px #34d399}.iod-zc-h{justify-content:space-between;align-items:baseline;gap:.4rem;display:flex}.iod-zc-h h3{margin:0;font-size:.86rem;font-weight:800}.iod-zm{font-variant-numeric:tabular-nums;margin:0;font-size:.86rem;font-weight:800}.iod-bar{background:#e2e8f0;border-radius:999px;height:6px;margin:.35rem 0;overflow:hidden}.iod-bar span{background:linear-gradient(90deg,#f59e0b,#22c55e 45%,#0ea5e9);width:0;height:100%;transition:width .3s;display:block}.iod-zs,.iod-zl{color:#475569;margin:0;font-size:.72rem;line-height:1.45}.iod-zs{color:var(--ink);font-weight:700}.iod-zc-a{gap:.35rem;margin-top:.45rem;display:flex}.iod-water{color:#fff;cursor:pointer;background:#0284c7;border:0;border-radius:.7rem;flex:1;min-height:40px;font-size:.8rem;font-weight:800}.iod-water:hover{background:#0369a1}.iod-set{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:.7rem;min-height:40px;padding:0 .8rem;font-size:.78rem;font-weight:700}.iod-zset{color:#334155;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.5rem;font-size:.72rem;display:grid}.iod-zset label{gap:.15rem;font-weight:600;display:grid}.iod-zset input[type=time],.iod-zset input[type=number]{border:1px solid #cbd5e1;border-radius:.5rem;width:100%;min-height:36px;padding:.2rem .4rem;font-size:.8rem}.iod-zset small{color:var(--mut);font-weight:500}.iod-zset .iod-check{grid-column:1/-1;align-items:center;gap:.4rem;display:flex}.iod-zset .iod-note{grid-column:1/-1;margin:0}.iod-cmd{color:#334155;border-radius:0 0 1.25rem 1.25rem;margin:0;padding:.55rem .8rem .8rem;font-size:.74rem}.iod-cmd-t{font-weight:800}.iod-cmp{border-collapse:collapse;background:#fff;border-radius:.8rem;width:100%;font-size:.8rem;overflow:hidden}.iod-cmp th,.iod-cmp td{border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums;padding:.5rem .55rem}.iod-cmp th[scope=row]{text-align:left;color:#334155;font-weight:600}.iod-cmp thead th{color:var(--mut);font-size:.72rem;font-weight:800}.iod-cmp td:nth-child(2){color:#047857;font-weight:800}.iod-cmpbars{color:var(--mut);margin-top:.6rem;font-size:.72rem}.iod-cmpbars p{margin:0 0 .2rem}.iod-cb{background:#e2e8f0;border-radius:999px;height:10px;margin-bottom:.3rem;overflow:hidden}.iod-cb span{width:0;height:100%;transition:width .3s;display:block}.iod-cb .a{background:#10b981}.iod-cb .b{background:#94a3b8}.iod-log{gap:.3rem;margin:0;padding:0;font-size:.76rem;list-style:none;display:grid}.iod-log li{border:1px solid var(--line);background:#fff;border-radius:.6rem;padding:.4rem .55rem;line-height:1.45}.iod-log time{color:var(--mut);font-size:.68rem;font-weight:700;display:block}.iod-cta-mini{color:#6ee7b7;text-align:center;background:#0f172a;border-radius:.9rem;margin:.6rem .8rem .8rem;padding:.75rem 1rem;font-size:.85rem;font-weight:800;display:block}.iod-cta-mini:hover{background:#1e293b}.iod-tour{z-index:60;width:min(340px,100vw - 24px);color:var(--ink);background:#fff;border:2px solid #10b981;border-radius:1rem;padding:1rem;position:fixed;box-shadow:0 18px 40px #00000059}.iod-tour h2{margin:.1rem 0 .35rem;font-size:1rem;font-weight:800}.iod-tour p{color:#334155;margin:0;font-size:.82rem;line-height:1.55}.iod-tour-n{font-weight:800;color:#059669!important;font-size:.7rem!important}.iod-tour-a{justify-content:flex-end;gap:.4rem;margin-top:.7rem;display:flex}.iod-ring{outline-offset:-3px;outline:3px solid #fbbf24}@media (width<=640px){.iod-hud{padding:.4rem .6rem;font-size:.7rem;top:auto;bottom:62px}.iod-clock{font-size:1.05rem}.iod-wx2{display:none}.iod-cams{flex-wrap:nowrap;justify-content:flex-start;max-width:none;padding-bottom:2px;inset:58px 12px auto;overflow-x:auto}.iod-chip{flex:none}.iod-hint{display:none}.iod-inspect{top:100px}.iod-toast{bottom:118px}}@media (prefers-reduced-motion:reduce){.iod-toast,.iod-bar span,.iod-cb span,.iod-hint{transition:none}}
