:root{--mc-primary:#6366f1;--mc-primary-light:#6366f11a;--mc-success:#10b981;--mc-success-light:#10b9811a;--mc-warning:#f59e0b;--mc-warning-light:#f59e0b1a;--mc-text:#1e293b;--mc-text-secondary:#64748b;--mc-bg:#fff;--mc-bg-hover:#f8fafc;--mc-border:#e2e8f0;--mc-border-light:#f1f5f9;--mc-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--mc-shadow-md:0 4px 12px #00000014;--mc-radius:12px;--mc-radius-sm:8px;--mc-check-size:22px;--mc-phase-1:#8b5cf6;--mc-phase-2:#6366f1;--mc-phase-3:#3b82f6;--mc-phase-4:#0ea5e9;--mc-phase-5:#14b8a6;--mc-phase-6:#f59e0b;--mc-phase-7:#ef4444;--mc-phase-8:#10b981}._mc-container{max-width:720px;margin:0 auto}._mc-container._mc-loading ._mc-phases,._mc-container._mc-loading ._mc-actions{visibility:hidden}._mc-actions{margin-bottom:var(--main-space-3);justify-content:flex-end;display:flex}._mc-btn{border-radius:var(--mc-radius-sm);font-size:var(--main-text-sm);cursor:pointer;color:var(--mc-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:.4rem .85rem;font-weight:500;display:inline-flex}._mc-btn:hover{color:var(--mc-text);background:var(--mc-bg-hover)}._mc-btn svg{width:14px;height:14px}._mc-btn-reset:hover{color:#ef4444;background:#ef444414}@media (max-width:768px){._mc-container{padding-left:1rem;padding-right:1rem}._mc-btn{min-height:40px;padding:.55rem .95rem}}._mc-header{background:var(--mc-bg);border-radius:var(--mc-radius);padding:var(--main-space-5);box-shadow:var(--mc-shadow);margin-bottom:var(--main-space-4);gap:var(--main-space-5);border-style:solid;border-width:1px;border-color:var(--mc-border);align-items:center;display:flex}._mc-date-section{flex-direction:column;gap:8px;min-width:160px;display:flex}._mc-date-label{font-size:var(--main-text-sm);color:var(--mc-text);align-items:center;gap:6px;font-weight:600;display:flex}._mc-date-label svg{width:16px;height:16px;color:var(--mc-primary)}._mc-date-input{border-radius:var(--mc-radius-sm);border-style:solid;border-width:1.5px;border-color:var(--mc-border);font-size:var(--main-text-sm);color:var(--mc-text);background:var(--mc-bg);-webkit-tap-highlight-color:transparent;width:100%;padding:.4rem .6rem;font-family:inherit}._mc-date-input:focus{border-color:var(--mc-primary);box-shadow:0 0 0 3px var(--mc-primary-light);outline:none}._mc-countdown{font-size:var(--main-text-xs);color:var(--mc-text-secondary);min-height:18px;font-weight:500}._mc-countdown._mc-countdown-urgent{color:#ef4444;font-weight:600}._mc-progress-section{flex:1;min-width:0}._mc-progress-info{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}._mc-progress-label{font-size:var(--main-text-sm);color:var(--mc-text-secondary);font-weight:500}._mc-progress-value{font-size:var(--main-text-lg);color:var(--mc-primary);font-weight:700}._mc-progress-bar{background:var(--mc-border-light);border-radius:5px;height:10px;overflow:hidden}._mc-progress-fill{background:linear-gradient(90deg, var(--mc-primary), var(--mc-success));border-radius:5px;width:0;height:100%;transition:width .4s}._mc-progress-stats{font-size:var(--main-text-xs);color:var(--mc-text-secondary);justify-content:space-between;margin-top:6px;display:flex}@media (max-width:640px){._mc-header{gap:var(--main-space-4);padding:var(--main-space-4);flex-direction:column}._mc-date-section{min-width:unset;width:100%}._mc-date-input{font-size:var(--main-text-base);min-height:44px;padding:.6rem .7rem}}._mc-phases{gap:var(--main-space-3);flex-direction:column;min-height:400px;display:flex}._mc-phase{background:var(--mc-bg);border-radius:var(--mc-radius);box-shadow:var(--mc-shadow);border-style:solid;border-width:1px;border-color:var(--mc-border);overflow:hidden}._mc-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;min-height:56px;display:flex}._mc-phase-header:hover{background:var(--mc-bg-hover)}._mc-phase-icon{background:var(--_mc-phase-color-light);width:36px;height:36px;color:var(--_mc-phase-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}._mc-phase-icon svg{width:18px;height:18px}._mc-phase-info{flex:1;min-width:0}._mc-phase-name{font-size:var(--main-text-base);color:var(--mc-text);font-weight:600;line-height:1.3}._mc-phase-meta{font-size:var(--main-text-xs);color:var(--mc-text-secondary);margin-top:2px}._mc-phase-right{align-items:center;gap:var(--main-space-3);flex-shrink:0;display:flex}._mc-phase-progress{align-items:center;gap:8px;display:flex}._mc-phase-bar{background:var(--mc-border-light);border-radius:3px;width:80px;height:6px;overflow:hidden}._mc-phase-bar-fill{background:var(--_mc-phase-color);border-radius:3px;width:0;height:100%;transition:width .3s}._mc-phase-count{font-size:var(--main-text-xs);color:var(--mc-text-secondary);text-align:right;min-width:36px;font-weight:600}._mc-phase-chevron{color:var(--mc-text-secondary);transition:transform .2s;display:flex}._mc-phase-chevron svg{width:12px;height:12px}._mc-phase.is-open ._mc-phase-chevron{transform:rotate(180deg)}._mc-phase-body{padding:0 var(--main-space-5) var(--main-space-4);border-top-style:solid;border-top-width:1px;border-top-color:var(--mc-border-light);display:none}._mc-phase.is-open ._mc-phase-body{display:block}._mc-phase-complete ._mc-phase-name,._mc-phase-complete ._mc-phase-count{color:var(--mc-success)}@media (max-width:640px){._mc-phase-header{padding:var(--main-space-3) var(--main-space-4);gap:var(--main-space-2)}._mc-phase-body{padding:0 var(--main-space-4) var(--main-space-3)}._mc-phase-bar{width:50px}._mc-phase-right{gap:var(--main-space-2)}._mc-phase-icon{border-radius:8px;width:32px;height:32px}._mc-phase-icon svg{width:15px;height:15px}}@media (max-width:400px){._mc-phase-bar{display:none}._mc-phase-progress{gap:0}._mc-phase-count{min-width:30px}._mc-phase-meta{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}._mc-task-list{margin:var(--main-space-3) 0 0;padding:0;list-style:none}._mc-task-item{align-items:flex-start;gap:var(--main-space-3);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--mc-border-light);padding:10px 0;display:flex}._mc-task-item:last-child{border-bottom-width:0;padding-bottom:0}._mc-task-check{width:var(--mc-check-size);height:var(--mc-check-size);min-width:var(--mc-check-size);border-style:solid;border-width:2px;border-color:var(--mc-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}._mc-task-check:before{content:"";position:absolute;top:-10px;bottom:-10px;left:-10px;right:-10px}._mc-task-check:hover{border-color:var(--_mc-phase-color,var(--mc-primary));background:var(--_mc-phase-color-light,var(--mc-primary-light))}._mc-task-check svg{width:12px;height:12px}._mc-task-item.is-done ._mc-task-check{background:var(--_mc-phase-color,var(--mc-success));border-color:var(--_mc-phase-color,var(--mc-success));color:#fff}._mc-task-content{flex:1;min-width:0}._mc-task-text{font-size:var(--main-text-sm);color:var(--mc-text);line-height:1.5}._mc-task-item.is-done ._mc-task-text{color:var(--mc-text-secondary);text-decoration:line-through}._mc-task-delete{width:32px;height:32px;color:var(--mc-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}._mc-task-item.is-custom ._mc-task-delete{display:flex}._mc-task-delete:hover{color:#ef4444;background:#ef444414}._mc-task-delete svg{width:13px;height:13px}._mc-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(--mc-border-light);align-items:center;gap:8px;display:flex}._mc-add-input{border-radius:var(--mc-radius-sm);border-style:solid;border-width:1.5px;border-color:var(--mc-border);min-width:0;font-size:var(--main-text-sm);color:var(--mc-text);-webkit-tap-highlight-color:transparent;background:0 0;flex:1;padding:.4rem .7rem;font-family:inherit}._mc-add-input:focus{border-color:var(--mc-primary);box-shadow:0 0 0 3px var(--mc-primary-light);outline:none}._mc-add-input::placeholder{color:var(--mc-text-secondary)}._mc-add-btn{border-radius:var(--mc-radius-sm);background:var(--mc-primary);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:32px;height:32px;padding:0;display:flex}._mc-add-btn:hover{opacity:.9}._mc-add-btn svg{width:14px;height:14px}@media (max-width:640px){._mc-task-item{gap:var(--main-space-3);padding:12px 0}._mc-task-text{font-size:var(--main-text-base);line-height:1.45}._mc-task-check{width:24px;min-width:24px;height:24px;margin-top:2px}._mc-task-delete{width:36px;height:36px}._mc-task-delete svg{width:14px;height:14px}._mc-add-task{gap:10px}._mc-add-input{font-size:var(--main-text-base);min-height:44px;padding:.6rem .8rem}._mc-add-btn{width:44px;height:44px}._mc-add-btn svg{width:16px;height:16px}}