:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface:#f6f2ec;--surface-bright:#fbf8f3;--surface-container-lowest:#fbf8f3;--surface-container-low:#f2ede5;--surface-container:#efeae1;--surface-container-high:#e9e2d7;--surface-container-highest:#e6dfd3;--primary:#5a2a4f;--primary-dark:#481f3f;--primary-container:#e8d7e2;--on-primary:#fff;--on-primary-container:#3d1a35;--secondary-container:#efe6db;--on-secondary-container:#5c4a3f;--accent:#c85a3c;--on-accent:#fff;--accent-rgb:200, 90, 60;--success:#3f7b4e;--on-success:#fff;--success-rgb:63, 123, 78;--error:#b23a3a;--on-error:#fff;--on-surface:#26201f;--on-surface-variant:#6e6660;--on-surface-muted:#6e6660;--outline:#cdc4b6;--outline-variant:#cdc4b6;--surface-tint:#5a2a4f;--primary-rgb:90, 42, 79;--primary-container-rgb:232, 215, 226;--on-primary-container-rgb:61, 26, 53;--secondary-container-rgb:239, 230, 219;--on-surface-rgb:38, 32, 31;--on-surface-variant-rgb:110, 102, 96;--outline-variant-rgb:205, 196, 182;--surface-container-highest-rgb:230, 223, 211;--error-rgb:178, 58, 58;--scrim:#26201f8c;--glass-surface:#f6f2ecbf;--glass-nav:#fffbff99;--glass-nav-strong:#fffbffd1;--surface-translucent:#ffffff80;--on-media:#fff;--on-media-rgb:255, 255, 255;--glass-media:#ffffff38;--glass-media-strong:#ffffffe0;--on-media-primary:#5a2a4f;--font-headline:"Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Be Vietnam Pro", system-ui, sans-serif;--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.5rem;--radius-xl:2rem;--radius-full:9999px;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--shadow-color-rgb:38, 32, 31;--shadow-card:0 20px 40px rgba(var(--shadow-color-rgb), .06);--shadow-fab:0 8px 24px rgba(var(--shadow-color-rgb), .12);--shadow-bottom-bar:0 -10px 30px rgba(var(--shadow-color-rgb), .05);--shadow-primary-sm:0 4px 12px rgba(var(--primary-rgb), .25);--shadow-tile:0 2px 6px rgba(var(--shadow-color-rgb), .1), 0 12px 28px rgba(var(--shadow-color-rgb), .16);--shadow-tile-hover:0 6px 14px rgba(var(--shadow-color-rgb), .14), 0 22px 46px rgba(var(--shadow-color-rgb), .24);--shadow-primary-md:0 8px 20px rgba(var(--primary-rgb), .28);--shadow-error:0 4px 16px rgba(var(--error-rgb), .3);--ring-focus:0 0 0 2px rgba(var(--primary-rgb), .2);--border-faint:rgba(var(--outline-variant-rgb), .15);--border-subtle:rgba(var(--outline-variant-rgb), .25);--border-strong:rgba(var(--outline-variant-rgb), .4);--border-primary:rgba(var(--primary-rgb), .3);--gradient-placeholder:linear-gradient(145deg, var(--surface-container-high), var(--surface-container-highest));--gradient-skeleton:linear-gradient(90deg, var(--surface-container) 0%, var(--surface-container-high) 50%, var(--surface-container) 100%);--scrim-media:#00000080;--scrim-media-strong:#000000b3;--gradient-media-scrim:linear-gradient(to top, #000000d1 0%, #0000002e 55%, transparent 100%)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface:#211c19;--surface-bright:#2c2623;--surface-container-lowest:#1a1614;--surface-container-low:#272320;--surface-container:#2e2926;--surface-container-high:#38322e;--surface-container-highest:#413a35;--primary:#e3b6d4;--primary-dark:#efcde4;--primary-container:#4c2a43;--on-primary:#3c1531;--on-primary-container:#f4dbec;--secondary-container:#2c2521;--on-secondary-container:#ddd1c4;--accent:#e0795c;--on-accent:#3a160c;--accent-rgb:224, 121, 92;--success:#74c28a;--on-success:#0c2a13;--success-rgb:116, 194, 138;--error:#ec8a8a;--on-error:#3a0d0d;--on-surface:#ece3da;--on-surface-variant:#b3a99e;--on-surface-muted:#8f857b;--outline:#7a6e62;--outline-variant:#5e554c;--surface-tint:#e3b6d4;--primary-rgb:227, 182, 212;--primary-container-rgb:76, 42, 67;--on-primary-container-rgb:244, 219, 236;--secondary-container-rgb:44, 37, 33;--on-surface-rgb:236, 227, 218;--on-surface-variant-rgb:179, 169, 158;--outline-variant-rgb:94, 85, 76;--surface-container-highest-rgb:65, 58, 53;--error-rgb:236, 138, 138;--shadow-color-rgb:0, 0, 0;--scrim:#0009;--glass-surface:#24201cc7;--glass-nav:#1a161499;--glass-nav-strong:#2c2623d1;--surface-translucent:#ffffff14;--shadow-card:0 0 0 1px #ffffff14, 0 10px 30px #00000073;--shadow-fab:0 0 0 1px #ffffff14, 0 8px 22px #0000008c;--shadow-bottom-bar:0 -1px 0 #ffffff12, 0 -8px 24px #00000073;--shadow-tile:0 0 0 1px #ffffff24, 0 8px 20px #0000008c;--shadow-tile-hover:0 0 0 1px #ffffff38, 0 16px 34px #000000a6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--on-surface);background-color:var(--surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:1rem;line-height:1.6}:focus:not(:focus-visible){outline:none}button:focus-visible,a:focus-visible,input:focus-visible,.chip:focus-visible{outline:2px solid var(--primary);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);color:var(--on-surface);line-height:1.4}.display-lg{letter-spacing:-.02em;font-size:2.5rem;font-weight:700}.display-md{letter-spacing:-.01em;font-size:2rem;font-weight:700}.headline-md{font-size:1.5rem;font-weight:600}.headline-sm{font-size:1.25rem;font-weight:600}.body-lg{font-family:var(--font-body);font-size:1rem;line-height:1.7}.label-md{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.05rem;color:var(--on-surface-variant);font-size:.75rem;font-weight:500}button{font-family:var(--font-body);cursor:pointer;border:none;outline:none;font-size:1rem;transition:opacity .2s,transform .15s}button:active{transform:scale(.97)}.btn-primary{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-primary-sm);font-weight:600}.btn-primary:hover{background:var(--primary-dark);opacity:1}.btn-secondary{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-full);background:var(--surface-container-high);color:var(--on-surface);font-weight:500}.btn-secondary:hover{background:var(--surface-container-highest)}.btn-tertiary{padding:var(--spacing-2) var(--spacing-4);color:var(--primary);background:0 0;font-weight:600}input,textarea,select{font-family:var(--font-body);color:var(--on-surface);background:var(--surface-container-low);border-radius:var(--radius-lg);padding:var(--spacing-3) var(--spacing-4);border:none;border-bottom:2px solid #0000;outline:none;width:100%;font-size:1rem;transition:background .2s}input:focus,textarea:focus,select:focus{background:var(--surface-container-highest);border-bottom:2px solid var(--primary)}input::placeholder,textarea::placeholder{color:var(--on-surface-variant);opacity:.7}.card{background:var(--surface-container-low);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-card)}.chip{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);background:var(--secondary-container);color:var(--on-secondary-container);font-size:.75rem;font-weight:500;font-family:var(--font-body);display:inline-flex}.glass-nav{background:var(--glass-nav);-webkit-backdrop-filter:blur(20px)}.fab{bottom:calc(var(--spacing-8) + env(safe-area-inset-bottom));right:var(--spacing-6);border-radius:var(--radius-full);background:var(--accent);width:56px;height:56px;color:var(--on-accent);box-shadow:var(--shadow-fab);z-index:100;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:fixed}.skeleton{background:var(--gradient-skeleton);border-radius:var(--radius-md);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.material-symbols-outlined.icon-filled{font-variation-settings:"FILL" 1}.toast{bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));z-index:9998;border-radius:var(--radius-full);background:var(--on-surface);max-width:min(80vw,30rem);color:var(--surface);font-family:var(--font-body);text-align:center;box-shadow:var(--shadow-card);padding:.65rem 1.1rem;font-size:.85rem;font-weight:600;animation:.18s ease-out toast-in;position:fixed;left:50%;transform:translate(-50%)}@media (width>=768px){.toast{bottom:2.25rem}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,.5rem)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.signin-root{background-color:var(--surface);justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.signin-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.signin-bg__blob--green{background:rgba(var(--secondary-container-rgb), .3);filter:blur(80px);border-radius:50%;width:500px;height:500px;position:absolute;top:-10%;left:-5%}.signin-bg__blob--orange{background:rgba(var(--primary-container-rgb), .2);filter:blur(80px);border-radius:50%;width:600px;height:600px;position:absolute;top:60%;right:-10%}.signin-bg__gradient{background:radial-gradient(circle at top left, var(--surface-container-low) 0%, var(--surface) 100%);opacity:.6;position:absolute;inset:0}.signin-main{z-index:1;width:100%;max-width:448px;padding:var(--spacing-8);flex-direction:column;align-items:center;display:flex;position:relative}.signin-brand{text-align:center;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-10);flex-direction:column;display:flex}.signin-logo-group{margin-bottom:var(--spacing-2);position:relative}.signin-logo-badge{background:var(--surface-container-highest);border-radius:var(--radius-lg);width:96px;height:96px;box-shadow:var(--shadow-card);justify-content:center;align-items:center;transition:transform .5s;display:flex;transform:rotate(-3deg)}.signin-logo-badge:hover{transform:rotate(0)}.signin-logo-badge .material-symbols-outlined{color:var(--primary);font-variation-settings:"FILL" 1;font-size:3rem}.signin-logo-chip{background:var(--secondary-container);border-radius:var(--radius-full);width:48px;height:48px;box-shadow:0 4px 12px rgba(var(--shadow-color-rgb), .08);justify-content:center;align-items:center;display:flex;position:absolute;top:-16px;right:-16px;transform:rotate(12deg)}.signin-logo-chip .material-symbols-outlined{color:var(--on-secondary-container);font-variation-settings:"FILL" 1;font-size:1.5rem}.signin-title{font-family:var(--font-headline);letter-spacing:-.03em;color:var(--primary);font-size:3rem;font-weight:800;line-height:1}.signin-tagline{font-family:var(--font-body);color:var(--on-surface-variant);max-width:240px;font-size:1.125rem;font-weight:500;line-height:1.6}.signin-auth{align-items:center;gap:var(--spacing-6);flex-direction:column;width:100%;display:flex}.signin-google-btn{justify-content:center;align-items:center;gap:var(--spacing-4);background:var(--surface-container-lowest);width:100%;padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-full);outline:1px solid var(--border-faint);box-shadow:0 10px 30px rgba(var(--shadow-color-rgb), .04);cursor:pointer;font-family:var(--font-body);border:none;transition:box-shadow .3s,transform .15s;display:flex}.signin-google-btn:hover{box-shadow:0 20px 40px rgba(var(--shadow-color-rgb), .08)}.signin-google-btn:active{transform:scale(.98)}.signin-google-btn__label{font-family:var(--font-body);color:var(--on-surface);font-size:1.125rem;font-weight:600}.signin-footer{text-align:center;padding-top:var(--spacing-4)}.signin-footer__text{font-family:var(--font-body);color:var(--on-surface-variant);font-size:.875rem;font-weight:500}.signin-footer__links{margin-top:var(--spacing-4);justify-content:center;align-items:center;gap:var(--spacing-4);display:flex}.signin-footer__dot{background:rgba(var(--outline-variant-rgb), .4);border-radius:50%;width:4px;height:4px}.signin-footer__link{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:rgba(var(--on-surface-variant-rgb), .6);font-size:.75rem;font-weight:700;text-decoration:none;transition:color .2s}.signin-footer__link:hover{color:var(--primary)}.signin-skillet{opacity:.1;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;position:fixed;bottom:-48px;left:-48px}.signin-skillet .material-symbols-outlined{color:var(--primary);font-size:15rem}.app-shell{--app-topbar-h:3.5rem;--app-bottomnav-h:4rem;background-color:var(--surface);flex-direction:column;min-height:100dvh;display:flex}.app-shell__topbar{z-index:50;height:var(--app-topbar-h);background:var(--surface);justify-content:space-between;align-items:center;padding:0 1.125rem;display:flex;position:fixed;top:0;left:0;right:0}.app-shell__title{font-family:var(--font-headline);letter-spacing:-.02em;color:var(--on-surface);font-size:1.375rem;font-weight:800}.app-shell__topbar-actions{align-items:center;gap:.75rem;display:flex}.app-shell__icon-btn{width:2.75rem;height:2.75rem;color:var(--primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-right:-.5rem;display:flex}.app-shell__icon-btn .material-symbols-outlined{font-size:1.5rem}.app-shell__main{padding-top:var(--app-topbar-h);padding-bottom:calc(var(--app-bottomnav-h) + 1.75rem + env(safe-area-inset-bottom));flex:1}.app-shell__main--immersive{padding-top:0}.nav-avatar{border-radius:var(--radius-full);background:var(--surface-container-high);border:2px solid var(--primary-container);flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;text-decoration:none;display:flex;overflow:hidden}.nav-avatar__img{object-fit:cover;width:100%;height:100%}.nav-avatar__initial{font-family:var(--font-headline);color:var(--primary);font-size:.9375rem;font-weight:800}.bottom-nav{z-index:50;height:calc(var(--app-bottomnav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--glass-nav-strong);-webkit-backdrop-filter:blur(24px)saturate(180%);border-top:1px solid var(--border-subtle);box-shadow:0 -4px 24px rgba(var(--shadow-color-rgb), .12);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.bottom-nav{background:var(--surface-bright)}}.bottom-nav__tab{border-radius:var(--radius-md);min-width:3.25rem;min-height:2.75rem;color:rgba(var(--on-surface-rgb), .45);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;padding:.25rem .5rem;text-decoration:none;transition:background .2s,color .2s,transform .1s ease-out;display:flex}.bottom-nav__tab:active{transform:scale(.88)}.bottom-nav__tab:focus:not(:focus-visible),.bottom-nav__fab:focus:not(:focus-visible){outline:none}.bottom-nav__tab:focus-visible,.bottom-nav__fab:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.bottom-nav__tab .material-symbols-outlined{font-size:1.5rem}.bottom-nav__label{font-family:var(--font-headline);font-size:.6875rem;font-weight:700}.bottom-nav__tab--active{color:var(--primary);background:var(--primary-container)}.bottom-nav__fab{border-radius:var(--radius-full);background:var(--primary);width:56px;height:56px;color:var(--on-primary);cursor:pointer;box-shadow:0 0 0 5px var(--surface), var(--shadow-primary-md);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-top:-1.5rem;transition:transform .1s ease-out;display:flex}.bottom-nav__fab:active:not(:disabled){transform:scale(.88)}.bottom-nav__fab:disabled{opacity:.4;cursor:not-allowed}.bottom-nav__fab .material-symbols-outlined{font-size:1.625rem}.top-nav{display:none}@media (width>=768px){.app-shell__topbar,.bottom-nav{display:none}.app-shell__main{padding-top:62px;padding-bottom:0}.top-nav{z-index:50;background:var(--surface-bright);border-bottom:1px solid var(--border-subtle);align-items:center;gap:1.75rem;height:62px;padding:0 1.625rem;display:flex;position:fixed;top:0;left:0;right:0}.top-nav__brand{flex-shrink:0;align-items:center;gap:.625rem;text-decoration:none;display:flex}.top-nav__logo{background:var(--primary);width:30px;height:30px;color:var(--on-primary);border-radius:9px;justify-content:center;align-items:center;display:flex}.top-nav__logo .material-symbols-outlined{font-size:1.25rem}.top-nav__wordmark{font-family:var(--font-headline);letter-spacing:-.02em;color:var(--on-surface);font-size:1.1875rem;font-weight:800}.top-nav__links{align-items:center;gap:.25rem;display:flex}.top-nav__link{font-family:var(--font-headline);color:var(--on-surface);border-radius:11px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.90625rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:flex}.top-nav__link .material-symbols-outlined{font-size:1.1875rem}.top-nav__link:hover{background:rgba(var(--primary-container-rgb), .5)}.top-nav__link--active{background:var(--primary-container);color:var(--primary);font-weight:800}.top-nav__right{align-items:center;gap:.875rem;margin-left:auto;display:flex}.top-nav__icon-btn{width:2.5rem;height:2.5rem;color:var(--on-surface-variant);cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;transition:background .2s;display:flex}.top-nav__icon-btn:hover{background:var(--surface-container-high)}.top-nav__icon-btn .material-symbols-outlined{font-size:1.375rem}.top-nav__create{align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:800;display:flex}.top-nav__create .material-symbols-outlined{font-size:1.25rem}.top-nav__create:disabled{opacity:.4;cursor:not-allowed}}.loading-screen{min-height:70dvh;color:var(--on-surface-variant);font-family:var(--font-body);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.loading-screen__spinner{border:3px solid var(--outline-variant);border-top-color:var(--primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite loading-screen-spin}@keyframes loading-screen-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-screen__spinner{animation:none}}.error-screen{text-align:center;min-height:70dvh;font-family:var(--font-body);color:var(--on-surface-variant);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.error-screen__icon{opacity:.4;font-size:3rem}.error-screen__title{font-family:var(--font-headline);color:var(--on-surface);font-size:1.125rem;font-weight:600}.error-screen__message{font-size:.9rem;line-height:1.6}