/* Premium active task picker */
.dst-active-task-card{position:relative!important;z-index:16!important;max-width:520px!important;padding:18px!important;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border))!important;border-radius:21px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 6%,var(--card2)),var(--card))!important;box-shadow:0 18px 48px rgba(0,0,0,.14),inset 0 1px rgba(255,255,255,.06)!important;overflow:visible!important}.dst-active-task-card>div:first-child{margin:0 2px 11px!important;color:var(--accent3)!important;font-size:9px!important;letter-spacing:.15em!important}.dst-task-picker-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.dst-task-picker{position:relative}.dst-task-picker-trigger{--task-color:var(--accent);width:100%;min-height:69px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:10px 13px;border:1px solid var(--border2);border-radius:16px;background:color-mix(in srgb,var(--glass) 78%,transparent);color:var(--text);text-align:left;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.05);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.dst-task-picker-trigger:hover,.dst-task-picker.is-open .dst-task-picker-trigger{transform:translateY(-2px);border-color:color-mix(in srgb,var(--task-color) 50%,var(--border2));box-shadow:0 13px 30px color-mix(in srgb,var(--task-color) 11%,transparent)}.dst-task-trigger-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--task-color) 30%,var(--border));border-radius:13px;background:color-mix(in srgb,var(--task-color) 12%,var(--glass));color:var(--task-color);font-size:15px;font-weight:900}.dst-task-trigger-icon.is-free{color:var(--accent3)}.dst-task-picker-trigger>span:nth-child(2){min-width:0}.dst-task-picker-trigger small,.dst-task-picker-trigger b,.dst-task-picker-trigger em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dst-task-picker-trigger small{color:var(--task-color);font-size:7px;font-weight:900;letter-spacing:.12em}.dst-task-picker-trigger b{margin-top:4px;color:var(--text);font-size:12px}.dst-task-picker-trigger em{margin-top:4px;color:var(--text3);font-size:8px;font-style:normal}.dst-task-picker-trigger>i{color:var(--text3);font-style:normal;font-size:15px;transition:transform .25s ease}.dst-task-picker.is-open .dst-task-picker-trigger>i{transform:rotate(180deg)}.dst-task-picker-menu{position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:100;display:none;padding:12px;border:1px solid var(--border2);border-radius:19px;background:color-mix(in srgb,var(--surface-solid,var(--panel)) 96%,transparent);box-shadow:0 28px 75px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.07);backdrop-filter:blur(24px);transform-origin:top;animation:dstPickerIn .3s cubic-bezier(.16,1,.3,1) both}.dst-task-picker.is-open .dst-task-picker-menu{display:block}.dst-task-picker-menu>header{display:flex;align-items:center;justify-content:space-between;padding:5px 5px 11px;border-bottom:1px solid var(--border)}.dst-task-picker-menu header span,.dst-task-picker-menu header b{display:block}.dst-task-picker-menu header span{color:var(--accent3);font-size:7px;font-weight:900;letter-spacing:.14em}.dst-task-picker-menu header b{margin-top:3px;color:var(--text);font-size:12px}.dst-task-picker-menu header small{padding:5px 7px;border-radius:8px;background:var(--glass);color:var(--text3);font-size:8px}.dst-task-picker-list{max-height:310px;display:grid;gap:7px;margin-top:9px;padding-right:3px;overflow:auto}.dst-task-picker-option{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;min-height:60px;padding:9px 11px;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--text);text-align:left;cursor:pointer;animation:dstTaskOptionIn .35s cubic-bezier(.16,1,.3,1) var(--delay,0ms) both;transition:transform .18s ease,background .18s ease,border-color .18s ease}.dst-task-picker-option:hover{transform:translateX(3px);border-color:var(--border);background:var(--glass)}.dst-task-picker-option.is-selected{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:color-mix(in srgb,var(--accent) 9%,var(--glass))}.dst-task-picker-option>i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--task-color) 12%,var(--glass));color:var(--task-color);font:900 12px inherit;font-style:normal}.dst-task-picker-option span{min-width:0}.dst-task-picker-option b,.dst-task-picker-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dst-task-picker-option b{font-size:10px}.dst-task-picker-option small{margin-top:5px;color:var(--text3);font-size:8px}.dst-task-picker-option>em{color:var(--text3);font:900 7px inherit;font-style:normal;letter-spacing:.08em}.dst-task-picker-option.is-selected>em{color:var(--accent3)}.dst-active-task-card>div:last-child:not(.dst-task-picker){display:flex;align-items:center;gap:6px;margin:10px 2px 0!important;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,#34d399 8%,transparent);color:#34d399!important;font-size:8.5px!important}
html[data-theme="paper"] .dst-task-picker-menu{border-radius:7px;background:#f7efd9;box-shadow:5px 6px 0 rgba(72,55,29,.15)}html[data-theme="retro80"] .dst-task-picker-menu,html[data-theme="retro80"] .dst-task-picker-trigger{border-radius:2px;border-color:#28e8ff}html[data-theme="retro80"] .dst-task-picker-menu{box-shadow:5px 5px 0 #ff3cab}html[data-theme="sakura"] .dst-active-task-card{background:linear-gradient(145deg,rgba(255,250,253,.8),rgba(248,228,240,.65))!important}html[data-theme="astral"] .dst-task-picker-menu{box-shadow:0 28px 75px rgba(3,5,24,.7),0 0 35px rgba(132,87,255,.13)}
@keyframes dstPickerIn{from{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:none}}@keyframes dstTaskOptionIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:600px){.dst-active-task-card{max-width:100%!important}.dst-task-picker-menu{position:fixed;left:12px;right:12px;top:auto;bottom:14px;max-height:68vh;border-radius:21px}.dst-task-picker-list{max-height:50vh}.dst-task-picker-trigger{min-height:64px}}@media(prefers-reduced-motion:reduce){.dst-task-picker-menu,.dst-task-picker-option{animation:none!important}}
.dst-active-task-card{z-index:40!important;overflow:visible!important;contain:none!important;transform:none!important}.pomodoro-page:has(.dst-task-picker.is-open){overflow:visible!important}.pomodoro-page:has(.dst-task-picker.is-open) .mode-tabs{position:relative;z-index:1}.pomodoro-page:has(.dst-task-picker.is-open) .dst-active-task-card{box-shadow:0 24px 60px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.08)!important}
.dst-task-picker-option>em{display:grid!important;place-items:center;width:27px;height:27px;border:1px solid var(--border2);border-radius:9px;background:var(--glass);color:var(--text3)!important;font:800 11px/1 inherit!important;letter-spacing:0!important;transition:transform .18s ease,background .18s ease,color .18s ease}.dst-task-picker-option:hover>em{transform:translateX(2px);border-color:color-mix(in srgb,var(--accent) 35%,var(--border2));color:var(--accent3)!important}.dst-task-picker-option.is-selected>em{border-color:color-mix(in srgb,var(--accent) 38%,var(--border));background:color-mix(in srgb,var(--accent) 13%,var(--glass));color:var(--accent3)!important}
