: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-info:#3498db;--color-bg:#fff8f5;--color-bg-secondary:#fff0eb;--color-text:#333;--color-text-light:#666;--color-text-lighter:#999;--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;--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}[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:#fff8f5;--color-card-shadow:#e8734a1a;--nav-height:80px}*{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}.layout-elderly{font-size:var(--font-size-md)}.layout-family{font-size:var(--font-size-sm)}.main-content{min-height:100dvh}.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:all var(--transition-fast);border:none}button:active{transform:scale(.97)}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)}a{color:var(--color-primary);text-decoration:none}.bottom-nav{background:var(--color-card);height:70px;box-shadow:0 -2px 12px var(--color-card-shadow);z-index:100;padding-bottom:env(safe-area-inset-bottom,0);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-tab{height:100%;color:var(--color-text-lighter);transition:color var(--transition-fast);-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-icon{font-size:24px;line-height:1}.nav-label{font-size:12px;line-height:1}[data-role=elderly] .nav-icon{font-size:28px}[data-role=elderly] .nav-label{font-size:14px}