:root{--wc-primary:#e11d48;--wc-primary-light:#e11d481a;--wc-success:#10b981;--wc-success-light:#10b9811a;--wc-text:#1e293b;--wc-text-secondary:#64748b;--wc-bg:#fff;--wc-bg-hover:#f8fafc;--wc-border:#e2e8f0;--wc-border-light:#f1f5f9;--wc-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--wc-shadow-md:0 4px 12px #00000014;--wc-radius:12px;--wc-radius-sm:8px;--wc-check-size:22px}._wc-container{max-width:720px;margin:0 auto}._wc-container._wc-loading ._wc-phases,._wc-container._wc-loading ._wc-actions{visibility:hidden}._wc-actions{margin-bottom:var(--main-space-3);justify-content:flex-end;display:flex}._wc-btn{border-radius:var(--wc-radius-sm);min-height:36px;font-size:var(--main-text-sm);cursor:pointer;color:var(--wc-text-secondary);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-style:solid;border-width:0;align-items:center;gap:6px;padding:.5rem .85rem;font-weight:500;display:inline-flex}._wc-btn:hover{color:var(--wc-text);background:var(--wc-bg-hover)}._wc-btn svg{width:14px;height:14px}._wc-btn-reset:hover{color:#ef4444;background:#ef444414}@media (max-width:768px){._wc-container{padding-left:1rem;padding-right:1rem}}@media (max-width:640px){._wc-actions{margin-bottom:var(--main-space-2)}._wc-btn{min-height:40px;padding:.5rem .9rem}}._wc-header{background:var(--wc-bg);border-radius:var(--wc-radius);padding:var(--main-space-5);box-shadow:var(--wc-shadow);margin-bottom:var(--main-space-4);gap:var(--main-space-5);border-style:solid;border-width:1px;border-color:var(--wc-border);align-items:center;display:flex}._wc-date-section{flex-direction:column;gap:8px;min-width:160px;display:flex}._wc-date-label{font-size:var(--main-text-sm);color:var(--wc-text);align-items:center;gap:6px;font-weight:600;display:flex}._wc-date-label svg{width:16px;height:16px;color:var(--wc-primary)}._wc-date-input{border-radius:var(--wc-radius-sm);border-style:solid;border-width:1.5px;border-color:var(--wc-border);min-height:40px;font-size:var(--main-text-sm);color:var(--wc-text);background:var(--wc-bg);width:100%;padding:.5rem .7rem;font-family:inherit}._wc-date-input:focus{border-color:var(--wc-primary);box-shadow:0 0 0 3px var(--wc-primary-light);outline:none}._wc-countdown{font-size:var(--main-text-xs);color:var(--wc-text-secondary);min-height:18px;font-weight:500}._wc-countdown._wc-countdown-urgent{color:#ef4444;font-weight:600}._wc-progress-section{flex:1;min-width:0}._wc-progress-info{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}._wc-progress-label{font-size:var(--main-text-sm);color:var(--wc-text-secondary);font-weight:500}._wc-progress-value{font-size:var(--main-text-lg);color:var(--wc-primary);font-weight:700}._wc-progress-bar{background:var(--wc-border-light);border-radius:5px;height:10px;overflow:hidden}._wc-progress-fill{background:linear-gradient(90deg, var(--wc-primary), var(--wc-success));border-radius:5px;width:0;height:100%;transition:width .4s}._wc-progress-stats{font-size:var(--main-text-xs);color:var(--wc-text-secondary);justify-content:space-between;margin-top:6px;display:flex}@media (max-width:640px){._wc-header{gap:var(--main-space-3);padding:var(--main-space-4);flex-direction:column}._wc-date-section{min-width:unset;width:100%}._wc-progress-section{width:100%}._wc-date-input{font-size:16px}._wc-progress-stats{flex-direction:column;align-items:flex-start;gap:2px}}._wc-phases{gap:var(--main-space-3);flex-direction:column;min-height:400px;display:flex}._wc-phase{background:var(--wc-bg);border-radius:var(--wc-radius);box-shadow:var(--wc-shadow);border-style:solid;border-width:1px;border-color:var(--wc-border);overflow:hidden}._wc-phase-header{align-items:center;gap:var(--main-space-3);padding:var(--main-space-4) var(--main-space-5);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;display:flex}._wc-phase-header:hover,._wc-phase-header:active{background:var(--wc-bg-hover)}._wc-phase-icon{background:var(--_wc-phase-color-light);width:36px;height:36px;color:var(--_wc-phase-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}._wc-phase-icon svg{width:18px;height:18px}._wc-phase-info{flex:1;min-width:0}._wc-phase-name{font-size:var(--main-text-base);color:var(--wc-text);font-weight:600;line-height:1.3}._wc-phase-meta{font-size:var(--main-text-xs);color:var(--wc-text-secondary);margin-top:2px}._wc-phase-right{align-items:center;gap:var(--main-space-3);flex-shrink:0;display:flex}._wc-phase-progress{align-items:center;gap:8px;display:flex}._wc-phase-bar{background:var(--wc-border-light);border-radius:3px;width:80px;height:6px;overflow:hidden}._wc-phase-bar-fill{background:var(--_wc-phase-color);border-radius:3px;width:0;height:100%;transition:width .3s}._wc-phase-count{font-size:var(--main-text-xs);color:var(--wc-text-secondary);text-align:right;min-width:36px;font-weight:600}._wc-phase-chevron{color:var(--wc-text-secondary);transition:transform .2s;display:flex}._wc-phase-chevron svg{width:12px;height:12px}._wc-phase.is-open ._wc-phase-chevron{transform:rotate(180deg)}._wc-phase-body{padding:0 var(--main-space-5) var(--main-space-4);border-top-style:solid;border-top-width:1px;border-top-color:var(--wc-border-light);display:none}._wc-phase.is-open ._wc-phase-body{display:block}._wc-phase._wc-phase-current{border-color:var(--_wc-phase-color);box-shadow:var(--wc-shadow), 0 0 0 1px var(--_wc-phase-color)}._wc-phase._wc-phase-current ._wc-phase-icon{background:var(--_wc-phase-color);color:#fff}._wc-phase-badge{font-size:var(--main-text-xs);color:var(--_wc-phase-color);background:var(--_wc-phase-color-light);border-radius:var(--main-radius-full,9999px);vertical-align:middle;align-items:center;margin-left:8px;padding:.125rem .5rem;font-weight:600;line-height:1.4;display:inline-flex}._wc-phase-complete ._wc-phase-name,._wc-phase-complete ._wc-phase-count{color:var(--wc-success)}._wc-phase-complete._wc-phase-current{border-color:var(--wc-success);box-shadow:var(--wc-shadow), 0 0 0 1px var(--wc-success)}._wc-phase-complete._wc-phase-current ._wc-phase-icon{background:var(--wc-success)}._wc-phase-complete ._wc-phase-badge{color:var(--wc-success);background:var(--wc-success-light)}@media (max-width:640px){._wc-phases{gap:var(--main-space-2);min-height:200px}._wc-phase-header{padding:var(--main-space-3) var(--main-space-3);gap:var(--main-space-2);min-height:56px}._wc-phase-body{padding:0 var(--main-space-3) var(--main-space-3)}._wc-phase-icon{border-radius:8px;width:32px;height:32px}._wc-phase-icon svg{width:15px;height:15px}._wc-phase-name{font-size:var(--main-text-sm)}._wc-phase-meta{font-size:11px}._wc-phase-right{gap:var(--main-space-2)}._wc-phase-bar{display:none}._wc-phase-count{min-width:32px;font-size:11px}._wc-phase-chevron{padding:4px}._wc-phase-chevron svg{width:14px;height:14px}._wc-phase-badge{margin-left:6px;padding:.1rem .4rem;font-size:10px}}@media (max-width:380px){._wc-phase-header{padding:var(--main-space-3) 12px}._wc-phase-name{font-size:13px}._wc-phase-meta{display:none}}._wc-task-list{margin:var(--main-space-3) 0 0;padding:0;list-style:none}._wc-task-item{align-items:flex-start;gap:var(--main-space-3);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--wc-border-light);-webkit-tap-highlight-color:transparent;padding:10px 0;display:flex}._wc-task-item:last-child{border-bottom-width:0;padding-bottom:0}._wc-task-check{width:var(--wc-check-size);height:var(--wc-check-size);min-width:var(--wc-check-size);border-style:solid;border-width:2px;border-color:var(--wc-border);cursor:pointer;color:#0000;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-radius:6px;justify-content:center;align-items:center;margin-top:1px;transition:border-color .15s,background .15s;display:flex;position:relative}._wc-task-check:before{content:"";position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}._wc-task-check:hover{border-color:var(--_wc-phase-color,var(--wc-primary));background:var(--_wc-phase-color-light,var(--wc-primary-light))}._wc-task-check svg{width:12px;height:12px}._wc-task-item.is-done ._wc-task-check{background:var(--_wc-phase-color,var(--wc-success));border-color:var(--_wc-phase-color,var(--wc-success));color:#fff}._wc-task-content{flex:1;min-width:0}._wc-task-text{font-size:var(--main-text-sm);color:var(--wc-text);line-height:1.5}._wc-task-item.is-done ._wc-task-text{color:var(--wc-text-secondary);text-decoration:line-through}._wc-task-delete{width:32px;height:32px;color:var(--wc-text-secondary);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-width:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:-3px;padding:0;display:none}._wc-task-item.is-custom ._wc-task-delete{display:flex}._wc-task-delete:hover{color:#ef4444;background:#ef444414}._wc-task-delete svg{width:13px;height:13px}._wc-task-info{width:24px;height:24px;color:var(--wc-text-secondary);cursor:pointer;vertical-align:middle;opacity:.6;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border-width:0;border-radius:50%;justify-content:center;align-items:center;margin-left:4px;padding:0;display:inline-flex;position:relative}._wc-task-info:before{content:"";position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}._wc-task-info:hover,._wc-task-info.is-active{opacity:1;color:var(--_wc-phase-color,var(--wc-primary))}._wc-task-info svg{width:13px;height:13px}._wc-task-guide{background:var(--wc-bg-hover);border-radius:var(--wc-radius-sm);border-left-style:solid;border-left-width:3px;border-left-color:var(--_wc-phase-color,var(--wc-primary));margin-top:8px;padding:10px 12px;display:none}._wc-task-guide.is-open{display:block}._wc-task-guide-text{font-size:var(--main-text-xs);color:var(--wc-text-secondary);margin:0;line-height:1.6}._wc-add-task{margin-top:var(--main-space-3);padding-top:var(--main-space-3);border-top-style:dashed;border-top-width:1px;border-top-color:var(--wc-border-light);align-items:center;gap:8px;display:flex}._wc-add-input{border-radius:var(--wc-radius-sm);border-style:solid;border-width:1.5px;border-color:var(--wc-border);min-width:0;min-height:36px;font-size:var(--main-text-sm);color:var(--wc-text);background:0 0;flex:1;padding:.45rem .7rem;font-family:inherit}._wc-add-input:focus{border-color:var(--wc-primary);box-shadow:0 0 0 3px var(--wc-primary-light);outline:none}._wc-add-input::placeholder{color:var(--wc-text-secondary)}._wc-add-btn{border-radius:var(--wc-radius-sm);background:var(--main-primary-solid);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-width:0;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}._wc-add-btn:hover{opacity:.9}._wc-add-btn:active{opacity:.8}._wc-add-btn svg{width:14px;height:14px}@media (max-width:640px){._wc-task-item{gap:var(--main-space-2);padding:12px 0}._wc-task-text{line-height:1.45}._wc-add-input{min-height:40px;font-size:16px}._wc-add-btn{width:40px;height:40px}._wc-task-guide{padding:10px 12px}}