.howrow{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px 12px;padding:7px 10px 8px;display:flex}.howrow__btns{flex-wrap:wrap;gap:8px;display:flex}.btn--sm{height:30px;padding:0 10px;font-size:12px}.howrow__open[aria-expanded=true]{color:var(--text);border-color:var(--accent)}.appkey{color:var(--text-2);flex-wrap:wrap;gap:2px 10px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.appkey li{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.appkey__dot{background:var(--c);border-radius:50%;flex:none;width:9px;height:9px}.appkey__dot--none{background:#858585}.how{z-index:5;--surface:var(--bg);--surface-solid:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column;grid-area:side;justify-self:end;width:clamp(380px,44vw,640px);min-height:0;max-height:100%;display:flex;overflow:hidden}.stage[data-how=on] .side{visibility:hidden}.how__body{overscroll-behavior:contain;flex:1;min-height:0;padding:12px 16px 16px;overflow-y:auto}.how__lead{color:var(--text-2);margin:0 0 12px;font-size:12px}.how__sec{margin-top:20px}.how__sec h2{font:600 13px/1.4 var(--font);margin:0 0 8px}.how__sechead{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.how__sechead h2{margin:0}.how__note{color:var(--text-2);margin:6px 0 0;font-size:12px}.flow{gap:10px;margin:0;padding:0;list-style:none;display:grid}.flow li{position:relative}.flow li+li:before{content:"";border-left:1px dashed var(--border-strong);height:12px;position:absolute;top:-11px;left:27px}.flow__step{text-align:left;background:var(--fill);border:1px solid var(--border);cursor:pointer;border-radius:10px;grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:"n name count""n text text";align-items:center;gap:2px 10px;width:100%;padding:10px 12px;transition:border-color .12s,background-color .12s;display:grid}.flow__step:hover{border-color:var(--text-3)}.flow__step[aria-pressed=true],.approw[aria-pressed=true]{border-color:var(--accent)}.flow__n{border:1px solid var(--border-strong);background:var(--surface-solid);border-radius:50%;grid-area:n;align-self:start;place-items:center;width:30px;height:30px;font-weight:600;display:grid}.flow__name{font:600 15px/1.3 var(--font);grid-area:name}.flow__count{white-space:nowrap;font-variant-numeric:tabular-nums lining-nums;grid-area:count;font-weight:500}.flow__text{color:var(--text-2);grid-area:text;font-size:12px}.flow__more{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:6px 10px;margin:8px 0 0;padding-left:12px;font-size:12px;display:flex}.apps{gap:2px;margin:0;padding:0;list-style:none;display:grid}.approw{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:9px minmax(0,1fr) auto;grid-template-areas:"dot name num"".bar bar"".meta meta";align-items:center;gap:3px 8px;width:100%;padding:7px 8px;transition:border-color .12s,background-color .12s;display:grid}.approw:hover{background:var(--fill)}.approw .appkey__dot{grid-area:dot}.approw__name{grid-area:name;font-weight:500}.approw__num{font-variant-numeric:tabular-nums lining-nums;grid-area:num}.approw__bar{background:linear-gradient(var(--c), var(--c)) 0 0 / max(3px, calc(var(--w) * 100%)) 100% no-repeat, var(--fill);border-radius:2px;grid-area:bar;height:4px}.approw__meta{color:var(--text-3);grid-area:meta;font-size:12px}.heat{--cell:9px;--hgap:2px;--heat-0:#ffffff12;--heat-1:#184f95;--heat-2:#256abf;--heat-3:#3987e5;--heat-4:#86b6ef;grid-template-columns:auto minmax(0,1fr);column-gap:6px;display:grid;position:relative}html[data-theme=light] .heat{--heat-0:#00000012;--heat-1:#86b6ef;--heat-2:#5598e7;--heat-3:#2a78d6;--heat-4:#184f95}.heat__days{grid-template-rows:repeat(7, var(--cell));row-gap:var(--hgap);font-size:10px;line-height:var(--cell);color:var(--text-3);margin-top:18px;display:grid}.heat__scroll{overscroll-behavior-x:contain;scrollbar-width:thin;padding:0 2px 6px;overflow-x:auto}.heat__months,.heat__grid{grid-template-columns:repeat(var(--cols), var(--cell));column-gap:var(--hgap);width:max-content;display:grid}.heat__months{height:16px;color:var(--text-3);white-space:nowrap;margin-bottom:2px;font-size:10px;line-height:16px}.heat__grid{grid-template-rows:repeat(7, var(--cell));row-gap:var(--hgap);border-radius:3px;grid-auto-flow:column}.heat__grid>span,.heat__legend>span{width:var(--cell);height:var(--cell);background:var(--heat-0);border-radius:2px}.heat__grid>.heat__pad{background:0 0}.heat [data-l="1"]{background:var(--heat-1)}.heat [data-l="2"]{background:var(--heat-2)}.heat [data-l="3"]{background:var(--heat-3)}.heat [data-l="4"]{background:var(--heat-4)}.heat__grid:focus-visible>[data-cur]{outline:2px solid var(--text);outline-offset:1px}.heat__grid:focus-visible{outline:none}.heat__scroll:has(.heat__grid:focus-visible){outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.heat__tip{z-index:2;white-space:nowrap;background:var(--surface-solid);border:1px solid var(--border-strong);box-shadow:var(--shadow);pointer-events:none;border-radius:6px;padding:4px 8px;font-size:12px;position:absolute}.heat__foot{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:4px 12px;display:flex}.heat__legend{color:var(--text-3);align-items:center;gap:3px;margin-top:6px;font-size:11px;display:inline-flex}.heat__table{grid-column:1/-1;margin-top:8px;font-size:12px}.heat__table summary{color:var(--text-2);cursor:pointer;padding:4px 0}.heat__table table{border-collapse:collapse;width:100%;margin-top:4px}.heat__table th,.heat__table td{text-align:left;border-bottom:1px solid var(--border);padding:4px 8px;font-weight:400}.heat__table thead th{color:var(--text-2);font-weight:600}.heat__table .num{text-align:right}.dream__when{color:var(--text-2);margin:0 0 8px;font-size:12px}.dream__tiles{border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.dream__tiles>div{min-width:0;padding:8px 10px}.dream__tiles>div+div{border-left:1px solid var(--border)}.dream__tiles dt{color:var(--text-2);font-size:12px}.dream__tiles dd{font:500 20px/1.2 var(--font);font-variant-numeric:tabular-nums lining-nums;margin:2px 0 0}.dream__show{margin-top:10px}.dream__show:disabled{opacity:.5;cursor:default}.nums{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px 20px;display:grid}.nums__group h3{font:500 12px/1.4 var(--font);color:var(--text-3);margin:0 0 2px}.nums__group ul{margin:0;padding:0;list-style:none}.nums__group li{border-bottom:1px solid var(--border)}.nums__group li[data-part],.nums__group li[data-sub]{padding-left:12px}.nums__group li[data-part]{background:linear-gradient(var(--text-3), var(--text-3)) 12px 100% / max(2px, calc(var(--w) * (100% - 12px))) 2px no-repeat}.nums__row summary{cursor:pointer;justify-content:space-between;align-items:baseline;gap:12px;padding:6px 0;font-size:13px;list-style:none;display:flex}.nums__row summary::-webkit-details-marker{display:none}.nums__row summary span{min-width:0;color:var(--text-2);-webkit-text-decoration:underline dotted var(--text-3);text-decoration:underline dotted var(--text-3);text-underline-offset:3px}.nums__row summary b{text-align:right;font-variant-numeric:tabular-nums lining-nums;font-weight:500}.nums__row p{color:var(--text-2);margin:0 0 8px;font-size:12px}@media (pointer:coarse){.btn--sm{height:44px}.nums__row summary{align-items:center;min-height:44px}}@media (max-width:719px){.how{z-index:6;width:auto;max-height:52vh;padding-bottom:env(safe-area-inset-bottom);border-width:1px 0 0;border-radius:14px 14px 0 0;position:fixed;bottom:0;left:0;right:0}.how .panel__head{padding-top:14px}.how:before{content:"";background:var(--border-strong);border-radius:2px;width:38px;height:4px;margin-left:-19px;position:absolute;top:6px;left:50%}.how__body{padding:10px 12px 14px}.stage[data-how=on] :is(.timeline,.caption,.details){visibility:hidden}.howrow{padding:6px 8px 7px}}@media (max-width:374px){.howrow{padding-inline:6px}.howrow__btns{gap:6px}.howrow__btns .btn--sm{padding:0 8px}}@media (max-height:480px){.how{top:var(--gap);right:var(--gap);bottom:var(--gap);z-index:6;border-width:1px;border-radius:14px;width:min(420px,60vw);max-height:none;padding-bottom:0;position:fixed;left:auto}.how:before{display:none}.how .panel__head{padding-top:8px}.stage[data-how=on] :is(.hud-header__tools,.timeline){visibility:hidden}}@media (max-width:719px),(max-height:480px){.stage[data-how=on] .appkey{display:none}}@media (forced-colors:active){.flow__step[aria-pressed=true],.approw[aria-pressed=true],.howrow__open[aria-expanded=true]{border-color:highlight}.heat__grid>span,.heat__legend>span,.appkey__dot,.approw__bar{forced-color-adjust:none}.heat__grid:focus-visible>[data-cur]{outline-color:highlight}}