.zip-form{gap:10px;max-width:420px;margin-top:20px;display:flex}.zip-form input{min-width:0;font:600 1.25rem var(--sans);letter-spacing:.08em;border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);flex:1;padding:14px 16px}.zip-form input:focus{border-color:var(--green);outline:none}.zip-form button,.grass-toggle button{font:600 1rem var(--sans);border-radius:var(--radius);cursor:pointer;border:0}.zip-form button{background:var(--green);color:#fff;padding:0 20px}.zip-form button:hover{background:#255830}.message{min-height:1.6em;color:var(--muted)}.message.error{color:#a3341f}.report{margin-top:8px}.report.is-loading{opacity:.5;transition:opacity .2s}.report-loading{margin-top:8px}.sk{border-radius:var(--radius);background:var(--gray-soft);animation:1.4s ease-in-out infinite sk-pulse}.sk-head{width:min(260px,60%);height:34px;margin-bottom:20px}.sk-soil{background:var(--soil);opacity:.35;height:170px}.sk-tasks{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:14px;margin:20px 0;display:grid}.sk-task{background:var(--surface);border:1px solid var(--line);height:150px}@keyframes sk-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.sk{animation:none}}@media (width<=600px){.sk-soil{height:300px}}.report-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.report-head h2{margin:0;font-size:1.7rem}.grass-toggle{background:var(--gray-soft);border-radius:var(--radius);padding:4px;display:inline-flex}.grass-toggle button{color:var(--muted);background:0 0;border-radius:10px;padding:8px 12px;font-size:.9rem}.grass-toggle button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001a}.grass-hint{color:var(--muted);margin:8px 0 16px;font-size:.9rem}.soil-card{background:var(--soil);color:#fff;border-radius:var(--radius);grid-template-columns:minmax(180px,auto) 1fr;align-items:center;gap:28px;padding:22px 24px;display:grid}.soil-label{opacity:.8;font-size:.85rem}.soil-now{font:800 3.6rem/1 var(--display);letter-spacing:-.03em;margin:6px 0 8px}.soil-trend{opacity:.85;font-size:.9rem}.soil-trend span{display:block}.gauge{height:40px;margin-bottom:14px;position:relative}.gauge-bar{background:linear-gradient(to right, #9fc3d6 0%, #d9e6c8 30%, var(--signal) 36%, #b8d98a 50%, #6fae4f 75%, #c9822f 100%);border-radius:5px;height:10px;position:absolute;top:6px;left:0;right:0}.gauge-mark{opacity:.75;font-size:.72rem;position:absolute;top:20px;transform:translate(-50%)}.gauge-mark:before{content:"";background:#00000059;width:1px;height:10px;position:absolute;top:-14px;left:50%}.gauge-now,.gauge-next{border-radius:50%;width:22px;height:22px;margin-left:-11px;position:absolute;top:0}.gauge-now{border:4px solid var(--ink);background:#fff}.gauge-next{border:2px dashed #fff}.soil-chart{width:100%;height:80px;display:block;overflow:visible}.chart-labels{opacity:.75;height:18px;margin-top:6px;font-size:.75rem;position:relative}.chart-labels span{white-space:nowrap;position:absolute;top:0}@media (width<=600px){.soil-card{grid-template-columns:1fr;gap:16px}}.tasks{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:14px;margin:20px 0;padding:0;list-style:none;display:grid}.task{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--line);border-radius:var(--radius);grid-template-columns:44px 1fr;align-content:start;gap:4px 14px;padding:16px 18px;display:grid}.task-icon{background:var(--gray-soft);width:44px;height:44px;color:var(--muted);border-radius:50%;grid-row:span 4;place-items:center;display:grid}.task-icon svg{width:24px;height:24px}.task h3{margin:0;font-size:1.15rem}.task .when{margin:0;font-weight:600}.task .why{color:var(--muted);margin:4px 0 0;font-size:.9rem}.badge{font:600 .8rem var(--sans);border-radius:999px;justify-self:start;padding:2px 10px}.task.now{border-top-color:var(--green)}.task.now .badge,.task.now .task-icon{background:var(--green-soft);color:var(--green)}.task.now .badge{color:#24632a}.task.soon{border-top-color:var(--signal)}.task.soon .badge,.task.soon .task-icon{background:var(--amber-soft);color:var(--amber)}.task.upcoming .badge,.task.done .badge,.task.na .badge{background:var(--gray-soft);color:var(--muted)}.task.done .badge,.task.na .badge{color:var(--ink)}.task.done,.task.na{opacity:.85}.frost{color:var(--muted);font-size:.92rem}.report-follow{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 28px;margin-top:24px;display:flex}.remind-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex:380px;max-width:520px;padding:16px 18px}.remind-form label{margin-bottom:10px;display:block}.remind-row{gap:10px;display:flex}.remind-row input{min-width:0;font:1rem var(--sans);border:2px solid var(--line);border-radius:var(--radius);background:var(--surface);flex:1;padding:11px 14px}.remind-row input:focus{border-color:var(--green);outline:none}.remind-row button{font:600 1rem var(--sans);border-radius:var(--radius);background:var(--green);color:#fff;cursor:pointer;border:0;padding:0 18px}.remind-row button:hover{background:#255830}.remind-row button:disabled{opacity:.6;cursor:default}.remind-msg{color:var(--muted);margin:8px 0 0;font-size:.85rem}.remind-msg.error{color:#a3341f}.remind-msg.ok{color:var(--ink);font-weight:600}.hp{width:1px;height:1px;position:absolute;left:-9999px}.ics-link{align-items:center;gap:8px;padding:8px 0;font-weight:600;display:inline-flex}.ics-link svg{width:20px;height:20px}.explain{margin-top:48px}.explain h2{font-size:1.6rem}.explain li{margin-bottom:6px}
