.notice-drawer-backdrop{position:fixed;inset:0;z-index:80;background:#02061766;opacity:0;pointer-events:none;transition:.2s}.notice-drawer-backdrop.open{opacity:1;pointer-events:auto}.notice-drawer{position:fixed;inset:0 0 0 auto;z-index:81;width:min(31rem,92vw);background:hsl(var(--background));box-shadow:-18px 0 50px #02061733;transform:translateX(105%);transition:transform .25s ease;display:flex;flex-direction:column}.notice-drawer.open{transform:none}.notice-drawer>header{display:flex;justify-content:space-between;align-items:center;padding:1.4rem;border-bottom:1px solid hsl(var(--border));background:hsl(var(--primary)/.07)}.notice-drawer header small{color:hsl(var(--primary));font-weight:800;letter-spacing:.08em}.notice-drawer header h2{font-size:1.35rem;font-weight:750}.notice-drawer header button{font-size:1.8rem;padding:.2rem .6rem}.notice-drawer>main{overflow:auto;padding:1.4rem}.notice-drawer-body article{border-left:4px solid hsl(var(--primary));border-radius:.8rem;background:hsl(var(--primary)/.06);padding:1.2rem;line-height:1.65}.notice-drawer time{display:block;margin-top:1rem;color:hsl(var(--muted-foreground));font-size:.8rem}.notice-drawer section{margin-top:1.8rem}.notice-drawer section h3{font-weight:700;margin-bottom:.7rem}.notice-drawer-list{display:grid;gap:.55rem}.notice-drawer-list button{text-align:left;border:1px solid hsl(var(--border));border-radius:.7rem;padding:.85rem;background:hsl(var(--card))}.notice-drawer-list button:hover{border-color:hsl(var(--primary)/.5);background:hsl(var(--primary)/.04)}.notice-drawer-list span{display:block;color:hsl(var(--muted-foreground));font-size:.75rem;margin-top:.25rem}.notice-drawer-error{color:#b91c1c}