body{color:#e8e8f0;-webkit-font-smoothing:antialiased;background:#0d0d0f;min-height:100vh;font-family:Noto Sans KR,Pretendard,-apple-system,sans-serif}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#1a1a1f}::-webkit-scrollbar-thumb{background:#3a3a45;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#5a5a65}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d0f;--surface:#161618;--surface2:#1e1e22;--border:#2a2a30;--text:#e8e8f0;--text2:#888;--radius:12px;--radius-sm:8px;font-size:16px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Pretendard,Noto Sans KR,-apple-system,sans-serif;line-height:1.6}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{text-decoration:none}.app{min-height:100vh}.app-header{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#0d0d0feb;padding:0 24px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1100px;height:64px;margin:0 auto;display:flex}.logo{color:var(--text);align-items:center;gap:12px;display:flex}.logo-icon{font-size:28px}.logo-title{font-size:15px;font-weight:700}.logo-sub{color:var(--text2);font-size:11px}.header-progress{flex-shrink:0;align-items:center;gap:10px;display:flex}.progress-label{color:var(--text2);white-space:nowrap;font-size:12px}.progress-bar{background:var(--border);border-radius:3px;width:120px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6c63ff,#00bcd4);border-radius:3px;height:100%;transition:width .4s}.progress-count{color:var(--text2);white-space:nowrap;font-size:12px}.app-main{max-width:1100px;margin:0 auto;padding:32px 24px 80px}.hero-section{text-align:center;border:1px solid var(--border);background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);border-radius:20px;margin-bottom:40px;padding:48px 24px}.hero-badge{color:#a89dff;letter-spacing:.05em;background:linear-gradient(90deg,#6c63ff33,#00bcd433);border:1px solid #6c63ff55;border-radius:20px;margin-bottom:16px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-block}.hero-title{margin-bottom:8px;font-size:32px;font-weight:800}.hero-sub{color:var(--text2);margin-bottom:32px;font-size:14px}.hero-stats{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.stat{text-align:center}.stat-num{background:linear-gradient(135deg,#6c63ff,#00bcd4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:32px;font-weight:800}.stat-label{color:var(--text2);margin-top:4px;font-size:12px}.section-title{border-left:3px solid #6c63ff;margin-bottom:16px;padding-left:12px;font-size:18px;font-weight:700}.phases-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:40px;display:grid}.phase-card{border-radius:var(--radius);border:1px solid;padding:20px}.phase-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.phase-badge{color:#fff;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:700}.phase-name{font-size:15px;font-weight:700}.phase-progress-text{color:var(--text2);margin-bottom:8px;font-size:12px}.phase-bar{background:var(--border);border-radius:2px;height:4px;margin-bottom:12px;overflow:hidden}.phase-bar-fill{border-radius:2px;height:100%;transition:width .4s}.phase-days-list{flex-wrap:wrap;gap:6px;display:flex}.phase-day-chip{border:1px solid;border-radius:10px;padding:2px 8px;font-size:11px;transition:all .2s}.phase-day-chip.done{font-weight:700}.timeline{flex-direction:column;gap:0;margin-bottom:40px;display:flex}.timeline-item{cursor:pointer;gap:16px;display:flex}.timeline-item:hover .timeline-card{background:var(--surface2);transform:translate(4px)}.timeline-item.today .timeline-card{border-color:#fff4;box-shadow:0 0 20px #6c63ff33}.timeline-connector{flex-direction:column;flex-shrink:0;align-items:center;width:40px;display:flex}.timeline-dot{z-index:1;color:#fff;border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.timeline-line{flex:1;width:2px;min-height:12px}.timeline-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex:1;margin-bottom:12px;padding:16px 20px;transition:all .2s}.timeline-item.done .timeline-card{opacity:.7}.card-top{margin-bottom:12px}.card-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.card-date{color:var(--text2);font-size:12px}.card-phase{border:1px solid;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.today-badge{color:#000;background:#fff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.done-badge{color:#fff;background:#4caf50;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.card-title{margin-bottom:4px;font-size:16px;font-weight:700}.card-sub{color:var(--text2);font-size:13px}.card-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.card-deliverables{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.deliverables-label{color:var(--text2);font-size:11px}.deliverable-chip{background:var(--surface2);border:1px solid var(--border);color:var(--text2);border-radius:8px;padding:2px 8px;font-size:11px}.card-progress{align-items:center;gap:8px;display:flex}.mini-bar{background:var(--border);border-radius:2px;width:80px;height:4px;overflow:hidden}.mini-bar-fill{border-radius:2px;height:100%;transition:width .4s}.mini-pct{color:var(--text2);font-size:11px}.final-goal{text-align:center;background:linear-gradient(135deg,#0f3460,#1a1a2e);border:1px solid #4caf5033;border-radius:20px;padding:48px}.final-goal-icon{margin-bottom:16px;font-size:48px}.final-goal-title{margin-bottom:12px;font-size:24px;font-weight:800}.final-goal-desc{color:var(--text2);margin-bottom:24px}.final-outputs{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.output-item{background:#4caf5022;border:1px solid #4caf5055;border-radius:12px;padding:10px 20px;font-size:14px;font-weight:600}.detail-nav{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.btn-back{color:var(--text2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;transition:all .2s}.btn-back:hover{color:var(--text);border-color:var(--text)}.day-nav-btns{gap:8px;display:flex}.btn-nav{color:var(--text2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;font-size:13px;transition:all .2s}.btn-nav:hover{color:var(--text);border-color:var(--text)}.detail-header{background:var(--surface);border:1px solid;border-radius:16px;margin-bottom:24px;padding:28px 32px}.detail-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.detail-phase{color:#fff;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:700}.detail-date,.detail-time{color:var(--text2);font-size:13px}.detail-title{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;font-size:28px;font-weight:800;display:flex}.detail-day-num{font-size:16px;font-weight:700}.detail-subtitle{color:var(--text2);margin-bottom:24px;font-size:15px}.detail-progress-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.detail-progress-bar{background:var(--border);border-radius:4px;flex:1;min-width:120px;height:8px;overflow:hidden}.detail-progress-fill{border-radius:4px;height:100%;transition:width .4s}.detail-progress-text{color:var(--text2);font-size:13px}.btn-complete{border-radius:var(--radius-sm);border:2px solid;padding:8px 20px;font-size:13px;font-weight:700;transition:all .2s}.btn-complete.completed{color:#fff}.detail-tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:24px;padding-bottom:-1px;display:flex;overflow-x:auto}.tab-btn{color:var(--text2);white-space:nowrap;border:none;border-bottom:2px solid #0000;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.tab-btn:hover{color:var(--text)}.tab-btn.active{border-bottom-color:inherit}.goal-card{border-radius:var(--radius);border:1px solid;margin-bottom:20px;padding:20px 24px}.goal-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text2);margin-bottom:8px;font-size:11px;font-weight:700}.goal-text{font-size:17px;font-weight:600;line-height:1.5}.info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px;display:grid}.info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.info-title{margin-bottom:14px;font-size:14px;font-weight:700}.info-row{border-bottom:1px solid var(--border);color:var(--text2);justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.info-row:last-child{border-bottom:none}.info-row strong{color:var(--text);font-weight:600}.tips-list{flex-direction:column;gap:10px;display:flex}.tip-item{gap:8px;font-size:13px;line-height:1.5;display:flex}.tip-icon{flex-shrink:0}.quick-tasks{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.quick-task-list{flex-direction:column;gap:8px;margin-top:12px;display:flex}.quick-task{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:12px 16px;font-size:14px;transition:all .2s;display:flex}.quick-task:hover{border-color:#555}.quick-task.done{color:var(--text2);text-decoration:line-through}.task-check{color:#fff;border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.prelearning-header{margin-bottom:24px}.prelearning-title{align-items:center;gap:10px;margin-bottom:8px;font-size:20px;font-weight:700;display:flex}.prelearning-icon{font-size:24px}.prelearning-desc{color:var(--text2);font-size:14px}.topic-nav{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.topic-btn{border-radius:var(--radius-sm);text-align:left;border:1px solid;padding:12px 18px;font-size:14px;font-weight:600;transition:all .2s}.topic-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 32px}.topic-title{margin-bottom:20px;font-size:20px;font-weight:700}.markdown-content h1{margin:24px 0 12px;font-size:22px;font-weight:700}.markdown-content h2{margin:20px 0 10px;font-size:18px;font-weight:700}.markdown-content h3{color:var(--text2);margin:16px 0 8px;font-size:15px;font-weight:700}.markdown-content p{margin-bottom:10px;font-size:14px;line-height:1.8}.markdown-content blockquote{color:#a89dff;background:#6c63ff11;border-left:3px solid #6c63ff;border-radius:0 8px 8px 0;margin:12px 0;padding:10px 16px;font-style:italic}.md-list{margin:10px 0;padding-left:20px}.md-list li{margin-bottom:4px;font-size:14px;line-height:1.8}.md-task{align-items:center;gap:8px;margin:4px 0;font-size:14px;display:flex}.md-task input{accent-color:#6c63ff}.inline-code{color:#e083a0;background:#2a2a3a;border:1px solid #3a3a4a;border-radius:4px;padding:1px 6px;font-family:Consolas,Monaco,monospace;font-size:13px}.code-block{border-radius:var(--radius-sm);background:#0a0a0f;border:1px solid #2a2a3a;margin:14px 0;overflow:hidden}.code-lang{color:#888;background:#1a1a2a;border-bottom:1px solid #2a2a3a;padding:6px 14px;font-family:monospace;font-size:11px}.code-block pre{margin:0;padding:16px 20px;overflow-x:auto}.code-block code{color:#c9d1d9;font-family:Consolas,Monaco,monospace;font-size:13px;line-height:1.7}.md-table-wrap{margin:12px 0;overflow-x:auto}.md-table{border-collapse:collapse;width:100%;font-size:13px}.md-table th,.md-table td{border:1px solid var(--border);text-align:left;padding:10px 14px}.md-table th{background:var(--surface2);font-weight:700}.md-table tr:nth-child(2n) td{background:#ffffff05}.tasks-progress{color:var(--text2);align-items:center;gap:12px;margin-bottom:20px;font-size:13px;display:flex}.tasks-bar{background:var(--border);border-radius:4px;flex:1;height:8px;overflow:hidden}.tasks-bar-fill{border-radius:4px;height:100%;transition:width .4s}.tasks-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.task-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:14px;padding:16px 20px;transition:all .2s;display:flex}.task-item:hover{background:var(--surface2)}.task-item.done{opacity:.6}.task-num{color:var(--text2);flex-shrink:0;width:20px;font-size:12px}.task-check-box{color:#fff;border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.task-text{flex:1;font-size:14px;line-height:1.5}.task-item.done .task-text{text-decoration:line-through}.task-status{color:var(--text2);flex-shrink:0;font-size:11px}.all-done-banner{border-radius:var(--radius);border:1px solid;align-items:center;gap:16px;padding:20px 24px;font-size:14px;display:flex}.all-done-emoji{font-size:32px}.deliverables-intro{color:var(--text2);margin-bottom:20px;font-size:14px}.deliverables-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.deliverable-item{border-radius:var(--radius);background:var(--surface);border:1px solid;align-items:center;gap:14px;padding:16px 20px;display:flex}.deliverable-num{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.deliverable-text{font-size:14px;font-weight:500}.template-hint{border-radius:var(--radius);border:1px solid;padding:16px 20px}.hint-title{margin-bottom:6px;font-size:14px;font-weight:700}.hint-desc{color:var(--text2);font-size:13px}@media (width<=640px){.app-main{padding:20px 16px 60px}.hero-section{padding:32px 16px}.hero-title{font-size:24px}.hero-stats{gap:20px}.detail-header{padding:20px}.detail-title{font-size:22px}.topic-content{padding:20px}.header-progress{display:none}.phases-grid{grid-template-columns:1fr 1fr}.info-grid{grid-template-columns:1fr}}