:root{--paper: #f6f4ec;--paper-2: #efece0;--paper-3: #e9e5d6;--ink: #232a1f;--ink-soft: #5e6553;--ink-faint: #8c9079;--line: #d8d3c2;--line-soft: #e4e0d2;--green: #3f6b39;--green-deep: #2c4a28;--clay: #bb6a48;--clay-deep: #9c5236;--gold: #b89433;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Hanken Grotesk", system-ui, -apple-system, sans-serif;--shadow-sm: 0 1px 2px rgba(35, 42, 31, .05);--shadow-md: 0 6px 24px -10px rgba(35, 42, 31, .22);--shadow-lg: 0 18px 48px -18px rgba(35, 42, 31, .32)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 18% 12%,rgba(63,107,57,.05),transparent 42%),radial-gradient(circle at 86% 88%,rgba(187,106,72,.05),transparent 46%)}button{font-family:inherit;cursor:pointer}.label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--ink-faint)}.app{height:100%;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:22px 32px 16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.5),transparent);flex-wrap:wrap}.brand{display:flex;flex-direction:column;gap:2px}.brand .eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--green);font-weight:600}.brand h1{font-family:var(--font-display);font-optical-sizing:auto;font-weight:500;font-size:40px;line-height:.96;margin:2px 0 0;letter-spacing:-.01em}.brand h1 em{font-style:italic;color:var(--green-deep);font-weight:400}.stats{display:flex;gap:26px}.stat{text-align:right}.stat .num{font-family:var(--font-display);font-size:26px;font-weight:500;line-height:1;display:block}.stat .cap{font-size:11px;letter-spacing:.08em;color:var(--ink-faint);text-transform:uppercase}.toggle{display:inline-flex;background:var(--paper-3);border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px}.toggle button{border:0;background:transparent;color:var(--ink-soft);padding:7px 18px;border-radius:999px;font-weight:600;font-size:13px;letter-spacing:.02em;transition:all .18s ease}.toggle button.active{background:var(--ink);color:var(--paper);box-shadow:var(--shadow-sm)}.body{flex:1;min-height:0;display:flex;position:relative}.rail{width:268px;flex:none;border-right:1px solid var(--line);padding:18px 18px 28px;overflow-y:auto;background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 30%)}.rail h2{margin:0 0 8px}.search{width:100%;border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:16px;color:var(--ink);margin-bottom:18px;transition:border-color .18s,box-shadow .18s}.search:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #3f6b391f}.search::placeholder{color:var(--ink-faint)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 11px 5px 9px;font-size:12px;font-weight:600;color:var(--ink-soft);display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.chip .dot{width:9px;height:9px;border-radius:50%}.chip.on{color:var(--ink);border-color:var(--ink);background:var(--paper-3)}@media (hover: hover){.chip:hover{border-color:var(--ink-soft)}}.chip.add-plant{margin-left:auto;color:var(--green-deep);border-color:#cfdec8;background:#f2f6ef}@media (hover: hover){.chip.add-plant:hover{border-color:var(--green);background:#e9f0e5}}.snoei-list{padding:4px 14px 12px}.snoei-intro{margin:2px 0 10px;font-size:12px;color:var(--ink-faint);line-height:1.5}.snoei-group{padding:8px 0;border-top:1px solid var(--line-soft);display:flex;gap:10px;align-items:flex-start}.snoei-group:first-of-type{border-top:0}.snoei-body{flex:1;min-width:0}.snoei-check{flex-shrink:0;margin-top:1px}.snoei-group.done .snoei-text{color:var(--ink-faint);text-decoration:line-through}.snoei-group.done .snoei-chip{opacity:.55}.snoei-text{font-size:13px;color:var(--ink-soft);line-height:1.45;margin-bottom:6px}.snoei-text:first-letter{text-transform:uppercase}.snoei-extra{display:inline-block;margin-left:6px;white-space:nowrap;vertical-align:1px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:999px;background:var(--paper-2);border:1px solid var(--line);color:var(--ink-faint)}.snoei-chips{display:flex;flex-wrap:wrap;gap:8px}.snoei-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;color:var(--ink);display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease}.snoei-chip .sn{color:var(--green-deep);font-weight:700;font-size:11px}@media (hover: hover){.snoei-chip:hover{border-color:var(--green);background:#f2f6ef}}.weather-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin-bottom:18px;box-shadow:var(--shadow-sm)}.weather-days{display:flex;gap:4px;justify-content:space-between;margin-bottom:10px}.weather-day{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;padding:4px 2px;border-radius:10px}.weather-day:first-child{background:var(--paper-2)}.wd-name{font-size:11px;font-weight:700;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em}.wd-icon{font-size:18px;line-height:1.2}.wd-temp{font-size:13px;font-weight:700;color:var(--ink)}.wd-rain{font-size:10.5px;color:#5b7aa6;font-weight:600}.weather-signals{display:flex;flex-direction:column;gap:5px}.weather-signal{font-size:12.5px;line-height:1.45;border-radius:9px;padding:6px 10px}.weather-signal.warn{background:#f8f1e4;color:#7a5a2c;border:1px solid #eddfc4}.weather-signal.ok{background:#eef4ea;color:var(--green-deep);border:1px solid #dbe7d3}.form-hint{margin:0 0 4px;font-size:12.5px;line-height:1.5;color:var(--ink-faint);background:var(--paper-2);border:1px solid var(--line-soft);border-radius:8px;padding:8px 10px}.zone-list{display:flex;flex-direction:column;gap:1px}.zone-item{border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:8px;display:flex;align-items:baseline;justify-content:space-between;gap:10px;transition:background .15s;width:100%}@media (hover: hover){.zone-item:hover{background:var(--paper-2)}}.zone-item.on{background:var(--ink)}.zone-item.on .zn,.zone-item.on .zc{color:var(--paper)}.zn{font-family:var(--font-display);font-size:15px;font-weight:500;color:var(--ink)}.zc{font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.main{flex:1;min-width:0;position:relative;overflow:hidden;display:flex;flex-direction:column}.bar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid var(--line-soft);gap:16px}.bar .count{font-size:13px;color:var(--ink-soft)}.bar .count b{font-family:var(--font-display);font-weight:600;color:var(--ink)}.catalog{overflow-y:auto;padding:8px 24px 60px}.zone-group{margin-top:26px}.zone-head{display:flex;align-items:baseline;gap:12px;padding-bottom:10px;margin-bottom:14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:linear-gradient(180deg,var(--paper) 70%,transparent);z-index:2}.zone-head h3{font-family:var(--font-display);font-weight:500;font-size:23px;margin:0;letter-spacing:-.01em}.zone-head .rng{font-size:12px;color:var(--ink-faint);letter-spacing:.04em}.zone-head .sp{margin-left:auto}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px}.card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:14px 15px 13px;display:flex;flex-direction:column;gap:9px;text-align:left;transition:transform .16s ease,box-shadow .16s ease,border-color .16s;position:relative;overflow:hidden}.card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent, var(--green));opacity:.85}@media (hover: hover){.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent, var(--line))}}.card.sel{border-color:var(--ink);box-shadow:var(--shadow-md)}.card-photo{display:block;width:calc(100% + 30px);height:96px;object-fit:cover;margin:-14px -15px 5px;border-radius:13px 13px 0 0;background:var(--paper-2)}.card .top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.card .num{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--ink-faint);font-variant-numeric:tabular-nums}.card .qty{font-size:12px;font-weight:700;color:var(--ink);background:var(--paper-2);border-radius:6px;padding:2px 7px;font-variant-numeric:tabular-nums}.card .nm{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:18px;line-height:1.16;color:var(--ink);letter-spacing:-.005em}.card .cm{font-size:12.5px;font-weight:600;color:var(--green);margin-top:-3px}.card .meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto}.tag{font-size:11px;font-weight:600;letter-spacing:.02em;padding:3px 8px;border-radius:999px;display:inline-flex;align-items:center;gap:5px}.tag.type{color:#fff}.tag.prop{background:var(--paper-2);color:var(--ink-soft);border:1px solid var(--line)}.tag.acid{background:#f3ede0;color:var(--clay-deep);border-color:#e6d8c2}.tag.ever{background:#e9f0e5;color:var(--green-deep);border-color:#d6e3cf}.tag.new{background:#e9eef7;color:#3a5a8c;border-color:#d4def0}.swatches{display:inline-flex;gap:3px}.swatch{width:11px;height:11px;border-radius:50%;border:1px solid rgba(35,42,31,.18)}.mapwrap{flex:1;position:relative;overflow:hidden;touch-action:none;background:repeating-linear-gradient(0deg,transparent,transparent 39px,rgba(35,42,31,.025) 40px),repeating-linear-gradient(90deg,transparent,transparent 39px,rgba(35,42,31,.025) 40px),var(--paper-2);cursor:grab}.mapwrap.drag{cursor:grabbing}.mapstage{position:absolute;top:0;left:0;transform-origin:0 0}.mapstage img{display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.markers{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.marker{position:absolute;transform:translate(-50%,-50%);border-radius:50%;border:2px solid #fff;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-shadow:0 1px 3px #232a1f59;transition:opacity .15s,transform .12s;cursor:pointer}@media (hover: hover){.marker:hover{transform:translate(-50%,-50%) scale(1.35);z-index:5}}.marker.dim{opacity:.16}.marker.sel{outline:2px solid var(--clay);outline-offset:2px;z-index:6}.marker.sel:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;pointer-events:none;animation:pulse 1.6s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #bb6a4880}70%{box-shadow:0 0 0 12px #bb6a4800}to{box-shadow:0 0 #bb6a4800}}.marker.edit{cursor:grab;box-shadow:0 0 0 2px #fffffff2,0 2px 5px #232a1f73}.marker.edit:active{cursor:grabbing}.marker.moved{outline:2px solid var(--gold);outline-offset:1px}.mapctl button.on{background:var(--green);color:#fff;border-color:var(--green)}.tooltip{position:absolute;transform:translate(-50%,-130%);background:var(--ink);color:var(--paper);padding:6px 10px;border-radius:8px;font-size:12px;white-space:nowrap;pointer-events:none;z-index:20;box-shadow:var(--shadow-md)}.tooltip em{font-family:var(--font-display);font-style:italic}.tooltip .tcm{color:#cfe0c6}.tooltip .n{color:var(--gold);font-weight:700;margin-right:6px}.pin{position:absolute;transform:translate(-50%,-50%);cursor:grab;z-index:12;touch-action:none}.pin:active{cursor:grabbing}.pin-point{display:block;width:14px;height:14px;border-radius:50%;background:var(--clay);border:2px solid #fff;box-shadow:0 1px 4px #232a1f80}.pin.done .pin-point{background:var(--green)}.pin-label{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-size:11px;font-weight:700;color:var(--ink);background:rgba(246,244,236,.95);border:1px solid var(--line);border-radius:6px;padding:2px 7px;white-space:nowrap;box-shadow:var(--shadow-sm);pointer-events:none}.calib-badge{position:absolute;top:16px;left:16px;z-index:12;background:rgba(63,107,57,.92);color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em;padding:6px 11px;border-radius:999px;box-shadow:var(--shadow-sm)}.calib-panel{position:absolute;left:18px;bottom:18px;width:280px;background:rgba(246,244,236,.96);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:12px;padding:14px 16px;z-index:14;box-shadow:var(--shadow-md)}.calib-panel p{font-size:13px;color:var(--ink-soft);line-height:1.45;margin:8px 0 12px}.calib-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:8px;padding:7px 13px;font-weight:600;font-size:13px}@media (hover: hover){.btn:hover{background:var(--paper-2)}}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}@media (hover: hover){.btn.primary:hover{background:var(--green-deep)}}.btn.primary:disabled{opacity:.4;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--ink-faint)}.mapctl{position:absolute;right:18px;bottom:18px;display:flex;flex-direction:column;gap:6px;z-index:10}.mapctl button{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:18px;color:var(--ink);box-shadow:var(--shadow-sm);display:grid;place-items:center}@media (hover: hover){.mapctl button:hover{background:var(--paper-2)}}.legend{position:absolute;left:18px;bottom:18px;background:rgba(246,244,236,.92);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line);border-radius:12px;padding:12px 14px;z-index:10;box-shadow:var(--shadow-sm);max-width:220px}.legend .label{margin-bottom:8px;display:block}.legend .row{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-soft);padding:2px 0}.legend .row .dot{width:9px;height:9px;border-radius:50%}.legend .acid-row{border-top:1px dashed var(--line);margin-top:5px;padding-top:6px}.legend .dot.ring{background:var(--paper);box-shadow:0 0 0 1.5px #fff,0 0 0 4px #c12020e6;margin-right:2px}.legend .acid-row{font-weight:600;color:var(--ink)}.results-chip{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:10;border:1px solid var(--line);background:rgba(246,244,236,.94);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink);font-size:13px;font-family:var(--font-body);font-weight:600;padding:8px 16px;border-radius:999px;box-shadow:var(--shadow-sm);cursor:pointer;white-space:nowrap}@media (hover: hover){.results-chip:hover{background:var(--green);color:#fff;border-color:var(--green)}}.btn.show-on-map{width:100%;margin-top:12px;text-align:center;font-weight:600;color:var(--green-deep);border-color:var(--green)}@media (hover: hover){.btn.show-on-map:hover{background:var(--green);color:#fff}}.detail-tasks{margin-top:16px}.detail-tasks .label{display:block;margin-bottom:6px}.detail-tasks ul{list-style:none;margin:0;padding:0}.detail-tasks li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:13px}.detail-tasks li:last-child{border-bottom:0}.detail-tasks .dt-title{color:var(--ink)}.detail-tasks .dt-when{color:var(--ink-faint);font-size:12px;white-space:nowrap}.detail{width:340px;flex:none;border-left:1px solid var(--line);background:#fff;padding:24px 24px 32px;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative}.detail .close{position:absolute;top:16px;right:16px;border:0;background:var(--paper-2);border-radius:8px;width:30px;height:30px;font-size:16px;color:var(--ink-soft)}@media (hover: hover){.detail .close:hover{background:var(--paper-3)}}.detail-photo{display:block;width:calc(100% + 48px);height:200px;object-fit:cover;margin:-24px -24px 18px;border-radius:14px 14px 0 0;background:var(--paper-2)}.detail .dn{font-family:var(--font-display);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.detail .dname{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:30px;line-height:1.08;margin:4px 0 14px;letter-spacing:-.01em}.detail .dcommon{font-size:15px;font-weight:600;color:var(--green);margin:-8px 0 14px}.detail .drow{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.detail dl{margin:0;border-top:1px solid var(--line-soft)}.detail dl>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line-soft)}.detail dt{color:var(--ink-faint);font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.detail dd{margin:0;text-align:right;font-weight:500}.detail dd .zlink{color:var(--green);font-family:var(--font-display);font-style:italic;font-size:16px}.omschrijving{margin-top:22px}.omschrijving .label{display:block;margin-bottom:10px}.detail .fields{border-top:1px solid var(--line-soft);margin:0}.detail .fields>div{display:grid;grid-template-columns:88px 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--line-soft)}.detail .fields dt{color:var(--ink-faint);font-size:11px;letter-spacing:.04em;text-transform:uppercase;font-weight:600}.detail .fields dd{margin:0;text-align:left;font-weight:500;font-size:13px;line-height:1.45;color:var(--ink)}.detail .note{margin-top:18px;padding:12px 14px;background:#f3ede0;border:1px solid #e6d8c2;border-radius:10px;font-size:13px;color:var(--clay-deep);line-height:1.45}.detail .note.green{background:#e9f0e5;border-color:#d6e3cf;color:var(--green-deep)}.empty{margin:auto;text-align:center;color:var(--ink-faint);max-width:280px;padding:40px}.empty .leaf{font-size:30px}.loading{margin:auto;color:var(--ink-faint);font-family:var(--font-display);font-style:italic;font-size:20px}.tab-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--clay);vertical-align:middle;margin-left:4px}.tasks-wrap{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.tasks-header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 24px 12px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.4),transparent)}.month-nav{border:1px solid var(--line);background:#fff;border-radius:8px;width:34px;height:34px;font-size:20px;color:var(--ink-soft);display:grid;place-items:center}@media (hover: hover){.month-nav:hover{background:var(--paper-2)}}.month-title{display:flex;flex-direction:column;gap:1px}.month-name{font-family:var(--font-display);font-weight:500;font-size:24px;line-height:1;letter-spacing:-.01em}.month-season{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);font-weight:600}.month-progress{display:flex;flex-direction:column;gap:4px;margin-left:auto;min-width:120px}.prog-bar{height:5px;background:var(--paper-3);border-radius:99px;overflow:hidden}.prog-fill{height:100%;background:var(--green);border-radius:99px;transition:width .4s ease}.month-progress span{font-size:11px;color:var(--ink-faint);text-align:right;letter-spacing:.04em}.filter-tabs{display:flex;gap:8px}.filter-tabs button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px 12px;font-size:12px;font-weight:600;color:var(--ink-soft)}.filter-tabs button.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}@media (hover: hover){.filter-tabs button:hover:not(.on){background:var(--paper-2)}}.tasks-body{flex:1;overflow-y:auto;padding:12px 24px 60px;display:flex;flex-direction:column;gap:8px}.tasks-loading,.tasks-empty{margin:auto;color:var(--ink-faint);font-family:var(--font-display);font-style:italic;font-size:18px}.tasks-error{margin:20px 0;padding:12px 16px;background:#fdecea;border-radius:10px;color:#b71c1c;font-size:13px}.task-group{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;flex-shrink:0}.task-group-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line-soft);background:var(--paper)}.task-type-dot{width:10px;height:10px;border-radius:50%;flex:none}.task-group-label{font-weight:700;font-size:13px;letter-spacing:.03em}.task-group-count{margin-left:auto;font-size:12px;color:var(--ink-faint);font-variant-numeric:tabular-nums}.task-list{display:flex;flex-direction:column}.task-item{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-bottom:1px solid var(--line-soft);transition:background .15s}.task-item:last-child{border-bottom:none}@media (hover: hover){.task-item:hover{background:var(--paper)}}.task-item.done{opacity:.55}.task-item.busy .task-check{opacity:.6}.task-check{flex:none;width:24px;height:24px;border-radius:8px;border:2px solid var(--line);background:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff;margin-top:1px;transition:all .15s ease}@media (hover: hover){.task-check:hover{border-color:var(--green)}}.task-check.checked{background:var(--green);border-color:var(--green)}.task-content{flex:1;min-width:0}.task-title{font-weight:600;font-size:14px;line-height:1.3}.task-item.done .task-title{text-decoration:line-through}.task-desc{font-size:12.5px;color:var(--ink-soft);margin-top:4px;line-height:1.45}.task-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}.task-recurrence{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.task-zone{font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px;background:var(--paper-2);border:1px solid var(--line);color:var(--ink-soft)}.task-overdue{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:rgba(200,40,40,.1);border:1px solid rgba(200,40,40,.35);color:#a82828}.task-doneat{font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px;background:rgba(63,107,57,.12);border:1px solid rgba(63,107,57,.3);color:var(--green-deep)}.fert-card{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;flex-shrink:0}.fert-head{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:none;border:0;cursor:pointer;font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--ink)}.fert-chevron{color:var(--ink-faint);font-size:13px}.fert-list{padding:0 16px 10px}.fert-row{display:grid;grid-template-columns:1.1fr 1.1fr auto;gap:10px;align-items:baseline;padding:7px 0;border-top:1px dashed var(--line);font-size:13px}.fert-name{font-weight:600;color:var(--ink)}.fert-last{color:var(--ink-faint);font-size:12px}.fert-status{font-size:12px;font-weight:600;text-align:right;white-space:nowrap}.fert-status.done{color:var(--ink-faint)}.fert-status.due{color:#a82828}.fert-status.soon{color:var(--green-deep)}@media (max-width: 680px){.fert-row{grid-template-columns:1fr auto;row-gap:2px}.fert-name{grid-column:1 / -1}.fert-status{text-align:right}}.task-item{cursor:pointer}.task-item.expanded .task-desc{display:block;-webkit-line-clamp:unset;overflow:visible}.task-desc-p{margin:0 0 6px;white-space:pre-line}.task-desc-full .task-desc-p:last-child{margin-bottom:0}.task-sub-tally{font-size:12px;font-weight:600;color:var(--green-deep);margin-top:4px}.task-sub-more{font-weight:400;color:var(--ink-faint)}.task-sub{display:flex;align-items:flex-start;gap:10px;width:100%;padding:6px 4px;margin:0 0 2px;border:0;border-radius:8px;background:transparent;text-align:left;font:inherit;color:var(--ink);cursor:pointer}@media (hover: hover){.task-sub:hover{background:var(--paper-3)}}.task-sub-box{flex:none;width:18px;height:18px;margin-top:1px;border-radius:5px;border:1.5px solid var(--line);background:#fff;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff}.task-sub.checked .task-sub-box{background:var(--green);border-color:var(--green)}.task-sub.checked .task-sub-text{text-decoration:line-through;color:var(--ink-faint)}@media (max-width: 680px){.task-sub{padding:9px 4px}.task-sub-box{width:22px;height:22px}}.task-edit-btn{flex:none;width:28px;height:28px;border:0;background:transparent;color:var(--ink-faint);font-size:16px;border-radius:6px;display:grid;place-items:center;opacity:0;transition:opacity .15s,background .15s;margin-top:1px}@media (hover: hover){.task-item:hover .task-edit-btn{opacity:1}.task-item:hover .task-edit-btn:hover{background:var(--paper-3);color:var(--ink)}}@media (hover: none){.task-edit-btn{opacity:.4}}.mobile-search{display:none}.today-btn{border:1px solid var(--green);background:transparent;color:var(--green-deep);font-size:12.5px;font-family:var(--font-body);font-weight:600;padding:5px 12px;border-radius:999px;cursor:pointer}@media (hover: hover){.today-btn:hover{background:var(--green);color:#fff}}.debug-export{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:4px;padding:10px 14px;border:1px dashed var(--line);border-radius:12px;background:rgba(0,0,0,.015);flex-shrink:0}.debug-export button{border:1px solid var(--line);background:#fff;color:var(--ink-faint);font-size:13px;font-family:var(--font-body);padding:7px 14px;border-radius:999px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}@media (hover: hover){.debug-export button:hover{color:var(--ink);border-color:var(--green);background:rgba(63,107,57,.06)}}.debug-export-msg{font-size:12.5px;color:var(--green-deep);font-style:italic}.tasks-fab{position:absolute;right:24px;bottom:24px;width:52px;height:52px;border-radius:50%;border:0;background:var(--green);color:#fff;font-size:28px;line-height:1;box-shadow:0 4px 16px #3f6b3966;display:grid;place-items:center;transition:background .15s,transform .15s,box-shadow .15s;z-index:8}@media (hover: hover){.tasks-fab:hover{background:var(--green-deep);transform:scale(1.08);box-shadow:0 6px 20px #3f6b3980}}.tasks-fab:active{transform:scale(.95)}.form-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(35,42,31,.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;display:flex;align-items:flex-end;justify-content:center}.task-form{background:#fff;border-radius:20px 20px 0 0;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 -8px 40px #232a1f2e}.form-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--line-soft)}.form-title{font-family:var(--font-display);font-weight:500;font-size:20px;margin:0;letter-spacing:-.01em}.form-close{border:0;background:var(--paper-2);width:30px;height:30px;border-radius:8px;font-size:18px;color:var(--ink-soft);display:grid;place-items:center}@media (hover: hover){.form-close:hover{background:var(--paper-3)}}.form-body{flex:1;overflow-y:auto;padding:16px 20px 8px;display:flex;flex-direction:column;gap:4px;-webkit-overflow-scrolling:touch}.form-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-top:10px}.form-label:first-child{margin-top:0}.form-input{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:16px;color:var(--ink);-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:border-color .15s,box-shadow .15s}.form-input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #3f6b391f}.form-textarea{resize:none;line-height:1.5}.form-row{display:flex;gap:10px}.form-col{flex:1;display:flex;flex-direction:column;gap:4px}.form-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.form-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 13px;font-size:13px;font-weight:600;color:var(--ink-soft);transition:all .13s}.form-chip.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}@media (hover: hover){.form-chip:hover:not(.on){border-color:var(--ink-soft)}}.form-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px max(20px,env(safe-area-inset-bottom));border-top:1px solid var(--line-soft)}.btn.danger{color:#b71c1c}.tasks-offline{margin:auto;text-align:center;color:var(--ink-soft);max-width:340px;padding:48px 24px}.tasks-offline-icon{font-size:40px;margin-bottom:16px}.tasks-offline h2{font-family:var(--font-display);font-weight:500;margin:0 0 10px}.tasks-offline p{font-size:14px;line-height:1.55;margin:0 0 10px}.tasks-offline code{background:var(--paper-3);padding:2px 6px;border-radius:4px;font-size:12px}.tasks-offline .small{font-size:12px;color:var(--ink-faint)}@media (max-width: 860px){.rail{display:none}.topbar{padding:10px 16px 8px;gap:0;flex-wrap:nowrap;align-items:center;justify-content:flex-start}.brand .eyebrow{display:none}.brand h1{font-size:21px;margin:0;line-height:1.1}.stats{display:none}.toggle{position:fixed;bottom:0;left:0;right:0;background:rgba(246,244,236,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:none;border-top:1px solid var(--line);border-radius:0;padding:6px max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));z-index:100;display:flex;justify-content:stretch;gap:6px;box-shadow:0 -2px 16px #232a1f12}.toggle button{flex:1;padding:10px 6px 9px;border-radius:10px;font-size:13px;letter-spacing:0}.body{padding-bottom:calc(60px + max(10px,env(safe-area-inset-bottom)))}.bar{display:none}.detail{position:fixed;left:0;right:0;bottom:calc(60px + max(10px,env(safe-area-inset-bottom)));top:auto;width:100%;max-height:72vh;border-left:none;border-top:1px solid var(--line);border-radius:20px 20px 0 0;box-shadow:0 -6px 32px #232a1f24;z-index:50;padding:20px 20px 24px}.detail-photo{width:calc(100% + 40px);margin:-20px -20px 14px;height:160px}.mapctl{right:max(12px,env(safe-area-inset-right));bottom:12px;gap:8px}.mapctl button{width:46px;height:46px;font-size:20px;border-radius:12px}.legend{left:max(10px,env(safe-area-inset-left));bottom:10px;padding:8px 10px;max-width:148px}.legend .label{font-size:10px;margin-bottom:5px}.legend .row{font-size:11px;gap:5px;padding:1px 0}.legend .row .dot{width:8px;height:8px}.calib-panel{left:max(10px,env(safe-area-inset-left));bottom:10px;width:calc(100% - 80px)}.tasks-header{padding:8px 12px;gap:8px;flex-wrap:nowrap;align-items:center}.month-season,.month-progress{display:none}.month-name{font-size:18px}.month-nav{width:38px;height:38px;font-size:18px}.filter-tabs{margin-left:auto}.filter-tabs button{padding:9px 11px;font-size:12px}.today-btn{padding:8px 11px;font-size:12px}.mobile-search{display:flex;align-items:center;gap:6px;padding:8px 12px;flex-shrink:0}.mobile-search input{flex:1;min-width:0;border:1px solid var(--line);border-radius:999px;background:#fff;padding:9px 16px;font-size:16px;font-family:var(--font-body);color:var(--ink);outline:none}.mobile-search input:focus{border-color:var(--green)}.mobile-search button{border:1px solid var(--line);background:#fff;color:var(--ink-faint);width:40px;height:40px;border-radius:50%;font-size:18px;line-height:1;flex-shrink:0}.tasks-body{padding:10px 12px 80px;gap:6px;-webkit-overflow-scrolling:touch}.task-item{padding:10px 12px;gap:12px}.task-check{width:34px;height:34px;border-radius:10px}.topbar{padding-top:max(10px,env(safe-area-inset-top))}.task-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tasks-fab{bottom:16px;right:16px;width:48px;height:48px;font-size:26px}.grid{grid-template-columns:1fr 1fr;gap:8px}.catalog{padding:6px 12px 20px}.zone-head h3{font-size:18px}}.offline-banner{background:#fdf6e3;border:1px solid #e6d9a8;color:#7a6a2f;border-radius:12px;padding:10px 14px;font-size:13px;line-height:1.45}.load-error{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;line-height:1.5}html{-webkit-tap-highlight-color:transparent}body{overscroll-behavior-y:none}.detail,.form-body,.tasks-body,.catalog{overscroll-behavior:contain}.form-overlay{touch-action:none}.form-body,.detail-body,.tasks-body,.catalog{touch-action:pan-y}@media (pointer: coarse){.task-check,.month-nav,.filter-tabs button,.today-btn,.snoei-chip,.form-chip,.mobile-search button,.task-edit-btn,.form-close,.chip,.detail .close{position:relative}.task-check:after,.month-nav:after,.filter-tabs button:after,.today-btn:after,.snoei-chip:after,.form-chip:after,.mobile-search button:after,.task-edit-btn:after,.form-close:after,.chip:after,.detail .close:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}}.detail-backdrop{display:none}.detail-head{display:flex;align-items:center;gap:10px}.detail-head .dn{flex:1}.detail-handle{display:none}@media (max-width: 860px){.detail-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(35,42,31,.28);z-index:49}.detail{display:flex;flex-direction:column;padding-top:0}.detail-head{position:sticky;top:0;z-index:3;background:#fff;margin:0 -20px;padding:6px 20px 8px;flex-wrap:wrap}.detail-handle{display:flex;flex-basis:100%;background:none;touch-action:none}.detail-handle:before{content:"";width:44px;height:5px;border-radius:3px;background:var(--line);margin:8px auto 6px}.detail .close{position:relative;top:auto;right:auto;margin-left:auto;flex-shrink:0}.detail-photo{margin-top:0}}.filter-btn{display:none;border:1px solid var(--line);background:#fff;color:var(--ink-soft);width:40px;height:40px;border-radius:50%;font-size:17px;line-height:1;flex-shrink:0;position:relative}.filter-btn .fbadge{position:absolute;top:-4px;right:-4px;background:var(--green);color:#fff;font-size:10px;font-weight:700;min-width:17px;height:17px;border-radius:999px;display:grid;place-items:center;padding:0 4px}@media (max-width: 860px){.filter-btn{display:block}}.active-filters{display:none;gap:8px;padding:0 12px 8px;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-shrink:0}@media (max-width: 860px){.active-filters:not(:empty){display:flex}}.active-filters .afchip{border:1px solid var(--line);background:var(--paper-3);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:12px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.filter-sheet-body{padding-bottom:20px}.filter-sheet-count{font-size:13px;color:var(--ink-soft);margin:0 0 4px}.gps-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:#2f6fde;border:3px solid #fff;box-shadow:0 1px 6px #232a1f66;transform:translate(-50%,-50%);pointer-events:none;z-index:8}.gps-acc{position:absolute;border-radius:50%;background:rgba(47,111,222,.12);border:1px solid rgba(47,111,222,.35);transform:translate(-50%,-50%);pointer-events:none;z-index:7}.gps-banner{position:absolute;left:12px;right:70px;bottom:12px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:12px;padding:9px 12px;font-size:12.5px;line-height:1.45;color:var(--ink-soft);z-index:14;box-shadow:var(--shadow-md)}.gps-banner em{color:var(--ink-faint);font-style:normal}.gps-reset{border:1px solid var(--line);background:#fff;border-radius:999px;padding:3px 10px;font-size:11.5px;margin-left:8px;color:var(--ink-soft)}.disambig{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:min(420px,calc(100% - 24px));background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px 12px;z-index:15;box-shadow:var(--shadow-lg)}.disambig-list{display:flex;flex-direction:column;gap:4px;margin-top:8px;max-height:200px;overflow-y:auto}.disambig-list button{border:1px solid var(--line-soft);background:var(--paper);border-radius:9px;padding:10px 12px;text-align:left;font-size:13.5px;color:var(--ink);display:flex;align-items:center;gap:8px}.disambig-list button .sn{color:var(--green-deep);font-weight:700;font-size:11.5px}@media (max-width: 860px){.disambig{bottom:14px}.gps-banner{right:70px}}.status-row{margin:12px 0 4px}.status-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.status-chip{border:1px solid var(--line);background:#fff;color:var(--ink-soft);border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:600}.status-chip.on{color:#fff}.status-since{display:block;margin-top:6px;font-size:11.5px;color:var(--ink-faint)}.tag.status{color:#fff}.photolog{margin-top:16px}.photolog-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.photolog-add{font-size:12.5px;padding:8px 12px}.photolog-error{font-size:12.5px;color:var(--clay-deep);margin:6px 0 0}.photolog-strip{display:flex;gap:8px;overflow-x:auto;margin-top:10px;padding-bottom:4px;-webkit-overflow-scrolling:touch}.photolog-thumb{border:1px solid var(--line);background:#fff;border-radius:10px;padding:3px;flex-shrink:0;display:flex;flex-direction:column;gap:2px}.photolog-thumb img{width:86px;height:86px;object-fit:cover;border-radius:8px;display:block}.photolog-thumb span{font-size:10px;color:var(--ink-faint)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(20,24,18,.88);z-index:300;display:flex;align-items:center;justify-content:center;padding:18px}.weather-card-skeleton{min-height:112px}.lightbox-inner{position:relative;max-width:min(680px,100%);max-height:100%;display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden}.lightbox-inner img{max-width:100%;max-height:70vh;object-fit:contain;background:#000}.lightbox-close{position:absolute;top:10px;right:10px;z-index:2;background:rgba(255,255,255,.92)}.lightbox-meta{padding:10px 14px 14px;font-size:13px;display:flex;flex-direction:column;gap:8px}.lightbox-meta span{color:var(--ink-faint);font-size:12px}.lightbox-meta p{margin:0;line-height:1.5}.lightbox-ai{background:#eef4ea;border:1px solid #dbe7d3;border-radius:9px;padding:8px 10px}.btn.danger{color:#b3402a;border-color:#d9a89d}.aiscan-body{gap:10px}.aiscan-preview{width:100%;max-height:260px;object-fit:contain;background:var(--paper-2);border-radius:12px;border:1px solid var(--line-soft)}.aiscan-actions{display:flex;gap:8px;flex-wrap:wrap}.aiscan-result{display:flex;flex-direction:column;gap:12px;margin-top:4px}.aiscan-block{background:var(--paper);border:1px solid var(--line-soft);border-radius:12px;padding:10px 12px}.aiscan-block p{margin:6px 0 0;font-size:13.5px;line-height:1.5}.aiscan-block ul{margin:6px 0 0;padding-left:18px;font-size:13.5px;line-height:1.55}.aiscan-name{font-size:15px}.aiscan-name em{font-family:var(--font-display);font-style:italic}.aiscan-soft{color:var(--ink-faint);font-size:12.5px;margin:6px 0 0}.aiscan-cost{color:var(--ink-faint);font-size:11px;margin:4px 0 8px;text-align:center}.vandaag-card{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.vandaag-stat{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:12.5px;color:var(--ink-soft)}.vandaag-stat b{color:var(--ink);font-size:14px}.vandaag-stat.warn{border-color:#e6c79a;background:#fdf6e8;color:#7a5a2c}.vandaag-stat.warn b{color:#7a5a2c}.backdate-link{border:0;background:none;color:var(--green-deep);font-size:11.5px;text-decoration:underline;padding:0}.task-comp-note{margin-top:6px;font-size:12.5px;color:var(--ink-soft);background:var(--paper-2);border-radius:8px;padding:6px 9px}.wake-btn{border:1px solid var(--line);background:#fff;border-radius:50%;width:38px;height:38px;font-size:17px;line-height:1;flex-shrink:0}.wake-btn.on{border-color:var(--gold);background:#fdf6e3}.topbar-actions{display:flex;align-items:center;gap:8px}@media (max-width: 860px){.wake-btn{margin-left:auto;width:36px;height:36px}.topbar-actions{margin-left:auto}.topbar-actions .wake-btn{margin-left:0}}.set-row{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;text-align:left;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px;margin-top:8px}.set-text{display:flex;flex-direction:column;gap:3px}.set-text b{font-size:14px;font-weight:600;color:var(--ink)}.set-text em{font-style:normal;font-size:12.5px;line-height:1.35;color:var(--ink-faint)}.set-switch{position:relative;flex-shrink:0;width:42px;height:25px;border-radius:999px;background:#d9d6cc;transition:background .15s}.set-switch:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #232a1f59;transition:transform .15s}.set-row.on{border-color:var(--green)}.set-row.on .set-switch{background:var(--green)}.set-row.on .set-switch:after{transform:translate(17px)}.set-note{margin:6px 0 0;font-size:12.5px;line-height:1.45;color:var(--ink-faint)}.kraak-knoppen{display:flex;flex-direction:column;gap:8px;margin-top:10px}.kraak-knoppen .btn{text-align:left;padding:10px 13px}.kraak-knoppen .btn:disabled{opacity:.5}.kraak-knoppen .btn.primary:disabled{opacity:1}.kraak-uitslag{margin-top:10px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 12px}.kraak-kop{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.kraak-kop b{font-size:13px;color:var(--ink)}.kraak-oordeel{margin-bottom:0}.kraak-uitslag pre{margin:8px 0 0;font:11px/1.45 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-word;color:var(--ink-soft);user-select:text;-webkit-user-select:text}.kraak-acties{display:flex;gap:8px;margin-top:10px}.form-chip .swatch{display:inline-block;width:11px;height:11px;border-radius:50%;border:1px solid rgba(35,42,31,.18);margin-right:5px;vertical-align:-1px}.detail-newtask{margin-top:8px;font-size:12.5px}.login-screen{display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:min(360px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px 26px 26px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:4px}.login-card h1{font-family:var(--font-display);font-weight:500;font-size:32px;margin:2px 0 16px;letter-spacing:-.01em}.login-card h1 em{font-style:italic;color:var(--green-deep);font-weight:400}.login-btn{margin-top:14px;padding:11px;font-size:15px}.vraag-body{padding-bottom:18px}.vraag-positie{margin:0 0 10px;font-size:12px;color:var(--ink-faint);line-height:1.5}.vraag-let-op{color:var(--ink-soft)}.vraag-spinner{display:inline-block;width:10px;height:10px;margin-left:7px;vertical-align:-1px;border:2px solid var(--line);border-top-color:var(--ink-faint);border-radius:50%;animation:vraag-draai .8s linear infinite}@keyframes vraag-draai{to{transform:rotate(360deg)}}.vraag-stralen{margin-bottom:12px}.vraag-chips{margin-bottom:14px;max-height:148px;overflow-y:auto}.vraag-chip-uit{opacity:.4;text-decoration:line-through}.vraag-afstand{color:var(--ink-faint);font-weight:600;font-size:11px}.vraag-positie,.vraag-stralen,.vraag-chips,.vraag-acties,.vraag-foto,.vraag-opname{flex:none}.vraag-tekst{flex:none;min-height:76px;width:100%;box-sizing:border-box;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit;font-size:14px;color:var(--ink);background:#fff}.vraag-acties{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.vraag-verstuur{margin-left:auto}.vraag-icoon{font-size:18px;line-height:1;padding-left:14px;padding-right:14px}.vraag-foto{display:flex;align-items:center;gap:10px;margin-top:10px}.vraag-foto img{width:64px;height:64px;object-fit:cover;border-radius:8px}.vraag-opname{display:flex;align-items:center;gap:10px;padding:8px 0}.vraag-meter{display:flex;align-items:center;gap:3px;height:26px}.vraag-meter span{width:4px;height:100%;border-radius:2px;background:var(--green-deep);transform-origin:center;transition:transform .1s linear}.vraag-tijd{font-size:12px;font-weight:600;color:var(--ink-faint);font-variant-numeric:tabular-nums}.vraag-opname .btn.primary{margin-left:auto}.vraag-antwoord{margin-top:16px;border-top:1px solid var(--line-soft);padding-top:14px}.vraag-verstaan{margin:0 0 8px;font-size:12px;color:var(--ink-faint);font-style:italic}.vraag-hoofd{margin:0 0 14px;font-size:14px;line-height:1.55;color:var(--ink)}.vraag-perplant{margin:0}.vraag-perplant>div{padding:8px 0;border-top:1px solid var(--line-soft)}.vraag-perplant dt{margin-bottom:5px}.vraag-perplant dd{margin:0;font-size:13px;line-height:1.5;color:var(--ink-soft)}.vraag-waarschuwing{margin:14px 0 0;padding:10px 12px 10px 28px;border-radius:10px;background:rgba(200,40,40,.07);border:1px solid rgba(200,40,40,.25);font-size:13px;line-height:1.5;color:#8d2b2b}.vraag-waarschuwing li+li{margin-top:6px}.vraag-vast{flex:none;display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:10px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);font-size:12px;color:var(--ink-faint)}.vraag-vast span{flex:1;min-width:0}.vraag-foto-rij{flex:none;display:flex;align-items:center;gap:8px;margin:2px 0 12px}.vraag-mini{width:40px;height:40px;object-fit:cover;border-radius:8px}.vraag-hint{font-size:12px;color:var(--ink-faint)}.vraag-spreek{flex:none;width:100%;padding-top:14px;padding-bottom:14px;font-size:15px}.vraag-typen{flex:none;align-self:center;margin-top:10px;border:0;background:none;padding:6px 10px;font:inherit;font-size:13px;color:var(--ink-faint);text-decoration:underline}.wake-label{font-size:11px;font-weight:600;color:var(--green-deep);white-space:nowrap;letter-spacing:.01em}.wake-btn:disabled{opacity:.4}@media (max-width: 860px){.wake-label{font-size:10px}.topbar h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.live-form{max-height:92vh}.live-body{gap:10px}.live-balk{flex:none;display:flex;align-items:center;gap:10px}.live-status{font-size:13px;font-weight:600;color:var(--ink)}.live-balk .vraag-tijd{margin-left:auto}.live-stip{width:9px;height:9px;border-radius:50%;background:var(--line);flex:none}.live-stip.live-verbinden{background:var(--gold);animation:vraag-draai 1s linear infinite}.live-stip.live-luistert{background:var(--green)}.live-stip.live-praat{background:var(--green-deep);box-shadow:0 0 0 4px #3f6b392e}.live-stip.live-fout{background:#c12020}.live-video{flex:none;width:100%;max-height:190px;object-fit:cover;border-radius:12px;background:#000}.live-video.uit{display:none}.live-video.richten{max-height:48vh;object-fit:contain}.live-gesprek{flex:1;min-height:60px;overflow-y:auto;border-top:1px solid var(--line-soft);padding-top:10px}.live-gesprek p{margin:0 0 8px;font-size:13px;line-height:1.5}.live-jij{color:var(--ink-faint)}.live-jij:before{content:"Jij: ";font-weight:700}.live-coach{color:var(--ink)}.live-acties{flex:none;display:flex;gap:8px;align-items:center}.live-start{width:100%;padding-top:14px;padding-bottom:14px;font-size:15px}.live-stop{margin-left:auto}.live-gedaan{flex:none;display:flex;flex-direction:column;gap:6px}.live-gedaan>div{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;background:rgba(63,107,57,.1);border:1px solid rgba(63,107,57,.28);font-size:12px;color:var(--green-deep)}.live-gedaan>div span{flex:1;min-width:0}.admin-knop{width:100%;margin-top:14px;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left}.admin-knop-hint{font-size:11px;font-weight:400;color:var(--ink-faint)}.admin-body{gap:10px}.admin-tabs{flex:none;margin-bottom:4px}.admin-nieuw{flex:none;display:flex;gap:8px}.admin-nieuw input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:9px 10px;font:inherit;font-size:14px;background:#fff;color:var(--ink)}.admin-lijst{list-style:none;margin:0;padding:0}.admin-lijst li{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-top:1px solid var(--line-soft)}.admin-lijst li>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.admin-lijst li.uit .admin-tekst{color:var(--ink-faint);text-decoration:line-through}.admin-tekst{font-size:13px;line-height:1.45;color:var(--ink)}.admin-meta{font-size:11px;color:var(--ink-faint)}.admin-totaal{flex:none;margin:0;font-family:var(--font-display);font-size:22px;color:var(--ink)}.admin-tabel{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:10px}.admin-tabel td{padding:5px 0;border-top:1px solid var(--line-soft);color:var(--ink-soft)}.admin-geld{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}.admin-regels li{align-items:center}.plek-body{gap:10px}.plek-soorten{flex:none;margin-bottom:2px}.plek-notitie{flex:none;width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;padding:9px 10px;font:inherit;font-size:14px;background:#fff;color:var(--ink)}.plek-strip{flex:none;display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.plek-strip figure{margin:0;flex:none;width:116px}.plek-strip img{width:116px;height:116px;object-fit:cover;border-radius:10px;display:block}.plek-strip figcaption{margin-top:4px;font-size:11px;color:var(--ink-faint);display:flex;flex-direction:column;gap:1px}.plek-strip figcaption span{color:var(--ink-soft);line-height:1.35}.plek-acties{flex:none;display:flex;gap:8px;margin-top:4px}.plek-acties .btn.ghost{margin-left:auto}.wied-body{gap:8px}.wied-kop{flex:none}.wied-balk{height:8px;border-radius:4px;background:var(--paper-3);overflow:hidden;margin-bottom:7px}.wied-balk span{display:block;height:100%;background:var(--green);transition:width .3s ease}.wied-stand{margin:0 0 6px;font-size:13px;color:var(--ink-soft)}.wied-stand b{font-family:var(--font-display);font-size:17px;color:var(--ink)}.wied-tijden{flex:none;margin-bottom:6px}.wied-voorstel{flex:none;display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;margin-bottom:6px;background:#f2f6ef;border:1px solid #cfdec8}.wied-voorstel>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.wied-voorstel-naam{font-family:var(--font-display);font-size:16px;color:var(--ink)}.wied-lijst li{align-items:center}.wied-stip{width:9px;height:9px;border-radius:50%;flex:none}.wied-vers{background:var(--green)}.wied-loopt{background:var(--gold)}.wied-achterstallig{background:#c12020}.wied-nooit{background:var(--line)}.wiedlaag{position:absolute;top:0;left:0;pointer-events:none}.wied-paneel{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:560px;z-index:90;display:flex;flex-direction:column;max-height:55vh;background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:20px 20px 0 0;box-shadow:0 -8px 32px #232a1f2e;padding-bottom:max(12px,env(safe-area-inset-bottom))}.wied-paneel .form-header{padding:14px 18px 11px}.wied-paneel .form-body{padding:12px 18px 0}.wied-paneel .wied-lijst li{cursor:pointer;padding:9px 6px;border-radius:8px}@media (hover: hover){.wied-paneel .wied-lijst li:hover{background:var(--paper-2)}}.wied-bezig{flex:none;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;border-radius:999px;background:var(--gold);color:#fff}@media (max-width: 860px){.wied-paneel{max-width:none;bottom:calc(60px + max(10px,env(safe-area-inset-bottom)));padding-bottom:12px}}.mapctl button.aan{background:var(--green);color:#fff;border-color:var(--green)}.mapwrap.wieden .mapctl{bottom:calc(55vh + 14px)}@media (max-width: 860px){.mapwrap.wieden .mapctl{bottom:calc(55vh + 60px + max(10px,env(safe-area-inset-bottom)))}}.wiedklok{display:flex;flex-direction:column;gap:10px;flex:none}.wiedklok-loopt{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--paper-2);border:1px solid var(--line);border-radius:12px}.wiedklok-tijd{flex:1;font-family:var(--font-display);font-size:30px;font-variant-numeric:tabular-nums;color:var(--ink)}.wiedklok-chips{flex:none}.wiedklok-chips .chip.klok{background:var(--green);color:#fff;border-color:var(--green)}.wiedklok-acties{display:flex;gap:8px}.wiedklok-acties .btn{flex:1}.wiedklok-uitleg{margin:0;font-size:12px;line-height:1.45;color:var(--ink-soft)}.wiedklok-uitleg b{color:var(--ink)}@media (hover: hover){.mapctl button.aan:hover{background:var(--green-deep)}}.plek-plaats{flex:none;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.plaats-banner{display:flex;align-items:center;gap:12px}.plaats-banner span{flex:1;min-width:0}.plek-marker{position:absolute;transform:translate(-50%,-100%);border:0;background:none;padding:2px 4px;font-size:20px;line-height:1;color:var(--ink);filter:drop-shadow(0 1px 2px rgba(255,255,255,.9)) drop-shadow(0 1px 3px rgba(35,42,31,.45));cursor:pointer;z-index:6}@media (hover: hover){.plek-marker:hover{transform:translate(-50%,-100%) scale(1.15)}}.legend-kop{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border:0;background:none;padding:0;cursor:pointer;color:var(--ink-faint);font:inherit}.legend-kop .label{margin-bottom:0}.legend.dicht .row{display:none}.legend.dicht{padding-bottom:8px}.wied-naam{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:5;pointer-events:none;white-space:nowrap;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 2px 10px #00000026;font-size:13px;font-weight:600;color:var(--ink)}.wied-hint{margin:0 0 4px;font-size:12.5px;color:var(--ink-faint)}.wiedklok-start{width:100%;margin-bottom:8px;font-size:15px;padding:11px 14px}