body{font-family:Tajawal,sans-serif;scroll-behavior:smooth;background-color:var(--color-bg-main);color:var(--color-text-primary);background-image:linear-gradient(to bottom right,var(--color-bg-gradient-from),var(--color-bg-gradient-via),var(--color-bg-gradient-to));transition:background-color calc(.3s * var(--animation-speed-multiplier, 1)) ease-out,color calc(.3s * var(--animation-speed-multiplier, 1)) ease-out}:root{--color-bg-gradient-from: #3730a3;--color-bg-gradient-via: #7e22ce;--color-bg-gradient-to: #0f172a;--color-bg-main: #0f172a;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-text-muted: #64748b;--color-text-accent: #c084fc;--color-text-button-primary: #ffffff;--color-title-accent: var(--color-text-primary);--color-goal-percentage-text: #FFFFFF;--color-progress-ring-line1-text: #cbd5e1;--color-progress-ring-line2-text: #94a3b8;--color-goal-label-text: var(--color-text-secondary);--color-goal-date-label-text: var(--color-text-primary);--color-goal-date-value-text: var(--color-text-secondary);--color-goal-value-unit-text: var(--color-text-tertiary);--color-goal-time-remaining-text: var(--color-progress-ring-line1-text);--color-accent-primary: #8b5cf6;--color-accent-primary-hover: #7c3aed;--color-accent-secondary: #4f46e5;--color-accent-secondary-hover: #4338ca;--color-positive: #22c55e;--color-positive-hover: #16a34a;--color-positive-text: #ffffff;--color-positive-bg-subtle: rgba(34, 197, 94, .2);--color-negative: #ef4444;--color-negative-hover: #dc2626;--color-negative-text: #ffffff;--color-warning: #f59e0b;--color-warning-text: #ffffff;--color-info: #3b82f6;--color-info-text: #ffffff;--color-border-primary: rgba(100, 116, 139, .5);--color-border-input: rgba(100, 116, 139, .7);--color-border-focus: var(--color-accent-primary);--color-card-bg: rgba(255, 255, 255, .1);--color-card-bg-settings: rgba(30, 41, 59, .7);--color-card-hover-shadow: rgba(139, 92, 246, .3);--color-modal-backdrop: rgba(0, 0, 0, .6);--color-modal-bg: rgba(255, 255, 255, .1);--color-modal-content-bg: rgba(30, 41, 59, .9);--color-input-bg: rgba(51, 65, 85, .8);--color-input-placeholder: var(--color-text-tertiary);--color-header-bg: rgba(79, 70, 229, .8);--color-header-text-icon: var(--color-text-button-primary);--color-sidebar-bg: rgba(255, 255, 255, .1);--color-scrollbar-track: #1e293b;--color-scrollbar-thumb: #4a5568;--color-scrollbar-thumb-hover: #718096;--color-progressbar-track: #4b5563;--color-status-very-excellent-text: #6ee7b7;--color-status-very-excellent-bg: rgba(16, 185, 129, .6)}body[data-theme=skyblue] .themeable-card{color:#fff6e9}body[data-theme=skyblue] .themeable-card h3,body[data-theme=skyblue] .themeable-card .text-\[var\(--color-text-primary\)\]{color:#fff6e9!important}body[data-theme=skyblue] .themeable-card .text-\[var\(--color-text-secondary\)\]{color:#e0f2f7!important}body[data-theme=skyblue] .themeable-card .text-\[var\(--color-text-tertiary\)\]{color:#d0eaf0!important}body[data-theme=skyblue] .themeable-card .text-\[var\(--color-text-muted\)\]{color:#b0d8e0!important}body[data-theme=skyblue] .themeable-card .text-\[var\(--color-text-accent\)\]{color:#bbe2ec!important}body[data-theme=skyblue] .themeable-card p,body[data-theme=skyblue] .themeable-card span:not([class*=bg-]){color:inherit}body[data-theme=white] h2{color:var(--color-title-accent)}body[data-theme=white] .settings-collapsible-title-button{color:var(--color-title-accent)!important}body[data-theme=white] .settings-collapsible-title-button .collapsible-chevron{color:var(--color-text-tertiary)}body[data-theme=white] .themeable-card{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}body[data-theme=white] .view-title{color:var(--color-title-accent)}body[data-theme=white] .app-header-interactive-element{color:var(--color-header-text-icon)}body[data-theme=white] .app-header-interactive-element:hover{color:var(--color-accent-primary-hover)}body[data-theme=white] .app-header-profile-icon-container>div{background-image:none!important}body[data-theme=white] .app-header-profile-icon-container svg{color:var(--color-text-button-primary);background-color:var(--color-text-button-primary);border-radius:50%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.book-cover-placeholder{background-color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:.75rem;text-align:center;line-height:1.2}.modal-scrollbar::-webkit-scrollbar{width:2px;background-color:transparent!important;border:none!important;box-shadow:none!important;transition:width calc(.2s * var(--animation-speed-multiplier, 1)) ease-in-out}.modal-scrollbar:hover::-webkit-scrollbar{width:8px}.fading-scroll-edges{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 10%,black 90%,transparent 100%)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleInCenter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn calc(.3s * var(--animation-speed-multiplier, 1)) ease-out forwards}.animate-fade-in-up{animation:fadeInUp calc(.4s * var(--animation-speed-multiplier, 1)) ease-out forwards}.animate-scale-in-center{animation:scaleInCenter calc(.3s * var(--animation-speed-multiplier, 1)) ease-out forwards}.modal-backdrop-enter{opacity:0}.modal-backdrop-enter-active{opacity:1;transition:opacity calc(.3s * var(--animation-speed-multiplier, 1)) ease-out}.modal-backdrop-exit{opacity:1}.modal-backdrop-exit-active{opacity:0;transition:opacity calc(.2s * var(--animation-speed-multiplier, 1)) ease-in}.modal-content-enter{opacity:0;transform:scale(.95) translateY(20px)}.modal-content-enter-active{opacity:1;transform:scale(1) translateY(0);transition:opacity calc(.3s * var(--animation-speed-multiplier, 1)) ease-out,transform calc(.3s * var(--animation-speed-multiplier, 1)) ease-out}.modal-content-exit{opacity:1;transform:scale(1) translateY(0)}.modal-content-exit-active{opacity:0;transform:scale(.95) translateY(20px);transition:opacity calc(.2s * var(--animation-speed-multiplier, 1)) ease-in,transform calc(.2s * var(--animation-speed-multiplier, 1)) ease-in}.view-enter{opacity:0;transform:translateY(15px)}.view-enter-active{opacity:1;transform:translateY(0);transition:opacity calc(.25s * var(--animation-speed-multiplier, 1)) ease-out,transform calc(.25s * var(--animation-speed-multiplier, 1)) ease-out}.list-item-stagger{opacity:0;transform:translateY(10px);animation:fadeInUp calc(.4s * var(--animation-speed-multiplier, 1)) ease-out forwards}body[data-reduce-motion=true] *,body[data-animations-enabled=false] *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.toggle-switch{position:relative;display:inline-block;width:40px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-text-muted);transition:calc(.3s * var(--animation-speed-multiplier, 1));border-radius:20px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:calc(.3s * var(--animation-speed-multiplier, 1));border-radius:50%}input:checked+.slider{background-color:var(--color-accent-primary)}input:focus+.slider{box-shadow:0 0 1px var(--color-accent-primary)}input:checked+.slider:before{transform:translate(20px)}.collapsible-content{max-height:1000px;overflow:hidden;opacity:1;padding-top:1rem;padding-bottom:.25rem;transition:max-height calc(.5s * var(--animation-speed-multiplier, 1)) cubic-bezier(.25,.1,.25,1),opacity calc(.3s * var(--animation-speed-multiplier, 1)) ease-in-out calc(.1s * var(--animation-speed-multiplier, 1)),padding-top calc(.3s * var(--animation-speed-multiplier, 1)) ease-in-out,padding-bottom calc(.3s * var(--animation-speed-multiplier, 1)) ease-in-out}.collapsible-content.collapsed{max-height:0!important;opacity:0!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden!important;transition:max-height calc(.3s * var(--animation-speed-multiplier, 1)) cubic-bezier(.6,0,.735,.045),opacity calc(.2s * var(--animation-speed-multiplier, 1)) ease-in-out}.collapsible-chevron{transition:transform calc(.3s * var(--animation-speed-multiplier, 1)) ease-in-out}.collapsible-chevron.collapsed{transform:rotate(-90deg)}.themeable-card{background-color:var(--color-card-bg);border-radius:.75rem;box-shadow:var(--shadow-card, 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06));color:var(--color-text-primary)}