.mt-page{background:linear-gradient(135deg,#f0f9ff,#fff);min-height:100vh;padding:2rem 1rem}.mt-container{max-width:1000px;margin:0 auto}.mt-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem;color:#2563eb;font-weight:500;opacity:0;animation:mtLoadShow .3s ease .4s forwards}@keyframes mtLoadShow{to{opacity:1}}.mt-spinner{width:48px;height:48px;border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:mt-spin .8s linear infinite}@keyframes mt-spin{to{transform:rotate(360deg)}}.mt-hero{text-align:center;margin-bottom:3rem;animation:mt-fadeIn .6s ease-out}@keyframes mt-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mt-hero-title{font-family:Playfair Display,serif;font-size:3rem;font-weight:700;color:#0c2d5f;margin-bottom:.5rem;line-height:1.1}@media(max-width:768px){.mt-hero-title{font-size:2rem}}.mt-hero-subtitle{font-size:1.1rem;color:#475569;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.mt-date-section{background:#fff;border:2px solid #bfdbfe;border-radius:12px;padding:2rem;max-width:500px;margin:0 auto;box-shadow:0 4px 6px #2563eb14}.mt-date-label{display:block;font-weight:600;color:#0c2d5f;margin-bottom:1rem;font-size:1.0625rem}.mt-date-input-wrapper{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.mt-date-input{flex:1;min-width:200px;padding:.875rem 1rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;font-family:inherit;color:#1e293b;background:#f8fafc;transition:all .2s}.mt-date-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fff}.mt-generate-btn{padding:.875rem 2rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #2563eb4d}.mt-generate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.mt-generate-btn:active{transform:translateY(0)}.mt-date-hint{font-size:.9375rem;color:#64748b;margin:0}.mt-controls-section{margin-bottom:3rem;animation:mt-fadeIn .6s ease-out .2s backwards}.mt-progress-card{background:#fff;border:1px solid #e0e7ff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #2563eb0f}.mt-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.mt-progress-header h2{margin:0;font-size:1.1rem;color:#0c2d5f;font-weight:600}.mt-progress-percent{font-size:1.8rem;font-weight:700;color:#2563eb}.mt-progress-bar-track{background:#f1f5f9;border-radius:8px;height:8px;overflow:hidden;margin-bottom:1rem}.mt-progress-bar-fill{height:100%;background:linear-gradient(90deg,#2563eb,#1d4ed8);border-radius:8px;width:0%;transition:width .4s ease-out}.mt-progress-text{font-size:1rem;color:#64748b;margin:0}.mt-toolbar{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.mt-view-toggle{display:flex;gap:.5rem;background:#fff;border-radius:10px;padding:.5rem;border:1px solid #e0e7ff;box-shadow:0 2px 8px #2563eb0f;width:-moz-fit-content;width:fit-content}.mt-view-btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:transparent;border:none;border-radius:8px;color:#64748b;font-weight:500;font-size:1.0625rem;cursor:pointer;transition:all .2s}.mt-view-btn:hover{background:#f1f5f9;color:#0c2d5f}.mt-view-btn-active{background:#eff6ff;color:#2563eb}.mt-filters{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e0e7ff;box-shadow:0 2px 8px #2563eb0f;animation:mt-slideDown .3s ease-out}@keyframes mt-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mt-filter-group{margin-bottom:1.5rem}.mt-filter-group:last-child{margin-bottom:0}.mt-filter-label,.mt-sort-label{display:block;font-weight:600;color:#0c2d5f;font-size:1rem;margin-bottom:.75rem}.mt-filter-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.mt-filter-btn{padding:.5rem 1rem;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s}.mt-filter-btn:hover{border-color:#2563eb;background:#eff6ff;color:#2563eb}.mt-filter-btn-active{background:#2563eb;border-color:#2563eb;color:#fff}.mt-sort-select{width:100%;max-width:300px;padding:.6rem 1rem;border:1px solid #cbd5e1;border-radius:6px;background:#fff;font-family:inherit;color:#1e293b;font-size:1.0625rem;cursor:pointer}.mt-sort-select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.mt-timeline-section{margin-bottom:3rem;animation:mt-fadeIn .6s ease-out .1s backwards}.mt-timeline-content{display:flex;flex-direction:column;gap:1.5rem}.mt-phase{border-radius:12px;overflow:hidden;border:1px solid #e0e7ff;background:#fff;box-shadow:0 2px 8px #2563eb0f;animation:mt-slideIn .4s ease-out backwards}.mt-phase:nth-child(2){animation-delay:.05s}.mt-phase:nth-child(3){animation-delay:.1s}.mt-phase:nth-child(4){animation-delay:.15s}.mt-phase:nth-child(5){animation-delay:.2s}@keyframes mt-slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.mt-phase-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:linear-gradient(135deg,#eff6ff,#f0f9ff);border-left:4px solid #2563eb;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s}.mt-phase-header:hover{background:linear-gradient(135deg,#dbeafe,#e0f2fe)}.mt-phase-header.expanded{border-left-color:#1d4ed8}.mt-phase-title-group{flex:1}.mt-phase-number{font-size:.9375rem;font-weight:700;color:#2563eb;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.mt-phase-title{font-size:1.1rem;font-weight:700;color:#0c2d5f;margin:0}.mt-phase-progress{display:flex;align-items:center;gap:1rem;margin-right:1rem}.mt-phase-percent{font-size:1rem;font-weight:700;color:#2563eb;min-width:35px;text-align:right}.mt-phase-toggle{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #cbd5e1;border-radius:4px;color:#64748b;transition:all .2s;flex-shrink:0}.mt-phase-header:hover .mt-phase-toggle{border-color:#2563eb;color:#2563eb}.mt-phase-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.mt-phase-content.expanded{max-height:2000px}.mt-phase-steps{padding:0;border-top:1px solid #e0e7ff}.mt-step{border-bottom:1px solid #f1f5f9;padding:1.5rem;cursor:pointer;transition:background .2s}.mt-step:hover{background:#f8fafc}.mt-step:last-child{border-bottom:none}.mt-step-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mt-step-toggle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:.9375rem;flex-shrink:0;margin-top:2px}.mt-step-info{flex:1}.mt-step-week{font-size:.9375rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.3px;margin-bottom:.25rem}.mt-step-title{font-size:1.0625rem;font-weight:600;color:#1e293b;margin:0;display:flex;align-items:center;gap:.5rem}.mt-step-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;background:#eff6ff;border-radius:6px;color:#2563eb;flex-shrink:0}.mt-cat-icon{display:inline-flex;align-items:center;justify-content:center;color:#2563eb;margin-right:.5rem;vertical-align:middle}.mt-step-tasks{max-height:0;overflow:hidden;transition:max-height .2s ease-out;margin-left:20px}.mt-step-tasks.expanded{max-height:1000px}.mt-task-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;font-size:1rem;color:#475569}.mt-task-checkbox{width:18px;height:18px;min-width:18px;margin-top:2px;cursor:pointer;accent-color:#2563eb}.mt-task-label{flex:1;cursor:pointer;display:flex;align-items:center}.mt-task-item input:checked~.mt-task-label{color:#64748b;text-decoration:line-through}.mt-task-priority{display:inline-block;font-size:.8125rem;font-weight:700;padding:.25rem .5rem;border-radius:3px;text-transform:uppercase;margin-left:.5rem;flex-shrink:0}.mt-task-priority.critical{background:#fee2e2;color:#991b1b}.mt-task-priority.important{background:#fef3c7;color:#92400e}.mt-task-priority.optional{background:#dbeafe;color:#0c2d5f}.mt-checklist-section{margin-bottom:3rem;animation:mt-fadeIn .6s ease-out .1s backwards}.mt-checklist-content{display:flex;flex-direction:column;gap:.5rem}.mt-checklist-category{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.mt-checklist-category-title{font-size:1.0625rem;font-weight:700;color:#0c2d5f;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #bfdbfe}.mt-checklist-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fff;border:1px solid #e0e7ff;border-radius:8px;transition:all .2s}.mt-checklist-item:hover{border-color:#bfdbfe;box-shadow:0 2px 8px #2563eb0f}.mt-checklist-checkbox{width:20px;height:20px;min-width:20px;margin-top:2px;cursor:pointer;accent-color:#2563eb}.mt-checklist-item-text{flex:1;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:1.0625rem;color:#1e293b}.mt-checklist-item input:checked~.mt-checklist-item-text{color:#64748b;text-decoration:line-through}.mt-checklist-week{font-size:.9375rem;color:#64748b;margin-left:.5rem}.mt-footer-section{margin-top:4rem;animation:mt-fadeIn .6s ease-out .3s backwards}.mt-disclaimer{background:linear-gradient(135deg,#f0f9ff,#f5f3ff);border:1px solid #dbeafe;border-radius:12px;padding:1.5rem;display:flex;gap:1rem;margin-bottom:2rem}.mt-disclaimer-icon{width:24px;height:24px;min-width:24px;color:#2563eb;margin-top:2px}.mt-disclaimer-content{flex:1}.mt-disclaimer-content p{margin:0;font-size:1rem;color:#475569;line-height:1.6}.mt-disclaimer-content a{color:#2563eb;text-decoration:none;font-weight:600;transition:color .2s}.mt-disclaimer-content a:hover{color:#1d4ed8}.mt-export-section{text-align:center;margin-bottom:2rem}.mt-export-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;background:#fff;border:2px solid #2563eb;border-radius:8px;color:#2563eb;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s}.mt-export-btn:hover{background:#eff6ff;transform:translateY(-2px)}.mt-export-btn:active{transform:translateY(0)}@media(max-width:768px){.mt-page{padding:1rem .75rem}.mt-hero-subtitle{font-size:1rem}.mt-date-input-wrapper{flex-direction:column}.mt-date-input{min-width:auto}.mt-progress-header{flex-direction:column;align-items:flex-start;gap:.5rem}.mt-progress-percent{align-self:flex-end}.mt-phase-header{padding:1.25rem}.mt-phase-progress{margin-right:0;gap:.75rem}.mt-view-toggle{width:100%}.mt-view-btn{flex:1;justify-content:center}.mt-filter-buttons{gap:.5rem}.mt-filter-btn{font-size:.9375rem;padding:.4rem .8rem}.mt-step{padding:1rem}.mt-checklist-item{padding:.875rem}}@media(max-width:480px){.mt-hero-title{font-size:1.5rem}.mt-date-label{font-size:1rem}.mt-generate-btn{font-size:1rem;padding:.75rem 1.5rem}.mt-phase-title{font-size:1.0625rem}.mt-step-title{font-size:1rem}.mt-task-item,.mt-checklist-item-text{font-size:.9375rem}.mt-disclaimer{padding:1rem;gap:.75rem}.mt-disclaimer-icon{width:20px;height:20px}.mt-disclaimer-content p{font-size:.9375rem}}.mt-faq-section{max-width:800px;margin:2rem auto;padding:0 1rem}.mt-faq-title{font-size:1.375rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.mt-faq-list{display:flex;flex-direction:column;gap:.5rem}.mt-faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;overflow:hidden}.mt-faq-item[open]{border-color:#cbd5e1}.mt-faq-question{padding:1rem 1.25rem;font-weight:600;color:#334155;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem}.mt-faq-question::-webkit-details-marker{display:none}.mt-faq-question:after{content:"+";font-size:1.25rem;color:var(--color-text-secondary);flex-shrink:0}.mt-faq-item[open] .mt-faq-question:after{content:"−"}.mt-faq-answer{padding:0 1.25rem 1rem;color:#64748b;line-height:1.6;margin:0}