:root{--loop:#ff6a3d;--loop-hell:#ff8a5f;--loop-dunkel:#e9532a;--loop-bg:#f7f5f2;--loop-surface:#fff;--loop-ink:#1b1b1f;--loop-muted:#6e6e74;--loop-text-accent:#c2410c;--loop-track:#ece7e2;--loop-line:#e4ded8;--loop-todo:#d9d3cd;--loop-thumb:#f4f1ec;--loop-band-leicht:#ffc9b5;--loop-band-mittel:#ff6a3d;--loop-band-stark:#b8381a;--loop-band-ultra:#1b1b1f;--loop-success:#2e9e5b;--loop-danger:#d13b2b;--loop-font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--loop-space-1:4px;--loop-space-2:8px;--loop-space-3:12px;--loop-space-4:16px;--loop-space-5:20px;--loop-space-6:24px;--loop-space-8:32px;--loop-gutter:24px;--loop-radius-s:12px;--loop-radius-m:16px;--loop-radius-l:20px;--loop-radius-xl:28px;--loop-radius-pill:999px;--loop-shadow-1:0 1px 3px #0000000d;--loop-shadow-2:0 10px 30px -10px #0000002e;--loop-shadow-glass:inset 0 1px 0 #fffffff2, inset 0 0 0 1px #fff9, 0 0 0 1px #0000000f, 0 18px 40px #00000024;--loop-ease:cubic-bezier(.16, 1, .3, 1);--loop-dur-fast:.15s;--loop-dur:.25s;--loop-dur-slow:.45s;--loop-touch:44px;--loop-safe-top:env(safe-area-inset-top,0px);--loop-safe-bottom:env(safe-area-inset-bottom,0px);--loop-safe-left:env(safe-area-inset-left,0px);--loop-safe-right:env(safe-area-inset-right,0px);--loop-tabbar-h:64px;--loop-brand:var(--loop);--loop-brand-tint:#ffe3d8;--loop-surface-sunken:var(--loop-thumb);--loop-surface-inverse:var(--loop-ink);--loop-text:var(--loop-ink);--loop-text-muted:var(--loop-muted);--loop-text-inverse:#fff;--loop-shadow-card:var(--loop-shadow-1);--loop-schleier:#1b1b1f66;--loop-stack:12px;--loop-section:24px;--loop-content-max:480px;--loop-content-max-tablet:640px;--loop-content-max-desk:960px;--loop-content-max-fokus:560px;--loop-aktion-max:360px;--loop-sidenav-schiene:88px;--loop-sidenav-breit:248px;--loop-nav-w:0px;--loop-screen-pb:calc(var(--loop-safe-bottom) + 24px);--loop-aktion-unten:calc(var(--loop-safe-bottom) + 16px);--loop-z-sticky:10;--loop-z-nav:20;--loop-z-sheet:60;--loop-z-toast:70;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (width>=768px){:root{--loop-gutter:32px}}@media (width>=1024px){:root{--loop-gutter:40px}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--loop-bg);color:var(--loop-ink);font:500 16px/1.4 var(--loop-font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0}button,input{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--loop);outline-offset:3px}.num{font-variant-numeric:tabular-nums}.shell{max-width:var(--loop-content-max);background:var(--loop-bg);min-height:100%;margin:0 auto;position:relative}@media (width>=600px) and (width<=767.98px){body{background:#e9e5e0}.shell{box-shadow:0 0 0 1px #0000000a,0 30px 80px #0000001f}}.layout{min-height:100dvh}.layout.mit-nav{--loop-screen-pb:calc(var(--loop-safe-bottom) + var(--loop-tabbar-h) + 32px);--loop-aktion-unten:calc(var(--loop-safe-bottom) + var(--loop-tabbar-h) + 26px)}.screen{gap:var(--loop-space-4);min-height:100dvh;padding:calc(var(--loop-safe-top) + 28px) calc(var(--loop-gutter) + var(--loop-safe-right)) var(--loop-screen-pb) calc(var(--loop-gutter) + var(--loop-safe-left));flex-direction:column;display:flex}@media (width>=768px){.shell{max-width:none}.layout.mit-nav{--loop-nav-w:calc(var(--loop-sidenav-schiene) + var(--loop-safe-left));--loop-screen-pb:calc(var(--loop-safe-bottom) + 48px);padding-left:var(--loop-nav-w)}.screen{width:100%;max-width:calc(var(--loop-content-max-tablet) + 2 * var(--loop-gutter));padding-top:calc(var(--loop-safe-top) + 40px);margin-inline:auto}.layout.mit-nav .screen{padding-left:var(--loop-gutter)}.layout.fokus .screen{max-width:calc(var(--loop-content-max-fokus) + 2 * var(--loop-gutter))}}@media (width>=1024px){.layout.mit-nav{--loop-nav-w:calc(var(--loop-sidenav-breit) + var(--loop-safe-left))}.layout.mit-nav .screen.breit{max-width:calc(var(--loop-content-max-desk) + 2 * var(--loop-gutter))}}.spalte{gap:var(--loop-space-4);flex-direction:column;min-width:0;display:flex}.abschnitt{gap:var(--loop-space-2);flex-direction:column;min-width:0;display:flex}.cols-2,.cols-7-5,.cols-5-7{gap:var(--loop-space-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.raster{gap:var(--loop-space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=767.98px){.ab-tablet{display:none!important}}@media (width>=768px){.cols-2{gap:var(--loop-space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.cols-5-7{gap:var(--loop-space-6);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.raster{gap:var(--loop-space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.nur-handy{display:none!important}}@media (width>=1024px){.cols-7-5{gap:var(--loop-space-6);grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.screen.breit .raster{grid-template-columns:repeat(4,minmax(0,1fr))}.bleibt-oben{top:calc(var(--loop-safe-top) + 24px);position:sticky}}.aktion-unten{z-index:var(--loop-z-sticky);bottom:var(--loop-aktion-unten);gap:var(--loop-space-2);flex-direction:column;margin-top:auto;display:flex;position:sticky}@media (width>=768px){.aktion-unten{width:100%;max-width:var(--loop-aktion-max);margin-top:var(--loop-space-2);position:static}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cap{font:700 13px/1.2 var(--loop-font);letter-spacing:.07em;text-transform:uppercase;color:var(--loop-text-accent);margin:0}.display{font:750 32px/1.1 var(--loop-font);letter-spacing:-.015em;margin:0}.title{font:750 28px/1.12 var(--loop-font);letter-spacing:-.01em;margin:0}.headline{font:700 19px/1.25 var(--loop-font);letter-spacing:-.005em;margin:0}.body{font:500 17px/1.4 var(--loop-font);color:var(--loop-muted);margin:0}.small{font:500 14px/1.35 var(--loop-font);color:var(--loop-muted);margin:0}.label{font:700 12px/1 var(--loop-font);letter-spacing:.08em;text-transform:uppercase;color:var(--loop-muted);margin:0}.stack{gap:var(--loop-space-2);flex-direction:column;display:flex}.stack-3{gap:var(--loop-space-3);flex-direction:column;display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--loop-space-3);display:flex}.grow{flex:1}.mt-auto{margin-top:auto}.center{text-align:center}.link{color:var(--loop-text-accent);background:0 0;border:0;padding:8px 0;font-weight:650}.fehler{border-radius:var(--loop-radius-s);color:var(--loop-danger);font:600 14px/1.35 var(--loop-font);background:#fce9e6;margin:0;padding:12px 14px}.hinweis{border-radius:var(--loop-radius-s);color:#9a3a18;font:600 14px/1.35 var(--loop-font);background:#fff1eb;margin:0;padding:12px 14px}@keyframes einblenden{0%{transform:translateY(10px)}to{transform:none}}.screen>*{animation:einblenden var(--loop-dur-slow) var(--loop-ease) both}.screen>:nth-child(2){animation-delay:30ms}.screen>:nth-child(3){animation-delay:60ms}.screen>:nth-child(4){animation-delay:90ms}.screen>:nth-child(n+5){animation-delay:.12s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.btn{border-radius:var(--loop-radius-pill);min-height:52px;font:700 17px/1 var(--loop-font);white-space:nowrap;transition:transform var(--loop-dur-fast) var(--loop-ease), background-color var(--loop-dur), opacity var(--loop-dur);border:0;justify-content:center;align-items:center;gap:8px;padding:0 24px;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn-primary{background:var(--loop-ink);color:#fff}.btn-accent{background:var(--loop);color:#fff}.btn-secondary{background:var(--loop-track);color:var(--loop-ink)}.btn-ghost{color:var(--loop-ink);box-shadow:inset 0 0 0 1.5px var(--loop-line);background:0 0}.btn-block{width:100%}.btn-icon{flex:none;width:52px;padding:0}.btn-icon svg{width:20px;height:20px}.btn-small{min-height:40px;padding:0 16px;font-size:15px}.ctl{gap:12px;display:flex}.ctl>.btn:not(.btn-icon){flex:1}.seg{background:var(--loop-track);border-radius:var(--loop-radius-pill);padding:4px;display:flex}.seg button{border-radius:var(--loop-radius-pill);min-height:40px;font:650 15px/1 var(--loop-font);color:var(--loop-muted);transition:background-color var(--loop-dur), color var(--loop-dur), box-shadow var(--loop-dur);background:0 0;border:0;flex:1}.seg button[aria-checked=true]{color:var(--loop-ink);background:#fff;box-shadow:0 1px 3px #0000001a}.bar{border-radius:var(--loop-radius-pill);background:var(--loop-track);height:8px;overflow:hidden}.bar>i{border-radius:inherit;background:var(--loop);height:100%;transition:width var(--loop-dur-slow) var(--loop-ease);display:block}.ring{flex:none;place-items:center;display:grid;position:relative}.ring svg{width:100%;height:100%;position:absolute;inset:0;rotate:-90deg}.ring circle{fill:none;stroke:var(--loop-track)}.ring circle+circle{stroke:var(--loop);stroke-linecap:round;transition:stroke-dasharray var(--loop-dur-slow) var(--loop-ease)}.ring-inhalt{text-align:center;position:relative}.ring-inhalt b{font:800 var(--ring-font,22px)/1 var(--loop-font);letter-spacing:-.02em;font-variant-numeric:tabular-nums;display:block}.ring-inhalt small{font:500 14px/1 var(--loop-font);color:var(--loop-muted);margin-top:6px;display:block}.tile{background:var(--loop-surface);border-radius:var(--loop-radius-l);box-shadow:var(--loop-shadow-1);padding:20px}.tile-dunkel{background:var(--loop-ink);color:#fff}.tile-dunkel .small{color:#fff9}.tile .wert{font:800 34px/1 var(--loop-font);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:6px;display:block}.tiles{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lrow{text-align:left;background:var(--loop-surface);border-radius:var(--loop-radius-m);width:100%;box-shadow:var(--loop-shadow-1);transition:transform var(--loop-dur-fast) var(--loop-ease);border:0;align-items:center;gap:12px;padding:8px;display:flex}button.lrow:active{transform:scale(.985)}.lrow-thumb{background:var(--loop-thumb) center/cover;border-radius:12px;flex:none;place-items:center;width:52px;height:52px;display:grid}.lrow-thumb img{opacity:.9;width:55%}.lrow-text{min-width:0;font:650 16px/1.2 var(--loop-font);flex:1}.lrow-text small{font:500 14px/1.2 var(--loop-font);color:var(--loop-muted);margin-top:4px;display:block}.lrow-status{width:26px;height:26px;box-shadow:inset 0 0 0 2px var(--loop-todo);border-radius:50%;flex:none;margin-right:6px}.lrow-status.ok{box-shadow:none;background:var(--loop) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/62% no-repeat}.lrow-status.jetzt{box-shadow:inset 0 0 0 2px var(--loop)}.lrow-chev{width:18px;height:18px;color:var(--loop-muted);flex:none;margin-right:8px}.lrow.aktiv{box-shadow:0 0 0 2px var(--loop)}.lrow-icon{background:var(--loop-track);color:var(--loop-ink);border-radius:50%}.lrow-icon svg{width:22px;height:22px}.lrow-rechts{margin-right:var(--loop-space-2);font:650 14px/1.2 var(--loop-font);color:var(--loop-text-accent);white-space:nowrap;flex:none}.lrow-rechts+.lrow-chev{margin-left:calc(-1 * var(--loop-space-1))}.week{justify-content:space-between;display:flex}.week>span,.week>button{font:650 13px/1 var(--loop-font);color:var(--loop-muted);flex-direction:column;align-items:center;gap:8px;display:flex}.week>button{min-width:var(--loop-touch);min-height:var(--loop-touch);padding:var(--loop-space-1) 0;border-radius:var(--loop-radius-s);background:0 0;border:0}.week>button.gewaehlt{color:var(--loop-ink);background:var(--loop-track)}.week>button.gewaehlt.plan i,.week>button.gewaehlt.frei i{background:var(--loop-surface)}.week i{width:36px;height:36px;font:650 14px/1 var(--loop-font);color:var(--loop-muted);background:0 0;border-radius:50%;place-items:center;font-style:normal;display:grid}.week .plan i{background:var(--loop-track);color:var(--loop-ink)}.week .ok i{color:#0000;background:var(--loop) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/58% no-repeat}.week .heute{color:var(--loop-ink)}.week .heute i{box-shadow:inset 0 0 0 2px var(--loop)}.week .verpasst i{box-shadow:inset 0 0 0 2px var(--loop-todo);background:0 0}.goals{grid-template-columns:1fr 1fr;gap:12px;display:grid}.goal{aspect-ratio:1/1.05;border-radius:var(--loop-radius-l);text-align:left;color:#fff;background:var(--loop-thumb) var(--pos,center)/cover;background-image:var(--img);transition:transform var(--loop-dur-fast) var(--loop-ease), box-shadow var(--loop-dur);border:0;align-items:flex-end;padding:14px;display:flex;position:relative;overflow:hidden}.goal:before{content:"";background:linear-gradient(#0000 40%,#0000008c);position:absolute;inset:0}.goal b{font:700 16px/1.2 var(--loop-font);position:relative}.goal:after{content:"";background:#00000026;border-radius:50%;width:26px;height:26px;position:absolute;top:12px;right:12px;box-shadow:inset 0 0 0 2px #fff}.goal[aria-pressed=true]{box-shadow:0 0 0 3px var(--loop)}.goal[aria-pressed=true]:after{box-shadow:none;background:var(--loop) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/62% no-repeat}.goal:active{transform:scale(.98)}.goal .rang{color:var(--loop-ink);font:700 11px/1 var(--loop-font);letter-spacing:.04em;text-transform:uppercase;background:#ffffffeb;border-radius:99px;padding:4px 8px;position:absolute;top:12px;left:12px}.band{text-align:left;background:var(--loop-surface);border-radius:var(--loop-radius-m);width:100%;min-height:64px;box-shadow:var(--loop-shadow-1);transition:box-shadow var(--loop-dur);border:0;align-items:center;gap:14px;padding:12px 16px;display:flex}.band-dot{background:var(--bc);border-radius:50%;flex:none;width:32px;height:32px;box-shadow:inset 0 0 0 1px #0000000f}.band-text{font:650 17px/1.2 var(--loop-font);flex:1}.band-text small{font:500 14px/1.2 var(--loop-font);color:var(--loop-muted);margin-top:3px;display:block}.band[aria-checked=true]{box-shadow:0 0 0 2px var(--loop)}.band:disabled{opacity:.5;cursor:default}.band.gesperrt:not(:disabled) .band-dot{opacity:.5}.band .schloss{width:18px;height:18px;color:var(--loop-muted)}.toggle-row{background:var(--loop-surface);border-radius:var(--loop-radius-m);min-height:56px;box-shadow:var(--loop-shadow-1);font:600 16px/1.2 var(--loop-font);justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex}.toggle{background:var(--loop-todo);width:51px;height:31px;transition:background-color var(--loop-dur);border:0;border-radius:99px;flex:none;padding:0;position:relative}.toggle:after{content:"";width:27px;height:27px;transition:translate var(--loop-dur) var(--loop-ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #00000026}.toggle[aria-checked=true]{background:var(--loop)}.toggle[aria-checked=true]:after{translate:20px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--loop-track);min-height:36px;color:var(--loop-ink);font:600 14px/1 var(--loop-font);white-space:nowrap;transition:background-color var(--loop-dur), color var(--loop-dur);border:0;border-radius:99px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex;position:relative}.chip:before{content:"";position:absolute;inset:-4px 0}.chip[aria-pressed=true],.chip[data-aktiv]{background:var(--loop-ink);color:#fff}.chip-pfeil{width:14px;height:14px;margin-right:-4px;rotate:90deg}.chip-rund{width:var(--loop-touch);min-height:var(--loop-touch);padding:0;font-size:15px}.chip-rund:before{content:none}.chiprow{gap:var(--loop-space-2);scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:calc(-1 * var(--loop-gutter));padding:var(--loop-space-1) var(--loop-gutter);scroll-padding-inline:var(--loop-gutter);display:flex;overflow-x:auto}.chiprow::-webkit-scrollbar{display:none}@media (width>=768px){.chiprow{flex-wrap:wrap;margin-inline:0;padding-inline:0;overflow:visible}}.tag{background:var(--loop-track);font:650 13px/1 var(--loop-font);border-radius:99px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.tag i{background:var(--bc,var(--loop));border-radius:50%;width:10px;height:10px}.dots{gap:6px;display:flex}.dots i{background:var(--loop-track);width:22px;height:5px;transition:background-color var(--loop-dur);border-radius:99px}.dots i.on{background:var(--loop)}.field{flex-direction:column;gap:6px;display:flex}.field span{font:650 14px/1 var(--loop-font);color:var(--loop-muted)}.field input{border-radius:var(--loop-radius-m);background:var(--loop-surface);min-height:54px;box-shadow:inset 0 0 0 1.5px var(--loop-line);font:500 17px/1 var(--loop-font);transition:box-shadow var(--loop-dur);border:0;outline:none;padding:0 16px}.field input:focus{box-shadow:inset 0 0 0 2px var(--loop)}.tabbar{z-index:var(--loop-z-nav);left:50%;bottom:calc(var(--loop-safe-bottom) + 14px);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);width:min(100% - 32px,420px);box-shadow:var(--loop-shadow-glass);background:linear-gradient(#ffffffd1,#ffffff9e);border-radius:26px;gap:4px;padding:6px;display:flex;position:fixed;translate:-50%}.tabbar a{min-height:52px;font:650 11px/1 var(--loop-font);color:var(--loop-muted);transition:background-color var(--loop-dur), color var(--loop-dur);border-radius:20px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;text-decoration:none;display:flex}.tabbar a svg{width:22px;height:22px}.tabbar a.active{color:var(--loop-ink);background:#1b1b1f12}.sidenav{display:none}@media (width>=768px){.tabbar{display:none}.sidenav{z-index:var(--loop-z-nav);width:calc(var(--loop-sidenav-schiene) + var(--loop-safe-left));align-items:center;gap:var(--loop-space-6);padding:calc(var(--loop-safe-top) + var(--loop-space-6)) var(--loop-space-3) calc(var(--loop-safe-bottom) + var(--loop-space-4)) calc(var(--loop-safe-left) + var(--loop-space-3));background:var(--loop-bg);border-right:1px solid var(--loop-line);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidenav-logo{align-items:center;gap:var(--loop-space-3);min-height:var(--loop-touch);border-radius:var(--loop-radius-s);color:var(--loop-ink);text-decoration:none;display:flex}.sidenav-logo b{font:800 22px/1 var(--loop-font);letter-spacing:-.02em;display:none}.sidenav ul{gap:var(--loop-space-1);flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.sidenav li a{justify-content:center;align-items:center;gap:var(--loop-space-1);border-radius:var(--loop-radius-m);height:64px;font:650 11px/1 var(--loop-font);color:var(--loop-muted);transition:background-color var(--loop-dur), color var(--loop-dur);flex-direction:column;text-decoration:none;display:flex}.sidenav li a svg{flex:none;width:24px;height:24px}.sidenav li a:hover{color:var(--loop-ink)}.sidenav li a.active{color:var(--loop-ink);background:var(--loop-surface);box-shadow:var(--loop-shadow-card)}.sidenav-fuss{flex-direction:column;align-items:center;width:100%;margin-top:auto;display:flex}.sidenav .levelcard-kompakt{width:auto;padding:var(--loop-space-3);border-radius:50%;min-height:0}.sidenav .levelcard-kompakt .levelcard-text,.sidenav .levelcard-kompakt .lrow-chev{display:none}}@media (width>=1024px){.sidenav{width:calc(var(--loop-sidenav-breit) + var(--loop-safe-left));padding-inline:calc(var(--loop-safe-left) + var(--loop-space-4)) var(--loop-space-4);align-items:stretch}.sidenav-logo{padding:0 var(--loop-space-3)}.sidenav-logo b{display:block}.sidenav li a{justify-content:flex-start;gap:var(--loop-space-3);height:48px;padding:0 var(--loop-space-3);font:650 16px/1.2 var(--loop-font);border-radius:14px;flex-direction:row}.sidenav-fuss{align-items:stretch}.sidenav .levelcard-kompakt{width:100%;padding:var(--loop-space-3);border-radius:var(--loop-radius-m)}.sidenav .levelcard-kompakt .levelcard-text,.sidenav .levelcard-kompakt .lrow-chev{display:block}}.topbar{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.round{background:var(--loop-surface);width:44px;height:44px;box-shadow:var(--loop-shadow-1);color:var(--loop-ink);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.round svg{width:20px;height:20px}.media{border-radius:var(--loop-radius-l);background:var(--loop-thumb) var(--pos,center)/cover;aspect-ratio:4/3.4;position:relative;overflow:hidden}.media video{object-fit:cover;width:100%;height:100%;display:block}.media-leer{background:linear-gradient(160deg, color-mix(in srgb, var(--bc,var(--loop)) 28%, #fff), color-mix(in srgb, var(--bc,var(--loop)) 55%, #fff));place-items:center;display:grid}.media-leer img{opacity:.95;width:34%}.media-tag{font:700 12px/1 var(--loop-font);background:#ffffffeb;border-radius:99px;padding:7px 11px;position:absolute;top:12px;left:12px}.hero{border-radius:var(--loop-radius-xl);color:#fff;text-align:left;background:var(--loop-ink) var(--pos,center)/cover;background-image:var(--img);border:0;flex-direction:column;justify-content:flex-end;gap:6px;min-height:340px;padding:20px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(#0000 30%,#000000b3);position:absolute;inset:0}.hero>*{position:relative}.hero .cap{color:#fff}.hero h2{font:750 28px/1.1 var(--loop-font);letter-spacing:-.01em;margin:0}.hero p{font:500 15px/1.3 var(--loop-font);color:#fffc;margin:0}.hero .btn{align-self:flex-start;margin-top:10px}.toast{z-index:var(--loop-z-toast);left:50%;top:calc(var(--loop-safe-top) + 16px);background:var(--loop-ink);color:#fff;max-width:calc(100% - 32px);font:600 15px/1.25 var(--loop-font);text-align:center;box-shadow:var(--loop-shadow-2);animation:einblenden var(--loop-dur) var(--loop-ease);border-radius:99px;padding:12px 18px;position:fixed;translate:-50%}@media (width>=768px){.toast{top:auto;bottom:calc(var(--loop-safe-bottom) + 32px);left:calc(50% + var(--loop-nav-w) / 2);max-width:min(480px, calc(100% - var(--loop-nav-w) - 64px))}}.empty{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;display:flex}.empty img{opacity:.8;width:48px}.empty-icon{background:var(--loop-track);width:56px;height:56px;color:var(--loop-ink);border-radius:50%;place-items:center;display:grid}.empty-icon svg{width:26px;height:26px}.empty .small{max-width:34ch}.empty-aktion{margin-top:var(--loop-space-2)}.btn svg{flex:none;width:18px;height:18px}.medals{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;display:grid}.medal{background:var(--loop-surface);border-radius:var(--loop-radius-m);box-shadow:var(--loop-shadow-1);transition:transform var(--loop-dur-fast) var(--loop-ease), box-shadow var(--loop-dur);border:0;flex-direction:column;align-items:center;gap:8px;padding:12px 6px 10px;display:flex}.medal:active{transform:scale(.96)}.medal.aktiv{box-shadow:0 0 0 2px var(--loop)}.medal-bild{aspect-ratio:1;place-items:center;width:76%;display:grid}.medal-bild img{object-fit:contain;filter:grayscale()contrast(.7)brightness(1.15);opacity:.38;width:100%;height:100%;transition:filter var(--loop-dur-slow), opacity var(--loop-dur-slow)}.medal.verdient .medal-bild img{filter:drop-shadow(0 6px 10px #0000002e);opacity:1}.medal-name{font:650 12.5px/1.2 var(--loop-font);text-align:center;color:var(--loop-muted);min-height:2.4em}.medal.verdient .medal-name{color:var(--loop-ink)}.medal-detail{align-items:center;gap:16px;display:flex}.medal-detail img{filter:drop-shadow(0 8px 14px #0003);flex:none;width:96px;height:96px}.medal-detail img.gesperrt{filter:grayscale()contrast(.7)brightness(1.15);opacity:.45}.medal-neu{align-items:center;gap:16px;display:flex}.medal-neu img{filter:drop-shadow(0 8px 16px #ff6a3d59);width:88px;height:88px;animation:medaille-rein .9s var(--loop-ease) both;flex:none}@keyframes medaille-rein{0%{transform:scale(.4)rotate(-25deg)}60%{transform:scale(1.08)rotate(4deg)}to{transform:none}}.tile-dunkel .cap{color:var(--loop-hell)}.tile-dunkel .ring circle:first-child{stroke:#ffffff29}.avatar{width:var(--av,44px);height:var(--av,44px);background:color-mix(in srgb, var(--loop) 16%, var(--loop-surface));color:var(--loop-text-accent);font:750 calc(var(--av,44px) * .36)/1 var(--loop-font);letter-spacing:.02em;border-radius:50%;flex:none;place-items:center;display:grid}.avatar-dunkel{background:var(--loop-ink);color:var(--loop-surface)}.lrow-person{min-height:64px;padding:var(--loop-space-2) var(--loop-space-3)}.lrow-person .lrow-text{text-overflow:ellipsis;overflow:hidden}.lrow-medaille{object-fit:contain;flex:none;width:36px;height:36px}.personen{gap:var(--loop-space-2);flex-direction:column;display:flex}.vs{gap:var(--loop-space-4);flex-direction:column;display:flex}.vs-gruss{overflow-wrap:anywhere;font-style:italic}.vs-kopf{align-items:center;gap:var(--loop-space-3);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.vs-seite{align-items:center;gap:var(--loop-space-2);flex-direction:column;min-width:0;display:flex}.vs-seite b{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:650 15px/1.2 var(--loop-font);overflow:hidden}.vs-vs{padding:var(--loop-space-2) var(--loop-space-3);border-radius:var(--loop-radius-pill);background:var(--loop-track);color:var(--loop-muted);font:800 13px/1 var(--loop-font);letter-spacing:.1em}.vs-balken{gap:var(--loop-space-3);flex-direction:column;display:flex}.vs-zeile{align-items:center;gap:var(--loop-space-3);grid-template-columns:minmax(0,5.5em) minmax(0,1fr) minmax(4.5em,auto);display:grid}.vs-name{text-overflow:ellipsis;white-space:nowrap;font:600 14px/1.2 var(--loop-font);color:var(--loop-muted);overflow:hidden}.vs-zeile b{text-align:right;font:750 16px/1 var(--loop-font);white-space:nowrap}.vs-zeile.gegner .bar>i{background:var(--loop-ink)}.vs-ergebnis{align-items:center;gap:var(--loop-space-3);display:flex}.vs-ergebnis img{object-fit:contain;flex:none;width:56px;height:56px}.code-zeile{justify-content:space-between;align-items:center;gap:var(--loop-space-3);margin-top:var(--loop-space-2);flex-wrap:wrap;display:flex}.code{font:800 34px/1 var(--loop-font);letter-spacing:.14em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.code-form{align-items:flex-end;gap:var(--loop-space-3);display:flex}.code-form .field{flex:1;min-width:0}.code-form .field input{text-transform:uppercase;letter-spacing:.08em;width:100%}.zaehler{text-align:right;font-variant-numeric:tabular-nums}.sechead{justify-content:space-between;align-items:center;gap:var(--loop-space-3);min-height:var(--loop-touch);display:flex}.sechead .headline{min-width:0}.sechead-link{min-height:var(--loop-touch);margin-right:calc(-1 * var(--loop-space-2));padding:0 var(--loop-space-2);border-radius:var(--loop-radius-s);color:var(--loop-text-accent);font:650 15px/1 var(--loop-font);background:0 0;border:0;flex:none}.search{border-radius:var(--loop-radius-m);background:var(--loop-surface);height:48px;min-height:48px;box-shadow:inset 0 0 0 1.5px var(--loop-line);transition:box-shadow var(--loop-dur);flex:none;align-items:center;display:flex;position:relative}.search:focus-within{box-shadow:inset 0 0 0 2px var(--loop)}.search>svg{width:20px;height:20px;margin-left:var(--loop-space-4);color:var(--loop-muted);pointer-events:none;flex:none}.search input{min-width:0;height:100%;padding:0 var(--loop-space-3);font:500 17px/1 var(--loop-font);appearance:none;background:0 0;border:0;outline:none;flex:1}.search input::placeholder{color:var(--loop-muted);opacity:1}.search input::-webkit-search-cancel-button{appearance:none}.search input::-webkit-search-decoration{appearance:none}.search button{width:var(--loop-touch);height:var(--loop-touch);color:var(--loop-muted);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;margin-right:2px;display:grid}.search button svg{width:18px;height:18px}.wcard{border-radius:var(--loop-radius-l);background:var(--loop-surface);width:240px;min-height:184px;box-shadow:var(--loop-shadow-card);text-align:left;scroll-snap-align:start;transition:transform var(--loop-dur-fast) var(--loop-ease);border:0;flex-direction:column;flex:none;padding:0;display:flex;overflow:hidden}.wcard:active{transform:scale(.98)}.wcard:focus-visible{outline-offset:2px}.wcard-bild{background:var(--loop-surface-sunken) center/cover;place-items:center;width:100%;height:112px;display:grid}.wcard-bild img{opacity:.9;width:40px}.wcard-text{gap:var(--loop-space-1);padding:var(--loop-space-3);flex-direction:column;min-width:0;display:flex}.wcard-text b{font:650 16px/1.2 var(--loop-font);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wcard-text small{font:500 13px/1.25 var(--loop-font);color:var(--loop-muted)}.wcard-text small i{background:var(--bc,var(--loop));border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block;box-shadow:inset 0 0 0 1px #0000000f}.cardrow{gap:var(--loop-space-3);scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:calc(-1 * var(--loop-gutter));padding:var(--loop-space-1) var(--loop-gutter) var(--loop-space-2);scroll-padding-inline:var(--loop-gutter);display:flex;overflow-x:auto}.cardrow::-webkit-scrollbar{display:none}@media (width>=768px){.cardrow{gap:var(--loop-space-4);grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:0;padding-inline:0;display:grid;overflow:visible}.cardrow .wcard{width:auto}}@media (width>=1024px){.screen.breit .cardrow{grid-template-columns:repeat(4,minmax(0,1fr))}}.levelcard{text-align:left;border:0;width:100%}.levelcard-gross{align-items:center;gap:var(--loop-space-4);display:flex}.levelcard-gross .levelcard-text{gap:var(--loop-space-1);flex-direction:column;flex:1;min-width:0;display:flex}.levelcard-gross .lrow-chev{color:#fff9;margin-right:0}.levelcard .ring-inhalt b{font-weight:800}.levelcard-kompakt{min-height:64px;padding:var(--loop-space-3)}.stepper{align-items:center;gap:var(--loop-space-2);min-height:64px;padding:0 var(--loop-space-3) 0 var(--loop-space-4);background:var(--loop-surface);border-radius:var(--loop-radius-m);box-shadow:var(--loop-shadow-card);display:flex}.stepper-label{min-width:0;font:650 16px/1.2 var(--loop-font);flex:1}.stepper-knopf{width:var(--loop-touch);height:var(--loop-touch);background:var(--loop-track);color:var(--loop-ink);transition:transform var(--loop-dur-fast) var(--loop-ease), opacity var(--loop-dur);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.stepper-knopf:active:not(:disabled){transform:scale(.94)}.stepper-knopf:disabled{opacity:.4;cursor:default}.stepper-knopf svg{width:20px;height:20px}.stepper-wert{min-width:64px;padding:var(--loop-space-2) 0;border-radius:var(--loop-radius-s);text-align:center;font:800 24px/1 var(--loop-font);letter-spacing:-.02em}.mcal{gap:var(--loop-space-2);flex-direction:column;display:flex}.mcal-kopf{justify-content:space-between;align-items:center;gap:var(--loop-space-3);display:flex}.mcal-kopf b{font:650 16px/1.2 var(--loop-font)}.mcal-kopf .round{background:var(--loop-track);box-shadow:none}.mcal-kopf .round:disabled{opacity:.4;cursor:default}.mcal-raster{grid-template-columns:repeat(7,minmax(0,1fr));justify-items:center;row-gap:2px;display:grid}.mcal-tag-kopf{height:28px;font:650 13px/1 var(--loop-font);color:var(--loop-muted);place-items:center;display:grid}.mcal-tag{width:100%;min-height:var(--loop-touch);background:0 0;border:0;place-items:center;padding:0;display:grid}.mcal-tag i{width:34px;height:34px;font:650 13px/1 var(--loop-font);color:var(--loop-muted);border-radius:50%;place-items:center;font-style:normal;display:grid}.mcal-tag.heute i{box-shadow:inset 0 0 0 2px var(--loop);color:var(--loop-ink)}.mcal-tag.aktiv i{background:var(--loop);color:var(--loop-ink);box-shadow:none;font-weight:750}.mcal-tag.aktiv.heute i{box-shadow:0 0 0 2px var(--loop-bg), 0 0 0 4px var(--loop)}button.mcal-tag:active i{transform:scale(.92)}@media (width>=768px){.mcal-tag i{width:40px;height:40px;font-size:14px}}.skel{border-radius:var(--loop-radius-s);background:var(--loop-track);flex:none;max-width:100%;animation:1.2s ease-in-out infinite alternate skel-puls;display:block}@keyframes skel-puls{0%{opacity:.6}to{opacity:1}}.skel-zeile{box-shadow:none}.statrow{grid-template-columns:repeat(var(--spalten,3), minmax(0, 1fr));gap:var(--loop-space-3);margin:0;display:grid}.statrow .tile{min-width:0;padding:14px}.statrow dt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.statrow dd{font:800 24px/1 var(--loop-font);letter-spacing:-.02em;margin:6px 0 0}.statrow dd.statrow-hinweis{font:500 13px/1.25 var(--loop-font);letter-spacing:0;color:var(--loop-muted);margin-top:6px}.sheet-schleier{z-index:var(--loop-z-sheet);background:var(--loop-schleier);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{gap:var(--loop-space-4);width:100%;max-width:var(--loop-content-max);max-height:85dvh;padding:var(--loop-space-6) calc(var(--loop-space-6) + var(--loop-safe-right)) calc(var(--loop-space-6) + var(--loop-safe-bottom)) calc(var(--loop-space-6) + var(--loop-safe-left));border-radius:var(--loop-radius-xl) var(--loop-radius-xl) 0 0;background:var(--loop-surface);box-shadow:var(--loop-shadow-2);animation:sheet-rein var(--loop-dur-slow) var(--loop-ease) both;outline:none;flex-direction:column;display:flex;position:relative}@keyframes sheet-rein{0%{transform:translateY(100%)}to{transform:none}}.sheet-griff{top:var(--loop-space-2);border-radius:var(--loop-radius-pill);background:var(--loop-todo);width:36px;height:4px;position:absolute;left:50%;translate:-50%}.sheet-kopf{justify-content:space-between;align-items:center;gap:var(--loop-space-3);min-height:var(--loop-touch);display:flex}.sheet-zu{background:var(--loop-track);box-shadow:none}.sheet-inhalt{gap:var(--loop-space-3);overscroll-behavior:contain;min-height:0;margin-inline:calc(-1 * var(--loop-space-1));padding:var(--loop-space-1);flex-direction:column;display:flex;overflow-y:auto}.sheet-inhalt:empty{display:none}.sheet-fuss{gap:var(--loop-space-2);flex-direction:column;display:flex}@media (width>=768px){.sheet-schleier{padding:var(--loop-space-6);align-items:center}.sheet{width:440px;max-width:100%;max-height:min(85dvh,720px);padding:var(--loop-space-6);border-radius:var(--loop-radius-xl);animation-name:sheet-rein-mitte;animation-duration:var(--loop-dur)}.sheet-griff{display:none}}@keyframes sheet-rein-mitte{0%{transform:translateY(16px)scale(.98)}to{transform:none}}