.drawer{width:min(var(--drawer-w), 100vw);background:var(--color-stone);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--color-text);border:0;margin:0 0 0 auto;padding:0;font-size:16px;line-height:1.45}.drawer::backdrop{background:#13141480}.drawer[open]{box-shadow:var(--shadow-soft);animation:drawer-in .24s var(--ease-standard);flex-direction:column;display:flex}.drawer[open]::backdrop{animation:fade-in .24s var(--ease-standard)}@keyframes drawer-in{0%{opacity:0;transform:translate(32px)}}@keyframes fade-in{0%{opacity:0}}.drawer__head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-4) var(--space-6);border-bottom:1px solid var(--color-rule-soft);flex:none;display:flex}.drawer__head>div{align-items:center;gap:var(--space-2);display:flex}.drawer__head h2{margin:0;font-size:26px}.drawer__head span{color:var(--color-text-muted);font-size:var(--type-label);display:block}.icon-button{border-radius:var(--radius-control);width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--color-press-o)}.drawer__body{gap:var(--space-4);min-height:0;padding:var(--space-6) var(--space-6) var(--space-6);flex-direction:column;flex:1;display:flex;overflow:auto}.options{gap:var(--space-2);flex-direction:column;display:flex}.option{gap:var(--space-2);width:100%;min-height:64px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-seg);background:var(--color-surface-alt);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--motion-color), box-shadow var(--motion-color), transform var(--motion-press);border:0;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;display:grid}.option:hover{background:var(--color-paper)}.option:active{transform:scale(.985)}.option[aria-pressed=true]{background:var(--color-paper);box-shadow:inset 0 0 0 2px var(--color-text)}.option--multi{grid-template-columns:48px minmax(0,1fr) auto;min-height:76px}.option b{display:block}.option small{color:var(--color-text-muted);font-size:var(--type-label);display:block}.option__end{font-weight:650;font-size:var(--type-small);flex-direction:column;align-items:flex-end;display:flex}.option__box{width:22px;height:22px;box-shadow:inset 0 0 0 1px var(--color-text);border-radius:4px;justify-content:center;align-items:center;transition:background-color .14s;display:flex}.option__box svg{visibility:hidden}.option[aria-pressed=true] .option__box{background:var(--color-text)}.option[aria-pressed=true] .option__box svg{visibility:visible}.option__any{background:var(--color-action);border-radius:50%;width:48px;height:48px}.days{gap:var(--space-1);padding:2px;display:flex;overflow-x:auto}.day{border-radius:var(--radius-control);background:var(--color-surface-alt);min-width:56px;min-height:60px;color:var(--color-text);font:inherit;cursor:pointer;border:0;flex-direction:column;flex:none;justify-content:center;align-items:center;line-height:1.2;display:flex}.day small{font-size:var(--type-caption)}.day b{font-size:18px;font-weight:750}.day[aria-pressed=true]{background:var(--color-text);color:var(--color-paper)}.day:disabled{opacity:.45;cursor:default}.slots{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.slots .chip{min-width:0}.drawer__hint{color:var(--color-text-muted);font-size:var(--type-label);margin:0}.drawer__hint[hidden]{display:none}.held{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-4);border-radius:var(--radius-seg);background:var(--color-surface-alt);display:flex}.held span:last-child{color:var(--color-text-muted);font-size:var(--type-label);white-space:nowrap}.alts{gap:var(--space-2);display:flex}.alts .chip{flex:1}.done-card{align-items:center;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-card);background:var(--color-panel-demo);color:var(--color-on-board);display:flex}.done-card .avatar{width:64px;height:64px}.done-card b{font-size:var(--type-h3);display:block}.done-card span{color:var(--color-on-board-soft)}.facts{border-top:1px solid var(--color-text);flex-direction:column;margin:0;display:flex}.facts>div{justify-content:space-between;gap:var(--space-2);padding:var(--space-4) 0;border-bottom:1px solid var(--color-rule);display:flex}.facts dd{text-align:right;margin:0}.stack{gap:var(--space-2);flex-direction:column;display:flex}.reminder{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-paper);box-shadow:inset 0 0 0 1px var(--color-rule);flex-direction:column;display:flex}.reminder>span:first-child{color:var(--color-text-muted);font-size:var(--type-caption)}.reminder .reminder__row{gap:var(--space-1);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.reminder .button{min-height:44px;padding:0 var(--space-2);font-size:var(--type-label)}.drawer__foot{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6) var(--space-6);border-top:1px solid var(--color-rule);background:var(--color-stone);flex:none;display:flex}.drawer__foot>div{flex-direction:column;line-height:1.3;display:flex}.drawer__foot b{font-size:var(--type-h4);font-weight:750}.drawer__foot span{color:var(--color-text-muted);font-size:var(--type-label)}.drawer__foot[hidden]{display:none}@media (max-width:600px){.drawer__head{padding-left:var(--space-4)}.drawer__body,.drawer__foot{padding-right:var(--space-4);padding-left:var(--space-4)}}@media (prefers-reduced-motion:reduce){.drawer[open]{animation:none}.drawer[open]::backdrop{animation:none}}
