:root{--md-sys-color-primary:#0b57d0;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#d3e3fd;--md-sys-color-on-primary-container:#041e49;--md-sys-color-secondary:#00639b;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#c2e7ff;--md-sys-color-on-secondary-container:#001d35;--md-sys-color-tertiary:#6e5676;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#f7d8ff;--md-sys-color-on-tertiary-container:#271430;--md-sys-color-surface:#f8f9fa;--md-sys-color-surface-dim:#ded8e1;--md-sys-color-surface-bright:#fdfcff;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#f3f4f8;--md-sys-color-surface-container:#edf0f7;--md-sys-color-surface-container-high:#e7ecf4;--md-sys-color-surface-container-highest:#e1e7f0;--md-sys-color-on-surface:#1f1f1f;--md-sys-color-on-surface-variant:#444746;--md-sys-color-outline:#747775;--md-sys-color-outline-variant:#c4c7c5;--md-sys-color-outline-subtle:#e0e2e0;--md-sys-color-error:#ba1a1a;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error-container:#410002;--md-sys-color-inverse-surface:#303030;--md-sys-color-inverse-on-surface:#f2f2f2;--md-sys-color-inverse-primary:#a8c7fa;--md-sys-state-hover-opacity:.08;--md-sys-state-focus-opacity:.12;--md-sys-state-pressed-opacity:.12;--md-sys-state-dragged-opacity:.16;--md-sys-shape-corner-none:0px;--md-sys-shape-corner-extra-small:4px;--md-sys-shape-corner-small:8px;--md-sys-shape-corner-medium:12px;--md-sys-shape-corner-large:16px;--md-sys-shape-corner-extra-large:28px;--md-sys-shape-corner-full:9999px;--md-sys-elevation-0:none;--md-sys-elevation-1:0px 1px 3px 1px #0000001f, 0px 1px 2px 0px #0000002e;--md-sys-elevation-2:0px 2px 6px 2px #0000001f, 0px 1px 2px 0px #0003;--md-sys-elevation-3:0px 4px 8px 3px #0000001f, 0px 1px 3px 0px #00000038;--md-sys-elevation-4:0px 6px 10px 4px #0000001f, 0px 2px 3px 0px #0000003d;--md-sys-elevation-5:0px 8px 12px 6px #0000001f, 0px 4px 4px 0px #00000040;--md-sys-typescale-font-brand:"Google Sans", "Roboto", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--md-sys-typescale-font-plain:"Roboto", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--md-sys-typescale-font-character:"Noto Serif SC", "Songti SC", "STSong", "Noto Sans SC", serif;--md-sys-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-emphasized:cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-decelerate:cubic-bezier(.05, .7, .1, 1);--md-sys-motion-duration-short:.15s;--md-sys-motion-duration-medium:.3s;--md-sys-motion-duration-long:.5s}@media (prefers-color-scheme:dark){:root{--md-sys-color-primary:#a8c7fa;--md-sys-color-on-primary:#062e6f;--md-sys-color-primary-container:#0842a0;--md-sys-color-on-primary-container:#d3e3fd;--md-sys-color-secondary:#7fcfff;--md-sys-color-on-secondary:#003353;--md-sys-color-secondary-container:#004a75;--md-sys-color-on-secondary-container:#c2e7ff;--md-sys-color-tertiary:#dfbbde;--md-sys-color-on-tertiary:#3e2846;--md-sys-color-tertiary-container:#553e5d;--md-sys-color-on-tertiary-container:#f7d8ff;--md-sys-color-surface:#131314;--md-sys-color-surface-dim:#131314;--md-sys-color-surface-bright:#37393e;--md-sys-color-surface-container-lowest:#0e0e0f;--md-sys-color-surface-container-low:#1a1b1e;--md-sys-color-surface-container:#1e1f20;--md-sys-color-surface-container-high:#28292c;--md-sys-color-surface-container-highest:#333438;--md-sys-color-on-surface:#e3e3e3;--md-sys-color-on-surface-variant:#c4c7c5;--md-sys-color-outline:#8e918f;--md-sys-color-outline-variant:#444746;--md-sys-color-outline-subtle:#2d3034;--md-sys-color-error:#f2b8b5;--md-sys-color-on-error:#601410;--md-sys-color-error-container:#8c1d18;--md-sys-color-on-error-container:#f9dedc;--md-sys-color-inverse-surface:#e3e3e3;--md-sys-color-inverse-on-surface:#1f1f1f;--md-sys-color-inverse-primary:#0b57d0;--md-sys-elevation-1:0px 1px 3px 1px #0006, 0px 1px 2px 0px #00000080;--md-sys-elevation-2:0px 2px 6px 2px #00000073, 0px 1px 2px 0px #0000008c;--md-sys-elevation-3:0px 4px 8px 3px #00000080, 0px 1px 3px 0px #0009;--md-sys-elevation-4:0px 6px 10px 4px #0000008c, 0px 2px 3px 0px #000000a6;--md-sys-elevation-5:0px 8px 12px 6px #0009, 0px 4px 4px 0px #000000b3}}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;font-family:var(--md-sys-typescale-font-plain);background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;padding:0}#root{flex-direction:column;min-height:100vh;display:flex}button{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;padding:0;font-family:inherit}a{color:var(--md-sys-color-primary);text-decoration:none}.landing-viewport{background-color:var(--md-sys-color-surface);background-image:radial-gradient(circle at 50% 45%, var(--md-sys-color-surface-container-low) 0%, var(--md-sys-color-surface) 72%);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:32px 20px;display:flex;position:relative}.landing-content{flex-direction:column;justify-content:center;align-items:center;gap:56px;width:100%;max-width:480px;display:flex}.character-stage{-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;width:240px;height:240px;display:flex;position:relative}.floating-character{will-change:transform;z-index:2;cursor:default;justify-content:center;align-items:center;animation:3.8s ease-in-out infinite m3Float;display:flex}.character-glyph{font-family:var(--md-sys-typescale-font-character);color:var(--md-sys-color-on-surface);letter-spacing:-2px;text-shadow:0 4px 16px #00000014;transition:transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard), color var(--md-sys-motion-duration-short) ease;font-size:clamp(100px,20vw,150px);font-weight:700;line-height:1}.floating-character:hover .character-glyph{color:var(--md-sys-color-primary);transform:scale(1.03)}.character-shadow{will-change:transform, opacity, filter;z-index:1;pointer-events:none;background:radial-gradient(#0f172a47 0%,#0f172a1a 45%,#0f172a00 75%);border-radius:50%;width:120px;height:18px;animation:3.8s ease-in-out infinite m3Shadow;position:absolute;bottom:12px;left:50%}@media (prefers-color-scheme:dark){.character-glyph{text-shadow:0 4px 24px #a8c7fa29}.character-shadow{background:radial-gradient(#000000a6 0%,#00000040 50%,#0000 75%)}}@keyframes m3Float{0%,to{transform:translateY(0)}50%{transform:translateY(-22px)}}@keyframes m3Shadow{0%,to{opacity:.38;filter:blur(4px);transform:translate(-50%)scale(1)}50%{opacity:.12;filter:blur(9px);transform:translate(-50%)scale(.68)}}@media (prefers-reduced-motion:reduce){.floating-character{animation:none}.character-shadow{opacity:.3;filter:blur(5px);animation:none;transform:translate(-50%)scale(1)}}.landing-actions{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.m3-signin-btn{border-radius:var(--md-sys-shape-corner-full);background-color:var(--md-sys-color-surface-container-lowest);height:48px;color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline-variant);box-shadow:var(--md-sys-elevation-1);font-family:var(--md-sys-typescale-font-brand);letter-spacing:.15px;transition:background-color var(--md-sys-motion-duration-short) ease, border-color var(--md-sys-motion-duration-short) ease, box-shadow var(--md-sys-motion-duration-short) ease, transform var(--md-sys-motion-duration-short) ease;justify-content:center;align-items:center;gap:12px;padding:0 28px;font-size:15px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.m3-signin-btn:after{content:"";border-radius:inherit;background-color:var(--md-sys-color-on-surface);opacity:0;transition:opacity var(--md-sys-motion-duration-short) ease;pointer-events:none;position:absolute;inset:0}.m3-signin-btn:hover:not(:disabled){background-color:var(--md-sys-color-surface-container-low);border-color:var(--md-sys-color-outline);box-shadow:var(--md-sys-elevation-2)}.m3-signin-btn:hover:not(:disabled):after{opacity:var(--md-sys-state-hover-opacity)}.m3-signin-btn:active:not(:disabled){box-shadow:var(--md-sys-elevation-1);transform:scale(.985)}.m3-signin-btn:active:not(:disabled):after{opacity:var(--md-sys-state-pressed-opacity)}.m3-signin-btn:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.m3-signin-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.google-icon{flex-shrink:0}.btn-label{line-height:1;display:inline-block}.m3-snackbar{background-color:var(--md-sys-color-inverse-surface);min-width:300px;max-width:min(90vw,560px);color:var(--md-sys-color-inverse-on-surface);border-radius:var(--md-sys-shape-corner-medium);box-shadow:var(--md-sys-elevation-3);font-family:var(--md-sys-typescale-font-plain);z-index:1000;animation:m3SnackbarIn var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;font-size:14px;line-height:1.4;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.m3-snackbar-bar{background-color:var(--md-sys-color-error-container);width:100%;max-width:100%;color:var(--md-sys-color-on-error-container);border-radius:0;position:static;transform:none}.m3-snackbar-bar .m3-snackbar-action{color:var(--md-sys-color-error)}@keyframes m3SnackbarIn{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.m3-snackbar-text{flex:1}.m3-snackbar-action{color:var(--md-sys-color-inverse-primary);font-family:var(--md-sys-typescale-font-brand);letter-spacing:.1px;border-radius:var(--md-sys-shape-corner-small);transition:opacity var(--md-sys-motion-duration-short) ease;padding:4px 8px;font-size:14px;font-weight:500}.m3-snackbar-action:hover{opacity:.9;text-decoration:underline}.m3-app-shell{background-color:var(--md-sys-color-surface);flex-direction:column;min-height:100vh;display:flex}.m3-top-app-bar{background-color:var(--md-sys-color-surface-container);border-bottom:1px solid var(--md-sys-color-outline-subtle);z-index:50;height:64px;transition:background-color var(--md-sys-motion-duration-medium) ease;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.m3-app-bar-brand{-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.m3-brand-icon{border-radius:var(--md-sys-shape-corner-medium);background-color:var(--md-sys-color-primary-container);width:38px;height:38px;color:var(--md-sys-color-on-primary-container);font-family:var(--md-sys-typescale-font-character);box-shadow:var(--md-sys-elevation-1);justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.m3-brand-title{font-family:var(--md-sys-typescale-font-brand);color:var(--md-sys-color-on-surface);letter-spacing:-.2px;font-size:18px;font-weight:600}.m3-app-bar-actions{align-items:center;gap:16px;display:flex}.m3-user-chip{background-color:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-full);border:1px solid var(--md-sys-color-outline-subtle);align-items:center;gap:10px;padding:4px 14px 4px 4px;display:flex}.m3-user-avatar{border-radius:var(--md-sys-shape-corner-full);object-fit:cover;width:32px;height:32px}.m3-user-avatar-fallback{border-radius:var(--md-sys-shape-corner-full);background-color:var(--md-sys-color-primary-container);width:32px;height:32px;color:var(--md-sys-color-on-primary-container);font-family:var(--md-sys-typescale-font-brand);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.m3-user-text{text-align:left;flex-direction:column;display:flex}.m3-user-name{font-family:var(--md-sys-typescale-font-brand);color:var(--md-sys-color-on-surface);font-size:13px;font-weight:500;line-height:1.2}.m3-user-email{color:var(--md-sys-color-on-surface-variant);font-size:11px;line-height:1.2}.m3-signout-btn{border-radius:var(--md-sys-shape-corner-full);border:1px solid var(--md-sys-color-outline-variant);height:38px;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-font-brand);letter-spacing:.1px;transition:all var(--md-sys-motion-duration-short) ease;background-color:#0000;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:500;display:inline-flex}.m3-signout-btn:hover:not(:disabled){background-color:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);border-color:var(--md-sys-color-outline)}.m3-signout-btn:active:not(:disabled){transform:scale(.98)}.m3-signout-btn:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}.m3-signout-btn:disabled{opacity:.45;cursor:not-allowed}.m3-icon{flex-shrink:0}.m3-home-main{flex:1;justify-content:center;align-items:flex-start;padding:48px 24px;display:flex}.m3-welcome-card{background-color:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-subtle);border-radius:var(--md-sys-shape-corner-extra-large);width:100%;max-width:680px;box-shadow:var(--md-sys-elevation-1);transition:box-shadow var(--md-sys-motion-duration-medium) ease;flex-direction:column;gap:16px;padding:40px 36px;display:flex}.m3-welcome-badge{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-radius:var(--md-sys-shape-corner-full);align-items:center;gap:8px;width:fit-content;padding:6px 14px;display:inline-flex}.m3-welcome-character{font-family:var(--md-sys-typescale-font-character);font-size:16px;font-weight:700}.m3-welcome-tag{font-family:var(--md-sys-typescale-font-brand);letter-spacing:.2px;font-size:12px;font-weight:500}.m3-welcome-headline{font-family:var(--md-sys-typescale-font-brand);color:var(--md-sys-color-on-surface);letter-spacing:-.3px;margin:0;font-size:28px;font-weight:500;line-height:1.25}.m3-welcome-subhead{font-family:var(--md-sys-typescale-font-plain);color:var(--md-sys-color-on-surface-variant);margin:0;font-size:15px;line-height:1.5}.m3-loading-screen{background-color:var(--md-sys-color-surface);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;display:flex}.m3-spinner-circular{width:48px;height:48px;animation:2s linear infinite m3SpinnerRotate}.m3-spinner-svg{width:100%;height:100%}.m3-spinner-track{stroke:var(--md-sys-color-surface-container-high)}.m3-spinner-arc{stroke:var(--md-sys-color-primary);stroke-linecap:round;stroke-dasharray:1 200;stroke-dashoffset:0;animation:1.5s ease-in-out infinite m3SpinnerDash}@keyframes m3SpinnerRotate{to{transform:rotate(360deg)}}@keyframes m3SpinnerDash{0%{stroke-dasharray:1 200;stroke-dashoffset:0}50%{stroke-dasharray:89 200;stroke-dashoffset:-35px}to{stroke-dasharray:89 200;stroke-dashoffset:-124px}}.m3-loading-text{font-family:var(--md-sys-typescale-font-brand);color:var(--md-sys-color-on-surface-variant);letter-spacing:.1px;margin:0;font-size:14px;font-weight:500}.m3-spinner-inline{border:2.5px solid var(--md-sys-color-outline-variant);border-top-color:var(--md-sys-color-primary);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite m3InlineSpin;display:inline-block}@keyframes m3InlineSpin{to{transform:rotate(360deg)}}@media (width<=640px){.m3-top-app-bar{padding:0 16px}.m3-user-text{display:none}.m3-user-chip{background:0 0;border:none;padding:0}.m3-home-main{padding:24px 16px}.m3-welcome-card{border-radius:var(--md-sys-shape-corner-large);padding:28px 20px}.m3-welcome-headline{font-size:24px}.character-stage{width:200px;height:200px}.landing-content{gap:40px}}