@layer components{.kd{background:var(--surface);border-radius:24px;flex-direction:column;gap:6px;padding:6px;display:flex;position:relative}.kd-row{min-height:76px;transition:transform .25s var(--ease), box-shadow .25s;background:#fff;border-radius:19px;align-items:center;gap:12px;padding:8px 14px 8px 8px;display:flex;box-shadow:0 0 0 1px #1414140a,0 10px 20px -18px #14141459}.kd-row:active{transform:scale(.99)}.kd-thumb{background:var(--surface);border-radius:14px;flex:none;width:60px;height:60px;display:block;position:relative;overflow:hidden}.kd-plus{z-index:2;background:var(--ink);color:#fff;width:26px;height:26px;box-shadow:0 0 0 3px var(--surface);pointer-events:none;border-radius:999px;place-items:center;margin-top:-13px;display:grid;position:absolute;top:50%;left:28px}.kd-tag{background:var(--surface);white-space:nowrap;height:22px;color:var(--muted);border-radius:999px;align-items:center;padding-inline:8px;font-size:12px;font-weight:500;line-height:1;display:inline-flex}.kd-ok{color:#1c6b3f}@media (hover:hover){.kd-row:hover{box-shadow:0 0 0 1px #14141429,0 10px 20px -18px #14141459}}.ks{background:#1414140f;border-radius:999px;gap:4px;width:100%;padding:4px;display:flex}.ks>button{white-space:nowrap;min-width:0;height:44px;color:var(--muted);border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;gap:8px;padding-inline:6px 14px;font-size:14.5px;font-weight:500;line-height:1;transition:background-color .3s,color .3s,box-shadow .3s;display:flex}.ks>button[aria-selected=true]{color:var(--ink);background:#fff;box-shadow:0 2px 10px -4px #00000047}.ks-thumb{background:#fff;border-radius:999px;flex:none;width:32px;height:32px;display:block;position:relative;overflow:hidden}.ks>button>span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}@media (min-width:900px){.ks{width:fit-content}.ks>button{flex:none;padding-inline:6px 20px}}.ks-pane{animation:rise .4s var(--ease) both}.ks-one{white-space:nowrap;background:#1414140f;border-radius:999px;align-items:center;gap:8px;height:36px;padding-inline:4px 14px;font-size:13.5px;font-weight:500;line-height:1;display:inline-flex}.kr{background:var(--surface);border-radius:22px;gap:14px;padding:14px 16px 14px 14px;display:flex}.pb-band .kr,.pb-band .kb,.pb-band .kw,.pb-band .kh{background:#fff}.kr-thumb{background:#fff;border-radius:16px;flex:none;width:64px;height:64px;display:block;position:relative;overflow:hidden}.pb-band .kr-thumb,.pb-band .kb-thumb{background:var(--surface)}@media (min-width:900px){.kr{border-radius:24px;gap:18px;padding:18px 22px 18px 18px}.kr-thumb{border-radius:20px;width:84px;height:84px}}.kw{background:var(--surface);border-radius:24px;padding:14px 14px 12px}.kw-grid{grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;gap:8px 4px;display:grid}.kw-name{grid-column:1/-1;align-items:center;gap:10px;min-width:0;padding-top:6px;display:flex}.kw-name[data-first]{order:-1;padding-top:0}.kw-thumb{background:#fff;border-radius:11px;flex:none;width:36px;height:36px;display:block;position:relative;overflow:hidden}.pb-band .kw-thumb{background:var(--surface)}.kw-day{text-align:center;color:var(--muted);font-size:12.5px;line-height:1}.kw-cell{place-items:center;height:40px;display:grid}.kw-dot{font-variant-numeric:tabular-nums;letter-spacing:-.02em;border-radius:999px;place-items:center;width:38px;max-width:100%;height:38px;font-size:13px;font-weight:500;line-height:1;display:grid}.kw-dot[data-s="2"]{background:var(--ink);color:#fff}.kw-dot[data-s="1"]{box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink)}.kw-dot[data-s="0"]{background:#14141429;width:6px;height:6px}.kw-sum{flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;height:54px;display:flex}.kw-bar{background:#14141424;border-radius:4px;width:14px;position:relative;overflow:hidden}.kw-bar>i{inset-inline:0;background:var(--led-red);border-radius:4px;position:absolute;bottom:0}.kw-rule{background:var(--line);grid-column:1/-1;height:1px;margin-top:2px}.kw-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:12.5px;line-height:1.3;display:flex}.kw-key{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.kw-key>i{border-radius:999px;width:12px;height:12px;display:block}@media (min-width:900px){.kw{border-radius:28px;padding:22px 26px 18px}.kw-grid{grid-template-columns:minmax(200px,1.5fr) repeat(7,minmax(0,1fr));gap:12px 8px}.kw-name,.kw-name[data-first]{order:0;grid-column:auto;padding-top:0}.kw-cell{height:48px}.kw-dot{width:46px;height:46px;font-size:14.5px}.kw-dot[data-s="0"]{width:7px;height:7px}.kw-thumb{border-radius:13px;width:44px;height:44px}.kw-day{font-size:13.5px}.kw-sum{height:64px}}.kh{background:var(--surface);border-radius:24px;flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}@media (min-width:900px){.kh{border-radius:28px;gap:16px;padding:24px}}.kh-num{letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(30px,1.6vw + 22px,44px);font-weight:500;line-height:1}.kb{background:var(--surface);border-radius:24px;flex-direction:column;min-width:0;padding:14px 16px 12px 14px;display:flex}.kb-thumb{background:#fff;border-radius:14px;flex:none;width:52px;height:52px;display:block;position:relative;overflow:hidden}.kb-list>li{align-items:center;gap:10px;min-height:34px;padding-block:5px;font-size:14.5px;line-height:1.25;display:flex}.kb-list>li+li{border-top:1px solid var(--line)}@media (min-width:900px){.kb{border-radius:28px;padding:20px 24px 18px 20px}.kb-list>li{min-height:42px;font-size:15.5px}.kb-thumb{border-radius:16px;width:64px;height:64px}}@media (max-width:899px){[data-kit] #science .depth{height:clamp(150px,17svh,400px)}[data-kit] #routine .sp{aspect-ratio:3/1.85}}@media (prefers-reduced-motion:reduce){.ks-pane{animation:none!important}.kd-row{transition:none!important}}}