.ordnung-app *,.ordnung-app *::before,.ordnung-app *::after{box-sizing:border-box}.ordnung-app [hidden]{display:none!important}.ordnung-app{--bg:#E8EFEC;--surface:#FAFCFB;--ink:#1D2A27;--muted:#5F716C;--line:#C9D7D2;--accent:#2C6E60;--accent-soft:#D2E6DF;--wall:#E1EAE7;--tile:#DCECEC;--tile-line:#C3D9D9;--wood:#CFA77C;--wood-dark:#9E7852;--steel:#7F8D96;--table:#D8E2E2;--warn:#B4532B;--sofa:#A7B9B4;--sofa-2:#93A7A2;--glass:#8FAEB8;--f-display:"Young Serif",Georgia,"Times New Roman",serif;--f-body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif}.ordnung-app{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.5}.ordnung-app .wrap{max-width:560px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:28px 44px;display:flex;flex-direction:column;gap:18px}.ordnung-app .eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;margin:0}.ordnung-app h1{font-family:var(--f-display);font-weight:400;font-size:clamp(28px,7.5vw,38px);line-height:1.1;margin:6px 0 8px;text-wrap:balance}.ordnung-app .hint{margin:0;color:var(--muted);max-width:60ch}.ordnung-app .card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:10px}.ordnung-app .stage{position:relative;width:100%;max-width:100%;aspect-ratio:4/3;border-radius:14px;overflow:hidden;background:var(--wall);touch-action:none;user-select:none;-webkit-user-select:none}@media (max-width:520px){.ordnung-app .stage{aspect-ratio:1/1}}.ordnung-app .status{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 6px 2px;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}.ordnung-app .status b{color:var(--ink);font-weight:600}.ordnung-app button{font:inherit;color:inherit}.ordnung-app :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.ordnung-app .floor{position:absolute;left:0;right:0;bottom:0;height:16%}.ordnung-app .floor.desk{background:var(--wood)}.ordnung-app .floor.shelf{background:var(--wood);border-top:5px solid var(--wood-dark)}.ordnung-app .sortrow{position:absolute;left:7%;right:7%;top:9%;bottom:16%;display:flex;justify-content:space-between;align-items:stretch;gap:3px}.ordnung-app .sort-item{flex:1;min-width:0;display:flex;align-items:flex-end;justify-content:center;background:none;border:0;padding:0;cursor:grab;transition:transform .3s cubic-bezier(.3,.7,.3,1),translate .25s ease;touch-action:none}.ordnung-app .lift{z-index:5;transition:none!important;cursor:grabbing!important}.ordnung-app .back{transition:translate .22s ease!important}.ordnung-app .sock,.ordnung-app .brick{position:relative;touch-action:none}.ordnung-app .cut,.ordnung-app .cloth{touch-action:none}.ordnung-app .sort-item .thing{transition:transform .18s ease,filter .18s ease}.ordnung-app .sort-item.sel .thing{transform:translateY(-12px);filter:drop-shadow(0 8px 6px rgba(0,0,0,.2))}.ordnung-app .sortrow.solved .thing{animation:pop .5s ease both}.ordnung-app .sortrow.solved .sort-item:nth-child(2) .thing{animation-delay:.05s}.ordnung-app .sortrow.solved .sort-item:nth-child(3) .thing{animation-delay:.1s}.ordnung-app .sortrow.solved .sort-item:nth-child(4) .thing{animation-delay:.15s}.ordnung-app .sortrow.solved .sort-item:nth-child(5) .thing{animation-delay:.2s}.ordnung-app .sortrow.solved .sort-item:nth-child(6) .thing{animation-delay:.25s}.ordnung-app .sortrow.solved .sort-item:nth-child(7) .thing{animation-delay:.3s}.ordnung-app .pencil{width:min(24px,72%);display:flex;flex-direction:column}.ordnung-app .pencil .tip{height:22px;flex:none;background:linear-gradient(#2B2B2B 0 26%,#EACB9F 26%);clip-path:polygon(50% 0,100% 100%,0 100%)}.ordnung-app .pencil .body{flex:1;background:linear-gradient(90deg,rgba(0,0,0,.14) 0 33%,transparent 33% 66%,rgba(255,255,255,.2) 66%),var(--c)}.ordnung-app .pencil .ferrule{height:8px;flex:none;background:linear-gradient(90deg,#959EA3,#DCE1E3,#959EA3)}.ordnung-app .pencil .eraser{height:10px;flex:none;background:#E8A1AC;border-radius:0 0 3px 3px}.ordnung-app .book{background:var(--c);border-radius:3px 3px 1px 1px;position:relative;box-shadow:inset -4px 0 0 rgba(0,0,0,.1),inset 2px 0 0 rgba(255,255,255,.18)}.ordnung-app .book::before,.ordnung-app .book::after{content:"";position:absolute;left:18%;right:18%;height:3px;background:rgba(255,255,255,.5)}.ordnung-app .book::before{top:11%}.ordnung-app .book::after{bottom:13%}.ordnung-app .wallrow{position:absolute;left:0;right:0;top:0;bottom:24%;display:flex;justify-content:space-evenly;align-items:flex-start;padding-top:10%}.ordnung-app .fslot{position:relative;width:var(--fw)}.ordnung-app .nail{position:absolute;top:-4px;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--muted);z-index:2}.ordnung-app .hang{transform-origin:50% 0;cursor:grab;transition:transform .25s ease-out}.ordnung-app .hang.grab{cursor:grabbing;transition:none}.ordnung-app .hang.level{cursor:default}.ordnung-app .string{display:block;width:100%;height:22px}.ordnung-app .string polyline{fill:none;stroke:var(--muted);stroke-width:1.5;vector-effect:non-scaling-stroke}.ordnung-app .frame{border:6px solid var(--fc);background:#F6F7F5;padding:9%;box-shadow:0 8px 16px rgba(0,0,0,.18);transition:box-shadow .4s}.ordnung-app .hang.level .frame{box-shadow:0 0 0 3px var(--accent),0 8px 16px rgba(0,0,0,.18)}.ordnung-app .art{width:100%}.ordnung-app .spirit{position:absolute;left:50%;bottom:7%;transform:translateX(-50%);width:48%;height:26px;border-radius:6px;background:#EFC547;box-shadow:0 2px 0 #C79E2A;display:flex;align-items:center;justify-content:center}.ordnung-app .tube{position:relative;width:46%;height:12px;border-radius:6px;background:#D9EFC9;box-shadow:inset 0 1px 2px rgba(0,0,0,.25);overflow:hidden}.ordnung-app .tube .mark{position:absolute;top:0;bottom:0;width:1.5px;background:rgba(0,0,0,.45)}.ordnung-app .tube .mark:first-child{left:38%}.ordnung-app .tube .mark:nth-child(2){left:62%}.ordnung-app .bubble{position:absolute;top:2px;left:50%;width:22%;height:8px;margin-left:-11%;border-radius:4px;background:rgba(255,255,255,.9);transition:transform .15s}.ordnung-app .shine{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(255,255,255,.45),transparent 45%),repeating-linear-gradient(0deg,var(--tile-line) 0 2px,transparent 2px 25%),repeating-linear-gradient(90deg,var(--tile-line) 0 2px,transparent 2px 20%),var(--tile)}.ordnung-app .shine span{font-family:var(--f-display);font-size:clamp(26px,7vw,40px);color:var(--accent)}.ordnung-app .dust{position:absolute;inset:0;width:100%;height:100%;cursor:crosshair;transition:opacity .9s ease}.ordnung-app .dust.gone{opacity:0}.ordnung-app .sockgrid{position:absolute;inset:5%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:3%}.ordnung-app .sock{background:none;border:0;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.ordnung-app .sock svg{height:92%;width:100%;transform:rotate(var(--rot)) scaleX(var(--fx));transition:transform .18s ease,filter .18s}.ordnung-app .sock.sel svg{transform:rotate(0deg) scaleX(var(--fx)) scale(1.14);filter:drop-shadow(0 6px 6px rgba(0,0,0,.25))}.ordnung-app .sock.bad svg{animation:shake .35s}.ordnung-app .sock.gone{pointer-events:none}.ordnung-app .sock.gone svg{animation:fold .5s ease forwards}.ordnung-app .counter{position:absolute;left:0;right:0;top:0;height:58%}.ordnung-app .cut{position:absolute;height:46%;aspect-ratio:1/5;padding:0;border:0;background:none;color:var(--steel);transform:translate(-50%,-50%) rotate(var(--rot));cursor:pointer;transition:transform .18s ease,color .18s}.ordnung-app .cut::before{content:"";position:absolute;inset:-4px -16px}.ordnung-app .cut svg{position:relative;width:100%;height:100%;display:block;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.22))}.ordnung-app .cut.sel{color:var(--accent);transform:translate(-50%,-50%) rotate(var(--rot)) scale(1.12)}.ordnung-app .drawer{position:absolute;left:4%;right:4%;bottom:5%;height:36%;display:flex;gap:2.5%;padding:2.2%;background:var(--wood-dark);border-radius:10px}.ordnung-app .comp{flex:1;min-width:0;background:var(--wood);border:0;border-radius:6px;display:flex;flex-direction:column;align-items:center;padding:6px 4px 4px;cursor:pointer;gap:2px}.ordnung-app .comp .lbl{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(35,22,8,.72)}.ordnung-app .comp .holder{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;gap:3px}.ordnung-app .comp .holder svg{height:100%;width:auto;max-width:28%;color:var(--steel);filter:drop-shadow(1px 1px 0 rgba(0,0,0,.2))}.ordnung-app .comp.bad{animation:shake .35s}.ordnung-app .rail{position:absolute;left:4%;right:4%;top:13%;height:6px;border-radius:3px;background:var(--steel)}.ordnung-app .tick{position:absolute;top:calc(13% + 9px);width:2px;height:9px;margin-left:-1px;border-radius:1px;background:var(--line);transition:background .3s}.ordnung-app .tick.on{background:var(--accent)}.ordnung-app .hanger{position:absolute;top:calc(13% - 7px);width:17%;transform:translateX(-50%);transform-origin:50% 0;cursor:grab;touch-action:none}.ordnung-app .hanger.grab{cursor:grabbing}.ordnung-app .hanger.anim{transition:left .22s ease-out}.ordnung-app .hanger.snap{animation:swing .8s ease}.ordnung-app .hanger svg{width:100%;display:block;overflow:visible}.ordnung-app .hanger .hook{fill:none;stroke:var(--steel);stroke-width:4;stroke-linecap:round}.ordnung-app .finish{position:absolute;inset:10px;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:20px;background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fadein .5s ease both}.ordnung-app .finish svg{width:56px;height:56px}.ordnung-app .finish circle{fill:var(--accent-soft)}.ordnung-app .finish path{fill:none;stroke:var(--accent);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:draw .6s .2s ease forwards}.ordnung-app .finish h2{font-family:var(--f-display);font-weight:400;font-size:clamp(24px,6vw,30px);margin:4px 0 0;text-wrap:balance}.ordnung-app .finish p{margin:0;color:var(--muted);max-width:34ch}.ordnung-app .btn{margin-top:8px;border:1.5px solid var(--accent);background:transparent;color:var(--accent);border-radius:999px;padding:8px 18px;font-weight:600;cursor:pointer}.ordnung-app .btn:hover{background:var(--accent-soft)}.ordnung-app .picker{display:flex;flex-wrap:wrap;gap:6px}.ordnung-app .picker button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:4px 12px;font-size:13px;cursor:pointer}.ordnung-app .cloth{position:absolute;height:34%;aspect-ratio:1/1;padding:0;border:0;background:none;transform:translate(-50%,-50%) rotate(var(--rot));cursor:pointer;transition:transform .18s ease,filter .18s}.ordnung-app .cloth svg{width:100%;height:100%;display:block;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.2))}.ordnung-app .cloth.sel{transform:translate(-50%,-50%) rotate(0deg) scale(1.15);filter:drop-shadow(0 0 0 var(--accent)) drop-shadow(0 6px 6px rgba(0,0,0,.22))}.ordnung-app .baskets .comp{background:repeating-linear-gradient(45deg,rgba(0,0,0,.07) 0 4px,transparent 4px 9px),var(--wood)}.ordnung-app .jar{width:min(46px,88%);height:64%;display:flex;flex-direction:column;align-items:center}.ordnung-app .jar .lid{width:84%;height:9%;flex:none;background:#3B4A57;border-radius:4px 4px 1px 1px}.ordnung-app .jar .glass{flex:1;width:100%;border-radius:3px 3px 9px 9px;background:linear-gradient(90deg,rgba(255,255,255,.35),transparent 30% 70%,rgba(0,0,0,.08)),linear-gradient(rgba(255,255,255,.5) 0 14%,var(--c) 14%);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}.ordnung-app .jar .label{background:#F7F6F1;color:#2A2D2C;font-size:10px;font-weight:700;letter-spacing:.05em;writing-mode:vertical-rl;transform:rotate(180deg);padding:6px 2px;border-radius:2px;white-space:nowrap}.ordnung-app .tabletop{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.035) 0 2px,transparent 2px 11%),var(--table);cursor:crosshair}.ordnung-app .crumb{position:absolute;display:block;pointer-events:none}.ordnung-app .crumb.swept{animation:flick .45s ease-out forwards}.ordnung-app .rug{position:absolute;left:22%;right:22%;top:14%;bottom:14%;border-radius:3px;background:radial-gradient(circle at 50% 50%,#E3C79A 0 9%,transparent 10%),repeating-linear-gradient(0deg,#A8443A 0 12%,#B85A3F 12% 15%,#A8443A 15% 27%,#2F4A5A 27% 30%);box-shadow:inset 0 0 0 7px #2F4A5A,inset 0 0 0 11px #E3C79A,0 6px 14px rgba(0,0,0,.18)}.ordnung-app .fringezone{position:absolute;inset:0;cursor:pointer}.ordnung-app .fringe{position:absolute;width:9%;height:3px;margin-top:-1.5px;border-radius:2px;background:#B9A27E;transition:transform .2s ease-out;pointer-events:none}.ordnung-app .fringe.l{right:78%;transform-origin:100% 50%;transform:rotate(var(--a))}.ordnung-app .fringe.r{left:78%;transform-origin:0 50%;transform:rotate(var(--a))}.ordnung-app .tilegrid{position:absolute;top:7%;bottom:7%;left:50%;transform:translateX(-50%);aspect-ratio:1/1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:3%}.ordnung-app .tl{border:0;padding:0;background:var(--tile);border-radius:6px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--tile-line);min-width:0;min-height:0;overflow:hidden}.ordnung-app .tl svg{width:100%;height:100%;display:block;transition:transform .25s ease}.ordnung-app .tl .arc{fill:none;stroke:var(--accent);stroke-width:9;stroke-linecap:round}.ordnung-app .tl .dot{fill:var(--accent)}.ordnung-app .tilegrid.solved .tl{animation:pop .5s ease both}.ordnung-app .guide{position:absolute;left:50%;top:6%;bottom:16%;border-left:2px dashed var(--line)}.ordnung-app .towel{position:absolute;width:52%;height:10%;transform:translateX(-50%);border-radius:6px 6px 9px 9px;box-shadow:inset 0 -5px 0 rgba(0,0,0,.12),inset 0 3px 0 rgba(255,255,255,.28),0 1px 0 rgba(0,0,0,.15);cursor:grab;touch-action:none}.ordnung-app .towel::before{content:"";position:absolute;left:9%;right:9%;top:40%;height:3px;background:rgba(255,255,255,.45)}.ordnung-app .towel.grab{cursor:grabbing}.ordnung-app .towel.anim{transition:left .2s ease-out}.ordnung-app .towel.ok{cursor:default}.ordnung-app .brickgrid{position:absolute;inset:9% 6%;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:5%}.ordnung-app .brick{border:0;padding:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.ordnung-app .brick svg{width:100%;max-height:100%;display:block;transition:transform .18s ease,filter .18s}.ordnung-app .brick .shade{fill:rgba(0,0,0,.13)}.ordnung-app .brick.sel svg{transform:translateY(-7px) scale(1.06);filter:drop-shadow(0 6px 5px rgba(0,0,0,.25))}.ordnung-app .brick.flip svg{animation:pop .35s ease}.ordnung-app .cal{display:flex;flex-direction:column;gap:12px}.ordnung-app .runbox{display:flex;align-items:center;gap:18px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:14px 18px}.ordnung-app .run{display:flex;flex-direction:column;align-items:center;min-width:76px;flex:none}.ordnung-app .run-num{font-family:var(--f-display);font-size:46px;line-height:1;color:var(--accent);font-variant-numeric:tabular-nums}.ordnung-app .run-lbl{font-size:12px;color:var(--muted);font-weight:600;letter-spacing:.03em;text-align:center;margin-top:4px}.ordnung-app .run-side{min-width:0;display:flex;flex-direction:column;gap:4px}.ordnung-app .fomo{margin:0;font-weight:600;font-size:15px;line-height:1.4}.ordnung-app .fomo.warn{color:var(--warn)}.ordnung-app .best{margin:0;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.ordnung-app .calcard{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:14px}.ordnung-app .calhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ordnung-app .month{font-family:var(--f-display);font-size:20px}.ordnung-app .calnav{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}.ordnung-app .calnav:disabled{opacity:.3;cursor:default}.ordnung-app .calgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.ordnung-app .wd{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--muted);text-align:center;padding-bottom:2px}.ordnung-app .cd{aspect-ratio:1;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:13px;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--bg);position:relative;min-width:0}.ordnung-app .cd.finish{background:var(--accent);color:var(--surface);font-weight:700}.ordnung-app .cd.missed{background:transparent;border:1.5px dashed var(--line);color:var(--muted)}.ordnung-app .cd.future{background:transparent;color:var(--muted);opacity:.55}.ordnung-app .cd.empty{background:transparent}.ordnung-app .cd.today{box-shadow:0 0 0 2px var(--accent)}.ordnung-app .cd.today.open::after{content:"";position:absolute;inset:-2px;border-radius:11px;box-shadow:0 0 0 2px var(--warn);animation:pulse 1.8s ease-in-out infinite}.ordnung-app .legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;font-size:12px;color:var(--muted)}.ordnung-app .legend i{display:inline-block;width:12px;height:12px;border-radius:4px;vertical-align:-2px;margin-right:6px}.ordnung-app .legend .l-done{background:var(--accent)}.ordnung-app .legend .l-miss{border:1.5px dashed var(--line)}.ordnung-app .legend .l-today{box-shadow:inset 0 0 0 2px var(--warn)}.ordnung-app .sortrow.ponchos{top:14.5%;left:5%;right:5%}.ordnung-app .sortrow.ponchos .sort-item{align-items:flex-start}.ordnung-app .poncho{width:88%;height:46%;display:block}.ordnung-app .poncho svg{width:100%;height:100%;display:block}.ordnung-app .shirtarea{position:absolute;left:0;top:0;bottom:0;width:66%}.ordnung-app .tee{position:absolute;width:34%;aspect-ratio:1/1.06;padding:0;border:0;background:none;transform:translate(-50%,-50%) rotate(var(--rot));cursor:pointer;transition:transform .3s ease}.ordnung-app .tee svg{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.2))}.ordnung-app .tee .slv{transform-box:fill-box;transition:transform .3s ease}.ordnung-app .tee .slv.l{transform-origin:100% 50%}.ordnung-app .tee .slv.r{transform-origin:0 50%}.ordnung-app .tee.s1{transform:translate(-50%,-50%) rotate(0deg)}.ordnung-app .tee.s1 .slv{transform:scaleX(0)}.ordnung-app .tee.s2{animation:foldaway .35s ease forwards;pointer-events:none}.ordnung-app .pile{position:absolute;right:6%;bottom:14%;width:26%;display:flex;flex-direction:column-reverse;gap:2px;padding-bottom:3px;border-bottom:5px solid var(--wood-dark)}.ordnung-app .fblock{height:clamp(14px,4.4vw,20px);border-radius:4px;position:relative;box-shadow:inset 0 -3px 0 rgba(0,0,0,.14),inset 0 2px 0 rgba(255,255,255,.3);animation:dropin .35s ease both}.ordnung-app .fblock::after{content:"";position:absolute;left:40%;right:40%;top:0;height:4px;border-radius:0 0 4px 4px;background:rgba(0,0,0,.18)}.ordnung-app .pile-lbl{position:absolute;right:6%;bottom:6%;width:26%;text-align:center;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.ordnung-app .dish{position:absolute;height:36%;aspect-ratio:1/1;padding:0;border:0;background:none;transform:translate(-50%,-50%) rotate(var(--rot));cursor:pointer;transition:transform .18s ease;touch-action:none}.ordnung-app .dish svg{width:100%;height:100%;display:block;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.2))}.ordnung-app .dish.sel{transform:translate(-50%,-50%) rotate(0deg) scale(1.15)}.ordnung-app .cupboard{background:#4F6B64}.ordnung-app .cupboard .comp{background:#EEF2F0}.ordnung-app .cupboard .comp .lbl{color:#3A4A46}.ordnung-app .sofa{position:absolute;left:7%;right:7%;bottom:10%;height:46%}.ordnung-app .sofa .back{position:absolute;left:8%;right:8%;top:0;height:62%;background:var(--sofa);border-radius:18px 18px 6px 6px}.ordnung-app .sofa .seat{position:absolute;left:8%;right:8%;bottom:12%;height:30%;background:var(--sofa-2);border-radius:10px}.ordnung-app .sofa .arm{position:absolute;bottom:12%;width:12%;height:60%;background:var(--sofa-2);border-radius:14px}.ordnung-app .sofa .arm.l{left:0}.ordnung-app .sofa .arm.r{right:0}.ordnung-app .sofa .leg{position:absolute;bottom:0;width:4%;height:12%;background:var(--wood-dark);border-radius:0 0 3px 3px}.ordnung-app .pslot{position:absolute;width:14.5%;aspect-ratio:1;transform:translate(-50%,-50%);border:2px dashed var(--pc);border-radius:14px;opacity:.7}.ordnung-app .pillow{position:absolute;width:14.5%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(var(--rot));border-radius:16px;background-color:var(--pc);box-shadow:inset 0 -6px 0 rgba(0,0,0,.12),inset 0 4px 0 rgba(255,255,255,.25),0 4px 8px rgba(0,0,0,.18);cursor:grab;touch-action:none;transition:transform .25s ease;z-index:2}.ordnung-app .pillow.stripe{background-image:repeating-linear-gradient(90deg,transparent 0 16%,rgba(255,255,255,.5) 16% 24%)}.ordnung-app .pillow.set{transform:translate(-50%,-50%) rotate(0deg);cursor:default;animation:plump .45s ease;z-index:1}.ordnung-app .pillow.set::after{content:"";position:absolute;left:50%;top:0;width:16%;height:18%;margin-left:-8%;background:rgba(0,0,0,.16);border-radius:0 0 50% 50%}.ordnung-app .duvet{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.35) 0 2px,transparent 2px 20%),repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 2px,transparent 2px 20%),#BFD6E3}.ordnung-app .duvet .pil{position:absolute;left:12%;right:12%;top:5%;height:20%;background:#F4F6F5;border-radius:14px;box-shadow:inset 0 -5px 0 rgba(0,0,0,.08),0 3px 6px rgba(0,0,0,.1)}.ordnung-app .duvet .fold{position:absolute;left:0;right:0;top:30%;height:9%;background:#F4F6F5;box-shadow:0 3px 5px rgba(0,0,0,.1)}.ordnung-app .plant{position:absolute;bottom:16%;width:22%;height:50%;transform:translateX(-50%);--w:0}.ordnung-app .plant svg{width:100%;height:100%;display:block;overflow:visible}.ordnung-app .plant .lv{transform-box:view-box;transform-origin:50px 106px;transition:transform .2s ease}.ordnung-app .plant .lvl{transform:rotate(calc((1 - var(--w)) * -62deg))}.ordnung-app .plant .lvr{transform:rotate(calc((1 - var(--w)) * 62deg))}.ordnung-app .plant .lvc{transform:rotate(calc((1 - var(--w)) * 28deg)) scaleY(calc(.6 + var(--w) * .4))}.ordnung-app .plant .green{opacity:var(--w)}.ordnung-app .plant.happy svg{animation:pop .5s ease}.ordnung-app .can{position:absolute;left:62%;top:3%;width:30%;cursor:grab;touch-action:none;z-index:3}.ordnung-app .can.lift{cursor:grabbing}.ordnung-app .can svg{width:100%;display:block}.ordnung-app .can .drops{position:absolute;left:0;top:24%;width:9%;height:70%;opacity:0;pointer-events:none;background:radial-gradient(circle,#5FAEDB 0 32%,transparent 36%) 0 0/100% 22%;animation:rain .45s linear infinite;transition:opacity .15s}.ordnung-app .can.pour .drops{opacity:1}.ordnung-app .paper{position:absolute;left:12%;right:12%;top:11%;bottom:15%}.ordnung-app .strip{position:absolute;left:0;right:0;height:25%;background-color:var(--pc);background-image:linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px);background-size:14px 14px;transition:translate .35s ease;box-shadow:0 2px 3px rgba(0,0,0,.08)}.ordnung-app .strip:first-child{border-radius:6px 6px 0 0}.ordnung-app .strip:nth-child(4){border-radius:0 0 6px 6px}.ordnung-app .cutline{position:absolute;left:0;right:0;height:0;margin-top:-1px;border-top:2px dashed rgba(0,0,0,.4);transition:translate .35s ease}.ordnung-app .cutdone{position:absolute;left:0;top:-2px;width:0;height:2px;background:rgba(0,0,0,.75)}.ordnung-app .cutline.cut{border-top-color:transparent}.ordnung-app .cutline.cut .cutdone{opacity:0}.ordnung-app .cutzone{position:absolute;inset:0;cursor:crosshair}.ordnung-app .vessels{position:absolute;left:5%;right:5%;top:8%;bottom:16%;display:flex;justify-content:space-around;align-items:flex-end}.ordnung-app .vwrap{width:18%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.ordnung-app .vessel{position:relative;width:100%;height:78%;padding:0;border:3px solid var(--glass);border-top:none;border-radius:0 0 12px 12px;background:rgba(255,255,255,.22);overflow:hidden;cursor:pointer;touch-action:none;transition:border-color .3s}.ordnung-app .vessel .liq{position:absolute;left:0;right:0;bottom:0;height:0;background:var(--lc);opacity:.85}.ordnung-app .vessel .mark{position:absolute;left:0;right:0;height:0;border-top:2px dashed var(--ink);opacity:.7}.ordnung-app .vessel.pressed{border-color:var(--accent)}.ordnung-app .vessel.over .liq{transition:height .5s ease}.ordnung-app .vessel.ok{border-color:var(--accent)}.ordnung-app .vessel.ok .mark{border-top:2px solid var(--accent);opacity:1}.ordnung-app .ml{font-size:12px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.ordnung-app .ml b{color:var(--ink)}.ordnung-app .boardbase{position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(var(--wall) 0 80%,var(--wood) 80%)}.ordnung-app .ws{position:absolute;top:calc(13% - 9px);transform:translateX(-50%);aspect-ratio:60/150;cursor:pointer}.ordnung-app .ws svg{width:100%;height:100%;display:block;overflow:visible}.ordnung-app .ws .hk{fill:none;stroke:var(--steel);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.ordnung-app .ws.bad{animation:shake .35s}.ordnung-app .wtag{position:absolute;left:50%;top:21%;transform:translateX(-50%);background:#F7F6F1;color:#1D2A27;font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px;box-shadow:0 0 0 2px var(--accent);white-space:nowrap;animation:pop .4s ease}.ordnung-app .sizetag{position:absolute;transform:translate(-50%,-50%) rotate(var(--rot));background:#F7F6F1;color:#1D2A27;border:0;border-radius:6px;padding:7px 11px 7px 18px;font-weight:700;font-size:15px;box-shadow:0 2px 4px rgba(0,0,0,.2);cursor:grab;touch-action:none;transition:transform .18s ease}.ordnung-app .sizetag::before{content:"";position:absolute;left:6px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--wall);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}.ordnung-app .sizetag.sel{transform:translate(-50%,-50%) rotate(0deg) scale(1.12);box-shadow:0 0 0 2px var(--accent),0 6px 8px rgba(0,0,0,.2)}.ordnung-app .rack{position:absolute;left:8%;right:8%;top:5%;height:58%;background:#33424A;border-radius:10px;padding:2.5%;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,1fr);gap:3%;box-shadow:0 6px 12px rgba(0,0,0,.18)}.ordnung-app .slot{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;background:rgba(0,0,0,.25);border-radius:6px;padding:3px 0 4px;min-width:0;min-height:0;cursor:pointer}.ordnung-app .slot svg{height:80%;width:auto;display:block}.ordnung-app .slot .cdot{width:9px;height:9px;flex:none;border-radius:50%;background:var(--sc);box-shadow:0 0 0 1.5px rgba(255,255,255,.6)}.ordnung-app .slot.empty{box-shadow:inset 0 0 0 2px rgba(255,255,255,.28)}.ordnung-app .slot.empty::before{content:"";flex:1}.ordnung-app .slot.filled svg{animation:dropin .35s ease both}.ordnung-app .slot.bad{animation:shake .35s}.ordnung-app .pen{position:absolute;height:25%;aspect-ratio:1/5;padding:0;border:0;background:none;transform:translate(-50%,-50%) rotate(var(--rot));cursor:grab;touch-action:none;transition:transform .18s ease}.ordnung-app .pen svg{width:100%;height:100%;display:block;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.22))}.ordnung-app .pen.sel{transform:translate(-50%,-50%) rotate(0deg) scale(1.1)}.ordnung-app .shopshelf{position:absolute;inset:0;background:var(--wall)}.ordnung-app .srow{position:absolute;left:6%;right:6%;height:28%;display:flex;align-items:flex-end;justify-content:space-around;padding-bottom:9%}.ordnung-app .srow .plank{position:absolute;left:0;right:0;bottom:0;height:9%;background:var(--wood);border-bottom:3px solid var(--wood-dark);border-radius:2px}.ordnung-app .srow svg{height:62%;width:auto;display:block;position:relative}@keyframes foldaway{to{scale:.4 .2;opacity:0}}@keyframes dropin{from{translate:0 -24px;opacity:0}}@keyframes plump{40%{scale:1.12 .9}}@keyframes rain{to{background-position:0 100%}}@keyframes flick{to{translate:var(--dx) var(--dy);scale:.4;opacity:0}}@keyframes pulse{0%,100%{opacity:.25}50%{opacity:1}}@keyframes pop{0%,100%{transform:none}40%{transform:translateY(-8px)}}@keyframes shake{0%,100%{translate:0}25%{translate:-4px}75%{translate:4px}}@keyframes fold{to{transform:rotate(0deg) scale(.15);opacity:0}}@keyframes fadein{from{opacity:0}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes swing{0%{transform:translateX(-50%) rotate(6deg)}35%{transform:translateX(-50%) rotate(-4deg)}65%{transform:translateX(-50%) rotate(2deg)}100%{transform:translateX(-50%) rotate(0)}}@media (prefers-reduced-motion:reduce){.ordnung-app *,.ordnung-app *::before,.ordnung-app *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}