.task-card-wrapper[data-v-0971b9a1]{position:relative;margin-bottom:12px;border-radius:20px;background:#eee;overflow:hidden;flex-shrink:0}.task-card[data-v-0971b9a1]{padding:18px 22px;min-height:90px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#fff,#e8f5e9);z-index:2;position:relative;transition:transform .3s var(--ease);box-shadow:0 2px 8px #0000000d;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y;will-change:transform}.task-card.dragging[data-v-0971b9a1]{transition:none}.task-card[data-v-0971b9a1]:active{cursor:grabbing}.task-text[data-v-0971b9a1]{font-size:15px;margin-bottom:6px}.task-card.is-done[data-v-0971b9a1]{text-decoration:line-through;background:linear-gradient(135deg,#e8f0e3,#d4e4cd)}.task-tags[data-v-0971b9a1]{display:flex;gap:6px;flex-wrap:wrap}.tag[data-v-0971b9a1]{font-size:10px;padding:2px 8px;border-radius:6px;color:#fff;font-weight:700}.tag-important[data-v-0971b9a1]{background:var(--tag-important)}.tag-urgent[data-v-0971b9a1]{background:var(--tag-urgent)}.tag-habit[data-v-0971b9a1]{background:var(--tag-habit)}.swipe-actions[data-v-0971b9a1]{position:absolute;right:0;top:0;height:100%;display:flex;z-index:1}.action-btn[data-v-0971b9a1]{width:70px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.btn-del[data-v-0971b9a1]{background:var(--delete-red)}.btn-done[data-v-0971b9a1]{background:var(--complete-green)}.btn-edit[data-v-0971b9a1]{background:var(--accent-green)}:root{--bg-gradient: linear-gradient(180deg, #b4c79c 0%, #f9faf8 100%);--card-bg-solid: #ffffff;--accent-green: #9fb683;--delete-red: #d98a81;--complete-green: #8cae75;--text-main: #6b7a5e;--ease: cubic-bezier(.4, 0, .2, 1);--tag-important: #e8b563;--tag-urgent: #d98a81;--tag-habit: #8cae75}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0;padding:0}body{background:var(--bg-gradient);font-family:-apple-system,sans-serif;overflow:hidden;color:var(--text-main)}#app{width:100%;max-width:480px;height:100vh;margin:0 auto;display:flex;flex-direction:column;position:relative;transition:opacity .5s var(--ease),transform .5s var(--ease)}#auth-layer{position:fixed;inset:0;z-index:2000;background:var(--bg-gradient);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;transition:transform .6s var(--ease),opacity .5s}.auth-card{width:100%;max-width:320px;text-align:center}.auth-logo{width:80px;height:80px;background:#fff;border-radius:22px;margin:0 auto 30px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #0000000d}.auth-title{font-size:24px;font-weight:700;margin-bottom:8px}.auth-subtitle{font-size:14px;opacity:.7;margin-bottom:40px}.input-group{width:100%;margin-bottom:15px;text-align:left}.input-group input{width:100%;padding:16px 20px;border-radius:15px;border:none;background:var(--card-bg-solid);font-size:15px;outline:none;color:var(--text-main);box-shadow:0 4px 12px #00000008}.input-group input::placeholder{color:#ccc}.auth-btn{width:100%;padding:16px;border-radius:15px;border:none;background:var(--accent-green);color:#fff;font-weight:700;font-size:16px;cursor:pointer;margin-top:10px;transition:.3s}.auth-btn:active{transform:scale(.98);opacity:.9}.auth-switch{margin-top:25px;font-size:13px;cursor:pointer;opacity:.8}.app-hidden{opacity:0;transform:scale(.95);pointer-events:none}.auth-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;font-size:13px;font-weight:500}.header-progress-container{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.header-progress-container svg{position:absolute;transform:rotate(-90deg)}#comp-percent{font-size:9px;font-weight:700;position:relative;z-index:1}.nav-bar{display:flex;justify-content:space-between;padding:10px 15px;overflow-x:auto;flex-shrink:0}.nav-bar::-webkit-scrollbar{display:none}.nav-item{padding:8px 15px;font-size:14px;opacity:.5;transition:.3s;border-radius:12px;cursor:pointer;flex-shrink:0}.nav-item.active{opacity:1;background:#fff9;font-weight:700}.view-container{flex:1;position:relative;overflow:hidden}.view-inner{display:flex;width:500%;height:100%;transition:transform .5s var(--ease)}.view-page{width:20%;height:100%;padding:0 20px;overflow-y:auto;display:flex;flex-direction:column}.center-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:80px}.focus-time{font-size:80px;font-weight:200;color:var(--text-main);margin-bottom:20px;text-shadow:0 2px 10px rgba(255,255,255,.5)}.focus-time-selector{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;justify-content:center;align-items:center}.time-option{padding:8px 16px;border-radius:12px;border:2px solid rgba(255,255,255,.8);background:#ffffffb3;color:var(--text-main);font-size:14px;cursor:pointer;transition:.3s;font-weight:500}.time-option.active{background:#ffffffe6;border-color:#fff;font-weight:700;color:var(--accent-green)}.time-option:hover{background:#ffffffd9}.custom-time-input{display:flex;gap:5px;align-items:center}.custom-time-input input{width:80px;padding:8px 12px;border-radius:12px;border:2px solid rgba(255,255,255,.8);background:#ffffffb3;color:var(--text-main);font-size:14px;outline:none;text-align:center;font-weight:500}.custom-time-input input::placeholder{color:#6b7a5e80}.custom-time-input input:focus{border-color:#fff;background:#ffffffe6}.set-time-btn{padding:8px 16px;border-radius:12px;border:2px solid rgba(255,255,255,.8);background:#ffffffb3;color:var(--text-main);font-size:14px;cursor:pointer;transition:.3s;font-weight:500}.set-time-btn:hover{background:#ffffffe6;border-color:#fff}.play-btn{width:80px;height:80px;background:#fff6;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer}.circle-chart{width:220px;height:220px;border-radius:50%;border:15px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;position:relative}.circle-progress-bar{position:absolute;inset:-15px;border-radius:50%;border:15px solid var(--accent-green);border-bottom-color:transparent;border-right-color:transparent;transition:transform .5s var(--ease)}.fab{position:absolute;bottom:35px;right:25px;width:60px;height:60px;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 8px 20px #0000001a;z-index:100;cursor:pointer}.modal-overlay{position:fixed;inset:0;background:#0003;display:none;align-items:flex-end;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.open{display:flex}.modal-body{width:100%;background:#fff;border-radius:25px 25px 0 0;padding:25px;transform:translateY(100%);transition:.4s var(--ease)}.modal-overlay.open .modal-body{transform:translateY(0)}textarea{width:100%;border:none;background:#f5f5f5;padding:15px;border-radius:15px;font-size:16px;outline:none;margin-bottom:15px;font-family:inherit}.attr-selector{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.attr-item{display:flex;align-items:center;gap:4px;font-size:14px;cursor:pointer}.save-btn{width:100%;background:var(--accent-green);color:#fff;border:none;padding:16px;border-radius:15px;font-weight:700;font-size:16px;cursor:pointer}