@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Arial,sans-serif;background:#f5f7fb;color:#1f2937}body,.page{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans KR,sans-serif}.page{min-height:100vh;background:#f5f7fb;color:#1f2937;padding:2rem}.container{max-width:1024px;margin:0 auto}.title{font-size:2rem;font-weight:800;color:#2563eb;margin:0}.title-row{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.btn.ghost{height:40px;padding:0 14px;border-radius:10px;border:1px solid #d1d5db;background:#fff;color:#374151;font-weight:700;cursor:pointer}.btn.ghost:hover{background:#f3f4f6}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tab-btn{border:1px solid #d1d5db;background:#fff;color:#374151;padding:8px 14px;border-radius:10px;cursor:pointer;font-weight:700}.tab-btn:hover{background:#eff6ff;border-color:#c7d2fe}.tab-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.add-box{display:flex;gap:8px;align-items:center;margin:10px 0 18px}.input,.select{border:1px solid #d1d5db;background:#fff;color:#111827;border-radius:10px;padding:0 10px;outline:none;height:40px}.input{flex:1}.input:focus,.select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f626}.btn{height:40px;padding:0 16px;border-radius:10px;border:1px solid #2563eb;background:#2563eb;color:#fff;font-weight:700;cursor:pointer}.btn:hover{filter:brightness(.95)}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 6px 20px #0000000f;overflow:hidden}.section-row{display:grid;grid-template-columns:150px 1fr;border-top:1px solid #eef0f4}.section-cell{background:#f3f6fb;border-right:1px solid #eef0f4;display:grid;place-items:center;min-height:72px}.section-label{font-weight:800;font-size:1.125rem;color:#2563eb}.tasks-cell{padding:12px}.task{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:10px;cursor:grab;-webkit-user-select:none;user-select:none;transition:background .12s ease,border-color .12s ease,opacity .12s ease,box-shadow .12s ease}.task:hover{background:#eff6ff;border-color:#c7d2fe}.task:active{cursor:grabbing}.task:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.task.dragover{box-shadow:inset 0 0 0 2px #93c5fd}.task.done{opacity:.6}.task-text{font-size:1rem;color:#1f2937;text-decoration-thickness:2px;font-weight:600}.task.done .task-text{color:#9ca3af;text-decoration:line-through}.task-badge{font-size:11px;padding:4px 8px;border-radius:8px;border:1px solid #c7d2fe;color:#2563eb;background:#eef2ff;margin-left:auto}.task-badge[data-state=done]{border-color:#d1d5db;color:#6b7280;background:#f3f4f6}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (max-width:640px){.section-row{grid-template-columns:110px 1fr}.tab-btn{padding:6px 10px}}.subtasks{margin:6px 0 2px 18px;padding-left:10px;border-left:2px dashed #e5e7eb}.subtask{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;margin:6px 0;background:#fbfdff;border:1px solid #e9eef6;border-radius:8px;cursor:pointer;transition:background .12s,border-color .12s,opacity .12s}.subtask:hover{background:#f2f7ff;border-color:#cfe0ff}.subtask:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.subtask.done{opacity:.7}.subtask-text{color:#1f2937;font-size:.95rem}.subtask.done .subtask-text{color:#9ca3af;text-decoration:line-through;text-decoration-thickness:2px}.subtask-bullet{width:8px;height:8px;border-radius:9999px;background:#93c5fd;margin-right:6px;flex-shrink:0}.subtask-badge{font-size:10px;padding:3px 7px;border-radius:7px;border:1px solid #d1d5db;color:#6b7280;background:#f8fafc;margin-left:auto}.title-row{display:flex;justify-content:center;align-items:center;overflow:hidden;height:180px}.title-logo{height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none}.btn-x{margin-left:8px;width:22px;height:22px;line-height:22px;border:1px solid #e5e7eb;background:#fff;border-radius:6px;font-weight:700;color:#9ca3af;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.btn-x:hover{color:#ef4444;border-color:#fecaca;background:#fff5f5}.btn-x:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}