@tailwind base;@tailwind components;@tailwind utilities;:root{--color-flx-blue:#5c67f2;--color-flx-blue-dark:#4a42c9;--color-flx-accent:#00b8a9}@media (prefers-color-scheme:dark){:root{--color-white:#fff;--color-text:#f3f4f6;--color-text-secondary:#d1d5db;--color-background:#0f1117;--color-surface:#1a1f2e;--color-card-bg:#1f2937;--color-border:#374151;--color-bg-1:#3b82f61a;--shadow-sm:0 4px 6px -1px #0000004d;--shadow-md:0 20px 25px -5px #0006}}[data-color-scheme=dark]{--color-white:#fff;--color-text:#f3f4f6;--color-text-secondary:#d1d5db;--color-background:#0f1117;--color-surface:#1a1f2e;--color-card-bg:#1f2937;--color-border:#374151;--color-bg-1:#3b82f61a;--shadow-sm:0 4px 6px -1px #0000004d;--shadow-md:0 20px 25px -5px #0006}@media (prefers-color-scheme:dark){:root{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:#1d4ed826;--color-bg-2:#b4530926;--color-bg-3:#15803d26;--color-bg-4:#b91c1c26;--color-bg-5:#6b21a826;--color-bg-6:#c2410c26;--color-bg-7:#be185d26;--color-bg-8:#0891b226;--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),0.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),0.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),0.3);--color-border:rgba(var(--color-gray-400-rgb),0.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),0.2);--color-card-border-inner:rgba(var(--color-gray-400-rgb),0.15);--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--button-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-select-caret:rgba(var(--color-gray-200-rgb),0.8);--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}}@media (max-width:480px){html{font-size:13px}h1{font-size:24px;font-size:var(--font-size-3xl)}h2{font-size:20px;font-size:var(--font-size-2xl)}h3{font-size:18px;font-size:var(--font-size-xl)}h4{font-size:16px;font-size:var(--font-size-lg)}.btn{font-size:12px;font-size:var(--font-size-sm);padding:6px 12px;padding:var(--space-6) var(--space-12)}.btn--sm{font-size:11px;font-size:var(--font-size-xs);padding:4px 8px;padding:var(--space-4) var(--space-8)}.btn--lg{font-size:14px;font-size:var(--font-size-base);padding:8px 16px;padding:var(--space-8) var(--space-16)}}textarea.form-control{min-height:100px}.form-control:focus{outline-offset:0}.form-error{color:#c0152f;color:var(--color-error)}.form-error,.form-helper{font-size:12px;font-size:var(--font-size-sm);margin-top:4px;margin-top:var(--space-4)}.form-helper{color:#626c71;color:var(--color-text-secondary)}@media (max-width:480px){.form-control{font-size:12px;font-size:var(--font-size-sm);padding:6px 10px;padding:var(--space-6) var(--space-10)}textarea.form-control{min-height:80px}}.card__footer{border-bottom:none;border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border-inner)}.card__title{color:#1f2120;color:var(--color-text);font-size:16px;font-size:var(--font-size-lg);font-weight:550;font-weight:var(--font-weight-semibold);margin:0}@media (max-width:480px){.card__body,.card__footer,.card__header{padding:12px;padding:var(--space-12)}.card__title{font-size:14px;font-size:var(--font-size-base)}.status{font-size:11px;font-size:var(--font-size-xs);padding:4px 8px;padding:var(--space-4) var(--space-8)}.container{padding-left:12px;padding-left:var(--space-12);padding-right:12px;padding-right:var(--space-12)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}@media (prefers-color-scheme:dark){.btn--outline{border:1px solid var(--color-border-secondary)}}.sync-indicator{align-items:center;border-radius:6px;display:flex;font-size:12px;gap:8px;padding:4px 8px;transition:all .25s ease}.sync-indicator__dot{animation:pulse 2s infinite;border-radius:50%;display:inline-block;height:6px;width:6px}.sync-indicator--idle .sync-indicator__dot{background-color:var(--color-text-secondary);opacity:.5}.sync-indicator--saving .sync-indicator__dot{animation:pulse 1s infinite;background-color:var(--color-warning)}.sync-indicator--synced .sync-indicator__dot{animation:none;background-color:var(--color-success)}.sync-indicator--error .sync-indicator__dot{animation:pulse .5s infinite;background-color:var(--color-error)}.sync-indicator__text{color:var(--color-text-secondary);font-size:11px}.sync-indicator--saving .sync-indicator__text{color:var(--color-warning)}.sync-indicator--synced .sync-indicator__text{color:var(--color-success)}.sync-indicator--error .sync-indicator__text{color:var(--color-error)}.sync-indicator__error-hint{cursor:help;font-size:10px;margin-left:4px}@media (max-width:480px){.sync-indicator{font-size:10px;gap:4px;padding:2px 4px}.sync-indicator__dot{height:4px;width:4px}.sync-indicator__text{font-size:10px}}.recovery-dialog__overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.recovery-dialog{animation:slideUp .25s ease;background:var(--color-surface);border-radius:12px;box-shadow:0 10px 25px #0000004d;max-width:400px;padding:24px;width:90%}.recovery-dialog__header{margin-bottom:24px}.recovery-dialog__header h2{color:var(--color-text);font-size:20px;font-weight:700;margin:0 0 8px}.recovery-dialog__header p{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0}.recovery-dialog__stats{grid-gap:12px;background-color:var(--color-secondary);border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;margin-bottom:24px;padding:16px}.stat{align-items:center;display:flex;flex-direction:column;gap:4px;text-align:center}.stat__label{color:var(--color-text-secondary);font-size:11px;font-weight:700;text-transform:uppercase}.stat__value{color:var(--color-text);font-size:18px;font-weight:700}.recovery-dialog__actions{display:flex;flex-direction:column;gap:10px}.recovery-dialog__actions .btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;padding:12px 16px;transition:all .2s ease}.recovery-dialog__actions .btn--primary{background-color:var(--color-success);color:var(--color-btn-primary-text)}.recovery-dialog__actions .btn--primary:hover{background-color:var(--color-primary-hover)}.recovery-dialog__actions .btn--outline{background-color:initial;border:1px solid var(--color-border);color:var(--color-text)}.recovery-dialog__actions .btn--outline:hover{background-color:var(--color-secondary);border-color:var(--color-text-secondary)}@media (max-width:480px){.recovery-dialog{margin:16px;padding:20px;width:95%}.recovery-dialog__header{margin-bottom:20px}.recovery-dialog__header h2{font-size:18px}.recovery-dialog__stats{gap:8px;margin-bottom:20px;padding:12px}.stat__value{font-size:16px}.recovery-dialog__actions{gap:8px}.recovery-dialog__actions .btn{font-size:12px;padding:10px 12px}}.workout-history-card{background-color:#fff;border:1px solid #5e52401f;border-radius:12px;box-shadow:0 2px 4px #0000000a;margin-bottom:16px;max-width:100%;padding:20px;transition:all .2s;width:100%}[data-color-scheme=dark] .workout-history-card{background-color:#2a2a2a;border-color:#777c7c4d}.workout-history-card:hover{border-color:#5c67f2;box-shadow:0 4px 8px #00000014}[data-color-scheme=dark]{.workout-history-card:hover{border-color:#7b85ff}}.workout-history-header{align-items:flex-start;cursor:pointer;display:flex;flex-wrap:wrap;gap:20px;-webkit-user-select:none;user-select:none}.workout-history-main{flex:1 1;min-width:0}.workout-history-name{color:#1f2120;font-size:16px;font-weight:700;margin:0 0 4px}[data-color-scheme=dark]{.workout-history-name{color:#f5f5f5}}.workout-history-date{color:#626c73;font-size:13px}[data-color-scheme=dark]{.workout-history-date{color:#a7a9a9}}.workout-history-stats{display:flex;flex-wrap:wrap;gap:12px}.workout-stat{color:#626c73;font-size:13px;white-space:nowrap}[data-color-scheme=dark]{.workout-stat{color:#a7a9a9}}.workout-history-toggle{background:#0000;border:none;color:#5c67f2;cursor:pointer;font-size:18px;padding:4px 8px;transition:transform .2s}[data-color-scheme=dark]{.workout-history-toggle{color:#7b85ff}}.workout-history-toggle:hover{transform:scale(1.2)}.workout-history-details{border-top:1px solid #5e52401f;margin-top:16px;padding-top:16px}[data-color-scheme=dark]{.workout-history-details{border-top-color:#777c7c4d}}.workout-history-notes{color:#626c73;font-size:14px;font-style:italic;margin:0 0 12px}[data-color-scheme=dark]{.workout-history-notes{color:#a7a9a9}}.workout-history-placeholder{color:#626c73;font-size:14px;padding:20px;text-align:center}[data-color-scheme=dark]{.workout-history-placeholder{color:#a7a9a9}}.workout-history-exercises{margin-top:12px}.workout-history-exercise{background:#5e52400d;border-radius:8px;margin-bottom:16px;padding:12px}.workout-history-exercise h5{color:#1f2120;font-size:16px;margin:0 0 4px}[data-color-scheme=dark]{.workout-history-exercise h5{color:#f5f5f5}}.workout-history-exercise .exercise-category{color:#626c73;font-size:13px;margin:0 0 8px;text-transform:uppercase}[data-color-scheme=dark]{.workout-history-exercise .exercise-category{color:#a7a9a9}}.exercise-sets{display:flex;flex-direction:column;gap:6px}.exercise-set{background:#5e52401a;border-radius:6px;color:#1f2120;font-size:14px;padding:8px}[data-color-scheme=dark]{.exercise-set{background:#7b85ff1a;color:#f5f5f5}}@media (max-width:600px){.workout-history-header{flex-wrap:wrap}.workout-history-stats{margin-top:8px;order:3;width:100%}.workout-history-toggle{order:2}}.exercises-header{border-bottom:2px solid #5c67f233;color:#1f2120;font-size:16px;font-weight:600;margin:16px 0 12px;padding-bottom:8px}[data-color-scheme=dark] .exercises-header{border-bottom-color:#7b85ff4d;color:#f5f5f5}.exercise-header{align-items:center;margin-bottom:12px}.exercise-name{align-items:center;color:#1f2120;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}[data-color-scheme=dark] .exercise-name{color:#f5f5f5}.category-badge{border-radius:12px;flex-shrink:0;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase;white-space:nowrap}.category-strength{background:linear-gradient(135deg,#5c67f2,#7b85ff);color:#fff}.category-calisthenics{background:linear-gradient(135deg,#8b5cf6,#a855f7);color:#fff}.category-cardio{background:linear-gradient(135deg,#ec4899,#f472b6);color:#fff}.category-flexibility{background:linear-gradient(135deg,#14b8a6,#2dd4bf);color:#fff}.sets-table{border-collapse:collapse;font-size:14px;margin-top:8px;width:100%}.sets-table thead{background:#5c67f21a}[data-color-scheme=dark] .sets-table thead{background:#7b85ff26}.sets-table th{color:#626c73;font-size:12px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-align:left;text-transform:uppercase}[data-color-scheme=dark] .sets-table th{color:#a7a9a9}.sets-table td{border-bottom:1px solid #5e52401a;color:#1f2120;padding:10px 12px}[data-color-scheme=dark] .sets-table td{border-bottom-color:#777c7c33;color:#f5f5f5}.sets-table tbody tr:hover{background:#5c67f20d}[data-color-scheme=dark] .sets-table tbody tr:hover{background:#7b85ff14}.sets-table tbody tr:last-child td{border-bottom:none}@media (max-width:640px){.sets-table{font-size:12px}.sets-table td,.sets-table th{padding:8px 6px}.exercise-header{align-items:flex-start;flex-direction:column;gap:8px}.exercise-name{flex:1 1;max-width:100%;min-width:0}.category-badge{font-size:10px;padding:3px 10px}}.workout-journal{background-color:var(--color-background);color:var(--color-text);min-height:100vh;padding:24px 16px}.workout-journal-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto 32px;max-width:1200px}.workout-journal-header h1{color:#1f2120;font-size:32px;font-weight:700;margin:0 0 8px}[data-color-scheme=dark]{.workout-journal-header h1{color:#f5f5f5}}.workout-journal-header p{color:#626c73;font-size:16px;margin:0}[data-color-scheme=dark]{.workout-journal-header p{color:#a7a9a9}}.workout-journal-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:1200px}.workout-journal-stat-card{background-color:#fff;border:1px solid #5e52401f;border-radius:12px;flex:1 1;min-width:150px;padding:20px;transition:all .2s}[data-color-scheme=dark] .workout-journal-stat-card{background-color:#2a2a2a;border-color:#777c7c4d}.workout-journal-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.workout-journal-stat-label{color:#626c73;font-size:12px;font-weight:500;margin-bottom:8px}[data-color-scheme=dark]{.workout-journal-stat-label{color:#a7a9a9}}.workout-journal-stat-value{color:#5c67f2;font-size:28px;font-weight:700;margin-bottom:4px}[data-color-scheme=dark]{.workout-journal-stat-value{color:#7b85ff}}.workout-journal-stat-limit{color:#626c73;font-size:11px}[data-color-scheme=dark]{.workout-journal-stat-limit{color:#a7a9a9}}.workout-journal-message{border-radius:8px;font-size:14px;margin-bottom:16px;margin-left:auto;margin-right:auto;max-width:1200px;padding:12px 16px}.workout-journal-message-error{background-color:#fee2e2;border:1px solid #ef4444;color:#991b1b}[data-color-scheme=dark]{.workout-journal-message-error{background-color:#ef444433;border-color:#ef4444;color:#fca5a5}}.workout-journal-message-success{background-color:#d1fae5;border:1px solid #22c55e;color:#065f46}[data-color-scheme=dark]{.workout-journal-message-success{background-color:#22c55e33;border-color:#22c55e;color:#86efac}}.workout-journal-limit-warning{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;font-size:14px;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:1200px;padding:12px 16px}[data-color-scheme=dark]{.workout-journal-limit-warning{background-color:#f59e0b33;border-color:#f59e0b;color:#fbbf24}}.workout-journal-timer{background-color:#fff;border:1px solid #5e52401f;border-radius:12px;margin:0 auto 24px;max-width:1200px;padding:24px;text-align:center}[data-color-scheme=dark]{.workout-journal-timer{background-color:#2a2a2a;border-color:#777c7c4d}}.workout-journal-timer-display{color:#5c67f2;font-family:Courier New,monospace;font-size:48px;font-weight:700;margin-bottom:8px}[data-color-scheme=dark]{.workout-journal-timer-display{color:#7b85ff}}.workout-journal-timer-label{color:#626c73;font-size:14px;letter-spacing:1px;text-transform:uppercase}[data-color-scheme=dark]{.workout-journal-timer-label{color:#a7a9a9}}.workout-journal-card{background-color:#fff;border:1px solid #5e52401f;border-radius:12px;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:1200px;padding:24px;transition:all .2s}[data-color-scheme=dark]{.workout-journal-card{background-color:#2a2a2a;border-color:#777c7c4d}}.workout-journal-card:hover{box-shadow:0 4px 12px #0000000d}.workout-journal-card h3{color:#1f2120;font-size:20px;font-weight:700;margin:0 0 20px}[data-color-scheme=dark]{.workout-journal-card h3{color:#f5f5f5}}.workout-journal-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.workout-journal-card-title{color:#1f2120;font-size:18px;font-weight:700;margin:0 0 4px}[data-color-scheme=dark]{.workout-journal-card-title{color:#f5f5f5}}.workout-journal-card-date{color:#626c73;font-size:14px}[data-color-scheme=dark]{.workout-journal-card-date{color:#a7a9a9}}.workout-journal-card-notes{border-top:1px solid #5e52401f;color:#626c73;font-size:14px;margin-top:12px;padding-top:12px}[data-color-scheme=dark]{.workout-journal-card-notes{border-top-color:#777c7c4d;color:#a7a9a9}}.workout-journal-form-group{margin-bottom:20px}.workout-journal-form-group label{color:#1f2120;display:block;font-size:14px;font-weight:600;margin-bottom:8px}[data-color-scheme=dark]{.workout-journal-form-group label{color:#f5f5f5}}.workout-journal-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:640px){.workout-journal-form-row{grid-template-columns:1fr}}.workout-journal-input{background-color:#fff;border:1px solid #5e524033;border-radius:8px;box-sizing:border-box;color:#1f2120;font-size:14px;padding:12px;transition:all .2s;width:100%}[data-color-scheme=dark]{.workout-journal-input{background-color:#1f2120;border-color:#777c7c4d;color:#f5f5f5}}.workout-journal-input:focus{border-color:#5c67f2;box-shadow:0 0 0 3px #5c67f21a;outline:none}[data-color-scheme=dark]{.workout-journal-input:focus{border-color:#7b85ff;box-shadow:0 0 0 3px #7b85ff1a}}.workout-journal-category-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.workout-journal-category-btn{background-color:initial;border:2px solid #5c67f2;border-radius:8px;color:#5c67f2;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase;transition:all .2s}[data-color-scheme=dark]{.workout-journal-category-btn{border-color:#7b85ff;color:#7b85ff}}.workout-journal-category-btn:hover{box-shadow:0 4px 8px #5c67f233;transform:translateY(-2px)}.workout-journal-category-btn.active{background-color:#5c67f2;color:#fff}[data-color-scheme=dark]{.workout-journal-category-btn.active{background-color:#7b85ff;color:#fff}}.workout-journal-suggestions{background-color:#fff;border:1px solid #5e52401f;border-radius:8px;margin-top:8px;max-height:200px;overflow-y:auto}[data-color-scheme=dark]{.workout-journal-suggestions{background-color:#2a2a2a;border-color:#777c7c4d}}.workout-journal-suggestion-item{background:#0000;border:none;color:#1f2120;cursor:pointer;display:block;font-size:14px;padding:12px 16px;text-align:left;transition:background-color .2s;width:100%}[data-color-scheme=dark]{.workout-journal-suggestion-item{color:#f5f5f5}}.workout-journal-suggestion-item:hover{background-color:#f5f7ff}[data-color-scheme=dark]{.workout-journal-suggestion-item:hover{background-color:#7b85ff1a}}.workout-journal-sets-list{background-color:#5c67f20d;border-radius:8px;margin-top:16px;padding:16px}[data-color-scheme=dark]{.workout-journal-sets-list{background-color:#7b85ff1a}}.workout-journal-sets-list h5{color:#1f2120;font-size:16px;font-weight:600;margin:0 0 12px}[data-color-scheme=dark]{.workout-journal-sets-list h5{color:#f5f5f5}}.workout-journal-set-item{align-items:center;background-color:#fff;border-radius:6px;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px;padding:12px}[data-color-scheme=dark]{.workout-journal-set-item{background-color:#1f2120}}.workout-journal-exercise-item{align-items:flex-start;background-color:#5c67f20d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px}[data-color-scheme=dark]{.workout-journal-exercise-item{background-color:#7b85ff1a}}.workout-journal-exercise-item h4{color:#1f2120;font-size:16px;font-weight:600;margin:0 0 4px}[data-color-scheme=dark]{.workout-journal-exercise-item h4{color:#f5f5f5}}.workout-journal-exercise-meta{color:#626c73;font-size:12px;margin:0}[data-color-scheme=dark]{.workout-journal-exercise-meta{color:#a7a9a9}}.workout-journal-rest-timer{background-color:#fff;border:1px solid #5e52401f;border-radius:12px;display:block;margin:0 auto 24px;max-width:1200px;padding:16px}[data-color-scheme=dark]{.workout-journal-rest-timer{background-color:#2a2a2a;border-color:#777c7c4d}}.workout-journal-rest-timer-toggle{align-items:center;background:#0000;border:none;color:#1f2120;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:12px;width:100%}[data-color-scheme=dark]{.workout-journal-rest-timer-toggle{color:#f5f5f5}}.workout-journal-rest-timer-toggle span:last-child{transition:transform .3s ease}.workout-journal-rest-timer-toggle span.expanded{transform:rotate(180deg)}.workout-journal-rest-timer-content{border-top:1px solid #5e52401f;margin-top:16px;padding-top:16px}[data-color-scheme=dark]{.workout-journal-rest-timer-content{border-top-color:#777c7c4d}}.workout-journal-rest-timer-display{margin-bottom:16px;text-align:center}.workout-journal-rest-timer-time{color:#f59e0b;font-family:Courier New,monospace;font-size:36px;font-weight:700}[data-color-scheme=dark]{.workout-journal-rest-timer-time{color:#f59e0b}}.workout-journal-rest-timer-duration{color:#626c73;font-size:14px;margin-top:4px}[data-color-scheme=dark]{.workout-journal-rest-timer-duration{color:#a7a9a9}}.workout-journal-rest-timer-controls{display:flex;gap:12px;margin-bottom:12px}.workout-journal-rest-timer-progress{background-color:#5e52401a;border-radius:2px;height:4px;overflow:hidden}[data-color-scheme=dark]{.workout-journal-rest-timer-progress{background-color:#777c7c33}}.workout-journal-rest-timer-progress-bar{background:linear-gradient(90deg,#f59e0b,#ef4444);height:100%;transition:width .1s linear}[data-color-scheme=dark]{.workout-journal-rest-timer-progress-bar{background:linear-gradient(90deg,#f59e0b,#ef4444)}}.workout-journal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.workout-journal-btn:disabled{cursor:not-allowed;opacity:.5}.workout-journal-btn-primary{background-color:#5c67f2;color:#fff}[data-color-scheme=dark]{.workout-journal-btn-primary{background-color:#7b85ff}}.workout-journal-btn-primary:hover:not(:disabled){background-color:#4a42c9;box-shadow:0 4px 12px #5c67f24d;transform:translateY(-2px)}[data-color-scheme=dark]{.workout-journal-btn-primary:hover:not(:disabled){background-color:#9ba4ff}}.workout-journal-btn-secondary{background-color:initial;border:2px solid #5c67f2;color:#5c67f2}[data-color-scheme=dark]{.workout-journal-btn-secondary{border-color:#7b85ff;color:#7b85ff}}.workout-journal-btn-secondary:hover:not(:disabled){background-color:#5c67f2;color:#fff}[data-color-scheme=dark]{.workout-journal-btn-secondary:hover:not(:disabled){background-color:#7b85ff;color:#fff}}.workout-journal-btn-success{background-color:#22c55e;color:#fff}.workout-journal-btn-success:hover:not(:disabled){background-color:#16a34a;transform:translateY(-2px)}.workout-journal-btn-finish{background-color:#5c67f2;color:#fff;font-size:16px;padding:16px 32px}[data-color-scheme=dark]{.workout-journal-btn-finish{background-color:#7b85ff}}.workout-journal-btn-finish:hover:not(:disabled){background-color:#4a42c9;box-shadow:0 6px 16px #5c67f266;transform:translateY(-2px)}[data-color-scheme=dark]{.workout-journal-btn-finish:hover:not(:disabled){background-color:#9ba4ff}}.workout-journal-btn-outline{background-color:initial;border:2px solid #5e524033;color:#626c73}[data-color-scheme=dark]{.workout-journal-btn-outline{border-color:#777c7c4d;color:#a7a9a9}}.workout-journal-btn-outline:hover:not(:disabled){background-color:#5e52400d;border-color:#5e52404d}[data-color-scheme=dark]{.workout-journal-btn-outline:hover:not(:disabled){background-color:#777c7c1a;border-color:#777c7c80}}.workout-journal-btn-remove{background-color:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.workout-journal-btn-remove:hover{background-color:#dc2626;transform:translateY(-1px)}.workout-journal-actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px auto 0;max-width:1200px}.workout-journal-list{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:1200px}.workout-journal-empty{margin:0 auto;max-width:1200px;padding:60px 20px;text-align:center}.workout-journal-empty-icon{font-size:64px;margin-bottom:16px}.workout-journal-empty-title{color:#1f2120;font-size:24px;font-weight:700;margin-bottom:8px}[data-color-scheme=dark]{.workout-journal-empty-title{color:#f5f5f5}}.workout-journal-empty p{color:#626c73;font-size:16px;margin:0}[data-color-scheme=dark]{.workout-journal-empty p{color:#a7a9a9}}.workout-journal-loading{color:#626c73;font-size:16px;padding:40px;text-align:center}[data-color-scheme=dark]{.workout-journal-loading{color:#a7a9a9}}.wj-slider{background-color:var(--color-surface);border:1px solid var(--color-card-border);border-radius:12px;box-shadow:0 2px 6px #0000000a;margin-bottom:16px;padding:16px}.wj-slider-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.wj-label{color:var(--color-text);font-size:14px;font-weight:700}.wj-helper{color:var(--color-text-secondary);font-size:12px;margin-top:4px}.wj-value{color:var(--color-primary);font-size:16px;font-weight:700}.wj-rpe-value{align-items:center;display:inline-flex;gap:6px}.wj-range{-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--color-primary) 0,var(--color-primary) 0,#5e524033 0,#5e524033 100%);background:linear-gradient(to right,var(--color-primary) 0,var(--color-primary) var(--slider-value,0),#5e524033 var(--slider-value,0),#5e524033 100%);border-radius:4px;height:8px;margin:6px 0 12px;outline:none;width:100%}.wj-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;border:3px solid var(--color-primary);border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.wj-range::-moz-range-thumb{background:#fff;border:3px solid var(--color-primary);border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:20px;width:20px}.wj-range-rpe{background:linear-gradient(90deg,#5c67f2 0,#8b5cf6 33%,#ec4899 66%,#ef4444)!important;height:8px}[data-color-scheme=dark] .wj-range-rpe{background:linear-gradient(90deg,#7b85ff 0,#a78bfa 33%,#f472b6 66%,#ef4444)!important}.wj-info-icon{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;font-size:14px;height:20px;justify-content:center;margin-left:6px;opacity:.7;padding:0;transition:opacity .2s;vertical-align:middle;width:20px}.wj-info-icon:hover{opacity:1}.wj-rpe-info{animation:slideDown .2s ease;background-color:var(--color-secondary);border-left:3px solid var(--color-primary);border-radius:8px;margin-top:12px;padding:12px}.wj-rpe-info-title{color:var(--color-text);font-size:13px;font-weight:700;margin-bottom:6px}.wj-rpe-info-text{color:var(--color-text-secondary);font-size:12px;line-height:1.5;margin:0}.wj-number-row{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:1fr 100px 1fr}.wj-number-input{background-color:var(--color-surface);box-sizing:border-box;font-size:18px;font-weight:600;margin:0;padding:12px 0;text-align:center}.wj-adjust,.wj-number-input{align-items:center;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);display:flex;justify-content:center}.wj-adjust{background-color:var(--color-secondary);cursor:pointer;font-size:24px;font-weight:700;min-height:52px;padding:16px 0;transition:all .2s;width:100%}.wj-adjust:hover{background-color:var(--color-secondary-hover);transform:scale(1.02)}@media (max-width:400px){.wj-number-row{grid-template-columns:2fr .5fr 2fr}.wj-number-input{font-size:16px;padding:10px 0}.wj-adjust{font-size:20px;min-height:44px;padding:12px 0}}[data-color-scheme=dark]{.wj-range{background:#777c7c4d}.wj-range::-webkit-slider-thumb{border-color:var(--color-primary)}.wj-range::-moz-range-thumb{border-color:var(--color-primary)}}@media (max-width:768px){.workout-journal-header{flex-direction:column}.workout-journal-header h1{font-size:28px}.workout-journal-timer-display{font-size:36px}.workout-journal-stats{flex-direction:column}.workout-journal-stat-card{min-width:100%}.workout-journal-category-grid{grid-template-columns:1fr}.workout-journal-actions{flex-direction:column}.workout-journal-btn{width:100%}}.workout-journal-rest-timer-content{animation:slideDown .3s ease forwards}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.workout-journal-btn:focus-visible,.workout-journal-category-btn:focus-visible,.workout-journal-input:focus-visible{outline:2px solid #5c67f2;outline-offset:2px}[data-color-scheme=dark]{.workout-journal-btn:focus-visible,.workout-journal-category-btn:focus-visible,.workout-journal-input:focus-visible{outline-color:#7b85ff}}.history-stats-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}@media (max-width:768px){.history-stats-cards{grid-template-columns:1fr}}.stat-card{background:linear-gradient(135deg,#5c67f21a,#7b85ff0d);border:1px solid #5c67f233;border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}[data-color-scheme=dark] .stat-card{background:linear-gradient(135deg,#7b85ff26,#5c67f214);border-color:#7b85ff4d}.stat-card:hover{box-shadow:0 8px 16px #5c67f233;transform:translateY(-4px)}.stat-card-duration{background:linear-gradient(135deg,#8b5cf61a,#a855f70d);border-color:#8b5cf633}[data-color-scheme=dark] .stat-card-duration{background:linear-gradient(135deg,#a855f726,#8b5cf614);border-color:#a855f74d}.stat-card-avg{background:linear-gradient(135deg,#ec48991a,#db27770d);border-color:#ec489933}[data-color-scheme=dark] .stat-card-avg{background:linear-gradient(135deg,#ec489926,#db277714);border-color:#ec48994d}.stat-label{color:#626c73;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}[data-color-scheme=dark] .stat-label{color:#a7a9a9}.stat-value{color:#5c67f2;font-size:32px;font-weight:700}[data-color-scheme=dark] .stat-value{color:#7b85ff}.stat-card-duration .stat-value{color:#8b5cf6}[data-color-scheme=dark] .stat-card-duration .stat-value{color:#a855f7}.stat-card-avg .stat-value{color:#ec4899}[data-color-scheme=dark] .stat-card-avg .stat-value{color:#f472b6}.history-filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}@media (max-width:640px){.history-filters{flex-direction:column}}.history-filter-btn{background-color:initial;border:2px solid #5e524033;border-radius:8px;color:#626c73;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease;white-space:nowrap}[data-color-scheme=dark] .history-filter-btn{border-color:#777c7c4d;color:#a7a9a9}.history-filter-btn:hover{border-color:#5c67f2;color:#5c67f2;transform:translateY(-2px)}[data-color-scheme=dark] .history-filter-btn:hover{border-color:#7b85ff;color:#7b85ff}.history-filter-btn.active{background:linear-gradient(135deg,#5c67f2,#8b5cf6 50%,#ec4899);border-color:#0000;box-shadow:0 4px 12px #5c67f24d;color:#fff}[data-color-scheme=dark] .history-filter-btn.active{background:linear-gradient(135deg,#7b85ff,#a855f7 50%,#f472b6)}.no-workouts-message{color:#626c73;font-size:16px;padding:40px 20px;text-align:center}[data-color-scheme=dark] .no-workouts-message{color:#a7a9a9}.progress-card{background-color:#fff;border:1px solid #5e52401f;border-radius:12px;margin-bottom:16px;transition:all .3s ease}[data-color-scheme=dark] .progress-card{background-color:#2a2a2a;border-color:#777c7c4d}.progress-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.progress-card-header{align-items:center;cursor:pointer;display:flex;gap:12px;padding:20px;-webkit-user-select:none;user-select:none}.progress-card-title{flex:0 0 auto}.progress-card-title h4{color:#1f2120;font-size:18px;font-weight:600;margin:0}[data-color-scheme=dark] .progress-card-title h4{color:#f5f5f5}.progress-card-badges{display:flex;flex:1 1;gap:8px;justify-content:flex-end;margin-right:12px}.progress-badge{align-items:center;animation:fadeInSlide .4s ease;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 14px}.progress-badge.progressing{animation:pulse 2s infinite;background:linear-gradient(135deg,#22c55e,#10b981);box-shadow:0 2px 8px #22c55e4d;color:#fff}.progress-badge.regressing{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.progress-badge.stable{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.pb-badge{align-items:center;animation:shimmer 3s infinite;border-radius:20px;box-shadow:0 2px 8px #fbbf2466;display:inline-flex;font-size:13px;gap:6px;padding:6px 14px}.pb-value{font-weight:700}.expand-btn{background:none;border:none;color:#5c67f2;cursor:pointer;font-size:16px;padding:8px;transition:transform .3s ease}[data-color-scheme=dark] .expand-btn{color:#7b85ff}.progress-card-details{animation:fadeIn .3s ease;padding:0 20px 20px}.loading-text{padding:20px;text-align:center}[data-color-scheme=dark] .loading-text{color:#a7a9a9}.progress-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:20px}@media (max-width:768px){.progress-stats-grid{grid-template-columns:1fr}}.progress-stat-card{background:linear-gradient(135deg,#5c67f214,#7b85ff0a);border:1px solid #5c67f226;border-radius:10px;padding:16px;text-align:center}[data-color-scheme=dark] .progress-stat-card{background:linear-gradient(135deg,#7b85ff1f,#5c67f20f);border-color:#7b85ff33}.progress-stat-card .stat-label{color:#626c73;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}[data-color-scheme=dark] .progress-stat-card .stat-label{color:#a7a9a9}.progress-stat-card .stat-value{color:#5c67f2;font-size:24px;font-weight:700}[data-color-scheme=dark] .progress-stat-card .stat-value{color:#7b85ff}.trend-indicators{grid-gap:12px;background:#5e52400d;border-radius:10px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:16px}[data-color-scheme=dark] .trend-indicators{background:#777c7c1a}.trend-item{align-items:center;display:flex;justify-content:space-between}.trend-label{color:#626c73;font-size:13px;font-weight:500}[data-color-scheme=dark] .trend-label{color:#a7a9a9}.trend-value{font-size:16px;font-weight:700}.trend-value.progressing{color:#22c55e}.trend-value.regressing{color:#ef4444}.trend-value.stable{color:#64748b}.progress-charts{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}@media (max-width:768px){.progress-charts{grid-template-columns:1fr}}.chart-container h5{color:#1f2120;font-size:14px;font-weight:600;margin:0 0 12px}[data-color-scheme=dark] .chart-container h5{color:#f5f5f5}.bar-chart{align-items:flex-end;background:#5e524008;border-radius:8px;display:flex;gap:8px;height:150px;padding:10px}[data-color-scheme=dark] .bar-chart{background:#777c7c14}.bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px}.bar{align-items:flex-start;background:linear-gradient(0deg,#5c67f2 0,#8b5cf6 50%,#ec4899);border-radius:4px 4px 0 0;display:flex;justify-content:center;min-height:20px;padding-top:4px;position:relative;transition:all .3s ease;width:100%}.bar:hover{opacity:.8;transform:scaleY(1.05)}.bar-reps{background:linear-gradient(0deg,#14b8a6 0,#06b6d4 50%,#0ea5e9)}.bar-value{color:#fff;font-size:10px;font-weight:600}.bar-label{color:#626c73;font-size:10px;text-align:center}[data-color-scheme=dark] .bar-label{color:#a7a9a9}.recent-workouts{background:#5e524008;border-radius:10px;padding:16px}[data-color-scheme=dark] .recent-workouts{background:#777c7c14}.recent-workouts h5{color:#1f2120;font-size:14px;font-weight:600;margin:0 0 12px}[data-color-scheme=dark] .recent-workouts h5{color:#f5f5f5}.recent-workout-item{align-items:center;background:#fff;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 12px;transition:all .2s ease}[data-color-scheme=dark] .recent-workout-item{background:#1f2120}.recent-workout-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateX(4px)}.workout-date{color:#626c73;font-size:13px}[data-color-scheme=dark] .workout-date{color:#a7a9a9}.workout-sets{color:#5c67f2;font-size:14px;font-weight:700}[data-color-scheme=dark] .workout-sets{color:#7b85ff}@keyframes fadeInSlide{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{box-shadow:0 2px 8px #fbbf2466}50%{box-shadow:0 4px 16px #fbbf2499}to{box-shadow:0 2px 8px #fbbf2466}}.training-plan-container{background:linear-gradient(180deg,#5c67f205,#0000);margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}[data-color-scheme=dark] .training-plan-container{background:linear-gradient(180deg,#7b85ff08,#0000)}.training-plan-header{margin-bottom:32px}.training-plan-header-content{text-align:center}.training-plan-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#5c67f2,#8b5cf6 50%,#ec4899);-webkit-background-clip:text;background-clip:text;color:#1f2120;font-size:36px;font-weight:700;margin:0 0 8px}[data-color-scheme=dark] .training-plan-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7b85ff,#a78bfa 50%,#f472b6);-webkit-background-clip:text;background-clip:text}.training-plan-subtitle{color:#626c73;font-size:16px;margin:0}[data-color-scheme=dark] .training-plan-subtitle{color:#a7a9a9}.training-plan-message{animation:slideIn .3s ease;border-radius:12px;font-weight:500;margin-bottom:24px;padding:16px 24px}.training-plan-message-info{background:linear-gradient(135deg,#5c67f21a,#7b85ff1a);border:1px solid #5c67f24d;color:#5c67f2}.training-plan-message-success{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:1px solid #22c55e4d;color:#22c55e}.training-plan-message-error{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef44444d;color:#ef4444}.training-plan-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px}.spinner{border:4px solid #5c67f233;border-top-color:#5c67f2}.training-plan-empty{background:#fff;border:1px solid #5e52401f;border-radius:16px;padding:48px 32px;text-align:center}[data-color-scheme=dark] .training-plan-empty{background:#2a2a2a;border-color:#777c7c4d}.training-plan-empty-content{margin:0 auto;max-width:800px}.training-plan-empty-icon{animation:float 3s ease-in-out infinite;font-size:80px;margin-bottom:24px}.training-plan-empty h2{color:#1f2120;font-size:28px;font-weight:700;margin:0 0 16px}[data-color-scheme=dark] .training-plan-empty h2{color:#f5f5f5}.training-plan-empty-description{color:#626c73;font-size:16px;line-height:1.6;margin-bottom:32px}[data-color-scheme=dark] .training-plan-empty-description{color:#a7a9a9}.training-plan-config{background:#5c67f20d;border:1px solid #5c67f226;border-radius:12px;margin-bottom:32px;padding:24px;text-align:left}[data-color-scheme=dark] .training-plan-config{background:#7b85ff14;border-color:#7b85ff33}.config-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.training-plan-config h3{color:#1f2120;font-size:18px;font-weight:600;margin:0}[data-color-scheme=dark] .training-plan-config h3{color:#f5f5f5}.config-status{align-items:center;display:flex;gap:12px}.default-badge{background:linear-gradient(135deg,#22c55e,#10b981)}.default-badge,.modified-badge{border-radius:6px;color:#fff;font-size:13px;font-weight:700;padding:6px 12px}.modified-badge{background:linear-gradient(135deg,#f59e0b,#d97706)}.btn-reset-config{background:#0000;border:2px solid #5c67f2;border-radius:6px;color:#5c67f2;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:6px 12px;transition:all .2s ease}.btn-reset-config:hover{background:#5c67f21a;transform:scale(1.05)}[data-color-scheme=dark] .btn-reset-config{border-color:#7b85ff;color:#7b85ff}.training-plan-config-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:16px}@media (min-width:768px){.training-plan-config-grid{grid-template-columns:repeat(2,1fr)}}.config-item{gap:8px}.config-item,.config-item label{display:flex;flex-direction:column}.config-item label{color:#1f2120;font-size:14px;font-weight:600;gap:4px}[data-color-scheme=dark] .config-item label{color:#f5f5f5}.from-profile-indicator{color:#22c55e;font-size:11px;font-weight:500;text-transform:none}.config-item select{background:#fff;border:2px solid #5c67f233;border-radius:8px;color:#1f2120;cursor:pointer;font-family:inherit;font-size:15px;max-width:100%;overflow:hidden;padding:12px;text-overflow:ellipsis;transition:all .2s ease;width:100%}.config-item select:hover{border-color:#5c67f266}.config-item select:focus{border-color:#5c67f2;box-shadow:0 0 0 3px #5c67f21a;outline:none}[data-color-scheme=dark] .config-item select{background:#1f2120;border-color:#7b85ff4d;color:#f5f5f5}.config-note{color:#626c73;font-size:14px;line-height:1.5;margin:0}[data-color-scheme=dark] .config-note{color:#a7a9a9}.training-plan-generate-btn{background:linear-gradient(135deg,#7b85ff,#5c67f2 50%,#8b5cf6);border:none;border-radius:12px;box-shadow:0 8px 24px #5c67f266;color:#fff;cursor:pointer;font-family:inherit;font-size:18px;font-weight:700;margin-bottom:32px;padding:18px 48px;transition:all .3s cubic-bezier(.16,1,.3,1)}.training-plan-generate-btn:hover{box-shadow:0 12px 32px #5c67f280;transform:translateY(-3px) scale(1.02)}.training-plan-generate-btn:active{transform:translateY(-1px) scale(.98)}.training-plan-generate-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.training-plan-features{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:32px}.feature-item{gap:12px;padding:12px 16px}.feature-icon{font-size:18px}.training-plan-metadata{align-items:center;background:#fff;border:1px solid #5e52401f;border-radius:12px;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px;padding:20px 24px}[data-color-scheme=dark] .training-plan-metadata{background:#2a2a2a;border-color:#777c7c4d}.metadata-item{align-items:center;display:flex;gap:8px}.metadata-label{color:#626c73;font-size:14px;font-weight:500}[data-color-scheme=dark] .metadata-label{color:#a7a9a9}.metadata-value{color:#1f2120;font-size:14px;font-weight:700}[data-color-scheme=dark] .metadata-value{color:#f5f5f5}.plan-type-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:6px;color:#1f2120;font-size:13px;font-weight:700;padding:6px 12px}.metadata-actions{margin-left:auto}.btn-regenerate{border:2px solid #5c67f2;color:#5c67f2;padding:10px 20px}.btn-regenerate:hover{background:#5c67f21a}[data-color-scheme=dark] .btn-regenerate{border-color:#7b85ff;color:#7b85ff}.week-navigation{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.week-nav-btn{background:#fff;border:2px solid #5c67f233;border-radius:12px;color:#5c67f2;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:16px;position:relative;transition:all .2s cubic-bezier(.16,1,.3,1)}.week-nav-btn:hover{border-color:#5c67f2;box-shadow:0 4px 12px #5c67f233;transform:translateY(-2px)}.week-nav-btn.active{background:linear-gradient(135deg,#7b85ff,#5c67f2);border-color:#0000;box-shadow:0 4px 16px #5c67f266;color:#fff}[data-color-scheme=dark] .week-nav-btn{background:#2a2a2a;border-color:#7b85ff4d;color:#7b85ff}[data-color-scheme=dark] .week-nav-btn.active{background:linear-gradient(135deg,#5c67f2,#4a42c9);color:#fff}.deload-badge{color:#f59e0b;display:block;font-size:11px;font-weight:600;margin-top:4px}.week-nav-btn.active .deload-badge{color:#fbbf24}.week-content{margin-bottom:40px}.week-header{margin-bottom:24px}.week-header h2{color:#1f2120;font-size:28px;font-weight:700;margin:0 0 8px}[data-color-scheme=dark] .week-header h2{color:#f5f5f5}.week-description{color:#626c73;font-size:15px;margin:0}[data-color-scheme=dark] .week-description{color:#a7a9a9}.workouts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}@media (max-width:480px){.workouts-grid{grid-template-columns:1fr}}.workout-day-card{background:#fff;border:1px solid #5e52401f;border-radius:16px;padding:24px;transition:all .3s ease}.workout-day-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}[data-color-scheme=dark] .workout-day-card{background:#2a2a2a;border-color:#777c7c4d}.workout-day-header{align-items:center;border-bottom:2px solid #5c67f21a;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.workout-day-header h3{color:#1f2120;font-size:20px;font-weight:700;margin:0}[data-color-scheme=dark] .workout-day-header h3{color:#f5f5f5}.workout-focus{background:linear-gradient(135deg,#5c67f21a,#7b85ff1a);border-radius:6px;color:#5c67f2;font-size:13px;font-weight:600;padding:6px 12px}[data-color-scheme=dark] .workout-focus{color:#7b85ff}.exercises-list{display:flex;flex-direction:column;gap:20px}.exercise-item{background:linear-gradient(135deg,#5c67f208,#7b85ff08);border:1px solid #5c67f226;border-radius:12px;padding:20px;transition:all .2s ease}.exercise-item:hover{border-color:#5c67f24d;transform:translateX(4px)}[data-color-scheme=dark] .exercise-item{background:linear-gradient(135deg,#7b85ff0d,#5c67f20d);border-color:#7b85ff33}.exercise-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:16px}.exercise-header h4{color:#1f2120;font-size:17px;font-weight:700;margin:0}[data-color-scheme=dark] .exercise-header h4{color:#f5f5f5}.exercise-badges{display:flex;flex-wrap:wrap;gap:8px}.pb-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2120}.pb-badge,.recent-badge{border-radius:6px;font-size:12px;font-weight:700;padding:4px 10px}.recent-badge{background:linear-gradient(135deg,#5c67f233,#7b85ff33);color:#5c67f2}[data-color-scheme=dark] .recent-badge{color:#7b85ff}.exercise-params{grid-gap:16px;display:grid;gap:16px;grid-template-columns:80px 80px 1fr;margin-bottom:12px}@media (max-width:480px){.exercise-params{grid-template-columns:1fr}}.param-group{display:flex;flex-direction:column;gap:6px}.param-group label{color:#626c73;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}[data-color-scheme=dark] .param-group label{color:#a7a9a9}.param-group input{background:#fff;border:2px solid #5c67f233;border-radius:8px;color:#1f2120;font-family:inherit;font-size:15px;font-weight:600;padding:10px;transition:all .2s ease}.param-group input:focus{border-color:#5c67f2;box-shadow:0 0 0 3px #5c67f21a;outline:none}[data-color-scheme=dark] .param-group input{background:#1f2120;border-color:#7b85ff4d;color:#f5f5f5}.weight-group{grid-column:3}@media (max-width:480px){.weight-group{grid-column:1}}.weight-controls{display:flex;flex-direction:column;gap:8px}.weight-adjust-btns{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.btn-adjust{border:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:8px;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-adjust.btn-decrease{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-adjust.btn-decrease:hover{box-shadow:0 4px 12px #ef44444d;transform:scale(1.05)}.btn-adjust.btn-increase{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-adjust.btn-increase:hover{box-shadow:0 4px 12px #22c55e4d;transform:scale(1.05)}.btn-adjust:active{transform:scale(.95)}.exercise-warning{background:linear-gradient(135deg,#ef44441a,#dc26261a);border-left:4px solid #ef4444;color:#dc2626}.exercise-caution,.exercise-warning{border-radius:6px;font-size:13px;font-weight:600;margin-bottom:12px;padding:12px}.exercise-caution{background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border-left:4px solid #f59e0b;color:#d97706}.exercise-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-add-note,.btn-swap-exercise{background:#0000;border:1px solid #5c67f24d;border-radius:6px;color:#5c67f2;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-add-note:hover,.btn-swap-exercise:hover{background:#5c67f21a;border-color:#5c67f2}[data-color-scheme=dark] .btn-add-note,[data-color-scheme=dark] .btn-swap-exercise{border-color:#7b85ff66;color:#7b85ff}.adherence-section{background:#fff;border:1px solid #5e52401f;border-radius:16px;margin-top:40px;padding:32px}[data-color-scheme=dark] .adherence-section{background:#2a2a2a;border-color:#777c7c4d}.adherence-section h3{color:#1f2120;font-size:24px;font-weight:700;margin:0 0 24px}[data-color-scheme=dark] .adherence-section h3{color:#f5f5f5}.adherence-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.adherence-card{background:linear-gradient(135deg,#5c67f20d,#7b85ff0d);border:1px solid #5c67f226;border-radius:12px;padding:16px}[data-color-scheme=dark] .adherence-card{background:linear-gradient(135deg,#7b85ff14,#5c67f214);border-color:#7b85ff33}.adherence-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.adherence-week{color:#1f2120;font-size:14px;font-weight:700}[data-color-scheme=dark] .adherence-week{color:#f5f5f5}.adherence-percentage{color:#5c67f2;font-size:18px;font-weight:700}[data-color-scheme=dark] .adherence-percentage{color:#7b85ff}.adherence-bar{background:#5c67f21a;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.adherence-fill{background:linear-gradient(90deg,#5c67f2,#8b5cf6);border-radius:4px;height:100%;transition:width .3s ease}.adherence-stats{color:#626c73;font-size:13px;font-weight:500}[data-color-scheme=dark] .adherence-stats{color:#a7a9a9}.adherence-note{color:#626c73;font-size:14px;line-height:1.5;margin:0}[data-color-scheme=dark] .adherence-note{color:#a7a9a9}@media (max-width:768px){.training-plan-container{padding:16px}.training-plan-title{font-size:28px}.week-navigation{grid-template-columns:repeat(2,1fr)}.training-plan-metadata{align-items:flex-start;flex-direction:column}.metadata-actions{margin-left:0;width:100%}.btn-regenerate{width:100%}}@media (max-width:480px){.training-plan-title{font-size:24px}.training-plan-generate-btn{font-size:16px;width:100%}.adherence-grid{grid-template-columns:1fr}}.meal-planner-container{background:linear-gradient(180deg,#22c55e05,#0000);margin:0 auto;max-width:900px;min-height:100vh;padding:24px 24px 140px}[data-color-scheme=dark] .meal-planner-container{background:linear-gradient(180deg,#22c55e08,#0000)}.meal-planner-header{margin-bottom:24px}.meal-planner-header-content{text-align:center}.meal-planner-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#10b981 50%,#059669);-webkit-background-clip:text;background-clip:text;color:#1f2120;font-size:36px;font-weight:700;margin:0 0 8px}[data-color-scheme=dark] .meal-planner-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#34d399,#10b981 50%,#059669);-webkit-background-clip:text;background-clip:text}.meal-planner-subtitle{color:#626c73;font-size:16px;margin:0}[data-color-scheme=dark] .meal-planner-subtitle{color:#a7a9a9}.meal-planner-message{animation:slideIn .3s ease;border-radius:12px;font-weight:500;margin-bottom:24px;padding:16px 24px}.meal-planner-message-info{background:linear-gradient(135deg,#5c67f21a,#7b85ff1a);border:1px solid #5c67f24d;color:#5c67f2}.meal-planner-message-success{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:1px solid #22c55e4d;color:#22c55e}.meal-planner-message-error{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef44444d;color:#ef4444}.meal-planner-loading{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:80px 20px}.spinner{border:4px solid #22c55e33;border-radius:50%;border-top-color:#22c55e;height:48px;width:48px}.meal-planner-tabs{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:32px}.tab-btn{background:#fff;border:2px solid #22c55e33;border-radius:12px;color:#22c55e;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:16px;transition:all .2s cubic-bezier(.16,1,.3,1)}.tab-btn:hover{border-color:#22c55e;box-shadow:0 4px 12px #22c55e33;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#22c55e,#10b981);border-color:#0000;box-shadow:0 4px 16px #22c55e66;color:#fff}[data-color-scheme=dark] .tab-btn{background:#2a2a2a;border-color:#34d3994d;color:#34d399}[data-color-scheme=dark] .tab-btn.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.daily-progress-section{background:#fff;border:1px solid #5e52401f;border-radius:16px;margin-bottom:24px;padding:32px}[data-color-scheme=dark] .daily-progress-section{background:#2a2a2a;border-color:#777c7c4d}.daily-progress-section h2{color:#1f2120;font-size:24px;font-weight:700;margin:0 0 8px}[data-color-scheme=dark] .daily-progress-section h2{color:#f5f5f5}.date-label{color:#626c73;font-size:14px;margin:0 0 24px}[data-color-scheme=dark] .date-label{color:#a7a9a9}.macro-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.macro-card{background:linear-gradient(135deg,#22c55e0d,#10b9810d);border:2px solid #22c55e33;border-radius:16px;padding:24px;transition:all .3s ease}.macro-card:hover{box-shadow:0 8px 24px #22c55e26;transform:translateY(-4px)}[data-color-scheme=dark] .macro-card{background:linear-gradient(135deg,#22c55e14,#10b98114);border-color:#22c55e4d}.calories-card{background:linear-gradient(135deg,#ef44440d,#dc26260d);border-color:#ef44444d}.protein-card{background:linear-gradient(135deg,#9333ea0d,#7e22ce0d);border-color:#9333ea4d}.carbs-card{background:linear-gradient(135deg,#3b82f60d,#2563eb0d);border-color:#3b82f64d}.fats-card{background:linear-gradient(135deg,#fbbf240d,#f59e0b0d);border-color:#fbbf244d}.macro-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.macro-icon{font-size:28px}.macro-label{color:#1f2120;font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}[data-color-scheme=dark] .macro-label{color:#f5f5f5}.macro-values{align-items:baseline;display:flex;gap:6px;margin-bottom:12px;min-height:40px;overflow:hidden}.macro-current{color:#1f2120;font-size:32px;font-weight:700;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-color-scheme=dark] .macro-current{color:#f5f5f5}.macro-separator{color:#626c73;flex-shrink:0;font-size:24px}.macro-target{color:#626c73;font-size:18px;font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.macro-unit{color:#626c73;flex-shrink:0;font-size:14px;margin-left:4px}.macro-progress-bar{background:#0000000d;border-radius:6px;height:12px;margin-bottom:12px;overflow:hidden}[data-color-scheme=dark] .macro-progress-bar{background:#ffffff0d}.macro-progress-fill{background:linear-gradient(90deg,#22c55e,#10b981);border-radius:6px;height:100%;transition:width .5s ease,background .3s ease}.calories-card .macro-progress-fill{background:linear-gradient(90deg,#ef4444,#dc2626)}.protein-card .macro-progress-fill{background:linear-gradient(90deg,#9333ea,#7e22ce)}.carbs-card .macro-progress-fill{background:linear-gradient(90deg,#3b82f6,#2563eb)}.fats-card .macro-progress-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.macro-progress-fill.over-target{animation:pulse 2s infinite;background:linear-gradient(90deg,#ef4444,#dc2626)}.macro-percentage{align-items:center;color:#22c55e;display:flex;font-size:18px;font-weight:700;gap:8px;overflow:hidden}.macro-percentage span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.macro-percentage span.over,.over-label{color:#ef4444}.over-label{background:#ef44441a;border-radius:6px;font-size:13px;font-weight:600;padding:4px 8px}.add-food-section{background:#fff;border:1px solid #5e52401f;border-radius:16px;margin-bottom:24px;padding:32px}[data-color-scheme=dark] .add-food-section{background:#2a2a2a;border-color:#777c7c4d}.add-food-section h3{color:#1f2120;font-size:20px;font-weight:700;margin:0 0 20px}[data-color-scheme=dark] .add-food-section h3{color:#f5f5f5}.add-food-buttons{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.manual-entry-btn,.photo-upload-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#10b981);border:none;border-radius:12px;box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:16px;font-weight:700;gap:12px;justify-content:center;padding:20px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.manual-entry-btn:hover,.photo-upload-btn:hover{box-shadow:0 8px 20px #22c55e66;transform:translateY(-3px) scale(1.02)}.manual-entry-btn:active,.photo-upload-btn:active{transform:translateY(-1px) scale(.98)}.manual-entry-btn{background:linear-gradient(135deg,#5c67f2,#4a42c9);box-shadow:0 4px 12px #5c67f24d}.manual-entry-btn:hover{box-shadow:0 8px 20px #5c67f266}.btn-icon{font-size:24px}.btn-text{font-size:16px}.btn-badge{background:#ffffff4d;border-radius:6px;font-size:11px;font-weight:700;padding:4px 8px;position:absolute;right:8px;top:8px}.manual-entry-form{animation:slideDown .3s ease;background:linear-gradient(135deg,#5c67f20d,#7b85ff0d);border:2px dashed #5c67f24d;border-radius:12px;padding:24px}[data-color-scheme=dark] .manual-entry-form{background:linear-gradient(135deg,#7b85ff14,#5c67f214);border-color:#7b85ff66}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.full-width{grid-column:1/-1}.form-field label{color:#1f2120;font-size:14px;font-weight:600}[data-color-scheme=dark] .form-field label{color:#f5f5f5}.form-field input{background:#fff;border:2px solid #5c67f233;border-radius:8px;color:#1f2120;font-family:inherit;font-size:15px;padding:12px;transition:all .2s ease}.form-field input:focus{border-color:#5c67f2;box-shadow:0 0 0 3px #5c67f21a;outline:none}[data-color-scheme=dark] .form-field input{background:#1f2120;border-color:#7b85ff4d;color:#f5f5f5}.form-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel,.btn-submit{border-radius:8px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-cancel{background:#0000;border:2px solid #626c734d;color:#626c73}.btn-cancel:hover{background:#626c731a}.btn-submit{background:linear-gradient(135deg,#5c67f2,#4a42c9);border:none;box-shadow:0 4px 12px #5c67f24d;color:#fff}.btn-submit:hover{box-shadow:0 6px 16px #5c67f266;transform:translateY(-2px)}.food-log-section{background:#fff;border:1px solid #5e52401f;border-radius:16px;padding:32px}[data-color-scheme=dark] .food-log-section{background:#2a2a2a;border-color:#777c7c4d}.food-log-section h3{color:#1f2120;font-size:20px;font-weight:700;margin:0 0 20px}[data-color-scheme=dark] .food-log-section h3{color:#f5f5f5}.empty-log{padding:60px 20px;text-align:center}.empty-log p{color:#626c73;font-size:18px;margin:0 0 8px}.empty-log-hint{color:#a7a9a9;font-size:14px}.food-log-list{display:flex;flex-direction:column;gap:16px}.food-entry{background:linear-gradient(135deg,#22c55e08,#10b98108);border:1px solid #22c55e33;border-radius:12px;padding:20px;transition:all .2s ease}.food-entry:hover{box-shadow:0 4px 12px #22c55e1a;transform:translateX(4px)}[data-color-scheme=dark] .food-entry{background:linear-gradient(135deg,#22c55e0d,#10b9810d);border-color:#22c55e4d}.entry-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.entry-info h4{color:#1f2120;font-size:17px;font-weight:700;margin:0 0 8px}[data-color-scheme=dark] .entry-info h4{color:#f5f5f5}.entry-meta{display:flex;flex-wrap:wrap;font-size:13px;gap:12px}.entry-time{color:#626c73}.entry-method{background:#5c67f21a;color:#5c67f2}.entry-confidence,.entry-method{border-radius:4px;font-weight:600;padding:2px 8px}.entry-confidence{background:#22c55e1a;color:#22c55e}.btn-delete-entry{background:#0000;border:none;cursor:pointer;font-size:20px;opacity:.5;transition:all .2s ease}.btn-delete-entry:hover{opacity:1;transform:scale(1.1)}.entry-nutrition{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:12px}.nutrition-item{display:flex;flex-direction:column;gap:4px}.nutrition-label{color:#626c73;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.nutrition-value{color:#1f2120;font-size:16px;font-weight:700}[data-color-scheme=dark] .nutrition-value{color:#f5f5f5}.entry-portion{color:#626c73;font-size:13px;font-style:italic}.meal-plan-empty{background:#fff;border:1px solid #5e52401f;border-radius:16px;padding:48px 32px;text-align:center}[data-color-scheme=dark] .meal-plan-empty{background:#2a2a2a;border-color:#777c7c4d}.meal-plan-empty-content{margin:0 auto;max-width:700px}.meal-plan-empty-icon{animation:float 3s ease-in-out infinite;font-size:80px;margin-bottom:24px}.meal-plan-empty h2{color:#1f2120;font-size:28px;font-weight:700;margin:0 0 16px}[data-color-scheme=dark] .meal-plan-empty h2{color:#f5f5f5}.meal-plan-empty-description{color:#626c73;font-size:16px;line-height:1.6;margin-bottom:32px}[data-color-scheme=dark] .meal-plan-empty-description{color:#a7a9a9}.meal-plan-features{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.feature-item{align-items:center;background:#22c55e0d;border:1px solid #22c55e33;border-radius:8px;color:#1f2120;display:flex;font-size:14px;gap:10px;padding:10px 14px}[data-color-scheme=dark] .feature-item{background:#22c55e14;color:#f5f5f5}.feature-icon{color:#22c55e;font-size:16px;font-weight:700}.generate-meal-plan-btn{background:linear-gradient(135deg,#22c55e,#10b981 50%,#059669);border:none;border-radius:12px;box-shadow:0 8px 24px #22c55e66;color:#fff;cursor:pointer;font-family:inherit;font-size:18px;font-weight:700;padding:18px 48px;transition:all .3s cubic-bezier(.16,1,.3,1)}.generate-meal-plan-btn:hover{box-shadow:0 12px 32px #22c55e80;transform:translateY(-3px) scale(1.02)}.generate-meal-plan-btn:active{transform:translateY(-1px) scale(.98)}.generate-meal-plan-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.meal-plan-header-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.meal-plan-header-section h2{color:#1f2120;font-size:28px;font-weight:700;margin:0}[data-color-scheme=dark] .meal-plan-header-section h2{color:#f5f5f5}.btn-regenerate{background:#0000;border:2px solid #22c55e;border-radius:8px;color:#22c55e;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-regenerate:hover{background:#22c55e1a;transform:translateY(-2px)}.meal-plan-summary{grid-gap:12px;display:grid;grid-template-columns:1fr 1fr 1fr}.summary-card{background:#0000;padding:0}.cycling-summary{background:linear-gradient(135deg,#22c55e0d,#10b9810d);border:2px solid #22c55e33;border-radius:12px;padding:16px}[data-color-scheme=dark] .cycling-summary{background:linear-gradient(135deg,#22c55e14,#10b98114);border-color:#22c55e4d}.summary-card{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center;text-align:center}.card-title{color:#626c73;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}[data-color-scheme=dark] .card-title{color:#a7a9a9}.card-value{color:#1f2120;font-size:22px;font-weight:700;line-height:1.2}[data-color-scheme=dark] .card-value{color:#f5f5f5}.summary-item{display:flex;flex-direction:column;gap:6px;text-align:center}.summary-label{color:#626c73;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.summary-value{color:#22c55e;font-size:24px;font-weight:700}.cycling-summary .summary-card.cal-card{background:linear-gradient(135deg,#22c55e14,#10b98114);border-color:#22c55e4d;border-radius:8px;grid-column:span 3;margin-bottom:4px;padding:12px}.cycle-row{gap:48px;justify-content:center;margin-top:4px}.weekly-meals{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.day-meals-card{border-radius:16px;padding:24px;transition:all .3s ease}.day-meals-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.day-header{border-bottom:2px solid #22c55e33;margin-bottom:20px;padding-bottom:16px}.day-header h3{font-size:20px}.day-type{border-radius:6px;font-size:12px;font-weight:600;padding:6px 12px}.day-type.training{background:linear-gradient(135deg,#5c67f21a,#7b85ff1a);border:1px solid #5c67f233;color:#5c67f2}[data-color-scheme=dark] .day-type.training{background:linear-gradient(135deg,#7b85ff26,#5c67f226);border-color:#7b85ff4d;color:#7b85ff}.day-type.rest{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border:1px solid #22c55e33;color:#22c55e}[data-color-scheme=dark] .day-type.rest{background:linear-gradient(135deg,#22c55e26,#10b98126);border-color:#22c55e4d;color:#10b981}.meals-list{display:flex;flex-direction:column;gap:16px}.meal-item{background:linear-gradient(135deg,#22c55e08,#10b98108);border:1px solid #22c55e26;border-radius:10px;padding:16px;transition:all .2s ease}.meal-item:hover{border-color:#22c55e4d;transform:translateX(4px)}[data-color-scheme=dark] .meal-item{background:linear-gradient(135deg,#22c55e0d,#10b9810d)}.meal-time{font-size:12px;margin-bottom:6px}.meal-name{font-weight:700;margin-bottom:6px}.meal-macros{color:#626c73;font-size:13px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.meal-planner-container{padding:16px}.meal-planner-title{font-size:28px}.add-food-buttons,.macro-cards{grid-template-columns:1fr}.meal-plan-header-section{align-items:flex-start;flex-direction:column;gap:16px}.btn-regenerate{width:100%}.weekly-meals{grid-template-columns:1fr}.meal-plan-summary{gap:12px;grid-template-columns:1fr 1fr}.cycling-summary .summary-card.cal-card{grid-column:span 2}.entry-nutrition{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.meal-plan-summary{grid-template-columns:1fr}.cycling-summary .summary-card.cal-card{grid-column:span 1}.meal-planner-title{font-size:24px}.add-food-section,.daily-progress-section,.food-log-section{padding:20px}.generate-meal-plan-btn{font-size:16px;width:100%}}.meal-plan-summary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.summary-card{flex:1 1;min-width:90px}.cycling-summary .summary-card.cal-card{flex:0 0 100%;width:100%}.cycle-row{justify-content:space-between;margin-top:8px}.cycle-item,.cycle-row{align-items:center;display:flex}.cycle-item{flex:1 1;flex-direction:column}.cycle-label{color:#626c73;font-size:11px;font-weight:600;margin-bottom:2px;text-transform:uppercase}[data-color-scheme=dark] .cycle-label{color:#a7a9a9}.cycle-value{font-size:20px;font-weight:700}.cycle-value.training-color{color:#22c55e}.cycle-value.rest-color{color:#f59e0b}.cycle-unit{color:#626c73;font-size:11px;font-weight:500}.cycle-divider{background:#0000001a;height:30px;margin:0 12px;width:1px}[data-color-scheme=dark] .cycle-divider{background:#ffffff1a}.day-meals-card{background:#fff;border:1px solid #5e52401f;border-radius:12px;margin-bottom:12px;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}[data-color-scheme=dark] .day-meals-card{background:#2a2a2a;border-color:#777c7c4d}.day-meals-card.expanded{border-color:#22c55e4d;box-shadow:0 8px 24px #00000014}.day-header{align-items:center;background:#ffffff80;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;transition:background .2s ease}.day-meals-card.expanded .day-header{background:#22c55e08;border-bottom:1px solid #0000000d}[data-color-scheme=dark] .day-header{background:#0000}.day-meals-card:hover .day-header{background:#00000005}[data-color-scheme=dark] .day-meals-card:hover .day-header{background:#ffffff05}.day-header-left{align-items:center;display:flex;gap:12px}.day-header h3{color:#1f2120;font-size:17px;font-weight:700;margin:0}[data-color-scheme=dark] .day-header h3{color:#f5f5f5}.day-type-badge{border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.day-type-badge.training{background:#22c55e1a;color:#22c55e}.day-type-badge.rest{background:#f59e0b1a;color:#f59e0b}.day-header-right{align-items:center;display:flex;gap:16px}.day-calories{background:#0000000d;border-radius:6px;color:#626c73;font-size:14px;font-weight:600;padding:4px 8px}[data-color-scheme=dark] .day-calories{background:#ffffff0d;color:#a7a9a9}.toggle-icon{color:#626c73;font-size:12px;opacity:.7;transition:transform .3s ease}.day-meals-card.expanded .toggle-icon{transform:rotate(180deg)}.meals-list{animation:slideDown .3s ease;padding:16px 20px}.meal-item{grid-gap:16px;align-items:flex-start;border-bottom:1px solid #0000000d;display:grid;gap:16px;grid-template-columns:80px 1fr auto;padding:16px 0}[data-color-scheme=dark] .meal-item{border-bottom-color:#ffffff0d}.meal-item:last-child{border-bottom:none;padding-bottom:0}.meal-time{color:#626c73;font-size:13px;font-weight:600;padding-top:2px}[data-color-scheme=dark] .meal-time{color:#a7a9a9}.meal-item-content{display:flex;flex-direction:column;gap:4px}.meal-name{color:#1f2120;font-size:15px;font-weight:600}[data-color-scheme=dark] .meal-name{color:#f5f5f5}.meal-serving{color:#626c73;font-size:13px}.meal-notes{color:#8c9094;font-size:12px;font-style:italic;margin-top:2px}.meal-macros-pill{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.macro-tag{background:#0000000d;border-radius:4px;color:#626c73;font-size:11px;font-weight:600;padding:2px 6px;white-space:nowrap}[data-color-scheme=dark] .macro-tag{background:#ffffff0d;color:#a7a9a9}.macro-tag.cal{background:#22c55e1a;color:#22c55e}@media (max-width:600px){.meal-item{gap:8px;grid-template-columns:1fr}.meal-time{color:#22c55e;font-size:12px}.meal-macros-pill{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-top:4px}.day-header-right{gap:8px}}.profile-container{background-color:var(--color-background);margin:0 auto;max-width:900px;min-height:100vh;padding:24px 16px}.profile-header{align-items:flex-start;border-bottom:2px solid #5c67f2;border-bottom:2px solid var(--flx-blue);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}[data-color-scheme=dark] .profile-header{border-bottom:2px solid #7b85ff;border-bottom:2px solid var(--flx-blue-dark)}.profile-header-content{flex:1 1}.profile-title{color:var(--color-text);font-size:28px;font-weight:700;line-height:1.2;margin:0 0 8px}.profile-subtitle{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0}.profile-license-status{flex-shrink:0}.profile-license-badge{border-radius:9999px;font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.profile-license-free{background-color:#5c67f214;border:1px solid #5c67f233;color:#5c67f2;color:var(--flx-blue)}[data-color-scheme=dark] .profile-license-free{background-color:#7b85ff26;border:1px solid #7b85ff40;color:#7b85ff;color:var(--flx-blue-dark)}.profile-license-premium{background-color:#5c67f226;border:1px solid #5c67f24d;color:#5c67f2;color:var(--flx-blue)}[data-color-scheme=dark] .profile-license-premium{background-color:#7b85ff40;border:1px solid #7b85ff66;color:#7b85ff;color:var(--flx-blue-dark)}.profile-header-actions{align-items:flex-end;display:flex;flex-direction:column;gap:12px}.profile-header-edit-actions{display:flex;gap:8px}.profile-button-compact{font-size:14px;min-height:36px;padding:8px 20px}@media (max-width:768px){.profile-header{align-items:stretch;flex-direction:column}.profile-header-actions{align-items:stretch;margin-top:16px}.profile-header-edit-actions{width:100%}.profile-button-compact{flex:1 1}}.profile-message{animation:slideDown .25s cubic-bezier(.16,1,.3,1);border-radius:8px;font-weight:500;margin-bottom:24px;padding:16px}.profile-message-success{background-color:#22c55e26;border:1px solid #22c55e40;color:#22c55e}.profile-message-error{background-color:#ef444426;border:1px solid #ef444440;color:#ef4444}.profile-message-warning{background-color:#f59e0b26;border:1px solid #f59e0b40;color:#f59e0b}.profile-message-info{background-color:#5c67f214;border:1px solid #5c67f233;color:#5c67f2;color:var(--flx-blue)}[data-color-scheme=dark] .profile-message-info{background-color:#7b85ff26;border:1px solid #7b85ff40;color:#7b85ff;color:var(--flx-blue-dark)}.profile-content{display:flex;flex-direction:column;gap:24px}.profile-section{background-color:var(--color-surface);border:1px solid var(--color-card-border);border-radius:12px;box-shadow:0 1px 3px #0000000a;padding:20px;transition:all .25s cubic-bezier(.16,1,.3,1)}.profile-section:hover{box-shadow:0 4px 6px -1px #0000000a}.profile-section-header{border-bottom:1px solid var(--color-card-border);margin-bottom:16px;padding-bottom:12px}.profile-section-header h2{color:var(--color-text);font-size:20px;font-weight:600;margin:0}.profile-section-description{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin-bottom:16px;margin-top:4px}.profile-fields-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.profile-field{display:flex;flex-direction:column}.profile-field label{color:var(--color-text);display:block;font-size:12px;font-weight:500;margin-bottom:8px}.profile-input,.profile-select,.profile-textarea{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;padding:8px 12px;transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);width:100%}.profile-textarea{min-height:120px;resize:vertical}.profile-input:focus,.profile-select:focus,.profile-textarea:focus{border-color:#5c67f2;border-color:var(--flx-blue);box-shadow:0 0 0 3px #5c67f266;outline:2px solid #5c67f2;outline:2px solid var(--flx-blue)}[data-color-scheme=dark] .profile-input:focus,[data-color-scheme=dark] .profile-select:focus,[data-color-scheme=dark] .profile-textarea:focus{border-color:#7b85ff;border-color:var(--flx-blue-dark);box-shadow:0 0 0 3px #7b85ff66;outline:2px solid #7b85ff;outline:2px solid var(--flx-blue-dark)}.profile-input.error,.profile-select.error,.profile-textarea.error{background-color:#ef44440d;border-color:#ef4444}.profile-input.error:focus,.profile-select.error:focus,.profile-textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426;outline:2px solid #ef4444}.field-error{color:#ef4444;display:block;font-size:12px;font-weight:500;margin-top:4px}.profile-input-disabled{background-color:#5c67f20d;cursor:not-allowed;opacity:.6}.profile-button{border:none;border-radius:8px;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;min-height:44px;padding:12px 16px;transition:all .25s cubic-bezier(.16,1,.3,1)}.profile-button-primary{background:#5c67f2;background:var(--flx-blue);color:#fff}.profile-button-primary:hover:not(:disabled){background:#4a52d9;background:var(--flx-blue-hover)}.profile-button-primary:active:not(:disabled){background:#3a42c9;background:var(--flx-blue-active)}[data-color-scheme=dark] .profile-button-primary{background:#7b85ff;background:var(--flx-blue-dark)}[data-color-scheme=dark] .profile-button-primary:hover:not(:disabled){background:#8b95ff;background:var(--flx-blue-dark-hover)}[data-color-scheme=dark] .profile-button-primary:active:not(:disabled){background:#6a74e6;background:var(--flx-blue-dark-active)}.profile-button-secondary{background:#5c67f214;color:var(--color-text)}.profile-button-secondary:hover:not(:disabled){background:#5c67f21f}[data-color-scheme=dark] .profile-button-secondary{background:#7b85ff26}[data-color-scheme=dark] .profile-button-secondary:hover:not(:disabled){background:#7b85ff40}.profile-button-danger{background:#0000;border:1px solid #ef4444;color:#ef4444}.profile-button-danger:hover:not(:disabled){background:#ef44441a}.profile-button:disabled{cursor:not-allowed;opacity:.5}.profile-button:disabled:hover{background-color:inherit}.profile-actions{border-top:1px solid var(--color-card-border);display:flex;flex-direction:column;gap:12px;margin-top:32px;padding-top:24px}@media (min-width:640px){.profile-actions{flex-direction:row;gap:12px}.profile-actions .profile-button{flex:1 1}}.profile-loading-spinner{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:32px 20px}.spinner{animation:spin 1s linear infinite;border-top:4px solid #5c67f2;border:4px solid var(--color-border);border-radius:9999px;border-top-color:var(--flx-blue);height:40px;width:40px}[data-color-scheme=dark] .spinner{border-top-color:#7b85ff;border-top-color:var(--flx-blue-dark)}.profile-info-item{border-bottom:1px solid var(--color-card-border);display:flex;justify-content:space-between;padding:12px 0}.profile-info-item:last-child{border-bottom:none}.profile-info-item span{color:var(--color-text-secondary);font-size:14px}.profile-info-item strong{color:var(--color-text);font-weight:600}.profile-footer{border-top:1px solid var(--color-card-border);color:var(--color-text-secondary);font-size:12px;margin-top:32px;padding-top:16px;text-align:center}.profile-footer-copyright{margin:4px 0}@media (max-width:768px){.profile-fields-grid{grid-template-columns:1fr!important}.profile-section{padding:16px}}@media (max-width:480px){.profile-container{padding:16px 8px}.profile-title{font-size:24px}.profile-subtitle{font-size:12px}.profile-fields-grid{grid-template-columns:1fr!important}.profile-section{padding:12px}.profile-message{font-size:12px;padding:12px}.profile-loading-spinner{padding:24px 16px}.spinner{border-width:3px;height:32px;width:32px}.profile-actions{gap:8px;margin-top:24px;padding-top:16px}.profile-info-item{flex-direction:column;gap:4px;padding:10px 0}.profile-info-item span,.profile-info-item strong{font-size:12px}.profile-section-description{font-size:12px;margin-bottom:12px}}.profile-field-full-width{grid-column:1/-1}.training-days-selector{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}@media (max-width:640px){.training-days-selector{grid-template-columns:repeat(4,1fr)}}@media (max-width:480px){.training-days-selector{grid-template-columns:repeat(3,1fr)}}.training-day-checkbox{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.training-day-checkbox input[type=checkbox]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.day-label{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);display:flex;font-size:13px;font-weight:600;justify-content:center;padding:12px 8px;transition:all .2s cubic-bezier(.16,1,.3,1)}.training-day-checkbox:hover .day-label{background:#5c67f20d;border-color:#5c67f2;border-color:var(--flx-blue)}[data-color-scheme=dark] .training-day-checkbox:hover .day-label{background:#7b85ff14;border-color:#7b85ff;border-color:var(--flx-blue-dark)}.training-day-checkbox input[type=checkbox]:checked~.day-label{background:linear-gradient(135deg,#5c67f2,#4a52d9);background:linear-gradient(135deg,var(--flx-blue) 0,#4a52d9 100%);border-color:#5c67f2;border-color:var(--flx-blue);box-shadow:0 4px 8px #5c67f24d;color:#fff;transform:translateY(-2px)}[data-color-scheme=dark] .training-day-checkbox input[type=checkbox]:checked~.day-label{background:linear-gradient(135deg,#7b85ff,#6a74e6);background:linear-gradient(135deg,var(--flx-blue-dark) 0,#6a74e6 100%);border-color:#7b85ff;border-color:var(--flx-blue-dark)}.training-day-checkbox input[type=checkbox]:disabled~.day-label{cursor:not-allowed;opacity:.5}.training-day-checkbox input[type=checkbox]:disabled:checked~.day-label{opacity:.7}.body-composition-section .profile-section-header{align-items:center;border-radius:8px;display:flex;justify-content:space-between;padding:20px;transition:background-color .2s ease}.body-composition-section .profile-section-header:hover{background-color:#5c67f20d}.body-comp-toggle-btn{flex-shrink:0;margin-left:16px}.body-composition-section{margin-top:24px}.body-comp-mode-toggle{display:flex;gap:12px;margin-bottom:24px}.body-comp-mode-btn{background-color:initial;border:2px solid #5c67f2;border-radius:8px;color:#5c67f2;cursor:pointer;flex:1 1;font-family:inherit;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s cubic-bezier(.16,1,.3,1)}.body-comp-mode-btn:hover{background-color:#5c67f20d;transform:translateY(-2px)}.body-comp-mode-btn.active{background:linear-gradient(135deg,#7b85ff,#5c67f2);border-color:#0000;box-shadow:0 4px 12px #5c67f24d;color:#fff}[data-color-scheme=dark] .body-comp-mode-btn{border-color:#7b85ff;color:#7b85ff}[data-color-scheme=dark] .body-comp-mode-btn:hover{background-color:#7b85ff1a}[data-color-scheme=dark] .body-comp-mode-btn.active{background:linear-gradient(135deg,#5c67f2,#4a42c9);border-color:#0000}.body-comp-upload-section{align-items:center;background-color:#5c67f205;border:2px dashed #5c67f24d;border-radius:12px;display:flex;flex-direction:column;padding:32px;transition:all .2s}.body-comp-upload-section:hover{background-color:#5c67f20d;border-color:#5c67f280}[data-color-scheme=dark] .body-comp-upload-section{background-color:#7b85ff08;border-color:#7b85ff4d}[data-color-scheme=dark] .body-comp-upload-section:hover{background-color:#7b85ff0f;border-color:#7b85ff80}.body-comp-upload-btn{background:linear-gradient(135deg,#7b85ff,#5c67f2);border:none;border-radius:8px;box-shadow:0 4px 12px #5c67f233;color:#fff;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:14px 32px;transition:all .2s cubic-bezier(.16,1,.3,1)}.body-comp-upload-btn:hover{box-shadow:0 6px 16px #5c67f259;transform:translateY(-2px) scale(1.02)}.body-comp-upload-btn:active{transform:translateY(0) scale(.98)}[data-color-scheme=dark] .body-comp-upload-btn{background:linear-gradient(135deg,#5c67f2,#4a42c9)}.body-comp-upload-status{border-radius:6px;font-size:14px;font-weight:500;margin-top:16px;padding:8px 16px}.body-comp-upload-status.success{background-color:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.body-comp-upload-status.error{background-color:#ef44441a;border:1px solid #ef444433;color:#ef4444}.body-comp-upload-hint{color:var(--color-text-secondary);font-size:13px;margin-top:12px;text-align:center}.body-comp-manual-section{margin-top:8px}.required{color:#ef4444;margin-left:2px}.body-comp-save-section{border-top:1px solid var(--color-card-border);display:flex;gap:12px;justify-content:center;margin-top:24px;padding-top:20px}.body-comp-cancel-btn{background:#0000;border:2px solid #5c67f2;border-radius:8px;color:#5c67f2;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:14px 32px;transition:all .2s cubic-bezier(.16,1,.3,1)}.body-comp-cancel-btn:hover{background-color:#5c67f20d;transform:translateY(-2px)}.body-comp-cancel-btn:active{transform:translateY(0)}[data-color-scheme=dark] .body-comp-cancel-btn{border-color:#7b85ff;color:#7b85ff}[data-color-scheme=dark] .body-comp-cancel-btn:hover{background-color:#7b85ff1a}.body-comp-save-btn{background:linear-gradient(135deg,#7b85ff,#5c67f2);border:none;border-radius:8px;box-shadow:0 4px 12px #5c67f24d;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:14px 48px;transition:all .2s cubic-bezier(.16,1,.3,1)}.body-comp-save-btn:hover{box-shadow:0 8px 20px #5c67f266;transform:translateY(-3px)}.body-comp-save-btn:active{box-shadow:0 4px 12px #5c67f24d;transform:translateY(-1px)}[data-color-scheme=dark] .body-comp-save-btn{background:linear-gradient(135deg,#5c67f2,#4a42c9)}.body-comp-view-mode{background-color:#5c67f205;border-radius:8px;padding:32px;text-align:center}[data-color-scheme=dark] .body-comp-view-mode{background-color:#7b85ff08}.body-comp-placeholder-container{align-items:center;display:flex;flex-direction:column;gap:20px}.body-comp-placeholder{color:var(--color-text-secondary);font-size:14px;margin:0}.body-comp-add-first-btn{background:linear-gradient(135deg,#7b85ff,#5c67f2);border:none;border-radius:8px;box-shadow:0 4px 12px #5c67f24d;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:14px 32px;transition:all .2s cubic-bezier(.16,1,.3,1)}.body-comp-add-first-btn:hover{box-shadow:0 6px 16px #5c67f266;transform:translateY(-2px) scale(1.02)}.body-comp-add-first-btn:active{transform:translateY(0) scale(.98)}[data-color-scheme=dark] .body-comp-add-first-btn{background:linear-gradient(135deg,#5c67f2,#4a42c9)}@media (max-width:768px){.body-comp-mode-toggle{flex-direction:column}.body-comp-mode-btn{width:100%}.body-comp-upload-section{padding:24px}.body-comp-save-btn{width:100%}}@media (max-width:480px){.body-comp-upload-section{padding:20px}.body-comp-upload-btn{width:100%}}.inbody-scan-summary{background-color:var(--color-card);border:1px solid var(--color-card-border);border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:24px}.scan-header{align-items:center;border-bottom:1px solid var(--color-card-border);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.scan-header-left{display:flex;flex-direction:column;gap:4px;min-width:200px}.scan-header-buttons{display:flex;flex-wrap:wrap;gap:12px}.scan-header-actions{align-items:center;display:flex;gap:16px}.scan-header h3{color:var(--color-text);font-size:18px;font-weight:600;margin:0}.scan-date{color:var(--color-text-secondary);font-size:14px;font-weight:500}.scan-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.metric-card{background-color:#5c67f208;border:1px solid #5c67f21a;border-radius:8px;display:flex;flex-direction:column;padding:16px;transition:all .2s ease}.metric-card:hover{box-shadow:0 4px 12px #5c67f21a;transform:translateY(-2px)}.metric-card.highlight{background:linear-gradient(135deg,#5c67f214,#7b85ff14);border-color:#5c67f233}[data-color-scheme=dark] .metric-card{background-color:#7b85ff0d;border-color:#7b85ff26}[data-color-scheme=dark] .metric-card.highlight{background:linear-gradient(135deg,#5c67f21f,#7b85ff1f)}.metric-label{color:var(--color-text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.metric-value{color:var(--color-text);font-size:20px;font-weight:700;margin-bottom:4px}.metric-card small{font-size:11px;font-weight:600;margin-top:4px}.status-good{color:#22c55e}.status-warning{color:#f59e0b}.scan-footer{border-top:1px solid var(--color-card-border);display:flex;flex-direction:column;gap:8px;padding-top:16px}.scan-method{font-weight:500}.scan-method,.scan-notes{color:var(--color-text-secondary);font-size:13px}.scan-notes{font-style:italic;line-height:1.5;margin:0}.scan-edit-btn{background:linear-gradient(135deg,#7b85ff,#5c67f2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.scan-edit-btn:hover{box-shadow:0 4px 12px #5c67f24d;transform:translateY(-2px)}.scan-edit-btn:active{transform:translateY(0)}[data-color-scheme=dark] .scan-edit-btn{background:linear-gradient(135deg,#5c67f2,#4a42c9)}.scan-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.scan-delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.scan-delete-btn:active{transform:translateY(0)}[data-color-scheme=dark] .scan-delete-btn{background:linear-gradient(135deg,#dc2626,#b91c1c)}@media (max-width:768px){.scan-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.scan-metrics-grid{grid-template-columns:1fr}.inbody-scan-summary{padding:16px}}.blog-container{background-color:var(--color-background);color:var(--color-text);min-height:100vh;padding:16px;transition:background-color .25s cubic-bezier(.16,1,.3,1);width:100%}.blog-header{margin-bottom:32px;padding-top:20px;text-align:center}.blog-header-content{margin:0 auto;max-width:800px}.blog-title{color:#5c67f2;color:var(--flx-blue);font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:0 0 8px}[data-color-scheme=dark] .blog-title{color:#7b85ff;color:var(--flx-blue-dark)}.blog-subtitle{color:var(--color-text-secondary);font-size:16px;line-height:1.5;margin:0}.blog-filter-section{background-color:var(--color-surface);border:1px solid var(--color-card-border);border-radius:12px;box-shadow:0 1px 3px #0000000a;margin:0 auto 24px;max-width:1200px;padding:20px}.filter-title{color:var(--color-text);font-size:12px;font-weight:600;letter-spacing:.05em;margin:0 0 16px;text-transform:uppercase}.category-buttons{display:flex;flex-wrap:wrap;gap:12px}.category-btn{background-color:initial;border:1px solid var(--color-border);border-radius:8px;color:#5c67f2;color:var(--flx-blue);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;font-weight:500;padding:8px 16px;transition:all .25s cubic-bezier(.16,1,.3,1);white-space:nowrap}[data-color-scheme=dark] .category-btn{color:#7b85ff;color:var(--flx-blue-dark)}.category-btn:hover{background-color:#5c67f214;border-color:#5c67f2;border-color:var(--flx-blue)}[data-color-scheme=dark] .category-btn:hover{background-color:#7b85ff26;border-color:#7b85ff;border-color:var(--flx-blue-dark)}.category-btn.active{background-color:#5c67f2;background-color:var(--flx-blue);border-color:#5c67f2;border-color:var(--flx-blue);color:#fff}[data-color-scheme=dark] .category-btn.active{background-color:#7b85ff;background-color:var(--flx-blue-dark);border-color:#7b85ff;border-color:var(--flx-blue-dark)}.category-btn:focus-visible{box-shadow:0 0 0 3px #5c67f266;outline:2px solid #5c67f2;outline:2px solid var(--flx-blue);outline-offset:2px}.articles-count{color:var(--color-text-secondary);font-size:12px;margin:0 auto 16px;max-width:1200px;text-align:left}.articles-list{display:flex;flex-direction:column;gap:16px;margin:0 auto 32px;max-width:1200px}.article-card{background-color:var(--color-surface);border:1px solid var(--color-card-border);border-radius:12px;box-shadow:0 1px 3px #0000000a;overflow:hidden;transition:all .25s cubic-bezier(.16,1,.3,1)}.article-card:hover{border-color:#5c67f2;border-color:var(--flx-blue);box-shadow:0 4px 6px -1px #0000000a}[data-color-scheme=dark] .article-card:hover{border-color:#7b85ff;border-color:var(--flx-blue-dark)}.article-header{align-items:flex-start;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:16px;transition:background-color .25s cubic-bezier(.16,1,.3,1)}.article-header:hover{background-color:#5c67f20d}[data-color-scheme=dark] .article-header:hover{background-color:#7b85ff14}.article-meta{display:flex;flex:1 1;gap:16px}.article-emoji{flex-shrink:0;font-size:28px;line-height:1}.article-info{flex:1 1}.article-title{color:#5c67f2;color:var(--flx-blue);font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0 0 8px}[data-color-scheme=dark] .article-title{color:#7b85ff;color:var(--flx-blue-dark)}.article-details{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:12px;gap:12px;margin-bottom:8px}.article-category{background-color:#5c67f214;border-radius:6px;color:#5c67f2;color:var(--flx-blue);display:inline-block;font-weight:500;padding:4px 8px}[data-color-scheme=dark] .article-category{background-color:#7b85ff26;color:#7b85ff;color:var(--flx-blue-dark)}.article-excerpt{color:var(--color-text);font-size:12px;line-height:1.5;margin:0}.article-toggle{color:#5c67f2;color:var(--flx-blue);flex-shrink:0;font-size:18px;transform:rotate(0deg);transition:transform .25s cubic-bezier(.16,1,.3,1)}[data-color-scheme=dark] .article-toggle{color:#7b85ff;color:var(--flx-blue-dark)}.article-toggle.expanded{transform:rotate(180deg)}.article-expanded{animation:slideDown .3s ease-out;border-top:1px solid var(--color-card-border);margin-top:16px;padding:0 16px 16px}.article-full-content{word-wrap:break-word;color:var(--color-text);font-size:14px;line-height:1.6;margin-bottom:16px;white-space:pre-wrap}.show-more-section{margin-bottom:24px;text-align:center}.show-more-button{background-color:#5c67f2;background-color:var(--flx-blue);border:none;border-radius:8px;box-shadow:0 1px 3px #0000000a;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;min-height:44px;padding:12px 24px;transition:all .25s cubic-bezier(.16,1,.3,1)}[data-color-scheme=dark] .show-more-button{background-color:#7b85ff;background-color:var(--flx-blue-dark)}.show-more-button:hover:not(:disabled){background-color:#4a52d9;background-color:var(--flx-blue-hover);box-shadow:0 4px 6px -1px #0000000a;transform:translateY(-2px)}[data-color-scheme=dark] .show-more-button:hover:not(:disabled){background-color:#8b95ff;background-color:var(--flx-blue-dark-hover)}.show-more-button:active:not(:disabled){background-color:#3a42c9;background-color:var(--flx-blue-active);transform:translateY(0)}[data-color-scheme=dark] .show-more-button:active:not(:disabled){background-color:#6a74e6;background-color:var(--flx-blue-dark-active)}.show-more-button:disabled{cursor:not-allowed;opacity:.5}.blog-subscription-section{background-color:var(--color-surface);border:1px solid var(--color-card-border);border-radius:12px;box-shadow:0 1px 3px #0000000a;margin:0 auto 32px;max-width:600px;padding:24px}.subscription-title{color:var(--color-text);font-size:18px;font-weight:600;line-height:1.2;margin:0 0 8px}.subscription-description{color:var(--color-text-secondary);font-size:14px;line-height:1.5;margin:0 0 16px}.subscription-form{display:flex;flex-direction:column;gap:12px}.subscription-input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;padding:12px 16px;transition:all .25s cubic-bezier(.16,1,.3,1)}.subscription-input:focus{border-color:#5c67f2;border-color:var(--flx-blue);box-shadow:0 0 0 3px #5c67f266;outline:2px solid #5c67f2;outline:2px solid var(--flx-blue)}[data-color-scheme=dark] .subscription-input:focus{border-color:#7b85ff;border-color:var(--flx-blue-dark);box-shadow:0 0 0 3px #7b85ff66;outline:2px solid #7b85ff;outline:2px solid var(--flx-blue-dark)}.subscription-input:disabled{cursor:not-allowed;opacity:.5}.subscription-button{background-color:#5c67f2;background-color:var(--flx-blue);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;min-height:44px;padding:12px 16px;transition:all .25s cubic-bezier(.16,1,.3,1)}[data-color-scheme=dark] .subscription-button{background-color:#7b85ff;background-color:var(--flx-blue-dark)}.subscription-button:hover:not(:disabled){background-color:#4a52d9;background-color:var(--flx-blue-hover);box-shadow:0 1px 3px #0000000a;transform:translateY(-2px)}[data-color-scheme=dark] .subscription-button:hover:not(:disabled){background-color:#8b95ff;background-color:var(--flx-blue-dark-hover)}.subscription-button:active:not(:disabled){background-color:#3a42c9;background-color:var(--flx-blue-active);transform:translateY(0)}[data-color-scheme=dark] .subscription-button:active:not(:disabled){background-color:#6a74e6;background-color:var(--flx-blue-dark-active)}.subscription-button:disabled{cursor:not-allowed;opacity:.5}.subscription-message{animation:slideDown .3s ease-out;border-radius:8px;font-size:12px;font-weight:500;padding:12px;text-align:center}.subscription-message.success{background-color:#22c55e26;border:1px solid #22c55e40;color:#22c55e}.subscription-message.error{background-color:#ef444426;border:1px solid #ef444440;color:#ef4444}.subscription-message.loading{background-color:#5c67f214;border:1px solid #5c67f233;color:#5c67f2;color:var(--flx-blue)}[data-color-scheme=dark] .subscription-message.loading{background-color:#7b85ff26;border:1px solid #7b85ff40;color:#7b85ff;color:var(--flx-blue-dark)}.scroll-to-top{align-items:center;background-color:#5c67f2;background-color:var(--flx-blue);border:none;border-radius:8px;bottom:24px;box-shadow:0 4px 6px -1px #0000000a;color:#fff;cursor:pointer;display:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:20px;font-weight:600;height:44px;justify-content:center;padding:0;position:fixed;right:24px;transition:all .25s cubic-bezier(.16,1,.3,1);width:44px;z-index:100}[data-color-scheme=dark] .scroll-to-top{background-color:#7b85ff;background-color:var(--flx-blue-dark)}.scroll-to-top.visible{display:flex}.scroll-to-top:hover{background-color:#4a52d9;background-color:var(--flx-blue-hover);box-shadow:0 10px 15px -3px #0000000a;transform:translateY(-4px)}[data-color-scheme=dark] .scroll-to-top:hover{background-color:#8b95ff;background-color:var(--flx-blue-dark-hover)}.scroll-to-top:active{background-color:#3a42c9;background-color:var(--flx-blue-active);transform:translateY(0)}[data-color-scheme=dark] .scroll-to-top:active{background-color:#6a74e6;background-color:var(--flx-blue-dark-active)}@media (max-width:768px){.blog-container{padding:12px}.blog-title{font-size:20px}.blog-subtitle{font-size:14px}.category-buttons{gap:8px}.category-btn{font-size:12px;padding:6px 12px}.article-header{flex-direction:column;gap:12px;padding:12px}.article-meta{flex-direction:column;gap:8px}.article-emoji{font-size:24px}.article-title{font-size:14px}.scroll-to-top{bottom:16px;font-size:18px;height:40px;right:16px;width:40px}.subscription-description{font-size:12px}}@media (max-width:480px){.blog-container{padding:8px}.blog-header{margin-bottom:24px;padding-top:16px}.blog-title{font-size:18px}.blog-subtitle{font-size:12px}.blog-filter-section{margin-bottom:20px;padding:16px}.filter-title{font-size:11px;margin-bottom:12px}.category-buttons{gap:6px}.category-btn{font-size:11px;padding:6px 12px}.article-header{padding:12px}.article-title{font-size:12px}.article-details{font-size:11px;gap:8px}.article-excerpt{font-size:11px}.article-full-content{font-size:12px}.blog-subscription-section{padding:16px}.subscription-title{font-size:16px}.subscription-description{font-size:11px}.show-more-button,.subscription-button,.subscription-input{font-size:12px;padding:10px 12px}.scroll-to-top{bottom:12px;font-size:16px;height:36px;right:12px;width:36px}}:root{--color-cream-50:#fcfcf9;--color-cream-100:#fffffd;--color-gray-200:#f5f5f5;--color-gray-300:#a7a9a9;--color-gray-400:#777c7c;--color-slate-500:#626c71;--color-brown-600:#5e5240;--color-charcoal-700:#1f2121;--color-charcoal-800:#262828;--color-slate-900:#13343b;--color-teal-300:#32b8c6;--color-teal-400:#2da6b2;--color-teal-500:#21808d;--color-teal-600:#1d7480;--color-teal-700:#1a6873;--color-teal-800:#2996a1;--color-red-400:#ff5459;--color-red-500:#c0152f;--color-orange-400:#e68161;--color-orange-500:#a84b2f;--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-slate-500-rgb:98,108,113;--color-red-500-rgb:192,21,47;--color-red-400-rgb:255,84,89;--color-orange-500-rgb:168,75,47;--color-orange-400-rgb:230,129,97;--color-bg-1:#3b82f614;--color-bg-2:#f59e0b14;--color-bg-3:#22c55e14;--color-bg-4:#ef444414;--color-bg-5:#9333ea14;--color-bg-6:#f9731614;--color-bg-7:#ec489914;--color-bg-8:#06b6d414;--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgba(var(--color-brown-600-rgb),0.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb),0.2);--color-secondary-active:rgba(var(--color-brown-600-rgb),0.25);--color-border:rgba(var(--color-brown-600-rgb),0.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgba(var(--color-brown-600-rgb),0.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb),0.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb),0.4);--color-select-caret:rgba(var(--color-slate-900-rgb),0.8);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:33,128,141;--color-error-rgb:192,21,47;--color-warning-rgb:168,75,47;--color-info-rgb:98,108,113;--font-family-base:"FKGroteskNeue","Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"Berkeley Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--font-size-4xl:30px;--font-weight-bold:600;--shadow-inset-sm:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000008;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px}@media (prefers-color-scheme:dark){:root{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:#1d4ed826;--color-bg-2:#b4530926;--color-bg-3:#15803d26;--color-bg-4:#b91c1c26;--color-bg-5:#6b21a826;--color-bg-6:#c2410c26;--color-bg-7:#be185d26;--color-bg-8:#0891b226;--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),0.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),0.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),0.3);--color-border:rgba(var(--color-gray-400-rgb),0.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),0.2);--color-card-border-inner:rgba(var(--color-gray-400-rgb),0.15);--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--button-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-select-caret:rgba(var(--color-gray-200-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}}[data-color-scheme=dark]{--color-gray-400-rgb:119,124,124;--color-teal-300-rgb:50,184,198;--color-gray-300-rgb:167,169,169;--color-gray-200-rgb:245,245,245;--color-bg-1:#1d4ed826;--color-bg-2:#b4530926;--color-bg-3:#15803d26;--color-bg-4:#b91c1c26;--color-bg-5:#6b21a826;--color-bg-6:#c2410c26;--color-bg-7:#be185d26;--color-bg-8:#0891b226;--color-background:var(--color-charcoal-700);--color-surface:var(--color-charcoal-800);--color-text:var(--color-gray-200);--color-text-secondary:rgba(var(--color-gray-300-rgb),0.7);--color-primary:var(--color-teal-300);--color-primary-hover:var(--color-teal-400);--color-primary-active:var(--color-teal-800);--color-secondary:rgba(var(--color-gray-400-rgb),0.15);--color-secondary-hover:rgba(var(--color-gray-400-rgb),0.25);--color-secondary-active:rgba(var(--color-gray-400-rgb),0.3);--color-border:rgba(var(--color-gray-400-rgb),0.3);--color-error:var(--color-red-400);--color-success:var(--color-teal-300);--color-warning:var(--color-orange-400);--color-info:var(--color-gray-300);--color-focus-ring:rgba(var(--color-teal-300-rgb),0.4);--color-btn-primary-text:var(--color-slate-900);--color-card-border:rgba(var(--color-gray-400-rgb),0.15);--color-card-border-inner:rgba(var(--color-gray-400-rgb),0.15);--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--color-border-secondary:rgba(var(--color-gray-400-rgb),0.2);--color-select-caret:rgba(var(--color-gray-200-rgb),0.8);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:var(--color-teal-300-rgb);--color-error-rgb:var(--color-red-400-rgb);--color-warning-rgb:var(--color-orange-400-rgb);--color-info-rgb:var(--color-gray-300-rgb)}[data-color-scheme=light]{--color-brown-600-rgb:94,82,64;--color-teal-500-rgb:33,128,141;--color-slate-900-rgb:19,52,59;--color-background:var(--color-cream-50);--color-surface:var(--color-cream-100);--color-text:var(--color-slate-900);--color-text-secondary:var(--color-slate-500);--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-secondary:rgba(var(--color-brown-600-rgb),0.12);--color-secondary-hover:rgba(var(--color-brown-600-rgb),0.2);--color-secondary-active:rgba(var(--color-brown-600-rgb),0.25);--color-border:rgba(var(--color-brown-600-rgb),0.2);--color-btn-primary-text:var(--color-cream-50);--color-card-border:rgba(var(--color-brown-600-rgb),0.12);--color-card-border-inner:rgba(var(--color-brown-600-rgb),0.12);--color-error:var(--color-red-500);--color-success:var(--color-teal-500);--color-warning:var(--color-orange-500);--color-info:var(--color-slate-500);--color-focus-ring:rgba(var(--color-teal-500-rgb),0.4);--color-success-rgb:var(--color-teal-500-rgb);--color-error-rgb:var(--color-red-500-rgb);--color-warning-rgb:var(--color-orange-500-rgb);--color-info-rgb:var(--color-slate-500-rgb)}html{background-color:#fcfcf9;color:#13343b;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*,:after,:before{box-sizing:inherit}h1,h2,h3,h4,h5,h6{color:#13343b}h1{font-size:30px}a{color:#21808d}a:hover{color:#1d7480}code,pre{background-color:#5e52401f;background-color:var(--color-secondary);border-radius:6px;border-radius:var(--radius-sm);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:13.3px;font-size:calc(var(--font-size-base)*.95)}code{padding:1px 4px;padding:var(--space-1) var(--space-4)}pre{border:1px solid #5e524033;border:1px solid var(--color-border);margin:16px 0;margin:var(--space-16) 0;overflow:auto;padding:16px;padding:var(--space-16)}pre code{background:none;padding:0}.btn{position:relative}.btn:focus-visible{box-shadow:0 0 0 3px #21808d66}.btn--primary{background:#21808d;color:#fcfcf9}.btn--primary:hover{background:#1d7480}.btn--primary:active{background:#1a6873}.btn--secondary{background:#5e52401f;color:#13343b}.btn--secondary:hover{background:#5e524033}.btn--secondary:active{background:#5e524040}.btn--outline{border:1px solid #5e524033;color:#13343b}.btn--outline:hover{background:#5e52401f}.btn--sm{border-radius:6px;border-radius:var(--radius-sm)}.btn--lg{border-radius:10px;border-radius:var(--radius-md)}.form-control{background-color:#fffffd;border:1px solid #5e524033;color:#13343b}textarea.form-control{font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base)}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light);background-position:right 12px center;background-position:right var(--space-12) center;background-repeat:no-repeat;background-size:16px;padding:8px 12px;padding:var(--space-8) var(--space-12);padding-right:32px;padding-right:var(--space-32)}@media (prefers-color-scheme:dark){select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}}[data-color-scheme=dark] select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}[data-color-scheme=light] select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light)}.form-control:focus{border-color:#21808d;outline:2px solid #21808d}.card{background-color:#fffffd;transition:box-shadow .25s cubic-bezier(.16,1,.3,1);transition:box-shadow var(--duration-normal) var(--ease-standard)}.card__footer,.card__header{border-bottom:1px solid var(--color-card-border-inner)}.status--success{background-color:#21808d26;background-color:rgba(var(--color-success-rgb,33,128,141),var(--status-bg-opacity));border:1px solid #21808d40;border:1px solid rgba(var(--color-success-rgb,33,128,141),var(--status-border-opacity));color:#21808d}.status--error{background-color:#c0152f26;background-color:rgba(var(--color-error-rgb,192,21,47),var(--status-bg-opacity));border:1px solid #c0152f40;border:1px solid rgba(var(--color-error-rgb,192,21,47),var(--status-border-opacity));color:#c0152f}.status--warning{background-color:#a84b2f26;background-color:rgba(var(--color-warning-rgb,168,75,47),var(--status-bg-opacity));border:1px solid #a84b2f40;border:1px solid rgba(var(--color-warning-rgb,168,75,47),var(--status-border-opacity));color:#a84b2f}.status--info{background-color:#626c7126;background-color:rgba(var(--color-info-rgb,98,108,113),var(--status-bg-opacity));border:1px solid #626c7140;border:1px solid rgba(var(--color-info-rgb,98,108,113),var(--status-border-opacity));color:#626c71}.container{margin-left:auto;margin-right:auto;padding-left:16px;padding-left:var(--space-16);padding-right:16px;padding-right:var(--space-16);width:100%}@media (min-width:640px){.container{max-width:640px;max-width:var(--container-sm)}}@media (min-width:768px){.container{max-width:768px;max-width:var(--container-md)}}@media (min-width:1024px){.container{max-width:1024px;max-width:var(--container-lg)}}@media (min-width:1280px){.container{max-width:1280px;max-width:var(--container-xl)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:4px;gap:var(--space-4)}.gap-8{gap:8px;gap:var(--space-8)}.gap-16{gap:16px;gap:var(--space-16)}.m-0{margin:0}.mt-8{margin-top:8px;margin-top:var(--space-8)}.mb-8{margin-bottom:8px;margin-bottom:var(--space-8)}.mx-8{margin-left:8px;margin-left:var(--space-8);margin-right:8px;margin-right:var(--space-8)}.my-8{margin-bottom:8px;margin-bottom:var(--space-8);margin-top:8px;margin-top:var(--space-8)}.p-0{padding:0}.py-8{padding-bottom:8px;padding-bottom:var(--space-8);padding-top:8px;padding-top:var(--space-8)}.px-8{padding-left:8px;padding-left:var(--space-8);padding-right:8px;padding-right:var(--space-8)}.py-16{padding-bottom:16px;padding-bottom:var(--space-16);padding-top:16px;padding-top:var(--space-16)}.px-16{padding-left:16px;padding-left:var(--space-16);padding-right:16px;padding-right:var(--space-16)}.block{display:block}.hidden{display:none}:focus-visible{outline:2px solid #21808d}[data-color-scheme=dark] .btn--outline{border:1px solid var(--color-border-secondary)}@font-face{font-family:FKGroteskNeue;src:url(https://r2cdn.perplexity.ai/fonts/FKGroteskNeue.woff2) format("woff2")}.navbar{background-color:#fffffd;background-color:var(--color-surface);border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);min-height:64px;overflow:hidden;padding:10px 16px;padding:var(--space-10) var(--space-16);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar,.navbar-container{align-items:center;display:flex;width:100%}.navbar-container{flex-wrap:nowrap;gap:8px;gap:var(--space-8);justify-content:space-between;margin:0 auto;max-width:1400px}.navbar-brand{align-items:center;color:#13343b;color:var(--color-text);display:flex;flex-shrink:0;font-size:16px;font-size:var(--font-size-lg);font-weight:550;font-weight:var(--font-weight-semibold);gap:6px;gap:var(--space-6);text-decoration:none;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard);white-space:nowrap}.navbar-brand:hover{color:#21808d;color:var(--color-primary)}.navbar-brand:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.navbar-brand-emoji{align-items:center;display:flex;font-size:20px;font-size:var(--font-size-2xl);line-height:1}.navbar-brand-text{font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight)}.navbar-desktop{display:flex;flex:1 1;gap:2px;gap:var(--space-2);justify-content:center;overflow:hidden}@media (max-width:768px){.navbar-desktop{display:none}}.navbar-menu{display:flex;flex-wrap:nowrap;gap:2px;gap:var(--space-2);justify-content:center;list-style:none;margin:0;padding:0;width:100%}.navbar-menu li{margin:0;padding:0;white-space:nowrap}.navbar-link{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:4px;gap:var(--space-4);padding:6px 10px;padding:var(--space-6) var(--space-10);text-decoration:none;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap}.navbar-link:hover{background-color:#5e52401f;background-color:var(--color-secondary);color:#21808d;color:var(--color-primary)}.navbar-link:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.navbar-link.active{background-color:#5e524033;background-color:var(--color-secondary-hover);color:#21808d;color:var(--color-primary);font-weight:550;font-weight:var(--font-weight-semibold)}.navbar-link-icon{align-items:center;display:flex;font-size:14px;font-size:var(--font-size-base);line-height:1}.navbar-link-label{font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.navbar-actions{align-items:center;display:none;flex-shrink:0;gap:8px;gap:var(--space-8)}@media (min-width:768px){.navbar-actions{display:flex}}.theme-toggle{background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);flex-shrink:0;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:16px;font-size:var(--font-size-lg);line-height:1;padding:6px;padding:var(--space-6)}.theme-toggle:hover{background:#5e524033;background:var(--color-secondary-hover);border-color:#21808d;border-color:var(--color-primary)}.theme-toggle:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.theme-toggle-icon{align-items:center;display:flex}.btn-logout{align-items:center;background:#0000;border:1px solid #c0152f;border:1px solid var(--color-error);border-radius:8px;border-radius:var(--radius-base);color:#c0152f;color:var(--color-error);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:6px;gap:var(--space-6);padding:6px 12px;padding:var(--space-6) var(--space-12);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap}.btn-logout:hover:not(:disabled){background:#c0152f1a;background:rgba(var(--color-error-rgb),.1)}.btn-logout:focus-visible{outline:2px solid #c0152f;outline:2px solid var(--color-error);outline-offset:2px}.btn-logout:disabled{cursor:not-allowed;opacity:.5}.hamburger{align-items:center;background:#5e52401f;background:var(--color-secondary);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);gap:4px;height:40px;justify-content:center;padding:0;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:40px}@media (min-width:768px){.hamburger{display:none}}.hamburger:hover{background:#5e524033;background:var(--color-secondary-hover);border-color:#21808d;border-color:var(--color-primary)}.hamburger:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}.hamburger:active{transform:scale(.95)}.hamburger-line{background-color:#13343b;background-color:var(--color-text);border-radius:1px;height:2px;transform-origin:center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:20px;will-change:transform}.hamburger.active .hamburger-line:first-child{transform:translateY(9px) rotate(45deg)}.hamburger.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active .hamburger-line:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.navbar-mobile-controls{align-items:center;display:flex;flex-shrink:0;gap:6px;gap:var(--space-6)}@media (min-width:768px){.navbar-mobile-controls{display:none}}.menu-overlay{animation:fadeIn .25s cubic-bezier(.16,1,.3,1);animation:fadeIn var(--duration-normal) var(--ease-standard);background:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:900}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.menu-drawer{-webkit-overflow-scrolling:touch;animation:slideDown .25s cubic-bezier(.16,1,.3,1);animation:slideDown var(--duration-normal) var(--ease-standard);background-color:#fffffd;background-color:var(--color-surface);border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);display:flex;flex-direction:column;left:0;max-height:calc(100vh - 64px);overflow-y:auto;position:fixed;right:0;top:64px;width:100%;z-index:950}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.menu-items{display:flex;flex-direction:column;gap:2px;gap:var(--space-2);list-style:none;margin:0;padding:8px 0;padding:var(--space-8) 0}.menu-items li{margin:0;padding:0}.menu-item{align-items:center;background:#0000;border:none;color:#13343b;color:var(--color-text);cursor:pointer;display:flex;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);gap:10px;gap:var(--space-10);padding:10px 16px;padding:var(--space-10) var(--space-16);text-align:left;text-decoration:none;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:100%}.menu-item:hover{background-color:#5e52401f;background-color:var(--color-secondary);color:#21808d;color:var(--color-primary)}.menu-item:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:-2px}.menu-item.active,.menu-item:active{background-color:#5e524033;background-color:var(--color-secondary-hover)}.menu-item.active{color:#21808d;color:var(--color-primary);font-weight:550;font-weight:var(--font-weight-semibold)}.menu-item-icon{align-items:center;display:flex;flex-shrink:0;font-size:16px;font-size:var(--font-size-lg);line-height:1}.menu-item-label{font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium)}.menu-divider{background-color:#5e524033;background-color:var(--color-border);height:1px;margin:8px 0;margin:var(--space-8) 0;width:100%}.menu-logout{align-items:center;background:#c0152f1a;background:rgba(var(--color-error-rgb),.1);border:1px solid #c0152f;border:1px solid var(--color-error);border-radius:8px;border-radius:var(--radius-base);color:#c0152f;color:var(--color-error);cursor:pointer;display:flex;font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);gap:6px;gap:var(--space-6);justify-content:center;margin:8px 12px;margin:var(--space-8) var(--space-12);padding:10px 16px;padding:var(--space-10) var(--space-16);transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap;width:calc(100% - 24px)}.menu-logout:hover:not(:disabled){background:#c0152f26;background:rgba(var(--color-error-rgb),.15);border-color:#c0152f;border-color:var(--color-error)}.menu-logout:focus-visible{outline:2px solid #c0152f;outline:2px solid var(--color-error);outline-offset:2px}.menu-logout:disabled{cursor:not-allowed;opacity:.5}.spinner-mini{animation:spin .8s linear infinite;border:2px solid #c0152f4d;border-top-color:#c0152f;border:2px solid rgba(var(--color-error-rgb),.3);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--color-error);display:inline-block;height:12px;width:12px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:1024px){.navbar-link{font-size:11px;font-size:var(--font-size-xs);gap:4px;gap:var(--space-4);padding:6px 8px;padding:var(--space-6) var(--space-8)}.navbar-link-icon{font-size:12px;font-size:var(--font-size-sm)}}@media (max-width:768px){.navbar{padding:8px 12px;padding:var(--space-8) var(--space-12)}.navbar-desktop{display:none}}@media (max-width:480px){.navbar{min-height:56px;padding:6px 8px;padding:var(--space-6) var(--space-8)}.navbar-brand,.navbar-container{gap:4px;gap:var(--space-4)}.navbar-brand{font-size:14px;font-size:var(--font-size-base)}.navbar-brand-emoji{font-size:18px;font-size:var(--font-size-xl)}.hamburger,.theme-toggle{height:36px;padding:4px;padding:var(--space-4);width:36px}.hamburger-line{height:1.5px;width:18px}.menu-drawer{max-height:calc(100vh - 56px);top:56px}.menu-item{font-size:12px;font-size:var(--font-size-sm);gap:8px;gap:var(--space-8);padding:8px 12px;padding:var(--space-8) var(--space-12)}.menu-item-icon{font-size:14px;font-size:var(--font-size-base)}.menu-item-label,.menu-logout{font-size:12px;font-size:var(--font-size-sm)}.menu-logout{margin:6px 8px;margin:var(--space-6) var(--space-8);padding:8px 12px;padding:var(--space-8) var(--space-12);width:calc(100% - 16px)}.btn-logout{font-size:11px;font-size:var(--font-size-xs);gap:4px;gap:var(--space-4);padding:4px 8px;padding:var(--space-4) var(--space-8)}}.top-bar{background-color:#fffffd;background-color:var(--color-surface);border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);height:56px;left:0;position:fixed;right:0;top:0;z-index:1000}.top-bar,.top-bar-container{align-items:center;display:flex}.top-bar-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 16px;padding:0 var(--space-16);width:100%}.top-bar-brand{align-items:center;color:#13343b;color:var(--color-text);display:flex;font-size:16px;font-size:var(--font-size-lg);font-weight:550;font-weight:var(--font-weight-semibold);gap:8px;gap:var(--space-8);text-decoration:none;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}.top-bar-brand:hover{color:#21808d;color:var(--color-primary)}.top-bar-brand-emoji{font-size:20px;font-size:var(--font-size-2xl);line-height:1}.top-bar-brand-text{color:#21808d;color:var(--color-primary);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight)}.top-bar-actions{align-items:center;display:flex;gap:12px;gap:var(--space-12)}.btn-logout-icon{align-items:center;background-color:#5e52401f;background-color:var(--color-secondary);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#13343b;color:var(--color-text);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:40px}.btn-logout-icon:hover{background-color:#5e524033;background-color:var(--color-secondary-hover);transform:scale(1.05)}.btn-logout-icon:active{transform:scale(.95)}.bottom-nav{background-color:#fffffd;background-color:var(--color-surface);border-top:1px solid #5e524033;border-top:1px solid var(--color-border);bottom:0;box-shadow:0 -2px 10px #0000000d;height:68px;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;z-index:1000}.bottom-nav-container{align-items:center;display:grid;grid-template-columns:.9fr 1fr 100px 1fr .9fr .6fr;height:100%;margin:0 auto;max-width:700px;position:relative}.bottom-nav-tab:first-child{grid-column:1;justify-self:center}.bottom-nav-tab:nth-child(2){grid-column:2;justify-self:center}.bottom-nav-tab:nth-child(3){grid-column:4;justify-self:end;padding-left:12px}.bottom-nav-tab:nth-child(4){grid-column:5;justify-self:center}.bottom-nav-tab:nth-child(5){grid-column:6;justify-self:start;padding-left:5px}.bottom-nav-tab{align-items:center;background:#0000;border:none;color:#626c71;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-direction:column;gap:2px;justify-content:center;min-height:48px;padding:8px 4px;position:relative;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard)}.bottom-nav-tab:hover{background-color:#5e52401f;background-color:var(--color-secondary);color:#21808d;color:var(--color-primary)}.bottom-nav-tab.active{color:#21808d;color:var(--color-primary);font-weight:550;font-weight:var(--font-weight-semibold)}.bottom-nav-tab.active:before{background-color:#21808d;background-color:var(--color-primary);border-radius:0 0 3px 3px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:32px}.bottom-nav-icon{font-size:24px;line-height:1}.bottom-nav-label{font-size:11px;font-weight:500;font-weight:var(--font-weight-medium);line-height:1}.fab-button{align-items:center;background:linear-gradient(135deg,#7b85ff,#5c67f2);border:4px solid #fffffd;border:4px solid var(--color-surface);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 12px #5c67f266,0 0 20px #7b85ff4d;cursor:pointer;display:flex;flex-direction:column;height:72px;justify-content:center;left:50%;position:absolute;top:-28px;transform:translateX(-50%);transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard);width:72px;z-index:1001}.fab-button:hover{box-shadow:0 6px 16px #5c67f280,0 0 30px #7b85ff80;transform:translateX(-50%) scale(1.08)}.fab-button:active{transform:translateX(-50%) scale(.95)}.fab-button.disabled,.fab-button:disabled{box-shadow:0 4px 12px #5c67f21a;cursor:not-allowed;opacity:.4;pointer-events:none}.fab-button.disabled:hover,.fab-button:disabled:hover{box-shadow:0 4px 12px #5c67f21a;transform:translateY(0)}.fab-icon{font-size:28px;line-height:1}.fab-label{color:#fff;font-size:11px;font-weight:600;font-weight:var(--font-weight-bold);letter-spacing:.3px;line-height:1;margin-top:2px;text-shadow:0 1px 2px #0000004d}.more-menu{animation:slideUp .2s cubic-bezier(.16,1,.3,1);animation:slideUp .2s var(--ease-standard);background-color:#fffffd;background-color:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);bottom:78px;box-shadow:0 -4px 20px #00000026;overflow:hidden;position:fixed;right:16px;width:260px;z-index:2000}@media (max-width:600px){.more-menu{left:8px;right:8px;width:auto}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.more-menu-header{border-bottom:1px solid #5e524033;border-bottom:1px solid var(--color-border);padding:12px 16px;padding:var(--space-12) var(--space-16)}.more-menu-header h3{font-size:14px;font-size:var(--font-size-base);font-weight:550;font-weight:var(--font-weight-semibold);margin:0}.more-menu-header h3,.more-menu-item{color:#13343b;color:var(--color-text)}.more-menu-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:12px;gap:var(--space-12);padding:12px 16px;padding:var(--space-12) var(--space-16);text-decoration:none;transition:background-color .15s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-fast) var(--ease-standard);width:100%}.more-menu-item:hover{background-color:#5e52401f;background-color:var(--color-secondary)}.more-menu-item.active{background-color:#5e524033;background-color:var(--color-secondary-hover);color:#21808d;color:var(--color-primary);font-weight:550;font-weight:var(--font-weight-semibold)}.more-menu-icon{font-size:20px;line-height:1}.more-menu-label{font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium)}.more-menu-divider{background-color:#5e524033;background-color:var(--color-border);height:1px;margin:8px 0;margin:var(--space-8) 0}.more-menu-logout{align-items:center;background:#0000;border:none;color:#c0152f;color:var(--color-error);cursor:pointer;display:flex;font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);gap:12px;gap:var(--space-12);padding:12px 16px;padding:var(--space-12) var(--space-16);transition:background-color .15s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-fast) var(--ease-standard);width:100%}.more-menu-logout:hover{background-color:#c0152f1a;background-color:rgba(var(--color-error-rgb),.1)}.more-menu-logout:disabled{cursor:not-allowed;opacity:.5}.bottom-nav-spacer{height:calc(68px + env(safe-area-inset-bottom))}@media (min-width:769px){.bottom-nav,.bottom-nav-spacer{display:none}.top-bar{height:64px}.top-bar-container{max-width:1400px}}.theme-toggle{align-items:center;background-color:#5e52401f;background-color:var(--color-secondary);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#13343b;color:var(--color-text);cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:40px}.theme-toggle:hover{background-color:#5e524033;background-color:var(--color-secondary-hover);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-toggle-icon{line-height:1}.desktop-nav{align-items:center;display:none;flex:1 1;gap:4px;gap:var(--space-4);justify-content:center}@media (min-width:769px){.desktop-nav{display:flex}}.desktop-nav-link{align-items:center;background:#0000;border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);display:flex;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:6px;gap:var(--space-6);padding:8px 12px;padding:var(--space-8) var(--space-12);text-decoration:none;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap}.desktop-nav-link:hover{background-color:#5e52401f;background-color:var(--color-secondary);color:#21808d;color:var(--color-primary)}.desktop-nav-link.active{background-color:#5e524033;background-color:var(--color-secondary-hover);color:#21808d;color:var(--color-primary);font-weight:550;font-weight:var(--font-weight-semibold)}.desktop-nav-icon{font-size:16px;line-height:1}.desktop-nav-label{font-size:12px;font-size:var(--font-size-sm)}.btn-profile-icon{align-items:center;background-color:#5e52401f;background-color:var(--color-secondary);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#13343b;color:var(--color-text);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;text-decoration:none;transition:all .15s cubic-bezier(.16,1,.3,1);transition:all var(--duration-fast) var(--ease-standard);width:40px}.btn-profile-icon:hover{background-color:#5e524033;background-color:var(--color-secondary-hover);transform:scale(1.05)}.btn-profile-icon:active{transform:scale(.95)}:root{--flx-blue:#5c67f2;--flx-blue-hover:#4a52d9;--flx-blue-active:#3a42c9;--flx-blue-dark:#7b85ff;--flx-blue-dark-hover:#8b95ff;--flx-blue-dark-active:#6a74e6;--flx-blue-rgb:92,103,242;--flx-blue-dark-rgb:123,133,255;--color-white:#fff;--color-black:#000;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#22c55e;--color-error:#ef4444;--color-warning:#f59e0b;--color-info:#0284c7;--color-success-rgb:34,197,94;--color-error-rgb:239,68,68;--color-warning-rgb:245,158,11;--color-info-rgb:2,132,199;--color-background:#f5f7ff;--color-surface:#fff;--color-text:#1f2120;--color-text-secondary:#626c73;--color-primary:var(--flx-blue);--color-primary-hover:var(--flx-blue-hover);--color-primary-active:var(--flx-blue-active);--color-secondary:rgba(var(--flx-blue-rgb),0.08);--color-secondary-hover:rgba(var(--flx-blue-rgb),0.12);--color-secondary-active:rgba(var(--flx-blue-rgb),0.16);--color-border:#5e52401f;--color-border-light:#5e524014;--color-btn-primary-text:#fff;--color-card-border:#5e52401f;--color-focus-ring:rgba(var(--flx-blue-rgb),0.4);--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:32px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:550;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.5;--letter-spacing-tight:-0.01em;--space-0:0;--space-1:1px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--radius-sm:6px;--radius-base:8px;--radius-md:10px;--radius-lg:12px;--radius-full:9999px;--shadow-xs:0 1px 2px #00000005;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #00000005;--shadow-md:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;--shadow-lg:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;--duration-fast:150ms;--duration-normal:250ms;--ease-standard:cubic-bezier(0.16,1,0.3,1);--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary)}@media (prefers-color-scheme:dark){:root{--color-background:#1f2120;--color-surface:#252525;--color-text:#f5f5f5;--color-text-secondary:#a7a9a9;--color-primary:var(--flx-blue-dark);--color-primary-hover:var(--flx-blue-dark-hover);--color-primary-active:var(--flx-blue-dark-active);--color-secondary:rgba(var(--flx-blue-dark-rgb),0.15);--color-secondary-hover:rgba(var(--flx-blue-dark-rgb),0.25);--color-secondary-active:rgba(var(--flx-blue-dark-rgb),0.3);--color-border:#777c7c4d;--color-border-light:#777c7c26;--color-card-border:#777c7c33;--color-btn-primary-text:#fff;--color-focus-ring:rgba(var(--flx-blue-dark-rgb),0.4)}}[data-color-scheme=dark]{--color-background:#1f2120;--color-surface:#252525;--color-text:#f5f5f5;--color-text-secondary:#a7a9a9;--color-primary:var(--flx-blue-dark);--color-primary-hover:var(--flx-blue-dark-hover);--color-primary-active:var(--flx-blue-dark-active);--color-secondary:rgba(var(--flx-blue-dark-rgb),0.15);--color-secondary-hover:rgba(var(--flx-blue-dark-rgb),0.25);--color-secondary-active:rgba(var(--flx-blue-dark-rgb),0.3);--color-border:#777c7c4d;--color-border-light:#777c7c26;--color-card-border:#777c7c33;--color-btn-primary-text:#fff;--color-focus-ring:rgba(var(--flx-blue-dark-rgb),0.4)}[data-color-scheme=light]{--color-background:#f5f7ff;--color-surface:#fff;--color-text:#1f2120;--color-text-secondary:#626c73;--color-primary:var(--flx-blue);--color-primary-hover:var(--flx-blue-hover);--color-primary-active:var(--flx-blue-active);--color-secondary:rgba(var(--flx-blue-rgb),0.08);--color-secondary-hover:rgba(var(--flx-blue-rgb),0.12);--color-secondary-active:rgba(var(--flx-blue-rgb),0.16);--color-border:#5e52401f;--color-border-light:#5e524014;--color-card-border:#5e52401f;--color-btn-primary-text:#fff;--color-focus-ring:rgba(var(--flx-blue-rgb),0.4)}html{-webkit-font-smoothing:antialiased;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);scroll-behavior:smooth}body,html{background-color:#f5f7ff;background-color:var(--color-background);color:#1f2120;color:var(--color-text)}body{margin:0;min-height:100vh;padding:0;transition:background-color .25s cubic-bezier(.16,1,.3,1),color .25s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-normal) var(--ease-standard),color var(--duration-normal) var(--ease-standard);width:100%}*,:after,:before{box-sizing:border-box}#root{width:100%}#root,.App{min-height:100vh}.App{background-color:#f5f7ff;background-color:var(--color-background);transition:background-color .25s cubic-bezier(.16,1,.3,1);transition:background-color var(--duration-normal) var(--ease-standard)}h1,h2,h3,h4,h5,h6{color:#1f2120;color:var(--color-text);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);line-height:1.2;line-height:var(--line-height-tight);margin:0}h1{font-size:32px;font-size:var(--font-size-4xl);margin-bottom:16px;margin-bottom:var(--space-16)}h2{font-size:24px;font-size:var(--font-size-3xl)}h2,h3{margin-bottom:12px;margin-bottom:var(--space-12)}h3{font-size:20px;font-size:var(--font-size-2xl)}h4{font-size:18px;font-size:var(--font-size-xl)}h4,h5{margin-bottom:8px;margin-bottom:var(--space-8)}h5{font-size:16px;font-size:var(--font-size-lg)}h6{font-size:14px;font-size:var(--font-size-md);margin-bottom:6px;margin-bottom:var(--space-6)}p{line-height:1.5;line-height:var(--line-height-normal);margin:0 0 16px;margin:0 0 var(--space-16) 0}a{color:#5c67f2;color:var(--color-primary);text-decoration:none;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:#4a52d9;color:var(--color-primary-hover)}a:focus-visible{outline:2px solid #5c67f2;outline:var(--focus-outline);outline-offset:2px}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);font-weight:500;font-weight:var(--font-weight-medium);justify-content:center;line-height:1.5;min-height:44px;padding:8px 16px;padding:var(--space-8) var(--space-16);text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.btn:focus-visible{box-shadow:0 0 0 3px #5c67f266;box-shadow:var(--focus-ring);outline:none}.btn--primary{background:#5c67f2;background:var(--color-primary);color:#fff;color:var(--color-btn-primary-text)}.btn--primary:hover{background:#4a52d9;background:var(--color-primary-hover)}.btn--primary:active{background:#3a42c9;background:var(--color-primary-active)}.btn--secondary{background:#5c67f214;background:var(--color-secondary);color:#1f2120;color:var(--color-text)}.btn--secondary:hover{background:#5c67f21f;background:var(--color-secondary-hover)}.btn--secondary:active{background:#5c67f229;background:var(--color-secondary-active)}.btn--outline{background:#0000;border:1px solid #5e52401f;border:1px solid var(--color-border);color:#1f2120;color:var(--color-text)}.btn--outline:hover{background:#5c67f214;background:var(--color-secondary)}.btn--sm{font-size:12px;font-size:var(--font-size-sm);min-height:36px;padding:4px 12px;padding:var(--space-4) var(--space-12)}.btn--lg{font-size:16px;font-size:var(--font-size-lg);min-height:48px;padding:10px 20px;padding:var(--space-10) var(--space-20)}.btn--full-width{width:100%}.btn:disabled{cursor:not-allowed;opacity:.5}.form-control{background-color:#fff;background-color:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#1f2120;color:var(--color-text);display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-md);line-height:1.5;padding:8px 12px;padding:var(--space-8) var(--space-12);transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);width:100%}.form-control:focus{border-color:#5c67f2;border-color:var(--color-primary);box-shadow:0 0 0 3px #5c67f266;box-shadow:var(--focus-ring);outline:2px solid #5c67f2;outline:var(--focus-outline)}.form-control:disabled{cursor:not-allowed;opacity:.5}textarea.form-control{min-height:120px;resize:vertical}.form-label{color:#1f2120;color:var(--color-text);display:block;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:8px;margin-bottom:var(--space-8)}.form-group{margin-bottom:16px;margin-bottom:var(--space-16)}.card{background-color:#fff;background-color:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.card:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.card__body,.card__footer,.card__header{padding:16px;padding:var(--space-16)}.card__footer,.card__header{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border)}.status{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:6px 12px;padding:var(--space-6) var(--space-12)}.status--success{background-color:#22c55e26;background-color:rgba(var(--color-success-rgb),.15);border:1px solid #22c55e40;border:1px solid rgba(var(--color-success-rgb),.25);color:#22c55e;color:var(--color-success)}.status--error{background-color:#ef444426;background-color:rgba(var(--color-error-rgb),.15);border:1px solid #ef444440;border:1px solid rgba(var(--color-error-rgb),.25);color:#ef4444;color:var(--color-error)}.status--warning{background-color:#f59e0b26;background-color:rgba(var(--color-warning-rgb),.15);border:1px solid #f59e0b40;border:1px solid rgba(var(--color-warning-rgb),.25);color:#f59e0b;color:var(--color-warning)}.status--info{background-color:#0284c726;background-color:rgba(var(--color-info-rgb),.15);border:1px solid #0284c740;border:1px solid rgba(var(--color-info-rgb),.25);color:#0284c7;color:var(--color-info)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f5f7ff;background:var(--color-background)}::-webkit-scrollbar-thumb{background:#5e52401f;background:var(--color-border);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#626c73;background:var(--color-text-secondary)}@media (max-width:768px){h1{font-size:24px;font-size:var(--font-size-3xl)}h2{font-size:20px;font-size:var(--font-size-2xl)}h3{font-size:18px;font-size:var(--font-size-xl)}}@media (max-width:480px){html{font-size:14px;font-size:var(--font-size-base)}h1{font-size:20px;font-size:var(--font-size-2xl);margin-bottom:12px;margin-bottom:var(--space-12)}h2{font-size:18px;font-size:var(--font-size-xl);margin-bottom:10px;margin-bottom:var(--space-10)}h3{font-size:16px;font-size:var(--font-size-lg);margin-bottom:8px;margin-bottom:var(--space-8)}.btn{font-size:12px;font-size:var(--font-size-sm);min-height:40px;padding:6px 12px;padding:var(--space-6) var(--space-12)}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid #5c67f2;outline:var(--focus-outline);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.loading-screen{align-items:center;background-color:#f5f7ff;background-color:var(--color-background);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #5e52401f;border-top:4px solid #5c67f2;border:4px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--flx-blue);height:40px;width:40px}[data-color-scheme=dark] .loading-spinner{border-top-color:#7b85ff;border-top-color:var(--flx-blue-dark)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:#626c73;color:var(--color-text-secondary);font-size:16px;font-size:var(--font-size-lg);font-weight:500;font-weight:var(--font-weight-medium)}.error-screen{align-items:center;background-color:#f5f7ff;background-color:var(--color-background);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:32px;text-align:center}.error-screen h2{color:#ef4444;color:var(--color-error);margin-bottom:16px}.error-screen p,.verifying-text{color:#626c73;color:var(--color-text-secondary)}.verifying-text{align-items:center;background-color:#f5f7ff;background-color:var(--color-background);display:flex;font-size:16px;font-size:var(--font-size-lg);justify-content:center;min-height:100vh}.app-content{margin:0 auto;max-width:1200px;min-height:100vh;padding:80px 16px 100px}.app-hero{margin-bottom:48px;padding:32px 16px;text-align:center}.app-title{color:#5c67f2;color:var(--flx-blue);font-size:48px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 16px}[data-color-scheme=dark] .app-title{color:#7b85ff;color:var(--flx-blue-dark)}.app-subtitle{color:#626c73;color:var(--color-text-secondary);font-size:18px;line-height:1.6;margin:0 auto;max-width:800px}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:900px}.feature-card{align-items:center;background-color:#fff;background-color:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:32px 24px;text-align:center;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1)}.feature-card:hover{border-color:#5c67f2;border-color:var(--flx-blue);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md);transform:translateY(-4px)}[data-color-scheme=dark] .feature-card:hover{border-color:#7b85ff;border-color:var(--flx-blue-dark)}.feature-card:active{transform:translateY(-2px)}.feature-card-emoji{font-size:48px;line-height:1;margin-bottom:16px}.feature-card-title{color:#5c67f2;color:var(--flx-blue);font-size:18px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}[data-color-scheme=dark] .feature-card-title{color:#7b85ff;color:var(--flx-blue-dark)}.feature-card-description{color:#626c73;color:var(--color-text-secondary);font-size:14px;line-height:1.5}.notice-box{background-color:#fff;background-color:var(--color-surface);border:2px solid #5c67f2;border:2px solid var(--flx-blue);border-radius:12px;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);margin-bottom:32px;padding:24px}[data-color-scheme=dark] .notice-box{background-color:#7b85ff0d;background-color:rgba(var(--flx-blue-dark-rgb),.05);border-color:#7b85ff;border-color:var(--flx-blue-dark)}.notice-box h3{color:#5c67f2;color:var(--flx-blue);font-size:20px;font-weight:600;margin:0 0 12px}[data-color-scheme=dark] .notice-box h3{color:#7b85ff;color:var(--flx-blue-dark)}.notice-box p{color:#1f2120;color:var(--color-text);font-size:14px;line-height:1.6;margin:0}.notice-box strong{color:#5c67f2;color:var(--flx-blue);font-weight:600}[data-color-scheme=dark] .notice-box strong{color:#7b85ff;color:var(--flx-blue-dark)}.app-footer{border-top:1px solid #5e52401f;border-top:1px solid var(--color-card-border);margin-top:48px;padding:32px 16px;text-align:center}.app-footer p{color:#626c73;color:var(--color-text-secondary);font-size:12px;margin:4px 0}@media (max-width:768px){.app-content,.app-hero{padding:24px 12px}.app-hero{margin-bottom:32px}.app-title{font-size:36px}.app-subtitle{font-size:16px}.features-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.feature-card{min-height:180px;padding:24px 16px}.feature-card-emoji{font-size:40px;margin-bottom:12px}.feature-card-title{font-size:16px}.feature-card-description{font-size:13px}.notice-box{margin-bottom:24px;padding:20px}.notice-box h3{font-size:18px}.notice-box p{font-size:13px}}@media (max-width:480px){.app-content,.app-hero{padding:16px 8px}.app-hero{margin-bottom:24px}.app-title{font-size:28px;margin-bottom:12px}.app-subtitle{font-size:14px}.features-grid{gap:12px;grid-template-columns:1fr;margin-bottom:24px}.feature-card{min-height:160px;padding:20px 12px}.feature-card-emoji{font-size:36px;margin-bottom:10px}.feature-card-title{font-size:15px;margin-bottom:6px}.feature-card-description{font-size:12px}.notice-box{margin-bottom:20px;padding:16px}.notice-box h3{font-size:16px;margin-bottom:8px}.notice-box p{font-size:12px}.app-footer{margin-top:32px;padding:24px 8px}.app-footer p{font-size:11px}}
/*# sourceMappingURL=main.02d7ecbd.css.map*/