.kinds{min-height:0;font-family:var(--font-hanken), ui-sans-serif, system-ui, sans-serif}.kinds-head{margin-bottom:clamp(28px,3.4cqw,48px)}.kinds .hero-board{box-shadow:none}.kinds-title{font-family:var(--font-schibsted), sans-serif;letter-spacing:-.045em;color:var(--kinds-title);text-wrap:balance;margin:0;font-size:clamp(28px,3cqw,46px);font-weight:800;line-height:1.02}.kw-list{flex-direction:column;gap:clamp(40px,5cqw,72px);display:flex}.kw-row{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);align-items:center;gap:16px clamp(28px,4cqw,64px);display:grid}.kw-desc h3{font-family:var(--font-schibsted), sans-serif;letter-spacing:-.035em;color:var(--kinds-title);align-items:center;gap:12px;margin:0;font-size:clamp(20px,1.9cqw,27px);font-weight:800;line-height:1.05;display:flex}.kw-desc p{max-width:42ch;color:var(--kinds-note);margin:10px 0 0;font-size:15px;line-height:1.45}.kw-ico{border-radius:var(--radius);background:var(--kinds-ico-on-bg);width:34px;height:34px;color:var(--kinds-ico-on);flex:none;place-items:center;display:grid}.kw-ico svg{width:18px;height:18px}.kw-foot{justify-content:space-between;align-items:center}.kw-foot .kc-seg{margin-left:auto}.kinds-lede{color:var(--kinds-note);text-wrap:pretty;margin:14px 0 0;font-size:16px;line-height:1.5}.kc-fade{animation:.22s cubic-bezier(.2,.8,.2,1) kc-fade}@keyframes kc-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.kc-seg{border-radius:calc(var(--radius) + 3px);background:var(--kinds-track);flex-wrap:wrap;gap:3px;padding:3px;display:inline-flex}.kc-seg button{border-radius:var(--radius);min-height:26px;color:var(--kinds-text);font:600 12px var(--font-hanken), sans-serif;cursor:pointer;transition:background-color .25s var(--ease), color .25s var(--ease), transform .2s cubic-bezier(.2, 1.4, .3, 1);background:0 0;border:0;padding:0 10px}.kc-seg button:hover{background:var(--kinds-row-hover)}.kc-seg button:active{transform:scale(.96)}.kc-seg button.on{background:var(--kinds-ico-on-bg);color:var(--kinds-ico-on)}.kw-board{--app-accent:var(--acc-cards);--hero-board-live:var(--app-accent);--hero-board-now-bar:var(--app-accent);--hero-board-row-line:var(--app-line);--hero-board-head-line:var(--app-line);--kinds-live:var(--app-accent);border-color:var(--app-line-strong);background:var(--app-surface);color:var(--app-ink)}.kw-board .task-in{gap:10px;margin-left:0}.kw-board .done-box,.kw-board .tk-box{flex:none;margin:0 2.5px}.kw-board .sub-box{margin-right:13.5px}.kw-board .task-line{letter-spacing:0;color:var(--app-muted);margin-left:64px;font-size:11.5px;font-weight:400}.kw-board .task-line.hot{color:var(--acc-due);font-weight:600}.kw-board .task-name:after,.kw-board tr.kid .task-btn:after{transition:transform .22s cubic-bezier(.2,.9,.1,1)}.kw-app{--app-accent:var(--acc-today);border:1px solid var(--app-line-strong);border-radius:var(--radius);background:var(--app-surface);color:var(--app-ink);font-family:var(--font-hanken), ui-sans-serif, system-ui, sans-serif;position:relative}.kw-mono{font-family:var(--app-mono);font-variant-numeric:tabular-nums}.kr{flex-wrap:wrap;justify-content:space-evenly;gap:18px 8px;padding:22px 12px 16px;display:flex}.kr-ring{text-align:center;min-width:132px;transition:background-color .25s var(--app-ease);border-radius:3px;flex-direction:column;align-items:center;gap:3px;padding:12px 6px 10px;display:flex}.kr-dial{width:68px;height:68px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-bottom:7px;padding:0;transition:transform .25s cubic-bezier(.2,1.4,.3,1);display:grid;position:relative}.kr-dial svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.kr-dial:active{transform:scale(.94)}.kr-dial:focus-visible{outline:2px solid var(--app-accent);outline-offset:3px}.kr-trk{fill:none;stroke:var(--app-line-strong);stroke-width:2px;transition:fill .3s var(--app-ease)}.kr-arc{fill:none;stroke:var(--app-accent);stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset .7s cubic-bezier(.2, .9, .1, 1), stroke-width .25s var(--app-ease)}.kr-ring.full .kr-trk{fill:color-mix(in srgb, var(--app-accent) 9%, transparent)}.kr-pc,.kr-do{transition:opacity .2s var(--app-ease), transform .25s cubic-bezier(.2, .9, .1, 1), color .3s var(--app-ease);grid-area:1/1}.kr-pc{letter-spacing:-.02em;color:var(--app-ink);font-size:13px;font-weight:600}.kr-pc small{color:var(--app-muted);margin-left:1px;font-size:9px;font-weight:500}.kr-ring.full .kr-pc,.kr-ring.full .kr-pc small{color:var(--app-accent)}.kr-do{color:var(--app-accent);opacity:0;font-size:12px;font-weight:700;transform:translateY(4px)}.kr-dial:focus-visible .kr-pc{opacity:0;transform:translateY(-4px)}.kr-dial:focus-visible .kr-do{opacity:1;transform:none}.kr-dial:focus-visible .kr-arc{stroke-width:6px}.kr-n{color:var(--app-ink);font-size:13px;font-weight:500;line-height:1.3}.kr-s{max-width:100%;color:var(--app-muted);text-align:center;overflow-wrap:anywhere;cursor:text;transition:background-color .2s var(--app-ease), color .2s var(--app-ease);background:0 0;border:0;border-radius:3px;padding:2px 6px;font-size:11px;line-height:1.35}.kr-in{border:1px solid var(--app-line-strong);background:var(--app-bg);width:96px;height:24px;color:var(--app-ink);text-align:center;transition:border-color .2s var(--app-ease), box-shadow .2s var(--app-ease);border-radius:3px;padding:0 6px;font-size:11px;animation:.25s cubic-bezier(.2,.9,.1,1) both kw-rise}.kr-in:focus{border-color:var(--app-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--app-accent) 25%, transparent);outline:none}@keyframes kw-rise{0%{opacity:0;transform:translateY(6px)}}@media (hover:hover){.kr-ring:hover{background:var(--app-hover)}.kr-dial:hover .kr-pc{opacity:0;transform:translateY(-4px)}.kr-dial:hover .kr-do{opacity:1;transform:none}.kr-dial:hover .kr-arc{stroke-width:6px}.kr-s:hover{background:var(--app-press);color:var(--app-ink)}}.kinds-head>*{transition:opacity .6s var(--ease), transform .8s cubic-bezier(.2, .9, .1, 1)}.kinds-head>:nth-child(2){transition-delay:60ms}.js-reveal .kinds:not(.is-in) .kinds-head>*{opacity:0;transform:translateY(16px)}.kw-row>*{transition:opacity .7s var(--ease), transform .9s cubic-bezier(.2, .9, .1, 1)}.kw-row>.hero-board{transition-delay:.1s}.js-reveal .kw-row:not(.is-in)>*{opacity:0;transform:translateY(24px)}@container (max-width:900px){.kw-row{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.kinds-head>*,.kw-row>*,.kc-seg button{transition:none}.kc-fade,.kr-in{animation:none}.kr-dial,.kr-arc,.kr-trk,.kr-pc,.kr-do,.kr-s,.kw-board .task-name:after,.kw-board tr.kid .task-btn:after{transition:none}.js-reveal .kinds:not(.is-in) .kinds-head>*,.js-reveal .kw-row:not(.is-in)>*{opacity:1;transform:none}}