:root{--spring-knob-css:linear(0, .018, .065, .131, .207, .288, .369, .449, .523, .592, .655, .711, .76, .803, .84, .872, .898, .921, .939, .954, .966, .976, .983, .989, 1);--spring-knob-dur:.36s;--spring-lively-css:linear(0, .062, .215, .409, .61, .791, .938, 1.044, 1.11, 1.142, 1.147, 1.133, 1.108, 1.079, 1.049, 1.024, 1.004, .99, .982, .978, .979, .981, .985, .99, 1);--spring-lively-dur:.32s;--spring-settle-css:linear(0, .033, .111, .209, .314, .417, .511, .595, .668, .73, .783, .826, .862, .891, .914, .933, .948, .959, .969, .976, .981, .986, .989, .992, 1);--spring-settle-dur:.38s}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--r-pill);white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);font-weight:600;display:inline-flex}.btn:not(:disabled):active{transform:scale(var(--press-scale))}.btn:disabled{opacity:.4;pointer-events:none}.btn svg{flex:none}.btn-s{height:32px;font-size:var(--fs-s);padding:0 14px}.btn-m{height:40px;font-size:var(--fs-m);padding:0 18px}.btn-l{height:52px;font-size:var(--fs-l);padding:0 24px}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:not(:disabled):active{background:var(--kobalt-press)}.btn-secondary{background:var(--fill);color:var(--ink)}.btn-plain{color:var(--ink-2);padding-inline:10px}.btn-danger{background:var(--bad-soft);color:var(--bad)}@media (hover:hover) and (pointer:fine){.btn-secondary:hover{background:var(--fill-2)}.btn-plain:hover{color:var(--ink)}.btn-primary:hover{background:var(--kobalt-press)}}.card{background:var(--fill);border-radius:var(--r-card);padding:var(--space-5)}.card-press{cursor:pointer;transition:transform var(--dur-fast) var(--ease-out)}.card-press:active{transform:scale(.985)}.pill{border-radius:var(--r-pill);height:24px;font-size:var(--fs-xs);white-space:nowrap;background:var(--fill);color:var(--ink-2);align-items:center;gap:5px;padding:0 10px;font-weight:600;display:inline-flex}.pill svg{width:13px;height:13px}.pill-ok{background:var(--ok-soft);color:color-mix(in oklch, var(--ok) 70%, var(--ink))}.pill-warn{background:color-mix(in srgb, var(--warn) 16%, var(--ground));color:color-mix(in oklch, var(--warn) 55%, var(--ink))}.pill-points{background:var(--points-soft);color:var(--points)}.pill-bad{background:var(--bad-soft);color:var(--bad)}.pill-ink{background:var(--ink);color:var(--on-ink)}.avatar{background:var(--fill-2);color:var(--ink-2);object-fit:cover;letter-spacing:.01em;border-radius:50%;flex:none;place-items:center;font-weight:600;display:inline-grid}.progress{border-radius:var(--r-pill);background:var(--progress-track);height:6px;overflow:hidden}.progress-fill{border-radius:inherit;background:var(--accent);height:100%;transition:width var(--spring-settle-dur) var(--spring-settle-css);display:block}.progress-fill.is-quiet{transition:none}.progress-fill.tone-ok{background:var(--ok)}.progress-fill.tone-points{background:var(--points)}.progress-fill.tone-bad{background:var(--bad)}.headcard{align-items:center;gap:var(--space-5);min-height:168px;margin-bottom:var(--space-5);border-radius:var(--r-card);background:var(--kobalt-field);color:var(--on-kobalt);isolation:isolate;padding:28px;display:flex;position:relative;overflow:hidden}.headcard-text{z-index:1;gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.headcard h1{font-size:var(--fs-2xl);letter-spacing:-.03em;text-wrap:balance;font-weight:700;line-height:1.08}.headcard p{color:var(--on-world-2);font-size:var(--fs-l);text-wrap:pretty;max-width:52ch}.headcard-art{z-index:0;pointer-events:none;width:min(48%,480px);position:absolute;inset:0 0 0 auto}.headcard-art img{object-fit:contain;object-position:right center;width:100%;height:100%}.headcard-text{max-width:60%}@keyframes headcard-art{0%{opacity:0;transform:translateY(8px)scale(.96)}}.pagehead-actions{gap:var(--space-2);margin:calc(-1 * var(--space-1)) 0 var(--space-6);flex-wrap:wrap;display:flex}@media (width<=860px){.headcard{gap:var(--space-3);min-height:0;padding:20px}.headcard h1{font-size:28px}.headcard p{font-size:var(--fs-m)}.headcard-art{width:52%}.headcard-text{max-width:64%}}.headcard.is-compact{gap:var(--space-3);min-height:112px;padding:20px}.headcard.is-compact h1{font-size:var(--fs-xl);letter-spacing:-.02em;line-height:1.15}.headcard.is-compact p{font-size:var(--fs-m);white-space:nowrap;text-overflow:ellipsis;max-width:none;overflow:hidden}.headcard.is-compact .headcard-text{gap:var(--space-1);max-width:68%}.headcard.is-compact .headcard-art{inset:var(--space-2) 20px var(--space-2) auto;width:min(26%,200px)}@media (width<=860px){.headcard.is-compact{min-height:96px;padding:20px}.headcard.is-compact h1{font-size:28px;line-height:1.1}.headcard.is-compact .headcard-art{inset:var(--space-2) var(--space-3) var(--space-2) auto;width:30%}.headcard.is-compact .headcard-text{max-width:66%}@supports (animation-timeline:scroll()){.headcard.is-compact.headcard{transform-origin:0 0;animation:linear both headcard-collapse;animation-timeline:scroll(root);animation-range:0 88px}}}@keyframes headcard-collapse{to{opacity:0;transform:scale(.96)}}@media (prefers-reduced-motion:reduce){.headcard.is-compact.headcard{animation-timing-function:step-end}}.stat{flex-direction:column;gap:2px;min-width:0;display:flex}.stat-value{font-size:var(--fs-2xl);letter-spacing:-.02em;font-weight:600;line-height:1.1}.stat-label{font-size:var(--fs-s);color:var(--ink-2)}.stat-base{font-size:var(--fs-xs)}.ink-ok{color:var(--ok)}.ink-points{color:var(--points)}.ink-bad{color:var(--bad)}.block{margin-bottom:var(--space-8)}.block-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.block-head h2{font-size:var(--fs-l);letter-spacing:-.01em;font-weight:600}.row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) 0;text-align:left;min-height:56px;display:flex}.row+.row{box-shadow:0 -1px 0 var(--sep)}.row-press{border-radius:var(--r-s);transition:background-color var(--dur-fast) var(--ease-out)}@media (hover:hover) and (pointer:fine){.row-press:hover{background:var(--ground-2)}}.row-lead{flex:none;place-items:center;display:grid}.row-main{flex-direction:column;flex:1;min-width:0;display:flex}.row-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.row-sub{font-size:var(--fs-s);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-trail{align-items:center;gap:var(--space-2);color:var(--ink-2);font-size:var(--fs-s);flex:none;display:flex}.seg{grid-template-columns:repeat(var(--n), 1fr);border-radius:var(--r-pill);background:var(--fill);width:max-content;min-width:220px;height:32px;padding:2px;display:grid;position:relative}.seg-thumb{width:calc((100% - 4px) / var(--n));border-radius:var(--r-pill);background:var(--ground);box-shadow:var(--seg-thumb-shadow);transform:translateX(calc(var(--i) * 100%));transition:transform var(--spring-knob-dur) var(--spring-knob-css);position:absolute;top:2px;bottom:2px;left:2px}:root{--seg-thumb-shadow:0 1px 2px #0000001a, 0 0 0 .5px var(--sep)}:root[data-theme=dark] .seg-thumb{background:var(--fill-2)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .seg-thumb{background:var(--fill-2)}}.seg-item{z-index:1;font-size:var(--fs-s);color:var(--ink-2);transition:color var(--dur-fast) var(--ease-out);padding:0 14px;font-weight:600;position:relative}.seg-item[aria-selected=true]{color:var(--ink)}.headcard-progress{align-items:center;gap:var(--space-3);margin-top:var(--space-3);max-width:360px;font-size:var(--fs-s);color:var(--on-world-2);display:flex}.headcard-progress .progress{background:var(--world-track);flex:1}.headcard-progress .progress-fill{background:var(--on-kobalt)}.headcard.is-entering{animation:headcard-in var(--dur-slow) var(--ease-out) both}.headcard.is-entering .headcard-art{animation:headcard-art var(--dur-arrive) var(--ease-out) both}.headcard.is-entering .headcard-text>*{animation:headcard-line var(--dur-slow) var(--ease-out) both}.headcard.is-entering .headcard-text>:nth-child(2){animation-delay:var(--stagger-head)}.headcard.is-entering .headcard-text>:nth-child(3){animation-delay:calc(2 * var(--stagger-head))}.headcard.is-entering .headcard-progress .progress-fill{transform-origin:0;animation:headcard-fill var(--dur-arrive) var(--ease-out) calc(3 * var(--stagger-head)) both}@keyframes headcard-in{0%{opacity:0;transform:scale(.985)}}@keyframes headcard-line{0%{opacity:0;transform:translateY(6px)}}@keyframes headcard-fill{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.headcard.is-entering,.headcard.is-entering .headcard-text>*,.headcard.is-entering .headcard-progress .progress-fill{animation:none!important}.headcard-art{animation:none}}@media (pointer:coarse){:is(.btn-s,.btn-m,.seg-item,.points-chip,.pf-chip,.dk-chip,.dk-pick,.dk-more,.dk-icon,.tm-icon,.tm-today,.tk-add-send,.mt-chip,.mt-pick,.kn-switch){position:relative}:is(.btn-s,.btn-m,.seg-item,.points-chip,.pf-chip,.dk-chip,.dk-pick,.dk-more,.dk-icon,.tm-icon,.tm-today,.tk-add-send,.mt-chip,.mt-pick,.kn-switch):before{content:"";height:44px;position:absolute;top:50%;left:-4px;right:-4px;transform:translateY(-50%)}.seg-item:before{left:0;right:0}.pf-filters.pf-filters{margin-block:-7px;padding-block:7px}.mt-filter.mt-filter,.mt-picker.mt-picker{margin-top:-7px;margin-bottom:calc(var(--space-5) - 7px);padding-block:9px}.inv-steps button{padding-block:10px}.dk-chips.dk-chips{margin-top:-7px;margin-bottom:calc(var(--space-3) - 7px);padding-block:9px}html body :is(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=hidden]),textarea,select){font-size:max(16px,1em)}}.grossbild{display:block;position:absolute;inset:0}.grossbild img{object-fit:cover;object-position:var(--gb-pos);width:100%;height:100%;display:block}@media (width<=860px){.grossbild img{object-position:var(--gb-pos-phone)}}.headcard.has-scene{color:#fff;background:#07090c;min-height:320px}.headcard.has-scene:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1f}.headcard.has-scene .grossbild img{object-position:var(--gb-x) 42%}.headcard.has-scene .grossbild{z-index:0}.headcard.has-scene .grossbild:after{content:"";pointer-events:none;background:linear-gradient(90deg,#00000080,#0000 62%);position:absolute;inset:0}.headcard.has-scene.is-entering .grossbild img{animation:scene-in 1.4s var(--ease-out) both}@keyframes scene-in{0%{opacity:0;transform:scale(1.04)}}@media (width<=860px){.headcard.has-scene{aspect-ratio:auto;align-items:flex-end;min-height:0;padding-top:112px}.headcard.has-scene .headcard-text{max-width:none}.headcard.has-scene .grossbild img{object-position:var(--gb-pos-phone)}.headcard.has-scene .grossbild:after{background:linear-gradient(#0000 30%,#0009)}}@media (prefers-reduced-motion:reduce){.headcard.has-scene.is-entering .grossbild img{animation-name:scene-swap}}.moment{left:50%;bottom:calc(var(--space-6) + env(safe-area-inset-bottom));z-index:var(--z-moment);align-items:baseline;gap:var(--space-2);border-radius:var(--r-pill);background:var(--ink);max-width:min(92vw,480px);color:var(--on-ink);font-size:var(--fs-s);box-shadow:var(--shadow-float);pointer-events:none;animation:moment-in .32s var(--ease-out) both;padding:12px 20px;display:flex;position:fixed;overflow:hidden;transform:translate(-50%)}.moment strong{white-space:nowrap;font-weight:600}.moment span{opacity:.78;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.moment:after,.has-light-edge:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(90deg, transparent 0%, var(--kobalt-text) 45%, #fff 50%, var(--kobalt-text) 55%, transparent 100%);animation:light-edge 1.2s var(--ease-out) both;background-repeat:no-repeat;background-size:220% 1.5px;position:absolute;inset:0}.has-light-edge{position:relative}.moment.is-leaving{animation:moment-out var(--dur-fast) var(--ease-out) both}@keyframes moment-in{0%{opacity:0;transform:translate(-50%,10px)scale(.98)}}@keyframes moment-out{to{opacity:0;transform:translate(-50%,6px)}}@keyframes moment-fade-in{0%{opacity:0}}@keyframes moment-fade-out{to{opacity:0}}@keyframes light-edge{0%{opacity:1;background-position:160% 0}80%{opacity:1}to{opacity:0;background-position:-60% 0}}@media (width<=860px){.moment{bottom:calc(env(safe-area-inset-bottom) + 104px)}}@media (prefers-reduced-motion:reduce){.moment{animation-name:moment-fade-in}.moment.is-leaving{animation-name:moment-fade-out}.moment:after,.has-light-edge:after{opacity:1;background-position:50% 0;animation:none}}.headcard.has-scene .grossbild img{transition:filter 1.5s var(--ease-out)}.headcard.has-scene.is-lit .grossbild img{filter:brightness(1.1)contrast(1.04)}.headcard.has-scene .grossbild.is-next img{animation:scene-swap 2s var(--ease-out) both}@keyframes scene-swap{0%{opacity:0}}