@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;700&family=Quicksand:wght@400;600;700&family=Cairo:wght@400;600;700&family=JetBrains+Mono:wght@400;700&display=swap";.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000a;z-index:999;display:flex;align-items:flex-start;justify-content:center;padding-block-start:10vh}.palette-modal{inline-size:min(92vw,36rem);background:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;box-shadow:0 24px 64px #0009}.palette-input{inline-size:100%;padding:.85rem 1rem;border:none;border-block-end:1px solid var(--color-border);background:transparent;color:var(--color-text);font-size:1rem;outline:none}.palette-input::placeholder{color:var(--color-text-muted)}.palette-list{max-block-size:60vh;overflow-y:auto}.palette-item{display:flex;align-items:center;gap:.6rem;inline-size:100%;padding:.65rem 1rem;border:none;background:none;color:var(--color-text);cursor:pointer;text-align:start;font-size:.9rem}.palette-item:hover,.palette-item.focused{background:var(--color-surface-hover)}.palette-item.focused{color:var(--color-turquoise)}.palette-icon{font-size:1rem;flex-shrink:0}.palette-label{flex:1}.palette-shortcut{font-size:.7rem;background:var(--color-border);padding:.1rem .4rem;border-radius:.2rem;font-family:var(--font-code);color:var(--color-text-muted)}.palette-empty{padding:1.2rem;text-align:center;color:var(--color-text-muted);font-size:.85rem}.bottom-nav{display:flex;align-items:stretch;block-size:var(--nav-height);background:var(--color-surface);border-block-start:1px solid var(--color-border);flex-shrink:0;padding-block-end:env(safe-area-inset-bottom)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;border:none;background:none;color:var(--color-text-muted);cursor:pointer;padding-block:.4rem;position:relative;transition:color .15s;-webkit-tap-highlight-color:transparent}.nav-item.active{color:var(--color-turquoise)}.nav-item.active:before{content:"";position:absolute;inset-block-start:0;inset-inline:20%;block-size:2px;background:var(--color-turquoise);border-radius:0 0 2px 2px}.nav-item:hover:not(.active){color:var(--color-text)}.nav-icon{font-size:1.1rem;line-height:1}.nav-label{font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.toast-container{position:fixed;inset-block-end:calc(var(--nav-height) + .75rem);inset-inline-end:.75rem;display:flex;flex-direction:column;gap:.4rem;z-index:999;pointer-events:none}.toast{display:flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:.4rem;font-size:.82rem;font-weight:600;box-shadow:0 4px 16px #0005;animation:toast-in .2s ease;max-inline-size:20rem}@keyframes toast-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}.toast--info{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.toast--success{background:#16a34a22;border:1px solid var(--color-success);color:var(--color-success)}.toast--error{background:#dc262622;border:1px solid var(--color-error);color:var(--color-error)}.toast--warn{background:#d9770622;border:1px solid var(--color-warn);color:var(--color-warn)}.toast-icon{font-size:.9rem;flex-shrink:0}.toast-msg{flex:1}.install-prompt{position:fixed;inset-block-end:calc(var(--nav-height) + env(safe-area-inset-bottom) + .75rem);inset-inline-end:.75rem;padding:.5rem .85rem;border-radius:999px;border:1px solid var(--color-turquoise);background:var(--color-surface);color:var(--color-turquoise);font-weight:700;font-size:.78rem;cursor:pointer;box-shadow:0 2px 8px #00000040;z-index:50;-webkit-tap-highlight-color:transparent}.install-prompt:hover{background:#40e0d015}.install-prompt:active{transform:scale(.96)}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3, .75rem);block-size:100%;padding:var(--space-4, 1rem);background:var(--canvas-base, #0D1F1E);color:var(--text-primary, #f0f6fc);text-align:center}.error-boundary__icon{font-size:2.5rem}.error-boundary__title{font-size:var(--text-xl, 1.25rem);font-weight:800;margin:0}.error-boundary__message{font-family:var(--font-mono, monospace);font-size:var(--text-sm, .85rem);color:var(--text-muted, #8b9ea0);max-inline-size:40ch;word-break:break-word}.error-boundary__reload{padding:var(--space-2, .5rem) var(--space-4, 1rem);background:var(--color-primary, #40E0D0);color:#0d1f1e;border:none;border-radius:var(--radius-md, .5rem);font-weight:700;cursor:pointer}.error-boundary__reload:hover{opacity:.9}:root,[data-theme=default]{--color-canvas: #0D1F1E;--color-surface: #162A28;--color-surface-hover: #1e3a37;--color-border: #2a3f3d;--color-text: #f0f6fc;--color-text-muted: #8b9ea0;--color-turquoise: #40E0D0;--color-yellow: #FFFF80;--color-purple: #800080;--color-error: #ef4444;--color-warn: #f59e0b;--color-success: #22c55e;--font-display: "Comfortaa", sans-serif;--font-body: "Quicksand", sans-serif;--font-code: "JetBrains Mono", monospace;--radius: .375rem;--nav-height: 3.5rem}[data-theme=light]{--color-canvas:#f8fafc;--color-surface:#ffffff;--color-surface-hover:#f1f5f9;--color-border:#e2e8f0;--color-text:#0f172a;--color-text-muted:#64748b;--color-turquoise:#0891b2;--color-yellow:#d97706;--color-purple:#7c3aed}[data-theme=protanopia]{--color-canvas:#0D1F1E;--color-surface:#162A28;--color-border:#2a3f3d;--color-text:#f0f6fc;--color-text-muted:#8b9ea0;--color-turquoise:#60a5fa;--color-yellow:#fcd34d;--color-purple:#818cf8;--color-error:#fbbf24;--color-success:#60a5fa}[data-theme=deuteranopia]{--color-canvas:#0D1F1E;--color-surface:#162A28;--color-border:#2a3f3d;--color-text:#f0f6fc;--color-text-muted:#8b9ea0;--color-turquoise:#93c5fd;--color-yellow:#fcd34d;--color-purple:#c4b5fd;--color-error:#fbbf24;--color-success:#93c5fd}[data-theme=tritanopia]{--color-canvas:#0D1F1E;--color-surface:#162A28;--color-border:#2a3f3d;--color-text:#f0f6fc;--color-text-muted:#8b9ea0;--color-turquoise:#f87171;--color-yellow:#a78bfa;--color-purple:#f472b6;--color-error:#f87171;--color-success:#a78bfa}[data-theme=hc-aaa]{--color-canvas:#000000;--color-surface:#0a0a0a;--color-surface-hover:#1a1a1a;--color-border:#ffffff;--color-text:#ffffff;--color-text-muted:#cccccc;--color-turquoise:#00ffff;--color-yellow:#ffff00;--color-purple:#ff00ff;--color-error:#ff4444;--color-success:#00ff00}[data-theme=hc-light]{--color-canvas:#ffffff;--color-surface:#f5f5f5;--color-surface-hover:#eeeeee;--color-border:#000000;--color-text:#000000;--color-text-muted:#333333;--color-turquoise:#005f5f;--color-yellow:#5f4f00;--color-purple:#5f005f;--color-error:#cc0000;--color-success:#005f00}[data-theme=grayscale]{--color-canvas:#111111;--color-surface:#1e1e1e;--color-surface-hover:#2a2a2a;--color-border:#444444;--color-text:#eeeeee;--color-text-muted:#888888;--color-turquoise:#cccccc;--color-yellow:#aaaaaa;--color-purple:#999999;--color-error:#bbbbbb;--color-success:#dddddd}:root,[data-theme=default]{--srvel-turquoise: #40E0D0;--srvel-yellow: #FFFF80;--srvel-purple: #800080;--color-primary: var(--color-turquoise);--color-primary-hover:#33bdb0;--color-accent: var(--color-yellow);--color-danger: var(--color-error);--color-warning: var(--color-warn);--canvas-base: var(--color-canvas);--canvas-surface: var(--color-surface);--canvas-raised: #1e3a37;--canvas-hover: var(--color-surface-hover);--canvas-active: rgba(64,224,208,.12);--canvas-border: var(--color-border);--text-primary: var(--color-text);--text-secondary: #c8e6e4;--text-muted: var(--color-text-muted);--text-on-primary: #0D1F1E;--font-mono: var(--font-code);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-full: 9999px;--transition-fast: .12s ease;--color-success: #51CF66;--nav-bg: var(--color-surface);--nav-icon-active: var(--color-turquoise)}[data-theme=high-contrast]{--color-primary: #00ffff;--canvas-base: #000;--canvas-border: #fff;--text-primary: #fff;--canvas-surface: #0a0a0a;--canvas-raised: #111}[data-theme=high-contrast-light]{--color-primary: #005f5f;--canvas-base: #fff;--canvas-border: #000;--text-primary: #000;--canvas-surface: #f5f5f5;--canvas-raised: #eee}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{block-size:100%;inline-size:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--color-canvas);color:var(--color-text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation}:lang(ar) body{font-family:Cairo,sans-serif;direction:rtl}.app-root{display:flex;flex-direction:column;block-size:100%;overflow:hidden}.app-main{flex:1;overflow:hidden;position:relative}::-webkit-scrollbar{inline-size:4px;block-size:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}button,input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--color-turquoise);outline-offset:2px}a{color:var(--color-turquoise)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(.15rem)}to{opacity:1;transform:translateY(0)}}.panel-enter{animation:fadeIn .15s ease-out}