.oc{--oc-pad:16px;isolation:isolate;box-sizing:border-box;border-radius:var(--r-card);background:var(--card-face);width:100%;min-width:0;max-width:400px;box-shadow:var(--card-edge);color:var(--fg);transition:background-color .18s var(--ease), scale .18s var(--ease);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.oc-head{box-sizing:border-box;min-height:64px;padding:12px var(--oc-pad);color:inherit;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;column-gap:12px;text-decoration:none;display:grid}.oc.is-link>a.oc-head:after{content:"";z-index:0;border-radius:inherit;position:absolute;inset:0}.oc.is-link>a.oc-head:focus-visible{outline:none}.oc.is-link:has(>a.oc-head:focus-visible){outline:2px solid var(--accent);outline-offset:2px}@media (hover:hover){.oc.is-link:hover{background-color:var(--card-face-hover)}}.oc.is-link:has(>a.oc-head:active){scale:.98}.oc-pic{background:var(--tile-solid);border-radius:10px;width:40px;height:40px;display:block;position:relative}.oc-pic.is-role{background:var(--sym-blue);box-shadow:var(--sym-rim);color:#fff}.oc.is-over .oc-pic.is-role{background:var(--tile-solid);box-shadow:none;color:var(--muted)}.oc-pic.is-face{border-radius:50%}.oc-pic.is-square{border-radius:8px}.oc-pic>img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.oc-pic>.pa-call-mark{z-index:1}.oc-pic>svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;margin:auto;position:absolute;inset:0}.oc-words{gap:2px;min-width:0;display:grid}.oc-name{min-width:0;font:600 15px/20px var(--font);align-items:center;gap:6px;display:flex}.oc-name>b{min-width:0;font-weight:inherit;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.oc-name>.new-tag{flex:none}.oc-line{min-width:0;color:var(--muted);font:500 13px/18px var(--font);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.oc-line>*,.oc-line-in>*{text-overflow:ellipsis;min-width:0;overflow:hidden}.oc-line-in{align-items:center;gap:4px;min-width:0;display:flex}.oc-line-in>.sale-tag{flex:none}.oc-line-in number-flow{margin-block:calc(-2 * round(nearest, calc(var(--number-flow-mask-height,.25em) / 2), 1px))}.oc-by.skeleton{border-radius:6px;width:120px;height:12px}.oc-pic.skeleton{border-radius:8px;height:40px}.oc-name.skeleton{border-radius:7px;width:140px;height:14px;margin-block:3px}.oc-name.skeleton>b{visibility:hidden}.oc-end{text-align:right;justify-items:end;gap:2px;min-width:0;display:grid}.oc-val{font:600 15px/20px var(--font);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:4px;display:flex}.oc-val number-flow{margin-block:calc(-2 * round(nearest, calc(var(--number-flow-mask-height,.25em) / 2), 1px))}.oc-sub{color:var(--muted);font:500 13px/18px var(--font);white-space:nowrap;align-items:center;display:flex}.oc-sub .chg{font:600 13px/18px var(--font)}.oc-grey{color:var(--muted)}.oc .up{color:var(--up)}.oc .down{color:var(--down)}.oc-body{min-width:0;padding:0 var(--oc-pad) 14px;position:relative;container-type:inline-size}.oc-body :is(a,button,[role=button]),.oc-body .pa-chart-slot{z-index:1;position:relative}.oc-text{color:var(--fg);font:400 15px/21px var(--font);white-space:pre-line;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.oc-shot{aspect-ratio:1.91;background:var(--tile-solid);border-radius:12px;width:100%;display:block;overflow:hidden}.oc-shot>img{object-fit:cover;width:100%;height:100%;display:block}.oc-nums{grid-template-columns:repeat(var(--n,4), minmax(0, 1fr));gap:12px 8px;margin:0;display:grid}.oc-num{flex-direction:column;justify-content:flex-end;min-width:0;display:flex}.oc-num>dt{color:var(--muted);font:500 12px/15px var(--font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@container (width<340px){.oc-nums{grid-template-columns:repeat(2,minmax(0,1fr))}}.oc-num>dd{font:600 15px/20px var(--font);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;overflow:hidden}.oc-num>dd svg{vertical-align:-1px;width:13px;height:13px;margin-right:3px}.oc-num>.chg{font:600 12px/16px var(--font)}.oc-day{height:44px;color:var(--up);display:block;position:relative}.oc-day[data-dir=down]{color:var(--down)}.oc-day>svg{width:100%;height:100%;display:block;overflow:visible}.oc-day :is(.l,.q){fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.oc-day .l{stroke:currentColor}.oc-day .q{stroke:color-mix(in srgb, var(--fg) 30%, var(--tile-solid))}.oc-day>i{box-sizing:border-box;border-radius:50%;position:absolute;translate:-50% -50%}.oc-day>.d{background:currentColor;width:6px;height:6px}.oc-day>.r{border:2px solid var(--fg);background:var(--card-solid);width:10px;height:10px}.oc:not(.is-seen) .oc-day:not(.is-drawn)>svg{clip-path:inset(-8px 100% -8px -8px)}.oc:not(.is-seen) .oc-day:not(.is-drawn)>i{scale:0}.oc.is-seen .oc-day:not(.is-drawn)>svg{animation:.9s cubic-bezier(.32,.72,0,1) both oc-draw}.oc.is-seen .oc-day:not(.is-drawn)>.r{animation:oc-ring .7s var(--ease) calc(var(--at) * .38s) both}.oc.is-seen .oc-day:not(.is-drawn)>.d{animation:oc-dot .32s var(--ease) .42s both}@keyframes oc-draw{0%{clip-path:inset(-8px 100% -8px -8px)}to{clip-path:inset(-8px)}}@keyframes oc-ring{0%{scale:0}45%{scale:1.6}to{scale:1}}@keyframes oc-dot{0%{scale:0}to{scale:1}}@media (prefers-reduced-motion:reduce){.oc.is-seen .oc-day:not(.is-drawn)>:is(svg,i){animation:none}.oc:not(.is-seen) .oc-day:not(.is-drawn)>svg{clip-path:none}.oc:not(.is-seen) .oc-day:not(.is-drawn)>i{scale:1}}.oc-foot{z-index:1;box-sizing:border-box;min-height:52px;padding:8px var(--oc-pad) 8px;border-top:1px solid color-mix(in srgb, var(--fg) 6%, transparent);justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.oc-who{min-width:0;color:var(--muted);font:500 13px/18px var(--font);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.oc-who>*{text-overflow:ellipsis;min-width:0;overflow:hidden}.oc-who-in{align-items:center;gap:6px;min-width:0;display:flex}.oc-who-in>span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.oc-who svg{fill:currentColor;flex:none;width:14px;height:14px}.oc-who .job-face{flex:none;width:16px;height:16px}.oc-foot>:is(.btn,a,button){flex:none}.oc-done{color:var(--muted);font:600 13px/18px var(--font);flex:none;align-items:center;gap:4px;display:flex}.oc-done svg{fill:none;width:16px;height:16px;stroke:var(--up);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.oc.is-compact .oc-head{min-height:56px;padding-block:8px}.oc[inert]{scale:none}.oc.is-tile>.rcp>.ui-card.rc-card{--tile-pad:var(--oc-pad);max-width:none;box-shadow:none;background:0 0}.oc.is-tile>.rcp>.ui-card.rc-card:after{display:none}.oc.is-tile:empty:before{content:"";aspect-ratio:5/4;border-radius:inherit;background:linear-gradient(90deg, var(--tile) 25%, color-mix(in srgb, var(--tile), var(--fg) 4%) 50%, var(--tile) 75%);background-size:200% 100%;max-width:none;animation:1.4s linear infinite shimmer;display:block}.oc.is-tile.is-game:empty:before{aspect-ratio:auto;height:138px}.oc.is-tile:empty:after{display:none}.po-main>.oc{margin-top:10px}.pa-slot.pa-slot:has(.oc:not(.is-tile))>.pa-x.glass{margin-top:0;top:18px;right:10px}.pa-slot .oc-head{padding-right:48px}