:root{--md-primary:#6750a4;--md-on-primary:#fff;--md-primary-container:#eaddff;--md-on-primary-container:#21005d;--md-secondary:#625b71;--md-on-secondary:#fff;--md-secondary-container:#e8def8;--md-on-secondary-container:#1e192b;--md-tertiary-container:#d8e2ff;--md-on-tertiary-container:#001a41;--md-surface:#fef7ff;--md-surface-dim:#ded8e1;--md-surface-bright:#fef7ff;--md-surface-container-lowest:#fff;--md-surface-container-low:#f7f2fa;--md-surface-container:#f3edf7;--md-surface-container-high:#ece6f0;--md-surface-container-highest:#e6e0e9;--md-on-surface:#1d1b20;--md-on-surface-variant:#49454f;--md-outline:#79747e;--md-outline-variant:#cac4d0;--md-error:#b3261e;--md-on-error:#fff;--md-error-container:#f9dedc;--md-on-error-container:#410e0b;--md-success:#146c2e;--md-success-container:#c4eed0;--md-on-success-container:#00210b;--md-warning:#7d5700;--md-warning-container:#ffdeac;--md-on-warning-container:#271900;--md-shape-xs:4px;--md-shape-sm:8px;--md-shape-md:12px;--md-shape-lg:16px;--md-shape-xl:28px;--md-shape-full:999px;--md-elev-1:0 1px 2px #0000004d, 0 1px 3px 1px #00000026;--md-elev-2:0 1px 2px #0000004d, 0 2px 6px 2px #00000026;--md-elev-3:0 1px 3px #0000004d, 0 4px 8px 3px #00000026;--font:"Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--bg:var(--md-surface);--surface:var(--md-surface-container-lowest);--surface-2:var(--md-surface-container);--ink:var(--md-on-surface);--ink-soft:var(--md-on-surface-variant);--muted:var(--md-on-surface-variant);--line:var(--md-outline-variant);--brand:var(--md-primary);--brand-dark:var(--md-primary);--brand-soft:var(--md-primary-container);--ok:var(--md-success);--ok-soft:var(--md-success-container);--warn:var(--md-warning);--warn-soft:var(--md-warning-container);--danger:var(--md-error);--radius:var(--md-shape-md);--shadow-sm:var(--md-elev-1);--shadow:var(--md-elev-1);--shadow-lg:var(--md-elev-3)}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--md-surface);min-height:100vh;color:var(--md-on-surface);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}body,h1,h2,h3,p{margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1;width:100%;max-width:720px;margin:0 auto;padding:24px 20px 64px}.card{background:var(--md-surface-container-low);border-radius:var(--md-shape-md);box-shadow:var(--md-elev-1)}.btn{border-radius:var(--md-shape-full);letter-spacing:.1px;border:0;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 24px;font-size:14px;font-weight:500;transition:box-shadow .2s,background-color .2s;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--md-primary);color:var(--md-on-primary)}.btn-primary:not(:disabled):hover{box-shadow:var(--md-elev-1)}.btn-primary:not(:disabled):after{content:"";border-radius:inherit;background:var(--md-on-primary);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;inset:0}.btn-primary:not(:disabled):hover:after{opacity:.08}.btn-primary:not(:disabled):active:after{opacity:.12}.btn-ghost{border:1px solid var(--md-outline-variant);color:var(--md-primary);background:0 0}.btn-ghost:not(:disabled):hover{background:color-mix(in srgb,var(--md-primary) 8%,transparent)}.btn-ghost:not(:disabled):active{background:color-mix(in srgb,var(--md-primary) 12%,transparent)}.btn:disabled{cursor:not-allowed;background:color-mix(in srgb,var(--md-on-surface) 12%,transparent);box-shadow:none;border-color:#0000}.btn-ghost:disabled,.btn:disabled{color:color-mix(in srgb,var(--md-on-surface) 38%,transparent)}.btn-ghost:disabled{border-color:color-mix(in srgb,var(--md-on-surface) 12%,transparent);background:0 0}.btn-block,.input{width:100%}.field-label{color:var(--md-on-surface-variant);letter-spacing:.4px;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.input{border:0;border-bottom:1px solid var(--md-on-surface-variant);border-radius:var(--md-shape-xs) var(--md-shape-xs) 0 0;background:var(--md-surface-container-highest);height:56px;color:var(--md-on-surface);font:inherit;outline:none;padding:0 16px;transition:border-color .2s,background-color .2s}.input:hover{background:color-mix(in srgb,var(--md-on-surface) 4%,var(--md-surface-container-highest))}.input:focus{border-bottom:2px solid var(--md-primary);background:var(--md-surface-container-highest)}.fade-enter-active,.fade-leave-active{transition:opacity .2s,transform .2s}.fade-enter-from{opacity:0;transform:translateY(8px)}.fade-leave-to{opacity:0;transform:translateY(-8px)}@media (width<=560px){.app-main{padding:16px 16px 48px}}