*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--md-sys-color-surface: #131318;--md-sys-color-surface-container: #1d1b20;--md-sys-color-surface-container-low: #1a1a1f;--md-sys-color-surface-container-high: #2b2930;--md-sys-color-surface-container-highest: #363440;--md-sys-color-on-surface: #e6e0e9;--md-sys-color-on-surface-variant: #cac4d0;--md-sys-color-outline: #49454f;--md-sys-color-outline-variant: #322f35;--md-sys-color-primary: #c8c5c9;--md-sys-color-on-primary: #1d1b20;--md-sys-color-primary-container: #3a383d;--md-sys-color-secondary: #ccc2dc;--md-sys-color-tertiary: #efb8c8;--md-sys-color-error: #f2b8b5;--md-sys-color-inverse-surface: #e6e0e9;--gradient-warm: linear-gradient(135deg, #f97316, #ef4444, #ec4899);--gradient-cool: linear-gradient(135deg, #6366f1, #8b5cf6, #a855f7);--gradient-vivid: linear-gradient(135deg, #f97316, #ef4444, #ec4899, #8b5cf6, #6366f1);--gradient-ocean: linear-gradient(135deg, #06b6d4, #3b82f6, #8b5cf6);--gradient-brand: linear-gradient(135deg, #d0bcff, #efb8c8, #f9a87a);--bg-primary: var(--md-sys-color-surface);--bg-secondary: var(--md-sys-color-surface-container);--bg-panel: var(--md-sys-color-surface-container-high);--bg-input: var(--md-sys-color-surface-container-low);--border: var(--md-sys-color-outline-variant);--border-focus: var(--md-sys-color-primary);--text-primary: var(--md-sys-color-on-surface);--text-secondary: var(--md-sys-color-on-surface-variant);--text-muted: var(--md-sys-color-outline);--accent: var(--md-sys-color-primary);--accent-hover: #dddadf;--accent-glow: rgba(200, 197, 201, .2);--success: #a8db8f;--error: var(--md-sys-color-error);--warning: #f9d67a;--md-sys-shape-corner-full: 9999px;--md-sys-shape-corner-xl: 28px;--md-sys-shape-corner-lg: 16px;--md-sys-shape-corner-md: 12px;--md-sys-shape-corner-sm: 8px;--md-sys-shape-corner-xs: 4px;--md-sys-typescale-display-font: "Roboto Flex", "Roboto", sans-serif;--md-sys-typescale-body-font: "Roboto Flex", "Roboto", sans-serif;--md-sys-typescale-mono-font: "Roboto Mono", monospace;--md-sys-typescale-serif-font: "Roboto Serif", serif}[data-mode=light]{--md-sys-color-surface: #fef7ff;--md-sys-color-surface-container: #f3edf7;--md-sys-color-surface-container-low: #f7f2fa;--md-sys-color-surface-container-high: #ece6f0;--md-sys-color-surface-container-highest: #e6e0e9;--md-sys-color-on-surface: #1d1b20;--md-sys-color-on-surface-variant: #49454f;--md-sys-color-outline: #79747e;--md-sys-color-outline-variant: #cac4d0;--md-sys-color-primary: #5e5d62;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #e2e0e4;--md-sys-color-secondary: #625b71;--md-sys-color-tertiary: #7d5260;--md-sys-color-error: #b3261e;--md-sys-color-inverse-surface: #322f35;--gradient-warm: linear-gradient(135deg, #dc2626, #c026d3, #9333ea);--gradient-cool: linear-gradient(135deg, #4f46e5, #7c3aed, #9333ea);--gradient-vivid: linear-gradient(135deg, #ea580c, #dc2626, #c026d3, #7c3aed, #4f46e5);--gradient-ocean: linear-gradient(135deg, #0891b2, #2563eb, #7c3aed);--gradient-brand: linear-gradient(135deg, #6750a4, #7d5260, #c77a3e);--accent-hover: #48474b;--accent-glow: rgba(94, 93, 98, .15);--success: #4caf50;--error: var(--md-sys-color-error);--warning: #f9a825}[data-theme=cyberpunk]{--md-sys-color-surface: #0a0a12;--md-sys-color-surface-container: #12111a;--md-sys-color-surface-container-low: #0e0e16;--md-sys-color-surface-container-high: #1a1926;--md-sys-color-surface-container-highest: #242333;--md-sys-color-on-surface: #e0dfe6;--md-sys-color-on-surface-variant: #b0afb8;--md-sys-color-outline: #4a4958;--md-sys-color-outline-variant: #2e2d3a;--md-sys-color-primary: #ff2d95;--md-sys-color-on-primary: #1a0010;--md-sys-color-primary-container: #5c0035;--md-sys-color-secondary: #ff2d95;--md-sys-color-tertiary: #00f0ff;--md-sys-color-error: #ff4466;--md-sys-color-inverse-surface: #e0dfe6;--accent-hover: #ff5aaf;--accent-glow: rgba(255, 45, 149, .25);--success: #00ff88;--warning: #ffdd00}[data-theme=synthwave]{--md-sys-color-surface: #1a0a2e;--md-sys-color-surface-container: #2d1450;--md-sys-color-surface-container-low: #220e3e;--md-sys-color-surface-container-high: #3a1a66;--md-sys-color-surface-container-highest: #481f7a;--md-sys-color-on-surface: #f0e6ff;--md-sys-color-on-surface-variant: #c9b8e8;--md-sys-color-outline: #5e4a80;--md-sys-color-outline-variant: #3d2a5c;--md-sys-color-primary: #ff6b35;--md-sys-color-on-primary: #1a0800;--md-sys-color-primary-container: #6b2a10;--md-sys-color-secondary: #ff6b35;--md-sys-color-tertiary: #ffd700;--md-sys-color-error: #ff6666;--md-sys-color-inverse-surface: #f0e6ff;--accent-hover: #ff8a5c;--accent-glow: rgba(255, 107, 53, .25);--success: #88ff88;--warning: #ffd700}[data-theme=vaporwave]{--md-sys-color-surface: #1a1a2e;--md-sys-color-surface-container: #24243e;--md-sys-color-surface-container-low: #1e1e36;--md-sys-color-surface-container-high: #2e2e4a;--md-sys-color-surface-container-highest: #383858;--md-sys-color-on-surface: #e0e0fc;--md-sys-color-on-surface-variant: #b8b8e0;--md-sys-color-outline: #5858a0;--md-sys-color-outline-variant: #36366a;--md-sys-color-primary: #ff71ce;--md-sys-color-on-primary: #1a0018;--md-sys-color-primary-container: #6b2060;--md-sys-color-secondary: #ff71ce;--md-sys-color-tertiary: #01cdfe;--md-sys-color-error: #ff6b9d;--md-sys-color-inverse-surface: #e0e0fc;--accent-hover: #ff99dd;--accent-glow: rgba(255, 113, 206, .25);--success: #05ffa1;--warning: #fffb96}[data-theme=lava]{--md-sys-color-surface: #1a0505;--md-sys-color-surface-container: #2d0a0a;--md-sys-color-surface-container-low: #220808;--md-sys-color-surface-container-high: #3d0f0f;--md-sys-color-surface-container-highest: #4d1414;--md-sys-color-on-surface: #ffd5c2;--md-sys-color-on-surface-variant: #d4a088;--md-sys-color-outline: #804030;--md-sys-color-outline-variant: #4d2018;--md-sys-color-primary: #ff4500;--md-sys-color-on-primary: #1a0800;--md-sys-color-primary-container: #6b1c00;--md-sys-color-secondary: #ff4500;--md-sys-color-tertiary: #ffd700;--md-sys-color-error: #ff4444;--md-sys-color-inverse-surface: #ffd5c2;--accent-hover: #ff6a33;--accent-glow: rgba(255, 69, 0, .25);--success: #ff8c00;--warning: #ffd700}[data-theme=terminal-green]{--md-sys-color-surface: #0a0f0a;--md-sys-color-surface-container: #0d140d;--md-sys-color-surface-container-low: #0b110b;--md-sys-color-surface-container-high: #111a11;--md-sys-color-surface-container-highest: #152015;--md-sys-color-on-surface: #33ff33;--md-sys-color-on-surface-variant: #22aa22;--md-sys-color-outline: #1a661a;--md-sys-color-outline-variant: #0f3d0f;--md-sys-color-primary: #33ff33;--md-sys-color-on-primary: #001a00;--md-sys-color-primary-container: #0a3d0a;--md-sys-color-secondary: #33ff33;--md-sys-color-tertiary: #33ff33;--md-sys-color-error: #ff3333;--md-sys-color-inverse-surface: #33ff33;--accent-hover: #66ff66;--accent-glow: rgba(51, 255, 51, .2);--success: #33ff33;--warning: #33ff33}[data-theme=terminal-amber]{--md-sys-color-surface: #0f0a00;--md-sys-color-surface-container: #140d00;--md-sys-color-surface-container-low: #110b00;--md-sys-color-surface-container-high: #1a1400;--md-sys-color-surface-container-highest: #201a00;--md-sys-color-on-surface: #ffb000;--md-sys-color-on-surface-variant: #cc8d00;--md-sys-color-outline: #805800;--md-sys-color-outline-variant: #4d3500;--md-sys-color-primary: #ffb000;--md-sys-color-on-primary: #1a0e00;--md-sys-color-primary-container: #4d3500;--md-sys-color-secondary: #ffb000;--md-sys-color-tertiary: #ffb000;--md-sys-color-error: #ff4444;--md-sys-color-inverse-surface: #ffb000;--accent-hover: #ffc644;--accent-glow: rgba(255, 176, 0, .2);--success: #ffb000;--warning: #ffb000}[data-theme=terminal-blue]{--md-sys-color-surface: #000a14;--md-sys-color-surface-container: #001020;--md-sys-color-surface-container-low: #000d1a;--md-sys-color-surface-container-high: #001830;--md-sys-color-surface-container-highest: #002040;--md-sys-color-on-surface: #88ccff;--md-sys-color-on-surface-variant: #5599cc;--md-sys-color-outline: #336699;--md-sys-color-outline-variant: #1a3d66;--md-sys-color-primary: #00aaff;--md-sys-color-on-primary: #001020;--md-sys-color-primary-container: #003366;--md-sys-color-secondary: #00aaff;--md-sys-color-tertiary: #88ccff;--md-sys-color-error: #ff4466;--md-sys-color-inverse-surface: #88ccff;--accent-hover: #44bbff;--accent-glow: rgba(0, 170, 255, .2);--success: #00aaff;--warning: #88ccff}[data-theme=hacker]{--md-sys-color-surface: #000000;--md-sys-color-surface-container: #0a0a0a;--md-sys-color-surface-container-low: #050505;--md-sys-color-surface-container-high: #111111;--md-sys-color-surface-container-highest: #1a1a1a;--md-sys-color-on-surface: #00ff41;--md-sys-color-on-surface-variant: #00bb30;--md-sys-color-outline: #006618;--md-sys-color-outline-variant: #003d0f;--md-sys-color-primary: #00ff41;--md-sys-color-on-primary: #001a00;--md-sys-color-primary-container: #003d0f;--md-sys-color-secondary: #00ff41;--md-sys-color-tertiary: #00ff41;--md-sys-color-error: #ff0000;--md-sys-color-inverse-surface: #00ff41;--accent-hover: #44ff70;--accent-glow: rgba(0, 255, 65, .2);--success: #00ff41;--warning: #00ff41}[data-mode=light][data-theme=cyberpunk]{--md-sys-color-surface: #f8f0f5;--md-sys-color-surface-container: #f2e8ef;--md-sys-color-surface-container-low: #f5ecf2;--md-sys-color-surface-container-high: #efe6ed;--md-sys-color-surface-container-highest: #e8dce5;--md-sys-color-on-surface: #1a1020;--md-sys-color-on-surface-variant: #4a3858;--md-sys-color-outline: #8a7898;--md-sys-color-outline-variant: #d0c4d8;--md-sys-color-primary: #ff2d95;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #ffd6eb;--md-sys-color-secondary: #d41a78;--md-sys-color-tertiary: #0099aa;--md-sys-color-error: #b3261e;--md-sys-color-inverse-surface: #1a1020;--accent-hover: #ff5aaf;--accent-glow: rgba(255, 45, 149, .15);--success: #00884a;--warning: #b39200}[data-mode=light][data-theme=synthwave]{--md-sys-color-surface: #f5f0fa;--md-sys-color-surface-container: #f0e8f5;--md-sys-color-surface-container-low: #f2ecf8;--md-sys-color-surface-container-high: #ede4f5;--md-sys-color-surface-container-highest: #e5daed;--md-sys-color-on-surface: #1a0e20;--md-sys-color-on-surface-variant: #4a3460;--md-sys-color-outline: #7a6890;--md-sys-color-outline-variant: #d0c0e0;--md-sys-color-primary: #ff6b35;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #ffd8c8;--md-sys-color-secondary: #d45520;--md-sys-color-tertiary: #b39800;--md-sys-color-error: #b3261e;--md-sys-color-inverse-surface: #1a0e20;--accent-hover: #ff8a5c;--accent-glow: rgba(255, 107, 53, .15);--success: #4caf50;--warning: #b39800}[data-mode=light][data-theme=vaporwave]{--md-sys-color-surface: #f0f0fa;--md-sys-color-surface-container: #eae8f5;--md-sys-color-surface-container-low: #ededf8;--md-sys-color-surface-container-high: #e8e8f5;--md-sys-color-surface-container-highest: #e0e0ed;--md-sys-color-on-surface: #1a1a30;--md-sys-color-on-surface-variant: #3a3a60;--md-sys-color-outline: #6868a0;--md-sys-color-outline-variant: #c4c4e0;--md-sys-color-primary: #ff71ce;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #ffd6f0;--md-sys-color-secondary: #d45aaa;--md-sys-color-tertiary: #0099cc;--md-sys-color-error: #b3261e;--md-sys-color-inverse-surface: #1a1a30;--accent-hover: #ff99dd;--accent-glow: rgba(255, 113, 206, .15);--success: #05aa70;--warning: #b39800}[data-mode=light][data-theme=lava]{--md-sys-color-surface: #faf0ee;--md-sys-color-surface-container: #f5e8e4;--md-sys-color-surface-container-low: #f8ece8;--md-sys-color-surface-container-high: #f0e0da;--md-sys-color-surface-container-highest: #e8d5cc;--md-sys-color-on-surface: #1a0808;--md-sys-color-on-surface-variant: #5a2a20;--md-sys-color-outline: #906050;--md-sys-color-outline-variant: #d4b8b0;--md-sys-color-primary: #ff4500;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #ffd0c0;--md-sys-color-secondary: #cc3800;--md-sys-color-tertiary: #b39800;--md-sys-color-error: #b3261e;--md-sys-color-inverse-surface: #1a0808;--accent-hover: #ff6a33;--accent-glow: rgba(255, 69, 0, .15);--success: #cc6600;--warning: #b39800}[data-mode=light][data-theme=terminal-green]{--md-sys-color-surface: #f0f5f0;--md-sys-color-surface-container: #e8ede8;--md-sys-color-surface-container-low: #ecf2ec;--md-sys-color-surface-container-high: #e6ede6;--md-sys-color-surface-container-highest: #dce5dc;--md-sys-color-on-surface: #0a1a0a;--md-sys-color-on-surface-variant: #1a3a1a;--md-sys-color-outline: #558855;--md-sys-color-outline-variant: #b8d4b8;--md-sys-color-primary: #1a8a1a;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #c8e8c8;--md-sys-color-secondary: #1a8a1a;--md-sys-color-tertiary: #1a8a1a;--md-sys-color-error: #b3261e;--md-sys-color-inverse-surface: #0a1a0a;--accent-hover: #2aaa2a;--accent-glow: rgba(26, 138, 26, .15);--success: #1a8a1a;--warning: #1a8a1a}[data-mode=light][data-theme=terminal-amber]{--md-sys-color-surface: #f5f2eb;--md-sys-color-surface-container: #ede8df;--md-sys-color-surface-container-low: #f2ede4;--md-sys-color-surface-container-high: #e8e2d6;--md-sys-color-surface-container-highest: #e0d8ca;--md-sys-color-on-surface: #1a1000;--md-sys-color-on-surface-variant: #3a2800;--md-sys-color-outline: #887040;--md-sys-color-outline-variant: #d4c4a0;--md-sys-color-primary: #b07800;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #f0dca8;--md-sys-color-secondary: #b07800;--md-sys-color-tertiary: #b07800;--md-sys-color-error: #b3261e;--md-sys-color-inverse-surface: #1a1000;--accent-hover: #cc9020;--accent-glow: rgba(176, 120, 0, .15);--success: #b07800;--warning: #b07800}[data-mode=light][data-theme=terminal-blue]{--md-sys-color-surface: #eef4fa;--md-sys-color-surface-container: #e6ecf5;--md-sys-color-surface-container-low: #eaf0f8;--md-sys-color-surface-container-high: #e4ecf5;--md-sys-color-surface-container-highest: #d8e4ed;--md-sys-color-on-surface: #001830;--md-sys-color-on-surface-variant: #1a3860;--md-sys-color-outline: #4477aa;--md-sys-color-outline-variant: #b0c8e0;--md-sys-color-primary: #0077cc;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #c0ddf5;--md-sys-color-secondary: #0077cc;--md-sys-color-tertiary: #005599;--md-sys-color-error: #b3261e;--md-sys-color-inverse-surface: #001830;--accent-hover: #2299dd;--accent-glow: rgba(0, 119, 204, .15);--success: #0077cc;--warning: #005599}[data-mode=light][data-theme=hacker]{--md-sys-color-surface: #f0f5f0;--md-sys-color-surface-container: #e8ede8;--md-sys-color-surface-container-low: #ecf2ec;--md-sys-color-surface-container-high: #e6ede6;--md-sys-color-surface-container-highest: #dce5dc;--md-sys-color-on-surface: #001a00;--md-sys-color-on-surface-variant: #0a3a0a;--md-sys-color-outline: #448844;--md-sys-color-outline-variant: #b0d0b0;--md-sys-color-primary: #00aa2e;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #c0e8c8;--md-sys-color-secondary: #00aa2e;--md-sys-color-tertiary: #00aa2e;--md-sys-color-error: #cc0000;--md-sys-color-inverse-surface: #001a00;--accent-hover: #22cc50;--accent-glow: rgba(0, 170, 46, .15);--success: #00aa2e;--warning: #00aa2e}body{font-family:var(--md-sys-typescale-body-font);font-weight:400;font-size:14px;line-height:20px;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.gradient-text{background:var(--gradient-vivid);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-cool{background:var(--gradient-cool);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-warm{background:var(--gradient-warm);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-brand{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--md-sys-shape-corner-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}.fade-in{animation:fadeIn .3s cubic-bezier(.2,0,0,1)}.slide-up{animation:slideUp .5s cubic-bezier(.2,0,0,1)}.slide-in-right{animation:slideInRight .4s cubic-bezier(.2,0,0,1)}.pulse{animation:pulse 1.5s ease-in-out infinite}input[type=range]{-webkit-appearance:none;width:100%;height:4px;background:var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full);outline:none;transition:background .2s}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--accent);border-radius:50%;cursor:pointer;border:none;box-shadow:0 1px 3px #0000004d;transition:transform .15s cubic-bezier(.2,0,0,1)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);background:var(--accent-hover)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.3)}select,input[type=text],input[type=number]{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);padding:10px 14px;border-radius:var(--md-sys-shape-corner-sm);font-size:14px;line-height:20px;font-family:var(--md-sys-typescale-body-font);font-weight:400;outline:none;transition:border-color .2s,box-shadow .2s}select:focus,input[type=text]:focus,input[type=number]:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}input[type=color]{-webkit-appearance:none;border:2px solid var(--border);border-radius:var(--md-sys-shape-corner-md);width:40px;height:40px;cursor:pointer;padding:3px;background:var(--bg-input);transition:border-color .2s}input[type=color]:hover{border-color:var(--text-muted)}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--md-sys-shape-corner-sm)}button{font-family:var(--md-sys-typescale-body-font);font-weight:500;cursor:pointer;border:none;outline:none;transition:all .2s cubic-bezier(.2,0,0,1)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-glow)}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased}a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px var(--accent-glow)}input[type=range]:focus-visible{outline:none;box-shadow:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-glow),0 0 0 1px var(--accent)}.skip-to-content{position:absolute;top:-100px;left:16px;z-index:10000;padding:12px 24px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-radius:var(--md-sys-shape-corner-md);font-family:var(--md-sys-typescale-body-font);font-size:14px;font-weight:500;text-decoration:none;transition:top .2s}.skip-to-content:focus{top:16px}@media (pointer: coarse){input[type=range]::-webkit-slider-thumb{width:28px;height:28px}input[type=range]::-moz-range-thumb{width:28px;height:28px}input,select,textarea{min-height:44px}button{min-height:44px;min-width:44px}}@media (max-width: 767px){input,select{padding:12px 14px;font-size:16px}textarea{font-size:16px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-nav-safe{padding-bottom:env(safe-area-inset-bottom)}}