:root{--bg-color: rgba(255, 255, 255, .95);--text-color: #000000;--secondary-text-color: #86868b;--border-color: #e5e5e7;--hover-color: #f5f5f7;--button-hover-color: #e5e5e7;--input-bg: #ffffff;--blue-color: #007AFF;--red-color: #ff3b30}@media (prefers-color-scheme: dark){:root{--bg-color: rgba(45, 45, 48, .95);--text-color: #ffffff;--secondary-text-color: #8e8e93;--border-color: #38383a;--hover-color: #3a3a3c;--button-hover-color: #3a3a3c;--input-bg: #2c2c2e;--blue-color: #0a84ff;--red-color: #ff453a}}.app{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;margin:0;padding:0;background:var(--bg-color);color:var(--text-color);font-size:13px;-webkit-font-smoothing:antialiased;-webkit-app-region:no-drag;display:flex;flex-direction:column;border-radius:8px;box-shadow:0 8px 30px #0000004d;height:100%;width:100%;box-sizing:border-box}.task-list-container{flex:1 1 0;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;min-height:0;max-height:none}.task-list-container::-webkit-scrollbar{width:6px}.task-list-container::-webkit-scrollbar-track{background:transparent}.task-list-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.task-list-container::-webkit-scrollbar-thumb:hover{background:var(--secondary-text-color)}.task-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .15s ease;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:28px;border-bottom:1px solid var(--border-color);position:relative}.task-item:hover{background-color:var(--hover-color);transform:translate(1px)}.task-item:last-child{border-bottom:none}.task-info{flex:1;display:flex;flex-direction:column;gap:2px}.task-name{font-size:13px;font-weight:400;color:var(--text-color)}.task-calendar{font-size:11px;color:var(--secondary-text-color);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-duration{font-size:10px;color:var(--secondary-text-color);font-style:italic}.task-button{background:none;border:1px solid var(--blue-color);color:var(--blue-color);cursor:pointer;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:500;min-width:40px;transition:all .15s ease}.task-button:hover{background-color:var(--blue-color);color:#fff;transform:translateY(-1px)}.task-button.stop{color:var(--red-color);border-color:var(--red-color)}.task-button.stop:hover{background-color:var(--red-color);color:#fff}.quick-input{flex:0 0 auto;padding:10px 12px;border-top:1px solid var(--border-color);background:var(--bg-color)}.quick-input-row{display:flex;gap:6px;align-items:center}.quick-input select{padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;font-size:12px;background:var(--input-bg);color:var(--text-color);font-family:inherit;min-width:60px;max-width:100px}.quick-input select:focus{outline:none;border-color:var(--blue-color)}.quick-input input{flex:1;padding:6px 8px;border:1px solid var(--border-color);border-radius:4px;font-size:13px;background:var(--input-bg);color:var(--text-color);font-family:inherit;box-sizing:border-box}.quick-input input:focus{outline:none;border-color:var(--blue-color)}.quick-input input::placeholder{color:var(--secondary-text-color)}.footer-menu{flex:0 0 36px;padding:0;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;background:var(--bg-color);border-bottom-left-radius:8px;border-bottom-right-radius:8px}.footer-menu .menu-item{padding:8px 12px;border-bottom:none;flex:1;text-align:center;font-size:18px}.footer-menu .menu-item:hover{background-color:var(--hover-color)}.footer-menu .menu-item:first-child:hover{border-bottom-left-radius:8px}.footer-menu .menu-item:last-child:hover{border-bottom-right-radius:8px}.menu-item{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;transition:background-color .1s ease;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:24px}.menu-item:hover{background-color:var(--hover-color)}.menu-item-text{font-size:13px;font-weight:400;color:var(--text-color);flex:1}.empty-state{padding:16px 12px;text-align:center;color:var(--secondary-text-color);font-size:12px}.empty-state small{display:block;margin-top:2px;font-size:11px;opacity:.7}.auth-button{margin-top:12px;padding:8px 16px;background:var(--blue-color);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.auth-button:hover{background:var(--blue-color);opacity:.9}