.yuki-home-view-switch{gap:10px;flex-wrap:wrap;align-items:center}
.yuki-weekly-trigger{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#fff;font-size:11px;font-weight:800;cursor:pointer}
.yuki-weekly-trigger i{color:#ff3e3e}
.yuki-weekly-trigger:hover{border-color:#ff3e3e}
#yuki-weekly{position:fixed;inset:0 auto 0 0;margin:0;width:min(460px,94vw);max-width:none;height:100dvh;max-height:100%;padding:0;border:0;border-right:1px solid #ffffff18;background:#111113;color:#fff;box-shadow:20px 0 70px #0008}
#yuki-weekly[open]{display:flex;flex-direction:column;animation:yuki-weekly-in .22s ease-out}
#yuki-weekly::backdrop{background:rgba(0,0,0,.65)}
#yuki-weekly header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px;border-bottom:1px solid #ffffff15}
#yuki-weekly h2{font-size:20px;font-weight:900;text-transform:uppercase;margin:0}
#yuki-weekly-period{font-size:12px;color:#aaa;margin:8px 0 0}
#yuki-weekly button{min-width:44px;min-height:44px;cursor:pointer}
#yuki-weekly .yuki-weekly-body{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;padding:8px 24px 24px}
#yuki-weekly ul{list-style:none;padding:0;margin:0}
#yuki-weekly li a{display:flex;gap:14px;align-items:flex-start;padding:18px 0;border-bottom:1px solid #ffffff10;color:#fff;text-decoration:none}
#yuki-weekly li a>i{color:#ff3e3e;width:20px;flex:none;margin-top:4px;text-align:center}
#yuki-weekly strong{display:block;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
#yuki-weekly small{display:block;margin-top:6px;font-size:11px;color:#aaa}
#yuki-weekly li a:hover strong{color:#ff3e3e}
#yuki-weekly :focus-visible,.yuki-weekly-trigger:focus-visible{outline:2px solid #ff3e3e;outline-offset:3px}
@keyframes yuki-weekly-in{from{transform:translateX(-100%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){#yuki-weekly[open]{animation:none}}