:root{--paper: #FFFBF0;--paper-2: #FFF3D6;--deep: #0B3C6D;--water: #0099FF;--sun: #FFD028;--go: #00D26A;--stop: #FF3344;--ink: #111111;--ink-soft: #3A3F4A;--white: #FFFFFF;--line: 3px solid var(--ink);--line-b: 4px solid var(--ink);--shadow: 4px 4px 0 var(--ink);--shadow-l: 6px 6px 0 var(--ink);--f-display: "Bangers", Impact, "Arial Narrow Bold", sans-serif;--f-marker: "Permanent Marker", "Comic Sans MS", cursive;--f-body: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--r: 10px;--tap: 48px;color-scheme:light}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 var(--f-body);background-image:radial-gradient(rgba(11,60,109,.07) 1.2px,transparent 1.3px);background-size:14px 14px}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--deep);font-weight:700}:focus-visible{outline:4px solid var(--water);outline-offset:3px;border-radius:6px}.skip{position:absolute;left:-999px;top:8px;z-index:50;background:var(--sun);padding:8px 12px;border:var(--line)}.skip:focus{left:16px}.display{font-family:var(--f-display);letter-spacing:.03em;line-height:.95;margin:0;font-weight:400;text-wrap:balance}.display.xl{font-size:clamp(2.4rem,9vw,4.2rem)}.display.lg{font-size:clamp(1.9rem,6vw,2.8rem)}.display.md{font-size:1.6rem}.lead{font-size:1.12rem;font-weight:500;margin:.4rem 0;max-width:60ch}.muted{color:var(--ink-soft);font-size:.92rem;margin:.4rem 0;max-width:70ch}.marker,.marker-note{font-family:var(--f-marker);color:var(--deep)}.marker{font-size:1.25rem;transform:rotate(-2deg);display:inline-block;margin:.3rem 0}.marker-note{font-size:1rem;display:inline-block;transform:rotate(-2deg)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.85em}.small{font-size:.85rem}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.app{min-height:100%;display:flex;flex-direction:column}main{flex:1}.page{max-width:1080px;margin:0 auto;padding:16px 16px 8px;display:flex;flex-direction:column;gap:20px}.page.narrow{max-width:560px}.row{display:flex;gap:12px;align-items:center}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.row.center{justify-content:center}.row.end{justify-content:flex-end}.row.end-align{align-items:flex-end}.stack{display:flex;flex-direction:column;gap:12px}.grid2{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.header{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--deep);color:var(--white);border-bottom:var(--line-b);display:flex;align-items:center;gap:10px;padding:8px 16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--sun);min-height:var(--tap)}.brand-name{font-family:var(--f-display);font-size:1.9rem;letter-spacing:.06em;-webkit-text-stroke:1px var(--ink);text-shadow:3px 3px 0 var(--ink)}.secure{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:700;background:#ffffff1f;border:2px solid rgba(255,255,255,.5);border-radius:999px;padding:3px 10px;color:var(--white)}.head-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.pilot-strip{background:var(--sun);border-bottom:var(--line);font-weight:700;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;padding:5px 16px;text-align:center;background-image:repeating-linear-gradient(-45deg,transparent 0 10px,rgba(17,17,17,.06) 10px 20px)}@media (max-width: 460px){.secure{order:3}.brand-name{font-size:1.6rem}.head-actions .btn{padding-inline:10px}}.btn{--bg: var(--deep);--fg: var(--white);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:var(--tap);padding:10px 18px;border:var(--line);border-radius:var(--r);background:var(--bg);color:var(--fg);font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:var(--shadow);text-decoration:none;transition:transform .06s ease,box-shadow .06s ease}.btn:hover:not(:disabled){filter:brightness(1.06)}.btn:active:not(:disabled){transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;filter:grayscale(.4)}.btn.block{width:100%}.btn.small{min-height:40px;padding:6px 12px;font-size:.88rem;box-shadow:3px 3px 0 var(--ink)}.header .btn.small{min-height:var(--tap)}.tone-blue{--bg: var(--deep);--fg: var(--white)}.tone-water{--bg: var(--water);--fg: var(--ink)}.tone-yellow{--bg: var(--sun);--fg: var(--ink)}.tone-green{--bg: var(--go);--fg: var(--ink)}.tone-red{--bg: var(--stop);--fg: var(--white)}.tone-paper{--bg: var(--white);--fg: var(--ink)}.btn[aria-pressed=true]{outline:3px solid var(--sun);outline-offset:-7px}.btn-2line{display:flex;flex-direction:column;line-height:1.2}.btn-2line small{font-weight:500;opacity:.8}.chip{--bg: var(--white);--fg: var(--ink);display:inline-flex;align-items:center;gap:6px;background:var(--bg);color:var(--fg);border:2px solid var(--ink);border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.chip .dot{width:9px;height:9px;border-radius:50%;background:var(--ink)}.chip.tone-paper{--bg: var(--white)}.chip.pulse{animation:pulse 1.3s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 5px #0099ff40}}.panel{position:relative;background:var(--white);border:var(--line-b);border-radius:14px;box-shadow:var(--shadow-l);padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0}.panel-title{font-family:var(--f-display);font-weight:400;font-size:1.7rem;letter-spacing:.04em;margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--deep)}.panel>.marker-note{position:absolute;top:-14px;right:14px;background:var(--sun);border:2px solid var(--ink);padding:0 8px;font-size:.85rem}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:center;background:var(--deep);color:var(--white);border:var(--line-b);border-radius:16px;box-shadow:var(--shadow-l);padding:20px;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(0,153,255,.45) 1.6px,transparent 1.8px);background-size:12px 12px;-webkit-mask-image:linear-gradient(120deg,transparent 35%,#000 100%);mask-image:linear-gradient(120deg,transparent 35%,#000 100%)}.hero-text{position:relative}.hero .marker-note{color:var(--sun)}.hero-title{font-size:clamp(3rem,11vw,5.6rem);color:var(--sun);-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--ink);margin:.2rem 0 .4rem}.hero-art{position:relative}.scene{width:100%;height:auto;border:var(--line-b);border-radius:12px;background:var(--paper);box-shadow:5px 5px 0 var(--ink);transform:rotate(1.5deg)}@media (max-width: 720px){.hero{grid-template-columns:1fr}.scene{transform:none}}.alert{border:var(--line);border-radius:var(--r);padding:10px 14px;margin:0;font-weight:500;box-shadow:3px 3px 0 var(--ink)}.alert.red{background:#ffe3e6}.alert.yellow{background:#fff1b8}.alert.water{background:#ddf0ff}.qr-grid{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}.qr-badge{width:96px;height:96px;border:var(--line-b);border-radius:10px;display:grid;place-items:center;position:relative;background:linear-gradient(90deg,var(--ink) 22px,transparent 22px) 6px 6px / 30px 30px no-repeat,conic-gradient(var(--ink) 25%,var(--white) 0 50%,var(--ink) 0 75%,var(--white) 0) 0 0 / 16px 16px}.qr-badge span{background:var(--sun);border:var(--line);font-family:var(--f-display);font-size:1.8rem;padding:0 8px;border-radius:6px}.disclose{min-height:var(--tap);background:var(--paper-2);border:var(--line);border-radius:var(--r);font-weight:700;display:flex;justify-content:space-between;align-items:center;padding:8px 14px;cursor:pointer;text-align:left}.checklist{margin:0;padding-left:1.2rem;display:grid;gap:6px}.checklist.small{font-size:.92rem}.kv{display:grid;gap:6px 16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0}.kv div{min-width:0}.kv dt{font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-weight:700}.kv dd{margin:0;font-weight:700;overflow-wrap:anywhere}.kv.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 460px){.qr-grid{grid-template-columns:1fr}.kv.three{grid-template-columns:1fr 1fr}}.boxes{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.box-card{position:relative;text-align:left;border:var(--line-b);border-radius:12px;background:var(--white);padding:12px 14px 12px 18px;display:flex;flex-direction:column;gap:4px;cursor:pointer;box-shadow:var(--shadow);min-height:120px;overflow:hidden;transition:transform .06s ease}.box-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;background:var(--go);border-right:2px solid var(--ink)}.box-card.st-belegt:before{background:var(--sun)}.box-card.st-wartung:before{background:var(--stop)}.box-card.active{background:#e7f4ff;outline:3px solid var(--water);outline-offset:-8px}.box-card:active:not(:disabled){transform:translate(2px,2px)}.box-card:disabled{cursor:not-allowed;opacity:.6}.box-card .chip{align-self:flex-start;margin-top:auto}.box-card small{color:var(--stop);font-weight:700}.box-num{font-family:var(--f-display);font-size:2rem;line-height:1;color:var(--deep)}.box-name{font-weight:700}.box-feat{font-size:.88rem;color:var(--ink-soft)}.chip.tone-green .dot{background:#007a3d}.chip.tone-red .dot{background:var(--white)}.seg{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.seg.small{display:flex;flex-wrap:wrap;gap:8px}.tariffs{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));padding-top:8px}.tariff{position:relative;border:var(--line-b);border-radius:12px;background:var(--paper);padding:16px;cursor:pointer;text-align:left;display:grid;gap:2px;box-shadow:var(--shadow);min-height:var(--tap)}.tariff.rec{background:#fff6cc}.tariff.sel{background:var(--deep);color:var(--white)}.tariff.sel .tariff-price{color:var(--sun)}.tariff:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.ribbon{position:absolute;top:-13px;right:10px;background:var(--sun);color:var(--ink);border:2px solid var(--ink);font-family:var(--f-marker);font-size:.85rem;padding:0 8px;transform:rotate(3deg)}.tariff-title{font-family:var(--f-display);font-size:1.7rem;letter-spacing:.04em;line-height:1}.tariff-min{font-weight:700}.tariff-price{font-family:var(--f-display);font-size:2.4rem;line-height:1;color:var(--deep)}.tariff-ppm{font-size:.85rem;opacity:.85}.checkout{border-top:3px dashed var(--ink);padding-top:14px;display:grid;gap:12px}.pay{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}@media (max-width: 400px){.pay{grid-template-columns:1fr}}.form{display:grid;gap:12px}.field{display:grid;gap:4px;min-width:0}.field.inline{min-width:130px}.field-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.field-label b{color:var(--stop)}.field-hint{font-size:.82rem;color:var(--ink-soft)}.field input,.field select,.field textarea,.table select{min-height:var(--tap);border:var(--line);border-radius:8px;background:var(--white);padding:8px 10px;width:100%}.field input[type=range]{border:0;padding:0;accent-color:var(--deep)}.check{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;min-height:var(--tap)}.check input{width:24px;height:24px;margin-top:2px;accent-color:var(--go);flex:none}.toggle{display:inline-flex;align-items:center;gap:10px;min-height:var(--tap);cursor:pointer;font-weight:600}.toggle input{position:absolute;opacity:0;width:1px;height:1px}.toggle-track{width:54px;height:30px;border:var(--line);border-radius:999px;background:#d9d4c7;position:relative;flex:none;transition:background .12s}.toggle-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:var(--white);border:2px solid var(--ink);transition:transform .12s}.toggle input:checked+.toggle-track{background:var(--go)}.toggle input:checked+.toggle-track .toggle-knob{transform:translate(24px)}.toggle input:focus-visible+.toggle-track{outline:4px solid var(--water);outline-offset:2px}.member{background:#e9fff3}.member-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.big-num{font-family:var(--f-display);font-size:2rem!important;color:var(--deep);font-weight:400!important}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat{border:var(--line);border-radius:10px;background:var(--white);padding:10px}.stat span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.stat b{font-family:var(--f-display);font-weight:400;font-size:1.5rem;color:var(--deep)}@media (max-width: 460px){.stats{grid-template-columns:1fr}}.wash{position:relative;overflow:hidden;border:var(--line-b);border-radius:16px;box-shadow:var(--shadow-l);padding:20px;display:flex;flex-direction:column;gap:12px;background:var(--white)}.wash-check{background:#e3f3ff;align-items:flex-start}.wash-intro{background:var(--deep);color:var(--white);align-items:center;text-align:center}.wash-intro .display{color:var(--sun);-webkit-text-stroke:1.5px var(--ink);text-shadow:4px 4px 0 var(--ink);position:relative}.wash-intro .lead,.wash-intro .row,.wash-intro .chip,.wash-intro .bolt{position:relative}.burst-bg{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;pointer-events:none;background:repeating-conic-gradient(from 0deg,rgba(255,208,40,.22) 0 10deg,transparent 10deg 20deg);animation:spin 3.6s linear both}@keyframes spin{to{transform:rotate(40deg)}}.bolt{animation:zap .5s ease-in-out infinite alternate}@keyframes zap{to{transform:scale(1.15) rotate(-6deg)}}.big-count{position:relative;font-family:var(--f-display);font-size:clamp(6rem,30vw,10rem);line-height:1;color:var(--white);-webkit-text-stroke:3px var(--ink);text-shadow:8px 8px 0 var(--stop);animation:pop .45s cubic-bezier(.2,1.6,.5,1) both}@keyframes pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.wash-run{background:#effff6}.wash-run.is-paused{background:#fff6cc}.wash-run.is-fault{background:#ffe3e6}.countdown{font-family:var(--f-display);font-size:clamp(5rem,26vw,9rem);line-height:1;text-align:center;color:var(--deep);font-variant-numeric:tabular-nums;-webkit-text-stroke:2px var(--ink);text-shadow:6px 6px 0 var(--water)}.is-ending .countdown{color:var(--stop);text-shadow:6px 6px 0 var(--ink)}.progress{height:14px;border:var(--line);border-radius:999px;background:var(--white);overflow:hidden}.progress.big{height:22px}.progress span{display:block;height:100%;background:var(--water);background-image:repeating-linear-gradient(-45deg,transparent 0 8px,rgba(255,255,255,.35) 8px 16px);transition:width .25s linear}.wash-run .progress span,.member .progress span{background-color:var(--go)}.progress.red span{background-color:var(--stop)!important}.pause-box{border:var(--line-b);border-radius:12px;background:var(--white);padding:14px;display:grid;gap:10px}.pause-box.warn{background:#ffe3e6;animation:shake .35s ease-in-out infinite alternate}@keyframes shake{0%{transform:translate(-2px)}to{transform:translate(2px)}}.pause-count{font-family:var(--f-display);font-size:2.2rem;color:var(--deep)}.pause-pick{display:grid;gap:10px}.wash-done{background:#e9fff3}.admin-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 4px 10px}.tab{min-height:var(--tap);white-space:nowrap;border:var(--line);border-radius:10px 10px 4px 4px;background:var(--white);padding:8px 14px;font-weight:700;cursor:pointer}.tab.on{background:var(--deep);color:var(--white);box-shadow:3px 3px 0 var(--ink)}.admin>div[role=tabpanel]{display:flex;flex-direction:column;gap:20px}.kpis{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}.kpis.two{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.kpi{border:var(--line);border-radius:10px;padding:10px 12px;background:var(--paper)}.kpi span{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--ink-soft)}.kpi b{font-family:var(--f-display);font-weight:400;font-size:1.7rem;color:var(--deep);font-variant-numeric:tabular-nums}.kpi.good{background:#e9fff3}.kpi.bad{background:#ffe3e6}.kpi.bad b{color:#b8001a}.admin-boxes{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.edit-row{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));align-items:end;padding-bottom:12px;border-bottom:2px dashed #CFC8B6}.edit-row:last-child{border-bottom:0}.cost-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.detail{border:var(--line);border-radius:10px;background:var(--paper);padding:12px;display:grid;gap:8px}.history{margin:0;padding-left:1.1rem;max-height:240px;overflow:auto;font-size:.9rem}.table-wrap{overflow-x:auto;border:var(--line);border-radius:10px}.table{border-collapse:collapse;width:100%;font-size:.88rem}.table th{background:var(--sun);text-align:left;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0}.table th,.table td{padding:7px 10px;border-bottom:1.5px solid #E0D9C6;white-space:nowrap}.table tbody tr:nth-child(2n){background:#fffdf6}.table .warn-row{background:#fff0f2!important}.table select{min-height:40px;padding:4px 8px}.bars{display:grid;gap:8px}.bar-row{display:grid;grid-template-columns:minmax(90px,36%) 1fr auto;align-items:center;gap:10px;font-size:.88rem}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:18px;border:2px solid var(--ink);border-radius:6px;background:var(--paper);overflow:hidden}.bar-fill{--bg: var(--deep);display:block;height:100%;background:var(--bg);border-right:2px solid var(--ink);min-width:2px}.bar-value{font-variant-numeric:tabular-nums;font-weight:700;min-width:64px;text-align:right}.cols-scroll{overflow-x:auto}.cols{display:flex;align-items:flex-end;gap:6px;height:190px;padding:8px 4px 0;border-bottom:3px solid var(--ink);min-width:420px;background-image:linear-gradient(#E6DFCB 1px,transparent 1px);background-size:100% 25%}.col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.col-fill{width:100%;background:var(--water);border:2px solid var(--ink);border-bottom:0;border-radius:4px 4px 0 0;min-height:2px}.col-fill.peak{background:var(--sun)}.col-label{position:absolute;bottom:-22px;font-size:.72rem;font-variant-numeric:tabular-nums}.cols-scroll{padding-bottom:24px}.dialog{border:var(--line-b);border-radius:16px;box-shadow:8px 8px 0 var(--ink);padding:0;max-width:min(560px,calc(100vw - 32px));background:var(--white);color:var(--ink)}.dialog::backdrop{background:#0b3c6d8c}.dialog-inner{padding:20px;display:grid;gap:14px}.toast-wrap{position:fixed;left:0;right:0;bottom:0;padding:0 16px calc(16px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;pointer-events:none;z-index:40}.toast{--bg: var(--deep);--fg: var(--white);background:var(--bg);color:var(--fg);border:var(--line);border-radius:12px;box-shadow:var(--shadow);padding:12px 16px;font-weight:700;max-width:520px;animation:pop .25s ease-out both}.footer{margin-top:32px;background:var(--ink);color:#ede6d3;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));font-size:.88rem}.footer nav{display:flex;flex-wrap:wrap;gap:4px 16px;max-width:1080px;margin:0 auto 6px}.footer a{color:var(--sun);display:inline-flex;align-items:center;min-height:40px}.footer p{max-width:1080px;margin:0 auto}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media print{.header,.pilot-strip,.footer,.tabs,.btn{display:none!important}}