:root{--font-size-min:18px;--btn-min-size:44px;--contrast-ratio:4.5;--color-primary:#e8734a;--color-primary-light:#f0a07a;--color-primary-dark:#d4543a;--color-secondary:#4a90d9;--color-secondary-light:#7ab3e8;--color-secondary-bg:#3498db1a;--color-info:#3498db;--color-bg:#f5f8fc;--color-bg-secondary:#fff0eb;--color-text:#333;--color-text-light:#666;--color-text-lighter:#999;--color-text-inverse:#fff;--color-border:#e0d5cf;--color-border-light:#f0e8e3;--color-danger:#e74c3c;--color-danger-light:#f5b7b1;--color-success:#27ae60;--color-success-light:#a9dfbf;--color-warning:#f39c12;--color-warning-light:#f9d89c;--color-card:#fff;--color-card-shadow:#e8734a14;--color-overlay:#00000080;--color-accent:#44d8c8;--color-focus-ring:#e8734a26;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--font-size-xs:16px;--font-size-sm:18px;--font-size-md:22px;--font-size-lg:28px;--font-size-xl:36px;--font-size-xxl:48px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--line-height-tight:1.3;--line-height-normal:1.6;--line-height-relaxed:1.8;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 2px 12px var(--color-card-shadow);--shadow-lg:0 8px 32px #0000001f;--z-dropdown:10;--z-sticky:50;--z-nav:100;--z-overlay:500;--z-modal:1000;--z-toast:2000;--nav-height:70px;--perspective-angle:45deg;--perspective-origin:50% 50%;--perspective-distance:1200px;--depth-btn:4px;--depth-card:5px;--depth-modal:6px;--depth-nav:5px;--depth-tag:4px;--depth-input:5px;--light-angle:135deg;--highlight-opacity:.14;--highlight-color:rgba(255, 255, 255, var(--highlight-opacity));--shadow-2d5d-color:#e8734a2e;--shadow-2d5d-offset-x:3px;--shadow-2d5d-offset-y:4px;--shadow-2d5d-blur:10px;--shadow-2d5d-btn:0 var(--shadow-2d5d-offset-y) var(--shadow-2d5d-blur) var(--shadow-2d5d-color);--shadow-2d5d-input:0 calc(var(--shadow-2d5d-offset-y) - 1px) calc(var(--shadow-2d5d-blur) - 2px) var(--shadow-2d5d-color);--shadow-2d5d-card:0 calc(var(--shadow-2d5d-offset-y) + 2px) calc(var(--shadow-2d5d-blur) + 6px) var(--shadow-2d5d-color);--shadow-2d5d-modal:0 calc(var(--shadow-2d5d-offset-y) + 4px) calc(var(--shadow-2d5d-blur) + 12px) #e8734a40;--shadow-2d5d-nav:0 calc(var(--shadow-2d5d-offset-y) + 2px) calc(var(--shadow-2d5d-blur) + 4px) var(--shadow-2d5d-color);--shadow-2d5d-hover:0 calc(var(--shadow-2d5d-offset-y) + 6px) calc(var(--shadow-2d5d-blur) + 14px) #e8734a47;--duration-fast:.15s;--duration-normal:.2s;--duration-transition:.26s;--duration-slow:.5s;--easing-default:ease-out;--easing-bounce:cubic-bezier(.34, 1.56, .64, 1);--particle-size:3px;--particle-speed:6s;--particle-opacity:.15;--particle-count:20;--hover-lift:4px;--click-press:2px;--glow-color:#e8734a4d;--glow-size:8px;--glow-duration:4s;--flow-color:#e8734a99;--flow-duration:2s;--alert-pulse-color:#e74c3c66;--alert-pulse-duration:3s}[data-theme=dark]{--color-bg:#0e1119;--color-bg-secondary:#1e2434d9;--color-card:#1e2434d9;--color-text:#e8eef8;--color-text-light:#94a3b8;--color-text-lighter:#64748b;--color-text-inverse:#fff;--color-border:#ffffff1a;--color-border-light:#ffffff0d;--color-card-shadow:#e8734a26;--color-overlay:#000000b3;--shadow-2d5d-color:#e8734a40;--shadow-2d5d-modal:0 calc(var(--shadow-2d5d-offset-y) + 4px) calc(var(--shadow-2d5d-blur) + 12px) #e8734a59;--shadow-2d5d-hover:0 calc(var(--shadow-2d5d-offset-y) + 6px) calc(var(--shadow-2d5d-blur) + 14px) #e8734a66;--glow-color:#e8734a66;--color-focus-ring:#e8734a40;--particle-opacity:.1;--depth-btn:3px;--depth-card:4px;--depth-modal:5px;--depth-nav:4px;--hover-lift:3px;--highlight-opacity:.08}[data-role=elderly]{--font-size-min:22px;--btn-min-size:52px;--font-size-xs:20px;--font-size-sm:22px;--font-size-md:28px;--font-size-lg:34px;--font-size-xl:44px;--font-size-xxl:56px;--spacing-xxs:6px;--spacing-xs:12px;--spacing-sm:16px;--spacing-md:20px;--spacing-lg:28px;--spacing-xl:40px;--spacing-xxl:56px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--color-primary:#e8734a;--color-bg:#f5f8fc;--color-card-shadow:#e8734a1a;--nav-height:80px;--particle-count:10;--particle-speed:8s;--perspective-distance:1500px;--depth-btn:3px;--depth-card:4px;--depth-modal:5px;--depth-nav:4px;--hover-lift:3px;--click-press:1px;--duration-fast:.2s;--duration-normal:.28s;--duration-transition:.36s;--glow-duration:6s}[data-role=elderly] .nav-icon{font-size:28px}[data-role=elderly] .nav-label{font-size:14px}.s-perspective{perspective:var(--perspective-distance);perspective-origin:var(--perspective-origin)}.s-panel{background:var(--color-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);transform:perspective(var(--perspective-distance)) rotateX(0deg) rotateY(0deg);transform-style:preserve-3d;box-shadow:var(--shadow-2d5d-card);transition:transform var(--duration-normal) var(--easing-default), box-shadow var(--duration-normal) var(--easing-default);position:relative}.s-panel:before{content:"";border-radius:inherit;background:linear-gradient(var(--light-angle), rgba(255,255,255,var(--highlight-opacity)) 0%, transparent 50%);pointer-events:none;z-index:1;position:absolute;inset:0}.s-panel:after{content:"";bottom:calc(-1 * var(--depth-nav));height:var(--depth-nav);background:linear-gradient(to bottom, var(--color-primary-dark), var(--color-primary));border-radius:0 0 var(--radius-lg) var(--radius-lg);transform:perspective(var(--perspective-distance)) rotateX(-60deg);transform-origin:top;opacity:.15;z-index:-1;position:absolute;left:2px;right:2px}.s-panel:hover{transform:translateY(var(--hover-lift,4px));box-shadow:var(--shadow-2d5d-card-hover,0 calc(4px + 4px) calc(10px + 8px) #e8734a47)}.s-panel:active{transform:translateY(var(--click-press,2px));box-shadow:var(--shadow-2d5d-card-active,0 calc(4px - 2px) calc(10px - 4px) #e8734a33)}.s-card{background:var(--color-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);transform-style:preserve-3d;box-shadow:var(--shadow-2d5d-card);transition:transform var(--duration-normal) var(--easing-default), box-shadow var(--duration-normal) var(--easing-default);position:relative}.s-card:before{content:"";border-radius:inherit;background:linear-gradient(var(--light-angle), rgba(255,255,255,var(--highlight-opacity)) 0%, transparent 50%);pointer-events:none;z-index:1;position:absolute;inset:0}.s-card:after{content:"";bottom:calc(-1 * var(--depth-card));height:var(--depth-card);background:var(--color-primary);border-radius:0 0 var(--radius-md) var(--radius-md);transform:perspective(var(--perspective-distance)) rotateX(-60deg);transform-origin:top;opacity:.12;z-index:-1;position:absolute;left:3px;right:3px}.s-card:hover{transform:translateY(calc(-1 * var(--hover-lift)));box-shadow:var(--shadow-2d5d-hover)}.s-card:active{transform:translateY(calc(-1 * var(--click-press)));box-shadow:var(--shadow-2d5d-card)}.s-btn{min-height:var(--btn-min-size);min-width:var(--btn-min-size);padding:0 var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transform-style:preserve-3d;box-shadow:var(--shadow-2d5d-btn);transition:transform var(--duration-fast) var(--easing-default), box-shadow var(--duration-fast) var(--easing-default);border:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.s-btn:before{content:"";background:linear-gradient(var(--light-angle), rgba(255,255,255,var(--highlight-opacity)) 0%, transparent 100%);border-radius:var(--radius-md) var(--radius-md) 0 0;pointer-events:none;z-index:1;height:50%;position:absolute;top:0;left:0;right:0}.s-btn:after{content:"";bottom:calc(-1 * var(--depth-btn));height:var(--depth-btn);background:var(--color-primary-dark);border-radius:0 0 var(--radius-md) var(--radius-md);transform:perspective(var(--perspective-distance)) rotateX(-60deg);transform-origin:top;opacity:.2;z-index:-1;position:absolute;left:2px;right:2px}.s-btn:hover{transform:translateY(calc(-1 * var(--hover-lift) / 2));box-shadow:var(--shadow-2d5d-hover)}.s-btn:active{transform:translateY(var(--click-press));box-shadow:var(--shadow-2d5d-btn)}.s-btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.s-btn-secondary{background:var(--color-secondary);color:var(--color-text-inverse)}.s-btn-outline{color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:none;background:0 0}.s-btn-outline:after{display:none}.s-btn-danger{background:var(--color-danger);color:var(--color-text-inverse)}.s-btn-success{background:var(--color-success);color:var(--color-text-inverse)}.s-tag{padding:var(--spacing-xxs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);transform-style:preserve-3d;box-shadow:0 2px 6px var(--shadow-2d5d-color);align-items:center;display:inline-flex;position:relative}.s-tag:before{content:"";background:linear-gradient(var(--light-angle), rgba(255,255,255,calc(var(--highlight-opacity) * .86)) 0%, transparent 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;pointer-events:none;height:50%;position:absolute;top:0;left:0;right:0}.s-tag:after{content:"";bottom:calc(-1 * var(--depth-tag));height:var(--depth-tag);background:var(--color-primary);border-radius:0 0 var(--radius-sm) var(--radius-sm);transform:perspective(var(--perspective-distance)) rotateX(-60deg);transform-origin:top;opacity:.1;z-index:-1;position:absolute;left:1px;right:1px}.s-input{width:100%;min-height:var(--btn-min-size);font-size:var(--font-size-sm);padding:0 var(--spacing-md);background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);transform-style:preserve-3d;box-shadow:var(--shadow-2d5d-btn);transition:box-shadow var(--duration-normal) var(--easing-default), border-color var(--duration-normal) var(--easing-default);position:relative}.s-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-2d5d-btn), 0 0 0 3px var(--color-focus-ring);outline:none}.s-input:after{content:"";bottom:calc(-1 * var(--depth-input));height:var(--depth-input);background:var(--color-primary);border-radius:0 0 var(--radius-md) var(--radius-md);transform:perspective(var(--perspective-distance)) rotateX(-60deg);transform-origin:top;opacity:.1;z-index:-1;position:absolute;left:2px;right:2px}.s-modal{background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.s-modal-content{background:var(--color-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);width:90%;max-width:480px;max-height:85vh;transform-style:preserve-3d;box-shadow:var(--shadow-2d5d-modal);animation:s-modal-enter var(--duration-transition) var(--easing-default);position:relative;overflow-y:auto}.s-modal-content:before{content:"";background:linear-gradient(var(--light-angle), rgba(255,255,255,calc(var(--highlight-opacity) * .57)) 0%, transparent 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0;pointer-events:none;z-index:1;height:50%;position:absolute;top:0;left:0;right:0}.s-nav{height:var(--nav-height);background:var(--color-card);box-shadow:var(--shadow-2d5d-nav);z-index:var(--z-nav);padding-bottom:env(safe-area-inset-bottom,0);transform-style:preserve-3d;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.s-nav:before{content:"";background:linear-gradient(var(--light-angle), rgba(255,255,255,calc(var(--highlight-opacity) * .43)) 0%, transparent 100%);pointer-events:none;z-index:1;height:50%;position:absolute;top:0;left:0;right:0}.s-section{background:var(--color-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);transform-style:preserve-3d;box-shadow:var(--shadow-2d5d-card);position:relative}.s-section:before{content:"";border-radius:inherit;background:linear-gradient(var(--light-angle), rgba(255,255,255,var(--highlight-opacity)) 0%, transparent 50%);pointer-events:none;z-index:1;position:absolute;inset:0}.s-section:after{content:"";bottom:calc(-1 * var(--depth-card));height:var(--depth-card);background:var(--color-primary);border-radius:0 0 var(--radius-md) var(--radius-md);transform:perspective(var(--perspective-distance)) rotateX(-60deg);transform-origin:top;opacity:.12;z-index:-1;position:absolute;left:3px;right:3px}.s-section:hover{transform:translateY(var(--hover-lift,4px));box-shadow:var(--shadow-2d5d-card-hover,0 calc(4px + 4px) calc(10px + 8px) #e8734a47)}.s-section:active{transform:translateY(var(--click-press,2px));box-shadow:var(--shadow-2d5d-card-active,0 calc(4px - 2px) calc(10px - 4px) #e8734a33)}.s-toast{padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-card);border-radius:var(--radius-md);box-shadow:var(--shadow-2d5d-card);z-index:var(--z-toast);animation:s-toast-enter var(--duration-transition) var(--easing-default);transform-style:preserve-3d;position:fixed}.s-toast:before{content:"";background:linear-gradient(var(--light-angle), rgba(255,255,255,calc(var(--highlight-opacity) * .71)) 0%, transparent 100%);border-radius:var(--radius-md) var(--radius-md) 0 0;pointer-events:none;z-index:1;height:50%;position:absolute;top:0;left:0;right:0}.s-toast:after{content:"";bottom:calc(-1 * var(--depth-btn));height:var(--depth-btn);background:var(--color-primary);border-radius:0 0 var(--radius-md) var(--radius-md);transform:perspective(var(--perspective-distance)) rotateX(-60deg);transform-origin:top;opacity:.1;z-index:-1;position:absolute;left:2px;right:2px}@keyframes s-modal-enter{0%{opacity:0;transform:perspective(var(--perspective-distance)) rotateX(5deg) translateY(30px) scale(.95)}to{opacity:1;transform:perspective(var(--perspective-distance)) rotateX(0deg) translateY(0) scale(1)}}@keyframes s-toast-enter{0%{opacity:0;transform:perspective(var(--perspective-distance)) rotateY(-5deg) translateX(30px)}to{opacity:1;transform:perspective(var(--perspective-distance)) rotateY(0deg) translateX(0)}}@keyframes s-glow-breathe{0%,to{box-shadow:var(--shadow-2d5d-card), 0 0 var(--glow-size) var(--glow-color)}50%{box-shadow:var(--shadow-2d5d-card), 0 0 calc(var(--glow-size) * 2) var(--glow-color)}}@keyframes s-flow-edge{0%{transform:translate(0)}to{transform:translate(200%)}}@keyframes s-alert-pulse{0%,to{box-shadow:var(--shadow-2d5d-card), 0 0 0 0 var(--alert-pulse-color)}50%{box-shadow:var(--shadow-2d5d-card), 0 0 0 calc(var(--glow-size) * 2) var(--alert-pulse-color)}}@keyframes s-highlight-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes s-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes s-slide-in-right{0%{opacity:0;transform:perspective(var(--perspective-distance)) rotateY(-3deg) translateX(40px)}to{opacity:1;transform:perspective(var(--perspective-distance)) rotateY(0deg) translateX(0)}}@keyframes s-slide-in-left{0%{opacity:0;transform:perspective(var(--perspective-distance)) rotateY(3deg) translateX(-40px)}to{opacity:1;transform:perspective(var(--perspective-distance)) rotateY(0deg) translateX(0)}}@keyframes s-depth-push-in{0%{opacity:0;transform:perspective(var(--perspective-distance)) translateZ(-80px)}to{opacity:1;transform:perspective(var(--perspective-distance)) translateZ(0)}}@keyframes s-depth-push-out{0%{opacity:1;transform:perspective(var(--perspective-distance)) translateZ(0)}to{opacity:0;transform:perspective(var(--perspective-distance)) translateZ(-80px)}}@keyframes s-scale-in{0%{opacity:0;transform:perspective(var(--perspective-distance)) scale(.9)}to{opacity:1;transform:perspective(var(--perspective-distance)) scale(1)}}.s-anim-breathe{animation:s-glow-breathe var(--glow-duration) ease-in-out infinite}.s-anim-flow{position:relative;overflow:hidden}.s-anim-flow:after{content:"";background:linear-gradient(90deg, transparent, var(--flow-color,#ffffff4d), transparent);width:100%;height:100%;animation:s-flow-edge var(--duration-normal,.2s) ease-in-out;pointer-events:none;z-index:2;position:absolute;top:0;left:-100%}.s-anim-alert{animation:s-alert-pulse var(--alert-pulse-duration) ease-in-out infinite}.s-anim-fade-in{animation:s-fade-in var(--duration-transition) var(--easing-default)}.s-anim-slide-right{animation:s-slide-in-right var(--duration-transition) var(--easing-default)}.s-anim-slide-left{animation:s-slide-in-left var(--duration-transition) var(--easing-default)}.s-anim-depth-in{animation:s-depth-push-in var(--duration-transition) var(--easing-default)}.s-anim-scale-in{animation:s-scale-in var(--duration-transition) var(--easing-default)}.s-hover-lift{transition:transform var(--duration-normal) var(--easing-default), box-shadow var(--duration-normal) var(--easing-default)}.s-hover-lift:hover{transform:translateY(calc(-1 * var(--hover-lift)));box-shadow:var(--shadow-2d5d-hover)}.s-hover-lift:active{transform:translateY(var(--click-press));box-shadow:var(--shadow-2d5d-card)}.s-click-press{transition:transform var(--duration-fast) var(--easing-default)}.s-click-press:active{transform:translateY(var(--click-press))}.s-btn-sweep{position:relative;overflow:hidden}.s-btn-sweep:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;position:absolute;top:0;left:0}.s-btn-sweep:active:after{animation:s-highlight-sweep .4s var(--easing-default)}.s-input-focus-flow{transition:box-shadow var(--duration-normal) var(--easing-default), border-color var(--duration-normal) var(--easing-default)}.s-input-focus-flow:focus{border-color:var(--color-primary);box-shadow:var(--shadow-2d5d-btn), 0 0 0 3px var(--color-focus-ring);outline:none}.s-input-focus-flow:focus:after{content:"";background:linear-gradient(90deg, transparent, var(--flow-color,#ffffff4d), transparent);width:100%;height:100%;animation:s-flow-edge var(--duration-normal,.2s) ease-in-out;pointer-events:none;z-index:2;position:absolute;top:0;left:-100%}.s-page-enter{animation:s-depth-push-in var(--duration-transition) var(--easing-default)}.s-page-leave{animation:s-depth-push-out var(--duration-transition) var(--easing-default)}@media (prefers-reduced-motion:reduce){.s-anim-breathe,.s-anim-flow,.s-anim-alert,.s-anim-fade-in,.s-anim-slide-right,.s-anim-slide-left,.s-anim-depth-in,.s-anim-scale-in,.s-page-enter,.s-page-leave{transition:none!important;animation:none!important}.s-hover-lift:hover{transform:none}}.s-particles{pointer-events:none;z-index:0;width:100%;height:100%;perspective:var(--perspective-distance);position:fixed;top:0;left:0;overflow:hidden}.s-particle{width:var(--particle-size);height:var(--particle-size);background:var(--color-primary);opacity:var(--particle-opacity);animation:s-particle-drift var(--particle-speed) linear infinite;border-radius:50%;position:absolute}.s-particle:nth-child(odd){background:var(--color-accent);animation-duration:calc(var(--particle-speed) * 1.3)}.s-particle:nth-child(3n){width:calc(var(--particle-size) * .7);height:calc(var(--particle-size) * .7);animation-duration:calc(var(--particle-speed) * .8)}.s-particle:nth-child(4n){width:calc(var(--particle-size) * 1.3);height:calc(var(--particle-size) * 1.3);opacity:calc(var(--particle-opacity) * .6);animation-duration:calc(var(--particle-speed) * 1.5)}@keyframes s-particle-drift{0%{transform:perspective(var(--perspective-distance)) translate3d(0, 0, 0) rotateX(0deg);opacity:0}10%{opacity:var(--particle-opacity)}90%{opacity:var(--particle-opacity)}to{transform:perspective(var(--perspective-distance)) translate3d(30px, -100vh, 20px) rotateX(10deg);opacity:0}}@media (prefers-reduced-motion:reduce){.s-particle{opacity:calc(var(--particle-opacity) * .5);animation:none}}*{box-sizing:border-box;margin:0;padding:0}html,body{font-size:var(--font-size-sm);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:1.6}.app-container{background-color:var(--color-bg);min-height:100dvh;perspective:var(--perspective-distance);position:relative}.layout-elderly{font-size:var(--font-size-md)}.layout-family{font-size:var(--font-size-sm)}.main-content{z-index:1;min-height:100dvh;position:relative}.main-content.has-nav{padding-bottom:70px}button{min-height:var(--btn-min-size);min-width:var(--btn-min-size);font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-sm);transition:transform var(--duration-fast) var(--easing-default), box-shadow var(--duration-fast) var(--easing-default);border:none}button:active{transform:translateY(var(--click-press))}input,select,textarea{font-size:var(--font-size-sm);min-height:var(--btn-min-size);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 var(--spacing-sm);background:var(--color-card);color:var(--color-text);transition:box-shadow var(--duration-normal) var(--easing-default), border-color var(--duration-normal) var(--easing-default)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring);outline:none}a{color:var(--color-primary);text-decoration:none}.bottom-nav{height:var(--nav-height);background:var(--color-card);box-shadow:var(--shadow-2d5d-nav);z-index:var(--z-nav);padding-bottom:env(safe-area-inset-bottom,0);transform-style:preserve-3d;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav:before{content:"";background:linear-gradient(var(--light-angle), #ffffff0f 0%, transparent 100%);pointer-events:none;z-index:1;height:50%;position:absolute;top:0;left:0;right:0}.nav-tab{height:100%;color:var(--color-text-lighter);transition:color var(--duration-fast) var(--easing-default), transform var(--duration-fast) var(--easing-default);-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:flex}.nav-tab.active{color:var(--color-primary)}.nav-tab.active .nav-icon{text-shadow:0 0 var(--glow-size) var(--glow-color)}.nav-icon{font-size:24px;line-height:1}.nav-label{font-size:12px;line-height:1}.theme-toggle{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;width:36px;min-width:36px;height:36px;min-height:36px;box-shadow:0 2px 6px var(--shadow-2d5d-color);justify-content:center;align-items:center;padding:0;font-size:16px;display:flex}[data-role=elderly] .theme-toggle{width:44px;min-width:44px;height:44px;min-height:44px;font-size:20px}.lang-select{min-height:var(--btn-min-size);font-size:var(--font-size-xs);padding:0 var(--spacing-xs);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer}