.home-countdown{position:fixed;top:var(--space-12);left:var(--space-12);z-index:calc(var(--z-sidebar) - 10);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);animation:countdownFadeIn 1s var(--ease-out-expo) both}@keyframes countdownFadeIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.home-countdown__label{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-on-glass);text-shadow:0 2px 12px rgba(0,0,0,.3);letter-spacing:.08em}.home-countdown__number{font-family:var(--font-display);font-size:4.5rem;font-weight:700;color:var(--text-on-glass);text-shadow:0 2px 16px rgba(0,0,0,.35);line-height:1;letter-spacing:.04em}.home-countdown__unit{font-size:var(--text-2xl);font-weight:500;margin-left:var(--space-1);opacity:.85}.home-task-container{position:fixed;top:calc(var(--space-12) + 130px);left:var(--space-12);z-index:calc(var(--z-sidebar) - 10);max-height:calc(100vh - 280px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.home-task-container::-webkit-scrollbar{display:none}.home-task-list{display:flex;flex-direction:column;gap:var(--space-3)}.home-task-list>*{flex-shrink:0}.home-task-empty{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-on-glass-dim);text-shadow:0 1px 4px rgba(0,0,0,.3);opacity:.7}.home-task-item{display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#ffffff0f;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.08);max-width:360px;cursor:pointer;transition:background .2s ease,border-color .2s ease;animation:homeTaskFadeIn .4s var(--ease-out-expo) both}.home-task-item:hover{background:#ffffff1f;border-color:#ffffff2e}@keyframes homeTaskFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.home-task-item__head{display:flex;align-items:baseline;gap:var(--space-2)}.home-task-item__time{font-size:var(--text-xs);color:var(--accent-light);font-weight:500;white-space:nowrap;flex-shrink:0}.home-task-item__name{font-size:var(--text-sm);font-weight:550;color:var(--text-on-glass);text-shadow:0 1px 4px rgba(0,0,0,.3)}.home-task-item__note{font-size:var(--text-xs);color:var(--text-on-glass-dim);text-shadow:0 1px 3px rgba(0,0,0,.2);line-height:1.4;padding-left:1px}.home-task-item__progress{font-size:var(--text-xs);color:var(--success);font-weight:600;margin-left:var(--space-2)}.home-task-item--done .home-task-item__name{text-decoration:line-through;text-decoration-thickness:2px;opacity:.5}.home-task-item--done .home-task-item__time,.home-task-item--done .home-task-item__note{text-decoration:line-through;opacity:.35}.note-card-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-modal) + 20);display:flex;align-items:center;justify-content:center;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .3s var(--ease-out-expo)}.note-card-overlay--visible{opacity:1;pointer-events:auto}.note-card{width:min(380px,90vw);padding:0;transform:translateY(40px) scale(.95);transition:transform .4s cubic-bezier(.22,1,.36,1);animation:none!important}.note-card-overlay--visible .note-card{transform:translateY(0) scale(1)}.note-card__close{position:absolute;top:var(--space-4);right:var(--space-4);z-index:20;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm);color:var(--text-on-glass);font-size:var(--text-lg);line-height:0;padding:0;cursor:pointer;transition:all var(--duration-fast)}.note-card__close:hover{background:#fff3}.note-card__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-on-glass);padding:var(--space-6) var(--space-6) var(--space-3)}.note-card__list{padding:var(--space-3) var(--space-6) var(--space-6);max-height:180px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.note-card__list::-webkit-scrollbar{display:none}.note-card__list>*{flex-shrink:0}.note-card__item{font-size:var(--text-sm);color:var(--text-on-glass);line-height:1.5;display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer;padding:var(--space-1) 0;transition:opacity .2s ease}.note-card__item:hover .note-card__bullet{transform:scale(1.2)}.note-card__bullet{color:var(--accent-light);font-weight:700;flex-shrink:0;margin-top:1px;transition:transform .15s ease}.note-card__item--done{opacity:.45}.note-card__item--done span:last-child{text-decoration:line-through;text-decoration-thickness:1.5px}.note-card__empty{text-align:center;color:var(--text-on-glass-dim);font-size:var(--text-sm);padding:var(--space-6) 0;font-family:var(--font-display)}.home-bottom-group{position:fixed;bottom:var(--space-8);right:var(--space-8);width:var(--progress-card-width);z-index:var(--z-progress-card)}.home-tagline{position:absolute;bottom:100%;right:0;margin-bottom:var(--space-5);font-family:var(--font-display);font-size:var(--text-lg);font-style:italic;color:var(--text-on-glass);text-align:right;text-shadow:0 2px 12px rgba(0,0,0,.3);opacity:.85;padding-right:var(--space-2);white-space:nowrap;animation:taglineFadeIn 1s var(--ease-out-expo) .3s both}@keyframes taglineFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:.85;transform:translateY(0)}}@media(max-width:1024px){.home-bottom-group{width:var(--progress-card-width)}}@media(max-width:768px){.home-tagline{width:calc(100% - var(--space-8) * 2);right:var(--space-4);bottom:calc(var(--space-4) + 250px)}}.calendar-page .content-grid--2col{grid-template-columns:460px 1fr;align-items:stretch}.calendar__stats{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}.calendar__stats-row{display:flex;align-items:center;justify-content:space-around}.calendar__stats-item{text-align:center;flex:1}.calendar__stats-value{font-size:var(--text-base);font-weight:600;color:var(--accent-light);line-height:1}.calendar__stats-unit{font-size:.6em;opacity:.6;font-weight:400}.calendar__stats-label{display:block;font-size:var(--text-xs);color:var(--text-on-glass-dim);margin-top:2px}.calendar__stats-divider{width:1px;height:26px;background:#ffffff1a;flex-shrink:0}.calendar__stats-btn{width:100%;font-size:var(--text-sm)}.calendar-legend{display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-6);margin-top:var(--space-4)}.calendar-legend__item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-on-glass-dim)}.calendar-legend__dot{width:10px;height:10px;border-radius:50%}.calendar-legend__dot--today{background:#f5c842}.calendar-legend__dot--pending{background:transparent;border:1px solid var(--text-on-glass-dim)}.pomodoro-share-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-md);color:var(--text-on-glass);font-size:var(--text-sm);font-family:var(--font-body);cursor:pointer;transition:background var(--duration-fast),border-color var(--duration-fast);margin-bottom:var(--space-3);width:100%;justify-content:center}.pomodoro-share-btn:hover{background:#ffffff29;border-color:#ffffff4d}.pomodoro-share-btn svg{width:16px;height:16px}.pomodoro-share-canvas-wrap{position:fixed;left:-9999px;top:0;width:360px;height:640px;background:linear-gradient(165deg,#1e1b4b,#161344);padding:20px 16px;box-sizing:border-box;font-family:PingFang SC,Noto Sans SC,sans-serif;display:flex;flex-direction:column;gap:12px}.pomodoro-share-canvas-wrap .clay-card{background:#252050;border:3px solid rgba(129,140,248,.12);border-radius:20px;box-shadow:6px 6px 14px #00000073,-3px -3px 10px #818cf812,inset 0 1px 1px #ffffff08}.pomodoro-share-canvas-wrap .share-title{text-align:center;padding:20px 20px 18px}.pomodoro-share-canvas-wrap .share-date{font-size:12px;color:#f0e6d380;letter-spacing:2px;margin-bottom:10px}.pomodoro-share-canvas-wrap .share-date .dot{margin:0 6px;opacity:.3}.pomodoro-share-canvas-wrap .share-title .main{display:block;font-size:19px;font-weight:700;color:#f0e6d3;letter-spacing:.8px;line-height:1.4}.pomodoro-share-canvas-wrap .share-title .main strong{color:#f97316;font-size:28px;font-weight:800}.pomodoro-share-canvas-wrap .share-title .sub{display:block;font-size:13px;color:#f0e6d373;margin-top:4px;letter-spacing:1px}.pomodoro-share-canvas-wrap .share-divider{width:50px;height:2px;background:linear-gradient(90deg,transparent,rgba(129,140,248,.3),transparent);margin:12px auto;border-radius:1px}.pomodoro-share-canvas-wrap .share-quote{font-size:13px;color:#f0e6d366;font-style:italic;letter-spacing:1.5px;line-height:1.5}.pomodoro-share-canvas-wrap .share-chart{display:flex;flex-direction:column;align-items:center;flex:1;min-height:0;padding:14px 14px 10px}.pomodoro-share-canvas-wrap .share-badge{display:inline-flex;align-items:center;gap:6px;background:#f973161f;border:1.5px solid rgba(249,115,22,.25);border-radius:30px;padding:5px 16px;margin-bottom:12px}.pomodoro-share-canvas-wrap .share-badge svg{width:15px;height:15px}.pomodoro-share-canvas-wrap .share-badge .badge-text{font-size:13px;font-weight:600;color:#f97316;letter-spacing:.5px}.pomodoro-share-canvas-wrap .share-donut-wrap{flex:1;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden}.pomodoro-share-canvas-wrap .share-donut-wrap svg{width:100%;height:auto;max-height:240px;display:block}.pomodoro-share-canvas-wrap .share-rate{margin-top:8px;font-size:13px;font-weight:600;color:#f0e6d380;letter-spacing:1px}.pomodoro-share-canvas-wrap .share-rate strong{color:#818cf8;font-size:16px;font-weight:700}.pomodoro-share-canvas-wrap .share-stats{display:flex;justify-content:space-around;align-items:center;padding:16px 12px}.pomodoro-share-canvas-wrap .share-stats .stat-col{text-align:center;flex:1}.pomodoro-share-canvas-wrap .share-stats .stat-col--accent .stat-value{color:#f97316}.pomodoro-share-canvas-wrap .share-stats .stat-value{display:block;font-size:28px;font-weight:800;color:#818cf8;line-height:1.1;letter-spacing:.5px}.pomodoro-share-canvas-wrap .share-stats .stat-label{display:block;font-size:11px;color:#f0e6d366;margin-top:3px;letter-spacing:1px}.pomodoro-share-canvas-wrap .share-stats .stat-divider-v{width:1px;height:36px;background:#818cf81f}.study-bars{padding:var(--space-5)}.study-bars__title{font-size:var(--text-sm);color:var(--text-on-glass-dim);font-weight:500;margin-bottom:var(--space-4);text-align:center;letter-spacing:.05em}.study-bars__chart{display:flex;align-items:flex-end;justify-content:center;gap:var(--space-3);height:140px;padding:0 var(--space-2)}.study-bars__col{flex:1;max-width:40px;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.study-bars__bar-wrap{width:100%;height:100px;display:flex;align-items:flex-end;justify-content:center}.study-bars__bar{width:22px;min-height:2px;border-radius:6px 6px 0 0;transition:height .5s var(--ease-spring);position:relative}.study-bars__bar--zero{opacity:.2;box-shadow:none}.study-bars__bar:hover:after{content:attr(data-min);position:absolute;top:-22px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;white-space:nowrap;pointer-events:none}.study-bars__day{font-size:10px;color:var(--text-on-glass-dim);letter-spacing:.05em}.study-bars__min{font-size:10px;color:#ffffff59}.calendar__day--heat-lv1{box-shadow:inset 0 -2px #818cf859}.calendar__day--heat-lv2{box-shadow:inset 0 -3px #636ce68c}.calendar__day--heat-lv3{box-shadow:inset 0 -4px #4f46e5b3}.calendar__day--heat-lv4{box-shadow:inset 0 -5px #4338cad9}.pomodoro-chart{padding:var(--space-5);display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;box-sizing:border-box}.pomodoro-chart__title{font-size:var(--text-sm);color:var(--text-on-glass-dim);font-weight:500;margin-bottom:var(--space-2)}.pomodoro-chart__filters{display:flex;gap:var(--space-1);margin-bottom:var(--space-2)}.pomodoro-chart__filter{padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-on-glass-dim);background:transparent;border:1px solid rgba(255,255,255,.12);cursor:pointer;transition:all var(--duration-fast);font-family:inherit}.pomodoro-chart__filter:hover{color:var(--text-on-glass);border-color:#ffffff40}.pomodoro-chart__filter--active{color:var(--text-on-glass);background:#ffffff1f;border-color:#ffffff40}.pomodoro-chart__donut{width:100%;max-width:400px;flex:1;display:flex;align-items:center;justify-content:center;min-height:0}.pomodoro-chart__donut svg{width:100%;height:auto;display:block}.pomodoro-chart__meta{display:flex;gap:var(--space-6);margin-top:var(--space-2)}.pomodoro-chart__meta-item{text-align:center}.pomodoro-chart__meta-value{display:block;font-size:var(--text-base);font-weight:600;color:var(--text-on-glass);line-height:1}.pomodoro-chart__meta-label{display:block;font-size:var(--text-xs);color:var(--text-on-glass-dim);margin-top:2px}.plan-page{max-width:960px}.plan-header-actions{display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.plan-progress-bar{width:100%;height:4px;background:var(--glass-bg-dark);border-radius:var(--radius-full);margin-top:var(--space-3);overflow:hidden}.plan-progress-bar__fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out-expo)}.task-card-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-modal) + 10);display:flex;align-items:center;justify-content:center;background:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out-expo)}.task-card-overlay--visible{opacity:1;pointer-events:auto}.task-card{width:min(400px,90vw);position:relative;padding:0;transform:translateY(60px);transition:transform .45s cubic-bezier(.22,1,.36,1);animation:none!important}.task-card--visible{transform:translateY(0)}.task-card>*{position:relative;z-index:10}.task-card__inner{position:relative;height:460px;max-height:calc(100vh - 140px);transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transition:transform .6s cubic-bezier(.22,1,.36,1)}.task-card--flipped .task-card__inner{transform:rotateY(180deg)}.task-card__face{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--space-8);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.task-card__face--front{justify-content:flex-start;text-align:left;gap:0;display:block}.task-card__header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.task-card__header .task-card__title{margin-bottom:0;text-align:left}.task-card__header-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.task-card__add{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border:1px solid var(--accent-glow);border-radius:var(--radius-sm);color:var(--accent);font-size:var(--text-lg);font-weight:600;cursor:pointer;flex-shrink:0;transition:all var(--duration-fast);line-height:0;padding:0}.task-card__add:hover{background:#d4854e40;box-shadow:0 4px 16px var(--accent-glow)}.task-card__check{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#6b9b7a1f;border:1px solid rgba(107,155,122,.2);border-radius:var(--radius-sm);color:#6b9b7a99;font-size:var(--text-lg);font-weight:700;cursor:pointer;flex-shrink:0;transition:all .2s ease;line-height:0;padding:0}.task-card__check:hover{background:#6b9b7a40;color:#6b9b7ae6}.task-card__check--active{background:var(--success)!important;border-color:var(--success)!important;color:#fff!important;box-shadow:0 0 14px #6b9b7a73}.task-card__list--checkmode:before{content:"点击任务标记完成状态";display:block;text-align:center;font-size:var(--text-xs);color:var(--success);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);border-radius:var(--radius-sm);background:#6b9b7a14;border:1px dashed rgba(107,155,122,.2)}.task-list-item--completed{border-color:#6b9b7a26;background:#6b9b7a0a}.task-list-item--completed .task-list-item__name{text-decoration:line-through;text-decoration-thickness:2px;color:var(--text-on-glass-dim);opacity:.6}.task-list-item--completed .task-list-item__note,.task-list-item--completed .task-list-item__time{text-decoration:line-through;opacity:.4}.task-card__face--front .task-card__close{position:static;width:32px;height:32px;border-radius:var(--radius-sm);background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:var(--text-on-glass);font-size:var(--text-lg);line-height:0;padding:0;top:auto;right:auto;z-index:auto}.task-card__face--back .task-card__close,.task-card__close--back{position:absolute;top:var(--space-4);right:var(--space-4);z-index:20;width:32px;height:32px;border-radius:var(--radius-sm);background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:var(--text-on-glass);font-size:var(--text-lg);line-height:0;padding:0}.task-card__list{width:100%;height:340px;overflow-y:scroll!important;margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.task-card__list>*{flex-shrink:0}.task-card__list{scrollbar-width:none;-ms-overflow-style:none}.task-card__list::-webkit-scrollbar{display:none}.task-list-item-wrapper{position:relative;overflow:hidden;border-radius:var(--radius-sm)}.task-list-item__delete{position:absolute;top:0;right:0;bottom:0;width:64px;display:flex;align-items:center;justify-content:center;background:#dc503cb3;border:none;border-radius:var(--radius-sm);color:#fff;font-size:var(--text-xs);font-weight:600;cursor:pointer;letter-spacing:.05em;opacity:0;pointer-events:none;transition:opacity .15s ease}.task-list-item__delete--visible{opacity:1;pointer-events:auto}.task-list-item-wrapper .task-list-item{width:100%;margin:0;position:relative;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);z-index:2;touch-action:pan-y;user-select:none;-webkit-user-select:none;box-sizing:border-box}.task-card__empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-on-glass-dim);font-size:var(--text-sm);font-family:var(--font-display)}.task-list-item{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);cursor:pointer;transition:all .35s cubic-bezier(.22,1,.36,1),opacity .35s ease;display:flex;flex-direction:column;gap:1px}.task-list-item:hover{background:#ffffff1f;border-color:#ffffff2e;transform:translate(2px)}.task-list-item__name{font-size:var(--text-sm);font-weight:550;color:var(--text-on-glass);line-height:1.4}.task-list-item__note{font-size:var(--text-xs);color:var(--text-on-glass-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.3}.task-list-item__time{font-size:var(--text-xs);color:var(--accent-light);font-weight:500;margin-top:1px}.task-list-item__hover-del{position:absolute;top:50%;right:var(--space-3);transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#dc503cb3;color:#fff;font-size:.7rem;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:3}.task-list-item:hover .task-list-item__hover-del{opacity:1;pointer-events:auto}.task-card__face--back{transform:rotateY(180deg);display:block;overflow:hidden}.task-card__face--back .task-card__title{margin-top:0}.task-card__scroll{height:100%;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column;text-align:left;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}.task-card__scroll::-webkit-scrollbar{display:none}.task-card__time-row{display:flex;align-items:center;gap:var(--space-2);width:100%}.task-card__time-input{flex:1;padding:var(--space-2) var(--space-3);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--text-on-glass);font-size:var(--text-sm);font-family:var(--font-body);outline:none;cursor:text;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.task-card__time-input:focus{border-color:#ffffff40;box-shadow:0 0 0 3px var(--accent-glow)}.task-card__time-input::-webkit-calendar-picker-indicator{filter:invert(.8);opacity:.7;cursor:pointer}.task-card__time-sep{color:var(--text-on-glass-dim);font-size:var(--text-sm);flex-shrink:0}.task-card__duration{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--accent-light);font-weight:500;letter-spacing:.03em}transform: rotateY(180deg); align-items: flex-start; text-align: left; justify-content: flex-start; } .task-card__close{display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-fast)}.task-card__close:hover{background:#fff3!important;border-color:#ffffff4d!important}.task-card__plus-icon{font-size:3.5rem;line-height:1;margin-bottom:var(--space-5);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .3s var(--ease-spring)}.task-card__plus-icon:hover{transform:scale(1.15)}.task-card__plus-icon:active{transform:scale(.95)}.task-card__hint{font-family:var(--font-display);font-size:var(--text-base);color:var(--text-on-glass);text-shadow:0 1px 4px rgba(0,0,0,.3);margin:0}.task-card__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-on-glass);margin-bottom:var(--space-6);width:100%;text-align:center}.task-card__field{width:100%;margin-bottom:var(--space-5)}.task-card__label{display:block;font-size:var(--text-xs);color:var(--text-on-glass-dim);margin-bottom:var(--space-2);letter-spacing:.05em}.task-card__input{width:100%;padding:var(--space-3) var(--space-4);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--text-on-glass);font-size:var(--text-sm);font-family:var(--font-body);outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.task-card__input::placeholder{color:var(--text-on-glass-dim)}.task-card__input:focus{border-color:#ffffff40;box-shadow:0 0 0 3px var(--accent-glow)}.task-card__subtask-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3);max-height:150px;overflow-y:auto}.task-card__subtask-list::-webkit-scrollbar{display:none}.task-card__subtask-list{scrollbar-width:none}.task-card__subtask-row{display:flex;align-items:center;gap:var(--space-2);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.task-card__subtask-row-name{flex:1;font-size:var(--text-sm);color:var(--text-on-glass);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-card__subtask-row-minutes{font-size:var(--text-xs);color:var(--text-on-glass-dim);white-space:nowrap}.task-card__subtask-row-del{background:none;border:none;color:#fff6;cursor:pointer;font-size:var(--text-sm);padding:0 var(--space-1);transition:color var(--duration-fast)}.task-card__subtask-row-del:hover{color:#f87171}.task-card__subtask-add-row{display:flex;gap:var(--space-2);align-items:stretch}.task-card__subtask-name{flex:3;padding:var(--space-2) var(--space-3);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--text-on-glass);font-size:var(--text-sm);font-family:var(--font-body);outline:none;box-sizing:border-box}.task-card__subtask-name::placeholder{color:var(--text-on-glass-dim)}.task-card__subtask-name:focus{border-color:#ffffff40;box-shadow:0 0 0 3px var(--accent-glow)}.task-card__subtask-minutes{width:60px;padding:var(--space-2) var(--space-2);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:var(--text-on-glass);font-size:var(--text-sm);font-family:var(--font-body);outline:none;text-align:center;box-sizing:border-box}.task-card__subtask-minutes::placeholder{color:var(--text-on-glass-dim);font-size:var(--text-xs)}.task-card__subtask-minutes:focus{border-color:#ffffff40;box-shadow:0 0 0 3px var(--accent-glow)}.task-card__subtask-minutes::-webkit-outer-spin-button,.task-card__subtask-minutes::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.task-card__subtask-minutes[type=number]{-moz-appearance:textfield}.task-card__subtask-add-btn{flex-shrink:0;padding:var(--space-2) var(--space-3);background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);color:var(--text-on-glass);font-size:var(--text-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box;transition:background var(--duration-fast)}.task-card__subtask-add-btn:hover{background:#ffffff2e}.task-card__subtask-info{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-on-glass-dim)}.task-card__subtask-warn{margin-top:var(--space-1);font-size:var(--text-xs);color:#f87171}.task-card__actions{width:100%;display:flex;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4)}.task-card__btn--secondary{flex:1;padding:var(--space-3) var(--space-4);background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);color:var(--text-on-glass);font-size:var(--text-sm);font-family:var(--font-body);cursor:pointer;transition:all var(--duration-fast)}.task-card__btn--secondary:hover{background:#ffffff26}.task-card__btn--primary{flex:1;padding:var(--space-3) var(--space-4);background:var(--accent-soft);border:1px solid var(--accent-glow);border-radius:var(--radius-md);color:var(--accent);font-size:var(--text-sm);font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--duration-fast)}.task-card__btn--primary:hover{background:#d4854e40;box-shadow:0 4px 16px var(--accent-glow)}@media(max-width:768px){.task-card{width:92vw}.task-card__inner{height:380px;max-height:calc(100vh - 100px)}.task-card__list{height:260px;overflow-y:scroll!important}.task-card__list>*{flex-shrink:0}.task-card__face{padding:var(--space-6)}}