*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.5;min-height:100vh;background-color:var(--color-bg);color:var(--color-text);transition:background-color .3s ease,color .3s ease}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:0 0}a{color:inherit;text-decoration:none}ol,ul{list-style:none}:root{--color-bg:#F8FAFB;--color-surface:#FFFFFF;--color-surface-elevated:#FFFFFF;--color-primary:#4A90A4;--color-primary-hover:#3D7A8C;--color-primary-light:#E8F4F7;--color-secondary:#7FB3C4;--color-text:#2D3748;--color-text-muted:#718096;--color-text-inverse:#FFFFFF;--color-border:#E2E8F0;--color-success:#48BB78;--color-success-light:#E6F7ED;--color-warning:#ED8936;--color-warning-light:#FEF3E6;--color-error:#E53E3E;--color-error-light:#FEE8E8;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.07);--shadow-lg:0 10px 20px rgba(0, 0, 0, 0.1);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-full:9999px;--transition-fast:150ms ease;--transition-base:300ms ease;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--z-base:0;--z-dropdown:100;--z-modal:200;--z-toast:300}[data-theme=dark]{--color-bg:#1A202C;--color-surface:#2D3748;--color-surface-elevated:#3D4A5C;--color-primary:#63B3C7;--color-primary-hover:#7FC4D5;--color-primary-light:#2A3F47;--color-secondary:#4A90A4;--color-text:#E2E8F0;--color-text-muted:#A0AEB9;--color-text-inverse:#1A202C;--color-border:#4A5568;--color-success:#68D391;--color-success-light:#234038;--color-warning:#F6AD55;--color-warning-light:#4A3728;--color-error:#FC8181;--color-error-light:#4A2828;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.2);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.3);--shadow-lg:0 10px 20px rgba(0, 0, 0, 0.4)}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:var(--space-md);max-width:480px;margin:0 auto;width:100%}.view{display:none}.view.active{display:block}.app-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);position:sticky;top:0;z-index:var(--z-dropdown)}.app-header__inner{display:flex;align-items:center;justify-content:space-between;max-width:480px;margin:0 auto}.app-header__spacer{width:36px;flex-shrink:0}.app-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary)}.support-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-full);background-color:transparent;color:var(--color-error);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.support-btn:hover{background-color:var(--color-error-light,rgba(229,62,62,.1));transform:scale(1.1)}.support-btn:active{transform:scale(.95)}.support-btn svg{width:20px;height:20px}.nav-bar{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-sm) var(--space-md);position:fixed;bottom:0;left:0;right:0;z-index:var(--z-dropdown)}.nav-bar__inner{display:flex;justify-content:space-around;max-width:480px;margin:0 auto}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm);color:var(--color-text-muted);transition:color var(--transition-fast);min-width:64px}.nav-btn.active,.nav-btn:hover{color:var(--color-primary)}.nav-btn__icon{width:24px;height:24px}.nav-btn__label{font-size:var(--font-size-xs)}body{padding-bottom:80px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-light);color:var(--color-primary)}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}[contenteditable=true],input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-touch-callout:default}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:none}img.interactive{pointer-events:auto}