.yo-wrap{container:yo/inline-size}.yo{flex-direction:column;gap:24px;max-width:1296px;padding:36px 48px 48px;display:flex}@media (width<=1279px){.yo{padding:32px 32px 40px}}@media (width<=1023px){.yo{padding:28px 28px 110px}}.yo .yo-grow,.yop .yo-grow{flex-grow:1}.yo-dot{color:var(--ink4)}.yo-ink3{color:var(--ink3)}.yo-h2{font-size:16px;font-weight:600}.yo-sech{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.yo-meta{color:var(--ink3);font-size:13px}.yo-meta .b6{color:var(--ink2)}.yo-head{align-items:center;gap:20px;display:flex}.yo-av{background:var(--aw2);width:68px;height:68px;color:var(--atext);letter-spacing:-.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex}.yo-head-t{flex-direction:column;flex-grow:1;gap:6px;min-width:0;display:flex}.yo-h1{letter-spacing:-.032em;font-size:32px;font-weight:700;line-height:1.1}.yo-sub{color:var(--ink2);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.yo-act{grid-template-columns:320px minmax(0,1fr);display:grid}.yo-streak{border-right:1px solid var(--line);flex-direction:column;gap:18px;padding:24px 26px;display:flex}.yo-streak-h{color:var(--ink2);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.yo-big{align-items:baseline;gap:10px;display:flex}.yo-big .num{letter-spacing:-.05em;font-size:56px;font-weight:700;line-height:.85}.yo-big>span:last-child{font-size:17px;font-weight:600}.yo-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.yo-day{border:1px solid var(--line);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:52px;display:flex}.yo-day .mono{color:var(--ink3);font-size:10px}.yo-day.today{background:var(--aw);border:1.5px solid var(--aline)}.yo-streak-p{color:var(--ink2);text-wrap:pretty;font-size:14px;line-height:1.5}.yo-kv{border-top:1px solid var(--line);color:var(--ink3);justify-content:space-between;gap:12px;margin-top:-4px;padding-top:14px;font-size:13px;display:flex}.yo-kv.yo-kv-first{margin-top:auto}.yo-kv .b6{color:var(--ink2)}.yo-heat-w{flex-direction:column;gap:16px;min-width:0;padding:24px 28px;display:flex}.yo-heat{gap:12px;display:flex}.yo-hrows{color:var(--ink3);grid-template-rows:18px repeat(7,40px);row-gap:7px;font-size:11px;display:grid}.yo-hrows>span{line-height:40px}.yo-hcols{gap:7px;display:flex}.yo-hcol{grid-template-rows:18px repeat(7,40px);row-gap:7px;width:40px;display:grid}.yo-hmon{color:var(--ink3);white-space:nowrap;font-size:11px;line-height:normal}.yo-hc{border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.yo-hc.today{box-shadow:inset 0 0 0 1.5px var(--ink)}.yo-hm{flex-shrink:0;display:block}.yo-hm.l0{border:1.5px solid var(--line2);border-radius:2px;width:9px;height:9px}.yo-hm.l1{background:color-mix(in srgb, var(--accent) 34%, transparent);border-radius:4px;width:13px;height:13px}.yo-hm.l2{background:color-mix(in srgb, var(--accent) 55%, transparent);border-radius:4px;width:20px;height:20px}.yo-hm.l3{background:color-mix(in srgb, var(--accent) 78%, transparent);border-radius:7px;width:28px;height:28px}.yo-hm.l4{background:var(--accent);border-radius:7px;width:36px;height:36px}.yo-hleg{color:var(--ink3);flex-wrap:wrap;align-items:center;gap:12px;padding-left:42px;font-size:12px;display:flex}.yo-hleg-i{align-items:center;gap:3px;display:flex}.yo-hlc{flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.yo-hleg-t{align-items:center;gap:7px;display:flex}.yo-today-box{width:20px;height:20px;box-shadow:inset 0 0 0 1.5px var(--ink);border-radius:6px;flex-shrink:0}.yo-mid{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.yo-acc-h{padding:20px 22px 4px}.v2 .yo-sr{color:var(--ink);align-items:center;gap:16px;padding:16px 22px;display:flex}.v2 .yo-sr+.yo-sr{border-top:1px solid var(--line)}.v2 .yo-sr:hover{background:var(--s2)}.yo-sr-n{flex-direction:column;flex-shrink:0;gap:2px;width:170px;display:flex}.yo-sr-n>span:first-child{font-size:15px;font-weight:600}.yo-sr-n>span:last-child{color:var(--ink3);font-size:12px}.yo-sr-b{flex-direction:column;flex-grow:1;gap:6px;min-width:0;display:flex}.yo-track{background:var(--track);border-radius:4px;height:8px;position:relative;overflow:hidden}.yo-track>span{background:var(--done);border-radius:4px;position:absolute;top:0;bottom:0;left:0}.yo-sr-m{color:var(--ink3);justify-content:space-between;gap:8px;font-size:12px;display:flex}.yo-sr-m .ink{color:var(--ink2)}.yo-sr-a{letter-spacing:-.03em;text-align:right;flex-shrink:0;width:64px;font-size:26px;font-weight:700}.yo-note{background:var(--s2);border-radius:12px;align-items:flex-start;gap:12px;margin:4px 22px 22px;padding:14px 16px;display:flex}.yo-note p{color:var(--ink2);text-wrap:pretty;font-size:14px;line-height:1.5}.yo-tot{flex-direction:column;padding:20px 22px 12px;display:flex}.yo-tot .yo-h2{padding-bottom:8px}.yo-tot dl{flex-direction:column;margin:0;display:flex}.yo-tot dl>div{align-items:baseline;gap:12px;padding:12px 0;display:flex}.yo-tot dl>div+div{border-top:1px solid var(--line)}.yo-tot dt{color:var(--ink2);flex-direction:column;flex-grow:1;gap:2px;font-size:14px;display:flex}.yo-tot dt>span{color:var(--ink3);font-size:12px}.yo-tot dd{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:700}.yo-chg{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.yo-chs{flex-direction:column;gap:12px;min-width:0;display:flex}.v2 .yo-chr{min-height:64px;color:var(--ink);align-items:center;gap:14px;padding:0 18px;display:flex}.v2 .yo-chr+.yo-chr{border-top:1px solid var(--line)}.v2 .yo-chr:hover{background:var(--s2)}.yo-chr-t{flex-direction:column;flex-grow:1;gap:2px;min-width:0;display:flex}.yo-chr-t>span:first-child{font-size:15px;font-weight:500}.yo-chr-t>span:last-child{color:var(--ink3);font-size:13px}.yo-chr-a{text-align:right;width:44px;font-size:15px;font-weight:600}@container yo (width<=1100px){.yo-act{grid-template-columns:minmax(0,1fr)}.yo-streak{border-right:0;border-bottom:1px solid var(--line)}.yo-kv.yo-kv-first{margin-top:0}.yo-mid{grid-template-columns:minmax(0,1fr)}}@container yo (width<=860px){.yo-chg{grid-template-columns:minmax(0,1fr)}.yo-hcols{gap:4px}.yo-hcol{grid-template-rows:18px repeat(7,32px);row-gap:4px;width:32px}.yo-hrows{grid-template-rows:18px repeat(7,32px);row-gap:4px}.yo-hrows>span{line-height:32px}.yo-hc{width:32px;height:32px}.yo-hm.l4{width:30px;height:30px}.yo-sr-n{width:120px}}.yop{flex-direction:column;gap:22px;padding:20px 16px 110px;display:flex}.yop .yo-head{gap:14px}.yop .yo-av{width:56px;height:56px;font-size:23px}.yop .yo-head-t{gap:3px}.yop .yo-h1{letter-spacing:-.03em;font-size:26px}.yop .yo-sub{color:var(--ink3);font-size:13px;display:block}.v2 .yo-gear{border:1px solid var(--line2);color:var(--ink2);border-radius:12px}.yop-streak{flex-direction:column;gap:14px;padding:16px;display:flex}.yop-streak-h{align-items:flex-end;gap:12px;display:flex}.yop-big{flex-grow:1;align-items:baseline;gap:8px;display:flex}.yop-big .num{letter-spacing:-.05em;font-size:44px;font-weight:700;line-height:.85}.yop-big>span:last-child{font-size:15px;font-weight:600}.yop-long{color:var(--ink3);text-align:right;font-size:12px}.yop-long .b6{color:var(--ink2)}.yop-streak-p{color:var(--ink3);font-size:13px;line-height:1.45}.yop-sec{flex-direction:column;gap:10px;display:flex}.yop .yo-meta{font-size:12px}.yop-heat{flex-direction:column;gap:12px;padding:14px 12px 12px;display:flex}.yop .yo-heat{gap:6px}.yop .yo-hrows{grid-template-rows:14px repeat(7,22px);row-gap:3px;width:24px;font-size:10px}.yop .yo-hrows>span{line-height:22px}.yop .yo-hcols{flex-grow:1;justify-content:space-between;gap:3px}.yop .yo-hcol{grid-template-rows:14px repeat(7,22px);row-gap:3px;width:22px}.yop .yo-hmon{font-size:10px}.yop .yo-hc{border-radius:6px;width:22px;height:22px}.yop .yo-hm.l0{width:6px;height:6px}.yop .yo-hm.l1{border-radius:3px;width:8px;height:8px}.yop .yo-hm.l2{border-radius:3px;width:12px;height:12px}.yop .yo-hm.l3{border-radius:5px;width:16px;height:16px}.yop .yo-hm.l4{border-radius:5px;width:20px;height:20px}.yop .yo-hleg{flex-wrap:nowrap;gap:6px;padding-left:30px;font-size:11px}.yop .yo-hlc{width:20px;height:20px}.yop .yo-hleg-t{gap:5px}.yop .yo-today-box{border-radius:4px;width:14px;height:14px}.v2 .yop-sr{color:var(--ink);align-items:center;gap:12px;padding:14px;display:flex}.v2 .yop-sr+.yop-sr{border-top:1px solid var(--line)}.yop-sr-b{flex-direction:column;flex-grow:1;gap:6px;min-width:0;display:flex}.yop-sr-h{align-items:baseline;gap:8px;display:flex}.yop-sr-h>span:first-child{flex-grow:1;font-size:15px;font-weight:600}.yop-sr-h>span:last-child{font-size:18px;font-weight:700}.yop-sr-m{color:var(--ink3);font-size:12px}.yo-note.yop-note{gap:10px;margin:0 14px 14px;padding:12px}.yop-note p{font-size:13px;line-height:1.45}.yop-tot{padding:4px 16px}.yop-tot>div{align-items:center;gap:12px;padding:12px 0;display:flex}.yop-tot>div+div{border-top:1px solid var(--line)}.yop-tot-k{flex-direction:column;flex-grow:1;gap:2px;display:flex}.yop-tot-k>span:first-child{color:var(--ink2);font-size:14px}.yop-tot-k>span:last-child:not(:first-child){color:var(--ink3);font-size:12px}.yop-tot .num{font-size:18px;font-weight:700}.yop .yo-chs{gap:10px}.v2 .yop .yo-chr{gap:12px;min-height:62px;padding:10px 14px}.yop .yo-chr-t>span:first-child{line-height:1.3}.yop .yo-chr-t>span:last-child{font-size:12px}.yop .yo-chr-a{width:auto}.yop-more{border-top:1px solid var(--line);flex-direction:column;display:flex}.v2 .yop-more a{border-bottom:1px solid var(--line);height:56px;color:var(--ink);align-items:center;gap:14px;display:flex}.yop-more a>span:first-of-type{flex-grow:1;font-size:15px;font-weight:500}.yop-more a>svg:first-child{color:var(--ink2)}.yop-more a>svg:last-child{color:var(--ink4)}.yo-pro{margin-top:24px}.yo-pro:empty{display:none}