:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{letter-spacing:-.003em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;color:#1d1d1f;background-color:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,Segoe UI,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;position:relative;overflow-x:hidden}body:before,body:after{content:"";z-index:-1;pointer-events:none;filter:blur(80px);opacity:.75;transition:opacity .6s;position:fixed}body:before{background:radial-gradient(circle at 30% 30%,#78aaff8c,#0000 60%),radial-gradient(circle at 70% 60%,#c88cff73,#0000 65%);border-radius:50%;width:65vw;height:65vw;top:-20vh;left:-10vw}body:after{background:radial-gradient(circle at 40% 40%,#ffb4aa80,#0000 60%),radial-gradient(circle at 70% 30%,#96dcdc73,#0000 65%);border-radius:50%;width:70vw;height:70vw;bottom:-25vh;right:-15vw}body.dark{color:#f5f5f7;background-color:#000}body.dark:before{opacity:.35;background:radial-gradient(circle at 30% 30%,#5078ff99,#0000 60%),radial-gradient(circle at 70% 60%,#aa5aff80,#0000 65%)}body.dark:after{opacity:.3;background:radial-gradient(circle at 40% 40%,#ff789673,#0000 60%),radial-gradient(circle at 70% 30%,#3cbebe73,#0000 65%)}code{font-family:ui-monospace,SF Mono,Menlo,Monaco,Consolas,Courier New,monospace}button{font-family:inherit}::selection{background:#0071e333}.task-input{flex-wrap:wrap;align-items:stretch;gap:10px;margin-bottom:20px;display:flex}.task-input-field{border-radius:var(--radius-md,14px);background-color:var(--input-bg,#76768014);min-width:200px;color:var(--text-primary,#1d1d1f);border:1px solid #0000;flex:240px;padding:11px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,background .2s,box-shadow .2s}.task-input-field::placeholder{color:var(--text-tertiary,#86868b)}.task-input-field:focus,.task-input-select:focus{background-color:var(--input-bg-focus,#fff);border-color:var(--accent,#0071e3);box-shadow:0 0 0 4px var(--accent-soft,#0071e31f);outline:none}.task-input-select{border-radius:var(--radius-md,14px);background-color:var(--input-bg,#76768014);color:var(--text-primary,#1d1d1f);cursor:pointer;border:1px solid #0000;padding:11px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,background .2s,box-shadow .2s}.add-task-btn{background-color:var(--accent,#0071e3);color:#fff;border-radius:var(--radius-md,14px);cursor:pointer;letter-spacing:-.005em;border:none;padding:11px 22px;font-size:15px;font-weight:600;transition:transform .1s,background .2s,box-shadow .2s;box-shadow:0 1px 2px #0071e340}.add-task-btn:hover{background-color:var(--accent-hover,#0077ed);transform:translateY(-1px);box-shadow:0 4px 16px #0071e34d}.add-task-btn:active{transform:scale(.97)}@media (width<=600px){.task-input{flex-direction:column}.task-input-field,.task-input-select,.add-task-btn{width:100%}}.task-list-container{flex-direction:column;gap:18px;display:flex}.task-list-header{background:var(--surface,#ffffffb8);-webkit-backdrop-filter:saturate(180%)blur(20px);letter-spacing:-.01em;color:var(--text-primary,#1d1d1f);z-index:10;align-items:center;gap:10px;padding:12px 4px;font-size:17px;font-weight:600;display:flex;position:sticky;top:0}.task-list-header-icon{font-size:20px}.task-stats{flex-wrap:wrap;justify-content:space-around;gap:10px;display:flex}.task-stat{border-radius:var(--radius-md,14px);text-align:center;background:var(--stat-bg,#7676800f);border:1px solid var(--border-color,#3c3c431f);flex:1;min-width:140px;padding:14px 16px;transition:transform .15s}.task-stat:hover{transform:translateY(-1px)}.task-stat h4{color:var(--text-secondary,#6e6e73);text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:11px;font-weight:600}.task-stat p{letter-spacing:-.02em;color:var(--text-primary,#1d1d1f);font-variant-numeric:tabular-nums;margin:6px 0 0;font-size:22px;font-weight:600}.task-stat-completed{background:var(--stat-completed-bg);border-color:#0000}.task-stat-completed h4{color:var(--stat-completed-fg)}.task-stat-pending{background:var(--stat-pending-bg);border-color:#0000}.task-stat-pending h4{color:var(--stat-pending-fg)}.task-list{flex-direction:column;gap:8px;margin:0;padding:0;font-size:15px;list-style-type:none;display:flex}.task-item{border-radius:var(--radius-md,14px);border:1px solid var(--border-color,#3c3c431f);background-color:var(--task-bg,#ffffffc7);-webkit-backdrop-filter:saturate(180%)blur(12px);flex-direction:column;padding:14px 16px;transition:transform .2s,opacity .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.task-item:before{content:"";background:0 0;width:3px;transition:background .2s;position:absolute;top:0;bottom:0;left:0}.task-item.priority-high:before{background:var(--priority-high,#ff3b30)}.task-item.priority-medium:before{background:var(--priority-medium,#ff9f0a)}.task-item.priority-low:before{background:var(--priority-low,#34c759)}.task-item.is-hovered{box-shadow:var(--shadow-md,0 4px 16px #0000000f);border-color:var(--border-strong,#3c3c4333);transform:translateY(-2px)}.task-item.is-completed{opacity:.55}.task-item.is-completed .task-text{text-decoration:line-through}.task-item.is-dragging{box-shadow:var(--shadow-lg,0 20px 60px #0000001f);transform:scale(1.01)}.task-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.priority-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 3px #fff6}.task-text{cursor:pointer;color:var(--text-primary,#1d1d1f);letter-spacing:-.005em;border-radius:6px;flex:1;min-width:120px;padding:4px 8px;font-weight:500}.task-text:hover{background:var(--hover-bg,#3c3c430f)}.task-edit-input{border:1px solid var(--accent,#0071e3);background:var(--input-bg-focus,#fff);color:var(--text-primary,#1d1d1f);box-shadow:0 0 0 4px var(--accent-soft,#0071e31f);border-radius:8px;outline:none;flex:1;padding:7px 12px;font-family:inherit;font-size:15px}.task-badge{color:#fff;border-radius:var(--radius-pill,999px);text-transform:capitalize;letter-spacing:.01em;white-space:nowrap;padding:3px 10px;font-size:11px;font-weight:600}.task-due-badge{border-radius:var(--radius-pill,999px);white-space:nowrap;letter-spacing:.01em;padding:3px 10px;font-size:11px;font-weight:600}.task-due-badge.due-overdue{background:var(--priority-high,#ff3b30);color:#fff}.task-due-badge.due-today{background:var(--priority-medium,#ff9f0a);color:#fff}.task-due-badge.due-soon{color:#1d1d1f;background:#ffcc00e6}.task-icon-btn{cursor:pointer;color:var(--text-secondary,#6e6e73);background:0 0;border:none;border-radius:6px;padding:5px 7px;font-size:15px;transition:transform .15s,background .15s}.task-icon-btn:hover{background:var(--hover-bg,#3c3c430f);transform:scale(1.12)}.pomodoro-btn{color:var(--priority-medium,#ff9f0a)}.delete-btn{color:var(--priority-high,#ff3b30);margin-left:auto;font-weight:600}.delete-btn:hover{color:var(--priority-high,#ff3b30);background:var(--alert-bg)}.task-due-line{color:var(--text-secondary,#6e6e73);margin-top:6px;padding-left:8px;font-size:13px}.task-due-line.due-overdue{color:var(--priority-high,#ff3b30);font-weight:600}.task-due-line.due-today{color:var(--priority-medium,#ff9f0a);font-weight:600}.task-meta{color:var(--text-tertiary,#86868b);letter-spacing:.01em;margin-top:6px;padding-left:8px;font-size:11px}.task-empty-state{text-align:center;color:var(--text-secondary,#6e6e73);background:var(--stat-bg,#7676800f);border-radius:var(--radius-md,14px);border:1px dashed var(--border-strong,#3c3c4333);padding:56px 24px}.task-empty-icon{opacity:.7;margin-bottom:14px;font-size:44px}.task-empty-title{letter-spacing:-.015em;color:var(--text-primary,#1d1d1f);margin:0 0 6px;font-size:17px;font-weight:600}.task-empty-subtitle{opacity:.85;margin:0;font-size:14px}@media (width<=600px){.task-list-header{padding:10px 4px;font-size:16px}.task-stat{min-width:100px}.task-stat p{font-size:20px}.task-badge,.task-due-badge{font-size:10px}.delete-btn{margin-left:0}}.pomodoro-backdrop{-webkit-backdrop-filter:blur(6px);z-index:999;background:#0000004d;animation:.2s fade-in;position:fixed;inset:0}.pomodoro-dialog{background:var(--surface,#ffffffb8);color:var(--text-primary,#1d1d1f);border:1px solid var(--border-color,#3c3c431f);z-index:1000;box-shadow:var(--shadow-lg,0 20px 60px #0000001f);-webkit-backdrop-filter:saturate(180%)blur(30px);text-align:center;border-radius:22px;min-width:min(440px,92vw);max-width:92vw;padding:28px 32px 24px;animation:.28s cubic-bezier(.2,.9,.3,1.2) scale-in;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.pomodoro-dialog h3{letter-spacing:-.015em;margin:0 0 6px;font-size:18px;font-weight:600}.pomodoro-task{color:var(--text-secondary,#6e6e73);margin:0 0 18px;font-size:14px}.pomodoro-clock{letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--text-primary,#1d1d1f);margin:14px 0 6px;font-size:68px;font-weight:300}.pomodoro-progress-text{color:var(--text-secondary,#6e6e73);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;font-size:12px;font-weight:600}.pomodoro-complete{color:var(--stat-completed-fg,#248a3d);border-radius:var(--radius-md,14px);background:#34c75926;border:1px solid #34c7594d;margin-bottom:14px;padding:10px 14px;font-size:14px;font-weight:600}.pomodoro-bar{background-color:var(--pomodoro-bar-bg,#3c3c431f);border-radius:999px;width:100%;height:6px;margin-bottom:20px;overflow:hidden}.pomodoro-bar-fill{border-radius:999px;height:100%;transition:width .3s,background-color .3s}.pomodoro-controls{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:18px;display:flex}.pomodoro-btn-primary,.pomodoro-btn-secondary,.pomodoro-btn-close{border-radius:var(--radius-pill,999px);cursor:pointer;letter-spacing:-.005em;border:none;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:transform .1s,background .2s,box-shadow .2s}.pomodoro-btn-primary{background:var(--accent,#0071e3);color:#fff;box-shadow:0 1px 2px #0071e340}.pomodoro-btn-primary:hover{background:var(--accent-hover,#0077ed)}.pomodoro-btn-primary.active{background:var(--priority-high,#ff3b30);box-shadow:0 1px 2px #ff3b3040}.pomodoro-btn-primary.active:hover{background:#ff453a}.pomodoro-btn-secondary{background:var(--tab-bg,#76768024);color:var(--text-primary,#1d1d1f)}.pomodoro-btn-secondary:hover{background:var(--tab-hover-bg,#76768038)}.pomodoro-btn-close{background:var(--tab-bg,#76768024);color:var(--text-primary,#1d1d1f)}.pomodoro-btn-close:hover{background:var(--tab-hover-bg,#76768038)}.pomodoro-btn-primary:active,.pomodoro-btn-secondary:active,.pomodoro-btn-close:active{transform:scale(.97)}.pomodoro-settings{border-top:1px solid var(--border-color,#3c3c431f);flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:14px;padding-top:16px;display:flex}.pomodoro-settings label{color:var(--text-secondary,#6e6e73);text-transform:uppercase;letter-spacing:.06em;flex-direction:column;align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.pomodoro-settings input{background:var(--input-bg,#76768014);width:64px;color:var(--text-primary,#1d1d1f);text-align:center;border:1px solid #0000;border-radius:8px;padding:6px 8px;font-family:inherit;font-size:14px;font-weight:600;transition:border-color .2s,box-shadow .2s}.pomodoro-settings input:focus{border-color:var(--accent,#0071e3);box-shadow:0 0 0 3px var(--accent-soft,#0071e31f);outline:none}.pomodoro-cycles{color:var(--text-secondary,#6e6e73);align-self:end;font-size:12px;font-weight:600}.pomodoro-hint{color:var(--text-tertiary,#86868b);letter-spacing:.01em;margin:10px 0 0;font-size:12px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.toast-stack{z-index:1100;flex-direction:column;gap:10px;max-width:min(90vw,380px);display:flex;position:fixed;bottom:28px;right:28px}.toast{border-radius:var(--radius-md,14px);background:var(--toast-bg,#1e1e20d9);color:var(--toast-fg,#fff);-webkit-backdrop-filter:saturate(180%)blur(20px);letter-spacing:-.005em;cursor:pointer;border:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;font-size:14px;font-weight:500;transition:transform .15s;animation:.3s cubic-bezier(.2,.9,.3,1.2) toast-slide-in;display:flex;box-shadow:0 10px 40px #00000040}.toast:hover{transform:translateY(-1px)}.toast-success{background:#34c759eb;border-color:#ffffff2e}.toast-error{background:#ff3b30eb;border-color:#ffffff2e}.toast-info{background:#0071e3eb;border-color:#ffffff2e}.toast-warning{color:#1d1d1f;background:#ff9f0aeb;border-color:#ffffff2e}.toast-close{color:inherit;cursor:pointer;opacity:.85;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1;transition:opacity .2s}.toast-close:hover{opacity:1}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(14px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=600px){.toast-stack{max-width:none;bottom:14px;left:14px;right:14px}}.workspace-tabs{background:var(--segmented-bg,#7676801f);border-radius:var(--radius-pill,999px);flex-wrap:wrap;gap:4px;margin-bottom:22px;padding:4px;display:flex}.workspace-tab{border-radius:var(--radius-pill,999px);letter-spacing:-.005em;color:var(--tab-fg,#1d1d1f);cursor:pointer;background-color:#0000;border:none;align-items:center;gap:7px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .25s,color .25s,box-shadow .25s,transform .15s;display:inline-flex}.workspace-tab:hover:not(.active){background-color:var(--tab-hover-bg,#76768024)}.workspace-tab.active{background-color:var(--tab-active-bg,#fff);color:var(--tab-active-fg,#1d1d1f);font-weight:600;box-shadow:0 1px 2px #0000000f,0 1px 6px #00000014}.workspace-tab:active{transform:scale(.97)}.workspace-tab-icon{font-size:14px}.workspace-tab-count{background:var(--tab-bg,#76768024);color:var(--text-secondary,#6e6e73);border-radius:var(--radius-pill,999px);text-align:center;font-variant-numeric:tabular-nums;min-width:18px;padding:1px 7px;font-size:11px;font-weight:600}.workspace-tab.active .workspace-tab-count{background:var(--accent-soft,#0071e31f);color:var(--accent,#0071e3)}@media (width<=600px){.workspace-tab{padding:7px 12px;font-size:12px}}.sort-tasks{align-items:center;gap:10px;margin-bottom:16px;display:flex}.sort-tasks-label{color:var(--text-secondary,#6e6e73);letter-spacing:-.005em;font-size:13px;font-weight:500}.sort-tasks-select{border-radius:var(--radius-pill,999px);background:var(--tab-bg,#76768014);color:var(--text-primary,#1d1d1f);cursor:pointer;border:1px solid #0000;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .2s,border-color .2s,box-shadow .2s}.sort-tasks-select:hover{background:var(--tab-hover-bg,#76768024)}.sort-tasks-select:focus{border-color:var(--accent,#0071e3);box-shadow:0 0 0 4px var(--accent-soft,#0071e31f);outline:none}.summary-dashboard{flex-wrap:wrap;gap:10px;margin-bottom:22px;display:flex}.summary-card{background:var(--stat-bg,#7676800f);border:1px solid var(--border-color,#3c3c431f);border-radius:var(--radius-md,14px);flex-direction:column;flex:1;gap:6px;min-width:140px;padding:14px 16px;transition:transform .15s,border-color .2s;display:flex}.summary-card:hover{border-color:var(--border-strong,#3c3c4333);transform:translateY(-1px)}.summary-card-alert{background:var(--alert-bg,#ff3b301f);border-color:var(--alert-border,#ff3b3066)}.summary-label{color:var(--text-secondary,#6e6e73);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.summary-value{letter-spacing:-.02em;color:var(--text-primary,#1d1d1f);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}@media (width<=600px){.summary-card{min-width:42%}}:root{--bg-page:#f5f5f7;--surface:#ffffffb8;--surface-solid:#fff;--surface-muted:#ffffff8c;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-tertiary:#86868b;--border-color:#3c3c431f;--border-strong:#3c3c4333;--input-bg:#76768014;--input-bg-focus:#ffffffe6;--hover-bg:#3c3c430f;--accent:#0071e3;--accent-hover:#0077ed;--accent-soft:#0071e31f;--tab-bg:#76768014;--tab-hover-bg:#76768024;--tab-fg:#1d1d1f;--tab-active-bg:#fff;--tab-active-fg:#1d1d1f;--segmented-bg:#7676801f;--stat-bg:#7676800f;--stat-completed-bg:#34c7591f;--stat-completed-fg:#248a3d;--stat-pending-bg:#ff9f0a24;--stat-pending-fg:#b25000;--task-bg:#ffffffc7;--priority-high:#ff3b30;--priority-medium:#ff9f0a;--priority-low:#34c759;--priority-high-bg:#ff3b3014;--priority-medium-bg:#ff9f0a14;--priority-low-bg:#34c75914;--toast-bg:#1e1e20d9;--toast-fg:#fff;--pomodoro-bar-bg:#3c3c431f;--alert-bg:#ff3b301f;--alert-border:#ff3b3066;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 1px 2px #0000000a, 0 20px 60px #00000014;--radius-card:22px;--radius-md:14px;--radius-sm:10px;--radius-pill:999px}body.dark{--bg-page:#000;--surface:#1c1c1eb8;--surface-solid:#1c1c1e;--surface-muted:#1c1c1e8c;--text-primary:#f5f5f7;--text-secondary:#a1a1a6;--text-tertiary:#6e6e73;--border-color:#ffffff14;--border-strong:#ffffff24;--input-bg:#7676803d;--input-bg-focus:#2c2c2ee6;--hover-bg:#ffffff0f;--accent:#0a84ff;--accent-hover:#409cff;--accent-soft:#0a84ff33;--tab-bg:#76768033;--tab-hover-bg:#7676804d;--tab-fg:#f5f5f7;--tab-active-bg:#48484a;--tab-active-fg:#fff;--segmented-bg:#7676803d;--stat-bg:#76768024;--stat-completed-bg:#34c7592e;--stat-completed-fg:#30d158;--stat-pending-bg:#ff9f0a2e;--stat-pending-fg:#ffb340;--task-bg:#2c2c2ebf;--priority-high:#ff453a;--priority-medium:#ffb340;--priority-low:#30d158;--priority-high-bg:#ff453a24;--priority-medium-bg:#ffb34024;--priority-low-bg:#30d15824;--toast-bg:#2c2c2ee6;--toast-fg:#f5f5f7;--pomodoro-bar-bg:#ffffff1a;--alert-bg:#ff453a26;--alert-border:#ff453a66;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 1px 2px #0006, 0 20px 60px #00000080}body{background-color:var(--bg-page);color:var(--text-primary);transition:background-color .4s,color .4s}.app-container{background:var(--surface);max-width:880px;color:var(--text-primary);border-radius:var(--radius-card);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);-webkit-backdrop-filter:saturate(180%)blur(30px);margin:48px auto;padding:36px 40px 32px;transition:background .4s,color .4s,border-color .4s}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.app-title{letter-spacing:-.028em;color:var(--text-primary);align-items:baseline;gap:12px;margin:0;font-size:34px;font-weight:600;display:flex}.app-title span[role=img]{font-size:28px}.app-subtitle{color:var(--text-secondary);letter-spacing:.01em;background:var(--tab-bg);border-radius:var(--radius-pill);padding:3px 10px;font-size:13px;font-weight:500}.app-actions{gap:8px;display:flex}.icon-action{border-radius:var(--radius-pill);background:var(--tab-bg);width:38px;height:38px;color:var(--text-primary);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;font-size:16px;transition:transform .15s,background .2s,border-color .2s;display:inline-flex}.icon-action:hover{background:var(--tab-hover-bg);transform:translateY(-1px)}.icon-action:active{transform:scale(.95)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.clear-completed-btn{background:var(--tab-bg);color:var(--text-secondary);border-radius:var(--radius-pill);cursor:pointer;border:1px solid #0000;padding:7px 14px;font-size:13px;font-weight:500;transition:all .2s}.clear-completed-btn:hover{background:var(--alert-bg);color:var(--priority-high);border-color:var(--alert-border)}.app-footer{border-top:1px solid var(--border-color);color:var(--text-tertiary);text-align:center;letter-spacing:.01em;margin-top:40px;padding-top:20px;font-size:12px}.app-footer a{color:var(--accent);text-decoration:none;transition:opacity .2s}.app-footer a:hover{opacity:.75}.shortcuts-modal{z-index:1200;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shortcuts-backdrop{-webkit-backdrop-filter:blur(6px);background:#0000004d;animation:.2s fade-in;position:absolute;inset:0}.shortcuts-content{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-color);width:92%;max-width:420px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:saturate(180%)blur(30px);border-radius:20px;padding:28px 32px;animation:.25s cubic-bezier(.2,.9,.3,1.2) scale-in;position:relative}.shortcuts-content h3{letter-spacing:-.015em;margin:0 0 18px;font-size:18px;font-weight:600}.shortcuts-content ul{flex-direction:column;gap:10px;margin:0 0 20px;padding:0;list-style:none;display:flex}.shortcuts-content li{color:var(--text-secondary);align-items:center;gap:12px;font-size:14px;display:flex}.shortcuts-content kbd{background:var(--input-bg);border:1px solid var(--border-color);min-width:28px;color:var(--text-primary);border-radius:6px;justify-content:center;align-items:center;padding:3px 8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 1px #0000000a}.shortcuts-close{background:var(--accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;padding:10px 16px;font-size:14px;font-weight:600;transition:background .2s,transform .1s}.shortcuts-close:hover{background:var(--accent-hover)}.shortcuts-close:active{transform:scale(.98)}@media (width<=600px){.app-container{border-radius:20px;margin:16px;padding:24px 20px}.app-title{font-size:26px}.app-title span[role=img]{font-size:22px}.toolbar{flex-direction:column;align-items:stretch}.clear-completed-btn{width:100%}}