@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600&family=Inter:wght@400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700&display=swap";:root{--bg-void: #0b0d10;--bg-panel: #14171b;--bg-card: #1b1f24;--border-subtle: #2a2f36;--text-primary: #eef0f2;--text-muted: #8b929c;--accent: #d6ff3f;--accent-dim: #97ad2e;--danger: #ff6b6b;--font-display: "Fraunces", "Vazirmatn", serif;--font-body: "Inter", "Vazirmatn", system-ui, sans-serif;--radius-md: 10px;--radius-lg: 16px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-void);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button{font-family:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{min-height:100%;display:flex;flex-direction:column}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.brand{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:.01em}.brand-mark{color:var(--accent)}.logout-btn{background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted);padding:8px 14px;border-radius:var(--radius-md);cursor:pointer;font-size:13px;transition:border-color .15s ease,color .15s ease}.logout-btn:hover{border-color:var(--text-muted);color:var(--text-primary)}.main-content{flex:1;padding:20px 16px 56px;max-width:1280px;width:100%;margin:0 auto}@media (min-width: 480px){.main-content{padding:28px 24px 64px}}.auth-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:40px 32px;width:100%;max-width:380px}.auth-title{font-family:var(--font-display);font-size:26px;margin:0 0 8px}.auth-subtitle{color:var(--text-muted);font-size:14px;margin:0 0 28px;line-height:1.5}.field-label{display:block;font-size:13px;color:var(--text-muted);margin-bottom:6px}.text-input{width:100%;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:11px 14px;color:var(--text-primary);font-size:14px;margin-bottom:18px}.primary-btn{width:100%;background:var(--accent);color:#10130a;border:none;border-radius:var(--radius-md);padding:12px 16px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .1s ease,filter .15s ease}.primary-btn:hover{filter:brightness(1.05)}.primary-btn:active{transform:scale(.98)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.form-error{color:var(--danger);font-size:13px;margin:-8px 0 16px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px}@media (min-width: 420px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}}@media (min-width: 640px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}}.motivation-card{position:relative;aspect-ratio:4 / 3;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:none}.motivation-card.dragging{opacity:.4}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;text-align:center}.card-face.image-face{padding:0}.card-face.image-face img{width:100%;height:100%;object-fit:cover;display:block}.card-text{font-family:var(--font-display);font-size:15px;line-height:1.4;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;text-align:center;margin:0}@media (min-width: 640px){.card-text{font-size:17px}}.card-empty-hint{color:var(--text-muted);font-size:12px;text-align:center;margin:0}.card-actions{position:absolute;top:8px;right:8px;display:flex;gap:5px;z-index:2}.card-icon-btn{width:26px;height:26px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#0b0d10a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px}.card-icon-btn:hover{background:#0b0d10e6}.card-side-indicator{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:5px;z-index:2}.dot{width:5px;height:5px;border-radius:50%;background:#ffffff40}.dot.active{background:var(--accent)}.add-card-tile{aspect-ratio:4 / 3;border-radius:var(--radius-lg);border:1.5px dashed var(--border-subtle);background:transparent;color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:32px;font-weight:400;transition:border-color .15s ease,color .15s ease}.add-card-tile:hover{border-color:var(--accent-dim);color:var(--accent)}.empty-state{text-align:center;padding:80px 20px;color:var(--text-muted)}.empty-state h2{font-family:var(--font-display);color:var(--text-primary);font-weight:600;margin-bottom:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#060708b3;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal-panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto}.modal-title{font-family:var(--font-display);font-size:20px;margin:0 0 20px;text-align:center}.textarea-input{width:100%;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:11px 14px;color:var(--text-primary);font-size:14px;margin-bottom:18px;font-family:inherit;resize:vertical;min-height:90px}.image-drop{border:1.5px dashed var(--border-subtle);border-radius:var(--radius-md);padding:18px;text-align:center;color:var(--text-muted);font-size:13px;margin-bottom:18px;cursor:pointer;position:relative;overflow:hidden}.image-drop img{max-width:100%;max-height:140px;border-radius:8px;display:block;margin:0 auto 10px}.image-drop input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.modal-actions{display:flex;gap:10px;margin-top:6px}.secondary-btn{flex:1;background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted);border-radius:var(--radius-md);padding:12px 16px;font-size:14px;cursor:pointer}.secondary-btn:hover{color:var(--text-primary);border-color:var(--text-muted)}.modal-actions .primary-btn{flex:1.4}.danger-btn{background:transparent;border:1px solid rgba(255,107,107,.4);color:var(--danger);border-radius:var(--radius-md);padding:12px 16px;font-size:14px;cursor:pointer}.danger-btn:hover{background:#ff6b6b14}.loading-state{color:var(--text-muted);text-align:center;padding:60px 0}