.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-shell>main{flex:1}.app-footer{text-align:center;padding:var(--space-md) 0 var(--space-lg)}.app-version{color:var(--color-text-muted);font-size:var(--font-size-xs);letter-spacing:.05em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}:root{--color-primary:#10b981;--color-primary-hover:#059669;--color-accent:#f97316;--color-accent-hover:#ea580c;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-text:#1f2937;--color-text-soft:#4b5563;--color-text-muted:#9ca3af;--color-bg:#f9fafb;--color-surface:#fff;--color-surface-soft:#f3f4f6;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--container-max:720px;--font-family:-apple-system, BlinkMacSystemFont, "Noto Sans TC", "Microsoft JhengHei", "PingFang TC", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-md);margin:0 auto}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-size:var(--font-size-base);border-radius:var(--radius-md);font-weight:600;transition:background-color .15s,transform 50ms;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn-block{width:100%}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{background:var(--color-surface-soft);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-border)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.input{width:100%;padding:var(--space-md);font-size:var(--font-size-base);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color .15s}.input:focus{border-color:var(--color-primary);outline:none}.label{font-size:var(--font-size-sm);color:var(--color-text-soft);margin-bottom:var(--space-xs);display:block}.text-muted{color:var(--color-text-muted)}.text-soft{color:var(--color-text-soft)}.text-danger{color:var(--color-danger)}.text-center{text-align:center}.stack-sm>*+*{margin-top:var(--space-sm)}.stack-md>*+*{margin-top:var(--space-md)}.stack-lg>*+*{margin-top:var(--space-lg)}.stack-xl>*+*{margin-top:var(--space-xl)}.alert{padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.alert-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}