.bottom-sheet-scrim{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;background:rgb(0 0 0/.6)}.bottom-sheet-scrim[hidden]{display:none}.bottom-sheet{width:100%;max-height:92dvh;display:flex;flex-direction:column;border:1px solid var(--line);border-bottom:0;border-radius:24px 24px 0 0;background:var(--card);box-shadow:var(--shadow-menu);padding-bottom:env(safe-area-inset-bottom,0);animation:bottom-sheet-up .2s ease-out}.bottom-sheet.full{height:calc(100dvh - 28px);max-height:none}.bottom-sheet-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;padding:0 8px 0 20px}.bottom-sheet-head h2{margin:0;font-size:18px;font-weight:600;color:var(--ink)}.bottom-sheet-close{display:grid;place-items:center;flex:none;width:44px;height:44px;border:0;border-radius:12px;background:none;color:var(--ink);cursor:pointer}.bottom-sheet-close span{font-size:24px;line-height:1}.bottom-sheet-close:hover{background:var(--soft2)}.bottom-sheet-body{flex:1 1;min-height:0;overflow-y:auto;padding:0 12px 12px;scrollbar-width:none}.bottom-sheet-body::-webkit-scrollbar{display:none}.bottom-sheet-foot{flex:none;display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--line)}.bottom-sheet-foot>*{flex:1 1;min-height:44px}@keyframes bottom-sheet-up{0%{transform:translateY(24px);opacity:0}}@media (prefers-reduced-motion:reduce){.bottom-sheet{animation:none}}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:var(--z-toast);display:flex;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:12px 18px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--card);color:var(--ink);font-size:14px;box-shadow:var(--shadow-toast)}.toast svg{flex:none;width:16px;height:16px}.toast-success svg{color:var(--easy)}.toast-info svg{color:var(--prob)}.toast-error{border-color:var(--hard)}.toast-error svg{color:var(--hard)}.toast-close{position:relative;flex:none;display:grid;place-items:center;width:36px;height:36px;margin:-8px -10px -8px 0;padding:0;border:0;border-radius:50%;background:none;color:var(--ink);font-size:20px;line-height:1}.toast-close:hover{background:var(--soft2)}.toast-close:after{content:"";position:absolute;inset:-4px}