.app-layout{flex-direction:column;min-height:100vh;display:flex}.app-content{flex:1;position:relative;overflow-x:hidden}.offline-banner,.online-banner{z-index:9999;text-align:center;font-weight:600;font-size:var(--font-size-sm);color:#fff;box-shadow:var(--shadow-sm);padding:10px;position:fixed;top:0;left:0;right:0}.offline-banner{background-color:var(--c-accent-red)}.online-banner{background-color:var(--c-accent-green)}.slide-down-enter-active,.slide-down-leave-active{transition:transform .3s cubic-bezier(.16,1,.3,1)}.slide-down-enter-from,.slide-down-leave-to{transform:translateY(-100%)}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}:root{--c-bg-primary:#f2f2f7;--c-bg-secondary:#fff;--c-bg-tertiary:#e5e5ea;--c-text-primary:#000;--c-text-secondary:#8e8e93;--c-text-tertiary:#c7c7cc;--c-accent-blue:#007aff;--c-accent-blue-hover:#0060d1;--c-accent-green:#34c759;--c-accent-red:#ff3b30;--c-accent-orange:#ff9500;--c-border:#3c3c4321;--c-glass-bg:#ffffffb8;--c-glass-border:#fff3;--font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-base:17px;--font-size-sm:15px;--font-size-lg:20px;--font-size-xl:28px;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:32px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 12px 32px #0000001a;--glass-blur:blur(20px) saturate(180%)}@media (prefers-color-scheme:dark){:root{--c-bg-primary:#000;--c-bg-secondary:#1c1c1e;--c-bg-tertiary:#2c2c2e;--c-text-primary:#fff;--c-text-secondary:#ebebf599;--c-text-tertiary:#ebebf54d;--c-accent-blue:#0a84ff;--c-accent-blue-hover:#409cff;--c-accent-green:#30d158;--c-accent-red:#ff453a;--c-accent-orange:#ff9f0a;--c-border:#545458a6;--c-glass-bg:#1c1c1eb8;--c-glass-border:#ffffff1a;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 12px 32px #0009}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--c-text-primary);background-color:var(--c-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;transition:background-color .3s,color .3s}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{outline:none;font-family:inherit}.glass-panel{background:var(--c-glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--c-glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.clickable-scale{transition:transform .15s cubic-bezier(.2,0,0,1)}.clickable-scale:active{transform:scale(.96)}