@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap";body{font-family:Noto Sans TC,sans-serif;background-color:#fff!important;height:100vh;margin:0;padding:0}.modal-theme-urgent-important .modal-header,.modal-theme-urgent-important .modal-container>div:first-child{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#991b1b;border-bottom:1px solid rgba(239,68,68,.2)}.modal-theme-urgent-important .modal-container h3{color:#991b1b;text-shadow:none}.modal-theme-important-not-urgent .modal-header,.modal-theme-important-not-urgent .modal-container>div:first-child{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#92400e;border-bottom:1px solid rgba(245,158,11,.2)}.modal-theme-important-not-urgent .modal-container h3{color:#92400e;text-shadow:none}.modal-theme-urgent-not-important .modal-header,.modal-theme-urgent-not-important .modal-container>div:first-child{background:linear-gradient(135deg,#f0f9ff,#e0e7ff);color:#3730a3;border-bottom:1px solid rgba(99,102,241,.2)}.modal-theme-urgent-not-important .modal-container h3{color:#3730a3;text-shadow:none}.modal-theme-not-urgent-not-important .modal-header,.modal-theme-not-urgent-not-important .modal-container>div:first-child{background:linear-gradient(135deg,#f0fdf4,#d1fae5);color:#065f46;border-bottom:1px solid rgba(16,185,129,.2)}.modal-theme-not-urgent-not-important .modal-container h3{color:#065f46;text-shadow:none}nav-bar{height:86px!important;min-height:60px!important;margin-bottom:0!important;z-index:1002!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;padding:8px 0 0!important}nav-bar .navbar-inner{height:100%!important;min-height:60px!important;padding:8px 0!important}nav-bar .nav-item{padding:6px 8px!important;min-height:44px!important;font-size:12px!important}nav-bar .nav-item svg{width:22px!important;height:22px!important;margin-bottom:3px!important}nav-bar .nav-item span{font-size:11px!important;font-weight:500!important}.nav-item{transition:all .3s ease}.home-header{--header-control-inset: 12px;--header-control-reserve: 68px}.home-header h1{flex:1 1 auto!important;min-width:0!important;max-width:none!important;margin-left:calc(var(--safe-area-inset-left, 0px) + var(--header-control-reserve))!important;margin-right:calc(var(--safe-area-inset-right, 0px) + var(--header-control-reserve))!important}.workspace-status{position:absolute;top:calc(var(--safe-area-inset-top, 0px) + 8px);right:calc(var(--safe-area-inset-right, 0px) + var(--header-control-inset));width:44px;height:44px;min-height:44px;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:12px;background:#fff3;box-shadow:0 6px 18px #0f172a24;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .16s ease,background-color .16s ease}.workspace-status:active{transform:scale(.96);background:#ffffff4d}.workspace-status:focus-within{box-shadow:0 0 0 3px #ffffff61,0 6px 18px #0f172a24}.workspace-status-text{width:100%;height:100%;min-width:0}.workspace-switcher-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0}.workspace-switcher{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;min-width:44px;border:0;border-radius:12px;-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;background:transparent!important;color:transparent!important;font-size:16px;opacity:0!important;outline:none;cursor:pointer;-webkit-text-fill-color:transparent!important}.workspace-switcher:disabled{cursor:wait}.workspace-switcher-icon{position:absolute;width:24px;height:24px;color:#fff;pointer-events:none}.workspace-switcher-caret{position:absolute;right:4px;bottom:5px;width:10px;height:10px;color:#ffffffeb;pointer-events:none}@supports (top: max(0px)){.workspace-status{top:max(8px,calc(var(--safe-area-inset-top, 0px) + 8px),calc(env(safe-area-inset-top,0px) + 8px));right:max(var(--header-control-inset),calc(var(--safe-area-inset-right, 0px) + var(--header-control-inset)),calc(env(safe-area-inset-right,0px) + var(--header-control-inset)))}}@media screen and (max-width:350px){.home-header h1{font-size:1.125rem!important}}@media screen and (min-width:768px){.home-header{--header-control-inset: 20px;--header-control-reserve: 80px}}.quadrant{transition:all .2s ease;border-radius:12px;overflow:hidden;margin-bottom:8px;height:320px!important;min-height:320px!important;max-height:320px!important}.quadrant>div:first-child{display:flex;align-items:center;min-width:0;height:40px;flex-shrink:0}.quadrant h3{white-space:nowrap;overflow-x:auto;overflow-y:hidden;text-overflow:initial;scrollbar-width:none;-ms-overflow-style:none;min-width:0;flex-shrink:1}.quadrant h3::-webkit-scrollbar{display:none}@media(hover:hover)and (pointer:fine){.quadrant:active{transform:scale(.98)}}@media(any-pointer:coarse){.quadrant:active{transform:none}}.quadrant-content{height:calc(100% - 40px);max-height:280px;overflow-y:auto;padding:10px 8px;-webkit-overflow-scrolling:touch;overflow-y:scroll;position:relative;touch-action:pan-y;scroll-behavior:smooth}.quadrant-content{overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.quadrant-content::-webkit-scrollbar{width:6px;-webkit-appearance:none}.quadrant-content::-webkit-scrollbar-track{background:#0000001a;border-radius:10px;-webkit-appearance:none}.quadrant-content::-webkit-scrollbar-thumb{background:#0000004d;border-radius:10px;-webkit-appearance:none;border:1px solid rgba(255,255,255,.2)}.quadrant-content::-webkit-scrollbar-thumb:hover{background:#00000080}.task-item{transition:all .2s ease}.task-item:active{background-color:#f1f5f9}.add-task-btn-container{position:fixed!important;bottom:calc(var(--total-bottom-height, 144px) + 24px)!important;right:16px!important;z-index:1004!important;transition:bottom .22s ease!important;pointer-events:none!important;margin:0!important;padding:0!important}.add-task-btn{background:var(--theme-gradient-from)!important;color:#fff!important;transition:background .2s;position:relative!important;pointer-events:auto!important;width:56px!important;height:56px!important;margin:0!important;border:none!important;outline:none!important;border-radius:50%!important;box-shadow:0 4px 12px #00000026!important;transform:translate(0)!important}.add-task-btn:active{filter:brightness(.9)}@media screen and (max-height:667px)and (max-width:480px){.add-task-btn-container{bottom:calc(var(--total-bottom-height, 144px) + 12px)!important;right:16px!important}}@media screen and (min-width:768px){.add-task-btn-container{bottom:calc(var(--total-bottom-height, 144px) + 16px)!important;right:20px!important}.add-task-btn{width:64px!important;height:64px!important;font-size:24px!important}}@media screen and (min-width:1024px){.add-task-btn-container{bottom:calc(var(--total-bottom-height, 144px) + 16px)!important;right:20px!important}.add-task-btn{width:72px!important;height:72px!important;font-size:28px!important}}.checkbox-container{position:relative;width:20px;height:20px;min-width:20px}.custom-checkbox{position:absolute;top:0;left:0;width:20px;height:20px;border:2px solid #cbd5e1;border-radius:4px;transition:all .2s ease}.custom-checkbox.checked{background-color:#3b82f6;border-color:#3b82f6}.custom-checkbox.checked:after{content:"";position:absolute;top:3px;left:6px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.task-text{transition:all .2s ease}.task-text.completed{text-decoration:line-through;color:#94a3b8}.priority-indicator{width:4px;height:100%;position:absolute;left:0;top:0}.priority-high{background-color:#ef4444}.priority-medium{background-color:#f59e0b}.priority-low{background-color:#10b981}.priority-none{background-color:#6366f1}.quadrant-task{position:relative;padding:6px 8px;margin-bottom:4px;background-color:#ffffff80;border-radius:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d;min-height:32px;font-size:14px}.quadrant-task:last-child{margin-bottom:0}.quadrant-task:hover{box-shadow:0 2px 4px #0000001a}.bg-plan{background-color:#fee2e2}.bg-important{background-color:#fef3c7}.bg-urgent{background-color:#e0e7ff}.bg-normal,.bg-delegate{background-color:#d1fae5}.sortable-ghost{opacity:.5;background-color:#e2e8f0}.sortable-drag{opacity:.8}.progress-bar{height:4px;background-color:#e2e8f0;border-radius:2px;overflow:hidden;margin-top:6px}.progress-value{height:100%;border-radius:2px}.progress-plan{background-color:#ef4444}.progress-important{background-color:#f59e0b}.progress-urgent{background-color:#6366f1}.progress-normal,.progress-delegate{background-color:#10b981}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.modal-container{background-color:#fff;border-radius:12px;width:90%;max-width:500px;max-height:70vh;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;z-index:1101;position:relative}.modal-container .p-4:last-child{overflow-y:auto;flex:1}#edit-task-modal .modal-container{min-width:0;overscroll-behavior:none}#edit-task-modal .edit-task-modal-body{width:100%;min-width:0;overflow-x:hidden!important;overscroll-behavior-x:none;overscroll-behavior-y:contain}#edit-task-modal .edit-task-modal-body>*,#edit-task-modal .edit-task-modal-body input,#edit-task-modal .edit-task-modal-body select,#edit-task-modal .edit-task-modal-body textarea{min-width:0;max-width:100%;box-sizing:border-box}#edit-task-modal .edit-task-modal-footer{flex:0 0 auto;min-width:0;overflow:hidden}.subtask-item{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #f1f5f9}.subtask-item:last-child{border-bottom:none}.immersive-translate-attach-loading:after{content:" ";--loading-color: #f78fb6;width:6px;height:6px;border-radius:50%;display:block;margin:12px auto;position:relative;color:#fff;box-sizing:border-box;animation:immersiveTranslateShadowRolling 1.5s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-2000%,-50%);z-index:100}.immersive-translate-loading-spinner{vertical-align:middle!important;width:10px!important;height:10px!important;display:inline-block!important;margin:0 4px!important;border:2px rgba(221,244,255,.6) solid!important;border-top:2px rgba(0,0,0,.375) solid!important;border-left:2px rgba(0,0,0,.375) solid!important;border-radius:50%!important;padding:0!important;-webkit-animation:immersive-translate-loading-animation .6s infinite linear!important;animation:immersive-translate-loading-animation .6s infinite linear!important}@-webkit-keyframes immersive-translate-loading-animation{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@keyframes immersive-translate-loading-animation{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.immersive-translate-input-loading{--loading-color: #f78fb6;width:6px;height:6px;border-radius:50%;display:block;margin:12px auto;position:relative;color:#fff;left:-100px;box-sizing:border-box;animation:immersiveTranslateShadowRolling 1.5s linear infinite}@keyframes immersiveTranslateShadowRolling{0%{box-shadow:0 0 #fff0,0 0 #fff0,0 0 #fff0,0 0 #fff0}12%{box-shadow:100px 0 var(--loading-color),0 0 #fff0,0 0 #fff0,0 0 #fff0}25%{box-shadow:110px 0 var(--loading-color),100px 0 var(--loading-color),0 0 #fff0,0 0 #fff0}36%{box-shadow:120px 0 var(--loading-color),110px 0 var(--loading-color),100px 0 var(--loading-color),0 0 #fff0}50%{box-shadow:130px 0 var(--loading-color),120px 0 var(--loading-color),110px 0 var(--loading-color),100px 0 var(--loading-color)}62%{box-shadow:200px 0 #fff0,130px 0 var(--loading-color),120px 0 var(--loading-color),110px 0 var(--loading-color)}75%{box-shadow:200px 0 #fff0,200px 0 #fff0,130px 0 var(--loading-color),120px 0 var(--loading-color)}87%{box-shadow:200px 0 #fff0,200px 0 #fff0,200px 0 #fff0,130px 0 var(--loading-color)}to{box-shadow:200px 0 #fff0,200px 0 #fff0,200px 0 #fff0,200px 0 #fff0}}.immersive-translate-toast{display:flex;position:fixed;z-index:2147483647;left:0;right:0;top:1%;width:fit-content;padding:12px 20px;margin:auto;overflow:auto;background:#fef6f9;box-shadow:0 4px 10px #000a1e0f;font-size:15px;border-radius:8px;color:#333}.immersive-translate-toast-content{display:flex;flex-direction:row;align-items:center}.immersive-translate-toast-hidden{margin:0 20px 0 72px;text-decoration:underline;cursor:pointer}.immersive-translate-toast-close{color:#666;font-size:20px;font-weight:700;padding:0 10px;cursor:pointer}@media screen and (max-width:768px){.immersive-translate-toast{top:0;padding:12px 0 0 10px}.immersive-translate-toast-content{flex-direction:column;text-align:center}.immersive-translate-toast-hidden{margin:10px auto}}.immersive-translate-modal{display:none;position:fixed;z-index:2147483647;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006;font-size:15px}.immersive-translate-modal-content{background-color:#fefefe;margin:10% auto;padding:40px 24px 24px;border:1px solid #888;border-radius:10px;width:80%;max-width:270px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";position:relative}@media screen and (max-width:768px){.immersive-translate-modal-content{margin:50% auto!important}}.immersive-translate-modal .immersive-translate-modal-content-in-input{max-width:500px}.immersive-translate-modal-content-in-input .immersive-translate-modal-body{text-align:left;max-height:unset}.immersive-translate-modal-title{text-align:center;font-size:16px;font-weight:700;color:#333}.immersive-translate-modal-body{text-align:center;font-size:14px;font-weight:400;color:#333;word-break:break-all;margin-top:24px}@media screen and (max-width:768px){.immersive-translate-modal-body{max-height:250px;overflow-y:auto}}.immersive-translate-close{color:#666;position:absolute;right:16px;top:16px;font-size:20px;font-weight:700}.immersive-translate-close:hover,.immersive-translate-close:focus{color:#000;text-decoration:none;cursor:pointer}.immersive-translate-modal-footer{display:flex;justify-content:center;flex-wrap:wrap;margin-top:24px}.immersive-translate-btn{width:fit-content;color:#fff;background-color:#ea4c89;border:none;font-size:16px;margin:0 8px;padding:9px 30px;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease}.immersive-translate-btn:hover{background-color:#f082ac}.immersive-translate-btn:disabled{opacity:.6;cursor:not-allowed}.immersive-translate-btn:disabled:hover{background-color:#ea4c89}.immersive-translate-cancel-btn{background-color:#596b78}.immersive-translate-cancel-btn:hover{background-color:#415462}.immersive-translate-action-btn{background-color:transparent;color:#ea4c89;border:1px solid #ea4c89}.immersive-translate-btn svg{margin-right:5px}.immersive-translate-link{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;text-decoration:none;color:#007bff;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.immersive-translate-primary-link{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;text-decoration:none;color:#ea4c89;-webkit-tap-highlight-color:rgba(0,0,0,.1)}.immersive-translate-modal input[type=radio]{margin:0 6px;cursor:pointer}.immersive-translate-modal label{cursor:pointer}.immersive-translate-close-action{position:absolute;top:2px;right:0;cursor:pointer}.imt-image-status{background-color:#00000080!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;border-radius:16px!important}.imt-image-status img,.imt-image-status svg,.imt-img-loading{width:28px!important;height:28px!important;margin:0 0 8px!important;min-height:28px!important;min-width:28px!important;position:relative!important}.imt-img-loading{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAtFBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////oK74hAAAAPHRSTlMABBMIDyQXHwyBfFdDMSw+OjXCb+5RG51IvV/k0rOqlGRM6KKMhdvNyZBz9MaupmxpWyj437iYd/yJVNZeuUC7AAACt0lEQVRIx53T2XKiUBCA4QYOiyCbiAsuuGBcYtxiYtT3f6/pbqoYHVFO5r+iivpo6DpAWYpqeoFfr9f90DsYAuRSWkFnPO50OgR9PwiCUFcl2GEcx+N/YBh6pvKaefHlUgZd1zVe0NbYcQjGBfzrPE8Xz8aF+71D8gG6DHFPpc4a7xFiCDuhaWgKgGIJQ3d5IMGDrpS4S5KgpIm+en9f6PlAhKby4JwEIxlYJV9h5k5nee9GoxHJ2IDSNB0dwdad1NAxDJ/uXDHYmebdk4PdbkS58CIVHdYSUHTYYRWOJblWSyu2lmy3KNFVJNBhxcuGW4YBVCbYGRZwIooipHsNqjM4FbgOQqQqSKQQU9V8xmi1QlgHqQQ6DDBvRUVCDirs+EzGDGOQTCATgtYTnbCVLgsVgRE0T1QE0qHCFAht2z6dLvJQs3Lo2FQoDxWNUiBhaP4eRgwNkI+dAjVOA/kUrIDwf3CG8NfNOE0eiFotSuo+rBiq8tD9oY4Qzc6YJw99hl1wzpQvD7ef2M8QgnOGJfJw+EltQc+oX2yn907QB22WZcvlUpd143dqQu+8pCJZuGE4xCuPXJqqcs5sNpsI93Rmzym1k4Npk+oD1SH3/a3LOK/JpUBpWfqNySxWzCfNCUITuDG5dtuphrUJ1myeIE9bIsPiKrfqTai5WZxbhtNphYx6GEIHihyGFTI69lje/rxajdh0s0msZ0zYxyPLhYCb1CyHm9Qsd2H37Y3lugVwL9kNh8Ot8cha6fUNQ8nuXi5z9/ExsAO4zQrb/ev1yrCB7lGyQzgYDGuxq1toDN/JGvN+HyWNHKB7zEoK+PX11e12G431erGYzwmytAWU56fkMHY5JJnDRR2eZji3AwtIcrEV8Cojat/BdQ7XOwGV1e1hDjGGjXbdArm8uJZtCH5MbcctVX8A1WpqumJHwckAAAAASUVORK5CYII=);background-size:28px 28px;animation:image-loading-rotate 1s linear infinite!important}.imt-image-status span{color:var(--bg-2, #fff)!important;font-size:14px!important;line-height:14px!important;font-weight:500!important;font-family:PingFang SC,Arial,sans-serif!important}@keyframes image-loading-rotate{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.modal-buttons{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin-top:20px}.modal-button{min-width:80px;height:40px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;white-space:nowrap;box-sizing:border-box}.modal-button-primary{background-color:var(--theme-gradient-from)!important;color:#fff!important;border:none;transition:background .2s}.modal-button-primary:active:not(:disabled){filter:brightness(.9)}.modal-button-secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.modal-button-secondary:hover:not(:disabled){background-color:#e5e7eb}.modal-button-danger{background-color:#ef4444;color:#fff;border:none}.modal-button-danger:hover:not(:disabled){background-color:#dc2626}.modal-button:disabled,.modal-button[data-saving]{opacity:.6!important;pointer-events:none!important;transform:none!important;cursor:not-allowed}#edit-task-modal .flex.justify-between{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}#edit-task-modal .flex.justify-between>div{display:flex;gap:8px;align-items:center}#save-task,#save-edit,#confirm-task,#complete-task,#delete-task{min-width:80px;height:40px}.modal-button:not(:disabled):active{transform:scale(.98)!important;transition:transform .1s ease!important}.modal-button.reset-styles{transform:none!important;opacity:1!important;pointer-events:auto!important}.modal-content{display:flex;flex-direction:column;gap:16px}.modal-content>.flex{display:flex;align-items:center;gap:12px}.modal-content.fixed-header{display:flex;flex-direction:column;overflow:hidden;gap:0}.modal-content.fixed-header .modal-header{flex-shrink:0;padding:20px 20px 16px;border-bottom:1px solid #e5e7eb;background-color:#fff;border-radius:12px 12px 0 0}.modal-content.fixed-header .modal-body{flex:1;overflow-y:auto;padding:20px}.modal-content.fixed-header .modal-footer{flex-shrink:0;padding:16px 20px 20px;border-top:1px solid #e5e7eb;background-color:#fff;border-radius:0 0 12px 12px}.modal-content.fixed-header .modal-header .flex{margin-bottom:0}.modal-buttons{display:flex;gap:12px;align-items:center;justify-content:space-between}.modal-button,.modal-buttons button{font-size:14px;font-weight:500;padding:8px 16px;height:40px;white-space:nowrap;border-radius:8px;transition:all .2s ease;cursor:pointer}.modal-buttons>div{display:flex;gap:12px;align-items:center}@media(max-width:640px){.modal-buttons{flex-direction:row;flex-wrap:nowrap!important;gap:8px;justify-content:space-between;align-items:center;width:100%}.modal-button,.modal-buttons button{font-size:14px;padding:8px 12px;height:40px;flex-shrink:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;border-radius:8px}.modal-buttons>div{display:flex;gap:8px;flex-wrap:nowrap!important;align-items:center;flex-shrink:1;min-width:0;flex:1}.modal-buttons>button:first-child{flex:0 0 auto;min-width:60px}.modal-buttons>div>button{flex:1 1 0;min-width:0;max-width:none}}@media(max-width:380px){.modal-buttons{gap:6px}.modal-button,.modal-buttons button{font-size:13px;padding:6px 10px;height:36px}.modal-buttons>div{gap:6px}}@media(max-width:320px){.modal-buttons{gap:4px}.modal-button,.modal-buttons button{font-size:12px;padding:6px 8px;height:34px}.modal-buttons>div{gap:4px}}.drag-placeholder{opacity:.4!important;background:linear-gradient(45deg,#e2e8f0,#cbd5e1)!important;border:2px dashed #3b82f6!important;border-radius:6px!important;pointer-events:none!important;transition:all .2s ease!important;min-height:50px!important;margin:4px 0!important;padding:8px 12px!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;animation:placeholderPulse 1.5s ease-in-out infinite!important}@keyframes placeholderPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.6;transform:scale(1.02)}}.drag-placeholder:before{content:"⊕ 放置到這裡"!important;color:#3b82f6!important;font-size:12px!important;font-weight:500!important;text-align:center!important;white-space:nowrap!important}.quadrant-task:not(.dragging):not(.drag-placeholder){transition:all .2s ease!important;position:relative!important}.quadrant-task.shifting-up{transform:translateY(-4px)!important;background-color:#3b82f60d!important}.quadrant-task.shifting-down{transform:translateY(4px)!important;background-color:#3b82f60d!important}.quadrant-task.dragging{opacity:.15!important;transform:scale(.95)!important;pointer-events:none!important;transition:all .15s ease!important;position:static!important;z-index:auto!important;border:1px dashed #94a3b8!important;background-color:#f8fafc!important}.drag-image{position:fixed!important;pointer-events:none!important;z-index:1000!important;opacity:.9!important;transform:rotate(3deg) scale(1.08)!important;box-shadow:0 15px 35px #0000004d!important;border:3px solid #3b82f6!important;border-radius:8px!important;background-color:#fff!important;background:linear-gradient(135deg,#fff,#f8fafc)!important;margin:0!important;padding:12px!important;font-size:14px!important;line-height:1.4!important;color:#1f2937!important;filter:drop-shadow(0 0 10px rgba(59,130,246,.3))!important;transition:transform .1s ease-out!important}.quadrant-content.drag-over{background:linear-gradient(135deg,#3b82f614,#3b82f626,#3b82f614)!important;border:3px solid #3b82f6!important;border-radius:8px!important;transform:scale(1.01)!important;transition:all .2s ease!important;box-shadow:inset 0 0 20px #3b82f626,0 4px 15px #3b82f61a!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.same-quadrant-success{animation:sameQuadrantSuccess .4s ease-out!important}@keyframes sameQuadrantSuccess{0%{transform:scale(1);background-color:inherit}30%{transform:scale(1.03);background-color:#22c55e1a;box-shadow:0 0 15px #22c55e4d}to{transform:scale(1);background-color:inherit}}.cross-quadrant-success{animation:crossQuadrantSuccess .6s ease-out!important}@keyframes crossQuadrantSuccess{0%{transform:scale(1);background:inherit;border-color:transparent}25%{transform:scale(1.05);background:linear-gradient(45deg,#3b82f61a,#10b9811a);border-color:#3b82f6}75%{transform:scale(1.02);background:#10b98126;box-shadow:0 0 20px #10b98166}to{transform:scale(1);background:inherit;border-color:transparent}}.quadrant.drop-highlight{transform:scale(1.01)!important;box-shadow:0 0 0 3px #3b82f64d,0 8px 25px #3b82f626!important;transition:all .2s ease!important;border-radius:8px!important;overflow:hidden!important}body.dragging .add-task-btn,body.dragging .nav-bar,body.dragging .custom-checkbox,body.dragging button:not(.drag-related){pointer-events:none!important;opacity:.3!important;transition:opacity .2s ease!important}@media(max-width:768px){.drag-placeholder{min-height:45px!important;margin:3px 0!important;padding:6px 10px!important}.drag-placeholder:before{font-size:11px!important;content:"⊕ 放置"!important}.drag-image{transform:rotate(2deg) scale(1.05)!important;font-size:13px!important;padding:10px!important}.quadrant-content.drag-over{border-width:2px!important;transform:scale(1.005)!important}.quadrant.drop-highlight{transform:scale(1.005)!important}}@media(min-resolution:120dpi){.drag-placeholder,.quadrant-task,.drag-image{transition-duration:.1s!important}.same-quadrant-success{animation-duration:.3s!important}.cross-quadrant-success{animation-duration:.5s!important}}@media(prefers-reduced-motion:reduce){.drag-placeholder,.quadrant-task,.drag-image,.quadrant-content.drag-over,.quadrant.drop-highlight{transition:none!important;animation:none!important;transform:none!important}.drag-placeholder{opacity:.6!important}}@media(prefers-color-scheme:dark){.drag-placeholder{background:linear-gradient(45deg,#374151,#4b5563)!important;border-color:#60a5fa!important;color:#e5e7eb!important}.drag-placeholder:before{color:#60a5fa!important}.drag-image{background:linear-gradient(135deg,#1f2937,#374151)!important;border-color:#60a5fa!important;color:#f9fafb!important;filter:drop-shadow(0 0 10px rgba(96,165,250,.3))!important}.quadrant-content.drag-over{background:linear-gradient(135deg,#60a5fa14,#60a5fa26,#60a5fa14)!important;border-color:#60a5fa!important;box-shadow:inset 0 0 20px #60a5fa26,0 4px 15px #60a5fa1a!important}}.overview-title,.task-count{color:var(--theme-color)!important}.progress-slider::-webkit-slider-thumb{background:var(--theme-color)!important;border:none;width:18px;height:18px;border-radius:50%;box-shadow:0 2px 6px #00000014;cursor:pointer}.progress-slider::-moz-range-thumb{background:var(--theme-color)!important;border:none;width:18px;height:18px;border-radius:50%;box-shadow:0 2px 6px #00000014;cursor:pointer}.progress-slider::-ms-thumb{background:var(--theme-color)!important;border:none;width:18px;height:18px;border-radius:50%;box-shadow:0 2px 6px #00000014;cursor:pointer}.subtask-btn{background:#fff!important;color:var(--theme-color)!important;border:1px solid var(--theme-color)!important;font-weight:500;transition:background .2s,color .2s}.subtask-btn svg{color:var(--theme-color)!important}.subtask-btn:active,.subtask-btn:hover{background:#3b82f614}.modal-button-primary{background:var(--theme-gradient-from)!important;color:#fff!important;border:none;transition:background .2s}.modal-button-primary:active{filter:brightness(.9)}.focus\:ring-theme-color:focus{--tw-ring-color: var(--theme-color) !important;box-shadow:0 0 0 2px var(--theme-color)!important;border-color:var(--theme-color)!important}.header-gradient{background:linear-gradient(to right,var(--theme-gradient-from),var(--theme-gradient-to))}.modal-button-group{display:flex;gap:12px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999}.loading-overlay.hidden{display:none}.loading-spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid var(--theme-color, #3b82f6);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{margin-top:16px;color:#fff;font-size:16px;font-weight:500}.error-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.error-overlay.hidden{display:none}.error-container{background-color:#fff;border-radius:12px;padding:32px;max-width:400px;width:100%;text-align:center;box-shadow:0 10px 40px #0000004d}.error-icon{width:64px;height:64px;margin:0 auto 16px;color:#ef4444}.error-title{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:12px}.error-message{font-size:14px;color:#6b7280;margin-bottom:24px;line-height:1.5}.error-retry-btn{background-color:var(--theme-color, #3b82f6);color:#fff;padding:10px 24px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.error-retry-btn:hover{background-color:var(--theme-color-dark, #2563eb)}.error-retry-btn:active{transform:scale(.98)}.bottom-fixed-container{display:none!important}main{margin-bottom:0!important;padding-bottom:24px!important}.add-task-btn-container{bottom:calc(var(--safe-area-inset-bottom, 0px) + var(--floating-action-edge-gap, 16px))!important}body.has-banner-ad .add-task-btn-container{bottom:calc(var(--ad-banner-height, 50px) + var(--safe-area-inset-bottom, 0px) + var(--floating-action-ad-gap, 32px))!important}#drag-toast{bottom:calc(var(--safe-area-inset-bottom, 0px) + 16px)}body.has-banner-ad #drag-toast{bottom:calc(var(--ad-banner-height, 50px) + var(--safe-area-inset-bottom, 0px) + 16px)}.quadrant-expand-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;background:#000000b3;color:#fff;border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:10}.quadrant-expand-btn:hover{background:#000c;box-shadow:0 4px 12px #0000004d}.quadrant-expand-btn:active{background:#000000e6}.quadrant[data-quadrant=plan] .quadrant-expand-btn{background:#ef4444cc}.quadrant[data-quadrant=plan] .quadrant-expand-btn:hover{background:#ef4444e6;box-shadow:0 4px 12px #ef444466}.quadrant[data-quadrant=important] .quadrant-expand-btn{background:#f59e0bcc}.quadrant[data-quadrant=important] .quadrant-expand-btn:hover{background:#f59e0be6;box-shadow:0 4px 12px #f59e0b66}.quadrant[data-quadrant=urgent] .quadrant-expand-btn{background:#6366f1cc}.quadrant[data-quadrant=urgent] .quadrant-expand-btn:hover{background:#6366f1e6;box-shadow:0 4px 12px #6366f166}.quadrant[data-quadrant=delegate] .quadrant-expand-btn{background:#10b981cc}.quadrant[data-quadrant=delegate] .quadrant-expand-btn:hover{background:#10b981e6;box-shadow:0 4px 12px #10b98166}@media(max-width:768px){.quadrant-expand-btn{top:6px;right:6px;width:28px;height:28px}.quadrant-expand-btn svg{width:14px;height:14px}}.quadrant-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:2000;display:none;align-items:center;justify-content:center}.quadrant-modal-overlay.show{display:flex}.quadrant-modal-container{width:90%;max-width:90vw;height:90%;max-height:90vh;background:#fff;border-radius:20px;box-shadow:0 25px 50px #0000004d;display:flex;flex-direction:column;overflow:hidden;position:relative}.quadrant-modal-container.urgent-important{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:3px solid #ef4444;box-shadow:0 0 40px #ef44444d}.quadrant-modal-container.important-not-urgent{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:3px solid #f59e0b;box-shadow:0 0 40px #f59e0b4d}.quadrant-modal-container.urgent-not-important{background:linear-gradient(135deg,#f0f9ff,#e0e7ff);border:3px solid #6366f1;box-shadow:0 0 40px #6366f14d}.quadrant-modal-container.not-urgent-not-important{background:linear-gradient(135deg,#f0fdf4,#d1fae5);border:3px solid #10b981;box-shadow:0 0 40px #10b9814d}.quadrant-modal-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0;position:relative}.urgent-important .quadrant-modal-header{background:#ef4444;color:#fff}.important-not-urgent .quadrant-modal-header{background:#f59e0b;color:#fff}.urgent-not-important .quadrant-modal-header{background:#6366f1;color:#fff}.not-urgent-not-important .quadrant-modal-header{background:#10b981;color:#fff}.quadrant-modal-title{font-size:24px;font-weight:700;color:#1f2937;display:flex;align-items:center}.urgent-important .quadrant-modal-title,.important-not-urgent .quadrant-modal-title,.urgent-not-important .quadrant-modal-title,.not-urgent-not-important .quadrant-modal-title{color:#fff}.quadrant-modal-close{width:40px;height:40px;border:none;background:#0000001a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280}.urgent-important .quadrant-modal-close,.important-not-urgent .quadrant-modal-close,.urgent-not-important .quadrant-modal-close,.not-urgent-not-important .quadrant-modal-close{background:#fff3;color:#fffc}.urgent-important .quadrant-modal-close:hover,.important-not-urgent .quadrant-modal-close:hover,.urgent-not-important .quadrant-modal-close:hover,.not-urgent-not-important .quadrant-modal-close:hover{background:#ffffff4d;color:#fff}.quadrant-modal-close:hover{background:#ef44441a;color:#ef4444}.quadrant-modal-close:active{background:#ef444433}.quadrant-modal-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:0}.quadrant-modal-tasks{padding:20px;min-height:100%}.modal-task-item{background:#fffffff2;border-radius:12px;margin-bottom:12px;padding:16px;box-shadow:0 2px 12px #0000001f;cursor:pointer;border-left:4px solid transparent;border:1px solid rgba(0,0,0,.06);position:relative;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-task-item:hover{box-shadow:0 6px 20px #0000002e;background:#fff}.modal-task-item:active{background:#f5f5f5}.urgent-important .modal-task-item{border-left-color:#ef4444}.important-not-urgent .modal-task-item{border-left-color:#f59e0b}.urgent-not-important .modal-task-item{border-left-color:#6366f1}.not-urgent-not-important .modal-task-item{border-left-color:#10b981}.modal-task-title{font-size:16px;font-weight:700;color:#111827;margin-bottom:8px;line-height:1.4}.modal-task-details{display:flex;align-items:center;gap:12px;font-size:12px;color:#374151;font-weight:500}此 .modal-task-progress{display:flex;align-items:center;gap:6px}.modal-progress-bar{width:60px;height:4px;background:#0000001a;border-radius:2px;overflow:hidden}.modal-progress-fill{height:100%;border-radius:2px}.urgent-important .modal-progress-fill{background:#ef4444}.important-not-urgent .modal-progress-fill{background:#f59e0b}.urgent-not-important .modal-progress-fill{background:#6366f1}.not-urgent-not-important .modal-progress-fill{background:#10b981}.modal-empty-state{text-align:center;padding:60px 20px;color:#6b7280}.modal-add-task-btn{position:fixed;bottom:30px;right:30px;width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 8px 20px #0000004d;z-index:2001;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-add-task-btn:hover{box-shadow:0 12px 28px #0006}.modal-add-task-btn:active{box-shadow:0 6px 16px #0000004d}.urgent-important .modal-add-task-btn{background:#ef4444;box-shadow:0 8px 20px #ef444466}.urgent-important .modal-add-task-btn:hover{box-shadow:0 12px 28px #ef444480}.important-not-urgent .modal-add-task-btn{background:#f59e0b;box-shadow:0 8px 20px #f59e0b66}.important-not-urgent .modal-add-task-btn:hover{box-shadow:0 12px 28px #f59e0b80}.urgent-not-important .modal-add-task-btn{background:#6366f1;box-shadow:0 8px 20px #6366f166}.urgent-not-important .modal-add-task-btn:hover{box-shadow:0 12px 28px #6366f180}.not-urgent-not-important .modal-add-task-btn{background:#10b981;box-shadow:0 8px 20px #10b98166}.not-urgent-not-important .modal-add-task-btn:hover{box-shadow:0 12px 28px #10b98180}.modal-empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.modal-empty-text{font-size:16px;font-weight:500;margin-bottom:8px}.modal-empty-subtext{font-size:14px;opacity:.7}@media(max-width:640px){.quadrant-modal-container{width:95%;max-width:95vw;height:90%;max-height:90vh;border-radius:16px}.quadrant-modal-header{padding:16px}.quadrant-modal-title{font-size:20px}.quadrant-modal-tasks{padding:16px}.modal-task-item{padding:14px}}@media(prefers-color-scheme:dark){.quadrant-modal-container{background:#1f2937;color:#f9fafb}.quadrant-modal-title{color:#f9fafb}.modal-task-item{background:#fffffff2!important;color:#1f2937!important;border:1px solid rgba(0,0,0,.05);box-shadow:0 2px 12px #00000026}.modal-task-title{color:#111827!important;font-weight:700!important}.modal-task-details{color:#374151!important;font-weight:500!important}}.modal-task-item{position:relative;overflow:hidden}.modal-task-item>*{position:relative;z-index:1}.modal-progress-fill,.quadrant-modal-close{position:relative;overflow:hidden}.urgent-important{box-shadow:0 0 40px #ef44444d}.important-not-urgent{box-shadow:0 0 40px #f59e0b4d}.urgent-not-important{box-shadow:0 0 40px #6366f14d}.not-urgent-not-important{box-shadow:0 0 40px #10b9814d}.quadrant-modal-tasks .animate-spin{background:conic-gradient(from 0deg,transparent,currentColor,transparent);border:none!important}.modal-edit-panel{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:0 0 16px 16px;box-shadow:0 8px 25px #00000026;display:none;z-index:10;max-height:60vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-edit-panel.show{display:block}.modal-edit-header{padding:20px 20px 16px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#fff);border-radius:16px 16px 0 0;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:11}.modal-edit-title{font-size:18px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:8px}.modal-edit-close{width:32px;height:32px;border:none;background:#0000000d;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7280}.modal-edit-close:hover{background:#ef44441a;color:#ef4444}.modal-edit-form{padding:20px;max-height:calc(60vh - 80px);overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-form-group{margin-bottom:20px}.modal-form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.modal-form-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff}.modal-form-input:focus{outline:none;border-color:var(--theme-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.modal-form-textarea{min-height:80px;resize:vertical}.modal-form-select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;cursor:pointer}.modal-progress-slider{width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none;cursor:pointer;-webkit-appearance:none}.modal-progress-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--theme-color, #3b82f6);cursor:pointer;box-shadow:0 2px 6px #0003;transition:all .3s ease}.modal-progress-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 8px #0000004d}.modal-edit-actions{padding:16px 20px;border-top:1px solid #e5e7eb;background:#f8fafc;display:flex;justify-content:space-between;gap:12px;position:sticky;bottom:0}.modal-edit-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;min-width:80px;justify-content:center}.modal-edit-btn-primary{background:var(--theme-color, #3b82f6);color:#fff}.modal-edit-btn-primary:hover{filter:brightness(1.1)}.modal-edit-btn-danger{background:#ef4444;color:#fff}.modal-edit-btn-danger:hover{background:#dc2626}.modal-edit-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.modal-edit-btn-secondary:hover{background:#e5e7eb}.urgent-important .modal-edit-panel{border-top:3px solid #ef4444}.important-not-urgent .modal-edit-panel{border-top:3px solid #f59e0b}.urgent-not-important .modal-edit-panel{border-top:3px solid #6366f1}.not-urgent-not-important .modal-edit-panel{border-top:3px solid #10b981}@media(max-width:640px){.modal-edit-panel{max-height:70vh}.modal-edit-header,.modal-edit-form{padding:16px}.modal-edit-actions{padding:12px 16px;flex-direction:column}.modal-edit-btn{width:100%}}.modal-subtasks-container{border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#f9fafb;max-height:120px;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-subtask-item{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #e5e7eb;gap:8px}.modal-subtask-item:last-child{border-bottom:none}.modal-subtask-checkbox{width:16px;height:16px;border:2px solid #d1d5db;border-radius:3px;cursor:pointer}.modal-subtask-checkbox.checked{background:var(--theme-color, #3b82f6);border-color:var(--theme-color, #3b82f6)}.modal-subtask-text{flex:1;font-size:14px;color:#374151}.modal-subtask-text.completed{text-decoration:line-through;color:#9ca3af}.modal-add-subtask-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px dashed var(--theme-color, #3b82f6);border-radius:6px;color:var(--theme-color, #3b82f6);cursor:pointer;font-size:12px;margin-top:8px}.modal-add-subtask-btn:hover{background:#3b82f60d}.modal-task-item{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:manipulation}.modal-task-item:active{cursor:grabbing}.modal-task-item.sortable-ghost{opacity:.4;background:#e2e8f0!important}.modal-task-item.sortable-drag{opacity:.8;background:#f0f0f0!important;z-index:9999}.modal-drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:#9ca3af;cursor:grab;margin-left:auto;flex-shrink:0}.modal-drag-handle:hover{color:#6b7280}.modal-drag-handle:active{cursor:grabbing;color:var(--theme-color, #3b82f6)}.modal-drag-handle:before{content:"⠿";font-size:16px;font-weight:700}.modal-tasks-sortable{position:relative;min-height:60px;padding:8px}.modal-tasks-sortable.drag-over{background:linear-gradient(135deg,#3b82f60d,#3b82f61a,#3b82f60d);border:2px dashed #3b82f6;border-radius:8px}.modal-task-item.sort-success{background:#22c55e1a;box-shadow:0 0 15px #22c55e4d}.modal-task-item{display:flex;flex-direction:column;gap:8px;padding:16px}.modal-task-header{display:flex;align-items:flex-start;gap:12px}.modal-task-content{flex:1;min-width:0}.modal-task-title{font-size:16px;font-weight:700;color:#111827;margin-bottom:8px;line-height:1.4;word-wrap:break-word}.modal-task-details{display:flex;align-items:center;gap:12px;font-size:12px;color:#374151;font-weight:500;flex-wrap:wrap}@media(max-width:640px){.modal-drag-handle{width:20px;height:20px}.modal-drag-handle:before{font-size:14px}.modal-task-item{padding:12px}.modal-task-header{gap:8px}}@supports (-webkit-touch-callout: none){.modal-task-item{-webkit-touch-callout:none;-webkit-user-select:none;touch-action:pan-y}.modal-tasks-sortable{-webkit-overflow-scrolling:touch}.modal-task-item.sortable-drag{opacity:.8;background:#f0f0f0}}