.mission-card{background-color:var(--color-bg-main);border:1px solid var(--color-border-yellow);border-radius:var(--radius-lg);padding:var(--space-lg);margin:var(--space-md) auto;width:100%;max-width:var(--max-width-card);box-sizing:border-box;justify-content:space-between;align-items:flex-start;gap:var(--space-md);box-shadow:var(--shadow-card);display:flex;position:relative}.mission-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.mission-card.completed{border-color:var(--color-border);background-color:#e5e7eb}.mission-card.daily-mission-card{background-color:#fff0d4;border-color:#f7b946}.mission-card.priority-mission-card{background-color:#fce7f3;border-color:#ec4899}.mission-card.quest-mission-card{background:#eff6ff;border-color:#bfdbfe}.mission-card.tutorial-mission-card{background:var(--color-tutorial-bg);border-color:var(--color-tutorial-border)}.mission-card.archived-mission-card{background-color:#f3f4f6;border-color:#d1d5db}.mission-card.archived-mission-card .mission-title{color:#6b7280}.mission-card.archived-mission-card .mission-toggle{pointer-events:none;opacity:.5;background-color:#e5e7eb;border-color:#d1d5db}.material-icons.priority-flag{vertical-align:-3px;margin-left:6px;color:#be185d!important;font-size:18px!important}.content-area{cursor:pointer;min-width:0;padding:var(--space-xs);margin:calc(var(--space-xs) * -1);border-radius:var(--radius-md);transition:background-color var(--transition);flex:1}.content-area:hover{background-color:#00000005}.content-area:active{background-color:#0000000d}.mission-header{margin-bottom:var(--space-sm)}.title-row{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.mission-title{font-family:var(--font-family);font-size:var(--font-size-lg);color:var(--color-text-dark);flex:1;margin:0;font-weight:600;line-height:1.3}.mission-title.completed{color:var(--color-text-placeholder);opacity:.7;text-decoration:line-through}.mission-card.completed .badges>:not(.mark-yesterday-chip){opacity:.7}.badges{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.recurrence-end{font-size:var(--font-size-xs);color:var(--color-text-light);margin-top:4px}.recurrence-badge:hover,.recurrence-badge-full:hover{background-color:#bfdbfe;border-color:#60a5fa}@media (prefers-color-scheme:dark){.recurrence-badge,.recurrence-badge-full{color:#93c5fd;background-color:#1e3a8a;border-color:#3730a3}.recurrence-badge:hover,.recurrence-badge-full:hover{background-color:#1e40af;border-color:#2563eb}}.mission-description{margin-bottom:var(--space-sm)}.mission-description p{font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-medium);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:400;line-height:1.4;display:-webkit-box;overflow:hidden}.mission-card.completed .mission-description p{opacity:.7}.completion-progress{margin-top:var(--space-sm)}.progress-info{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.progress-label{font-size:var(--font-size-xs);color:var(--color-text-light);font-weight:500}.progress-value{font-size:var(--font-size-xs);color:var(--color-text-dark);font-weight:600}.progress-bar{background-color:#0000001a;border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);border-radius:2px;height:100%;transition:width .3s}.mission-card.completed .completion-progress{opacity:.7}.mission-card .mark-yesterday-chip{color:#374151;font-size:.7rem;font-family:var(--font-family);cursor:pointer;transition:all var(--transition);background:0 0;border:1px dashed #6b7280;border-radius:999px;align-items:center;padding:3px 10px;display:inline-flex}.mission-card .mark-yesterday-chip:hover:not(:disabled){color:#374151;border-style:solid;border-color:#374151}.mission-card .mark-yesterday-chip.marked{color:#fff;cursor:default;background:#374151;border-style:solid;border-color:#374151}.mission-card .mark-yesterday-chip.marked:disabled{opacity:1}.mission-card .mark-yesterday-chip:disabled:not(.marked){opacity:.5;cursor:not-allowed}.mission-card .mission-card-yesterday-error{margin-top:var(--space-sm);cursor:default}.mission-actions{align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.mission-toggle{border:2px solid var(--color-border);cursor:pointer;width:40px;height:40px;transition:all var(--transition);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.mission-toggle:hover{border-color:var(--color-success);transform:scale(1.05)}.mission-toggle.completed{background:var(--color-success);border-color:var(--color-success)}.mission-toggle.disabled{opacity:.4;cursor:not-allowed}.mission-toggle.disabled:hover{border-color:var(--color-border);transform:none}.check-icon{fill:var(--color-text-light);transition:all var(--transition)}.check-icon.completed{fill:#fff}@media (width<=640px){.mission-card{padding:var(--space-md);margin:var(--space-sm) auto}.mission-title{font-size:var(--font-size-base)}.badges{max-height:calc(24px * 2 + var(--space-xs));gap:var(--space-xs);position:relative;overflow:hidden}.badges>*{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.mission-toggle{width:36px;height:36px}.check-icon{width:16px;height:16px}}@media (prefers-reduced-motion:reduce){.mission-card,.mission-toggle,.check-icon,.progress-fill{transition:none}.due-date-badge.overdue{animation:none}}.mission-toggle:focus{outline:2px solid var(--color-primary,#3b82f6);outline-offset:2px}.mission-card{align-items:stretch;display:flex}.drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;justify-content:center;align-items:center;padding:0 0 0 8px;transition:color .2s;display:flex;color:#666!important}.drag-handle:hover{color:#2196f3}.drag-handle:active{cursor:grabbing}.drag-handle svg{width:20px;height:20px}.drag-handle.hidden{display:none}