:root{--clr-base: #23282E;--clr-surface: #333A41;--clr-surface-hover: #3F464E;--clr-card: rgba(255,255,255,.055);--clr-border: #454C54;--clr-border-hover: rgba(192,238,211,.3);--clr-input: rgba(255,255,255,.06);--clr-field: rgba(255,255,255,.07);--clr-subtle: rgba(255,255,255,.12);--clr-mint: #C0EED3;--clr-mint-hover: #D4F7E3;--clr-mint-dim: rgba(192,238,211,.12);--clr-mint-glow: rgba(192,238,211,.35);--clr-mint-text: #2E343B;--clr-text: #F5F7F6;--clr-text-2: #B5C3BE;--clr-text-3: #7F8E89;--clr-warn: #E8B657;--clr-star: #FFB020;--clr-danger: #E67676;--clr-danger-text: #FF8A80;--clr-success: #5FB98A;--clr-info: #7FB2C7;--r-xs: 10px;--r-sm: 16px;--r-md: 20px;--r-lg: 24px;--r-xl: 28px;--r-xxl: 36px;--r-pill: 999px;--shadow-card: none;--shadow-float: 0 10px 30px rgba(0,0,0,.45);--shadow-glow: none;--blur-glass: blur(16px) saturate(1.4);--ff: "Plus Jakarta Sans", system-ui, sans-serif;--ff-display: "Bricolage Grotesque", "Plus Jakarta Sans", system-ui, sans-serif;--clr-nav-bg: rgba(21, 23, 26, .75);--clr-nav-border: rgba(255, 255, 255, .06);--clr-nav-shadow: none;--clr-chip-bg: var(--clr-surface);--clr-chip-border: transparent;--clr-chip-shadow: none;--clr-btn-sec-bg: var(--clr-surface);--clr-btn-sec-border: transparent;--clr-btn-sec-shadow: none;--clr-btn-sec-bg-hover: var(--clr-surface-hover);--clr-btn-sec-border-hover: transparent;--clr-btn-sec-shadow-hover: none;--clr-btn-prim-bg: var(--clr-mint);--clr-btn-prim-shadow: none;--clr-btn-prim-bg-hover: var(--clr-mint-hover);--clr-btn-prim-shadow-hover: none;--clr-chip-sel-bg: var(--clr-mint);--clr-chip-sel-shadow: none;--clr-chip-sel-bg-hover: var(--clr-mint-hover);--clr-chip-sel-shadow-hover: none}@media (prefers-color-scheme: light){:root{--clr-base: #ECEEED;--clr-surface: #FFFFFF;--clr-surface-hover: #F0F3F1;--clr-card: rgba(0, 0, 0, .025);--clr-border: #E4E8E6;--clr-border-hover: rgba(46, 52, 59, .25);--clr-input: #FFFFFF;--clr-field: #F0F3F1;--clr-subtle: #D9E0DC;--clr-text: #1A2529;--clr-text-2: #4C5A54;--clr-text-3: #8A958F;--clr-danger-text: #D70015;--clr-nav-bg: rgba(255, 255, 255, .75);--clr-nav-border: rgba(0, 0, 0, .06);--shadow-float: 0 10px 30px rgba(29, 41, 47, .12);--clr-mint: #2E343B;--clr-mint-hover: #44544B;--clr-mint-dim: rgba(46, 52, 59, .08);--clr-mint-glow: rgba(46, 52, 59, .15);--clr-mint-text: #C0EED3}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background-color:var(--clr-base);color:var(--clr-text);font-family:var(--ff);-webkit-font-smoothing:antialiased}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;-webkit-user-select:none;user-select:none}.material-symbols-rounded.fill{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--clr-base)}::-webkit-scrollbar-thumb{background:var(--clr-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--clr-text-3)}.app-root{min-height:100vh;display:flex;flex-direction:column}.page-content{flex:1}.t-display{font-family:var(--ff-display);font-size:2rem;font-weight:800;line-height:1;letter-spacing:-1.2px}.t-h1{font-family:var(--ff-display);font-size:1.75rem;font-weight:700;line-height:1.1;letter-spacing:-.8px}.t-h2{font-family:var(--ff-display);font-size:1.5rem;font-weight:700;line-height:1.15;letter-spacing:-.6px}.t-h3{font-family:var(--ff-display);font-size:1.25rem;font-weight:700;line-height:1.2;letter-spacing:-.4px}.t-title{font-size:1rem;font-weight:600;line-height:1.35;letter-spacing:-.1px}.t-body{font-size:.875rem;font-weight:500;line-height:1.55;color:var(--clr-text-2)}.t-caption{font-size:.75rem;font-weight:500;line-height:1.45;color:var(--clr-text-2)}.surface-card,.glass-card{background:var(--clr-surface);border:none;border-radius:var(--r-xl);box-shadow:none;overflow:hidden;transition:background-color .2s ease}.chip{display:inline-flex;align-items:center;gap:4px;padding:10px 16px;border-radius:var(--r-pill);border:none;background:var(--clr-surface);color:var(--clr-text);font-size:.8125rem;font-weight:600;white-space:nowrap;cursor:pointer;box-shadow:none;transition:background-color .2s ease,color .2s ease;font-family:var(--ff)}.chip:hover{background:var(--clr-surface-hover)}.chip.chip--active{background:var(--clr-mint);color:var(--clr-mint-text);font-weight:700}.chip svg{flex-shrink:0}.btn-mint{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 22px;height:50px;border-radius:var(--r-xl);background:var(--clr-mint);color:var(--clr-mint-text);font-weight:700;font-size:.875rem;font-family:var(--ff);border:none;cursor:pointer;box-shadow:none;text-decoration:none;transition:background-color .2s ease,transform .12s ease;letter-spacing:-.1px}.btn-mint:hover{background:var(--clr-mint-hover)}.btn-mint:active{transform:scale(.96)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 22px;height:50px;border-radius:var(--r-xl);border:none;background:var(--clr-surface);color:var(--clr-text);font-weight:700;font-size:.875rem;font-family:var(--ff);cursor:pointer;text-decoration:none;transition:background-color .2s ease,transform .12s ease}.btn-ghost:hover{background:var(--clr-surface-hover)}.btn-ghost:active{transform:scale(.96)}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--r-pill);background:var(--clr-subtle);border:none;font-size:.6875rem;font-weight:700;letter-spacing:.6px;color:var(--clr-text)}.badge--mint{background:var(--clr-mint-dim);color:var(--clr-mint)}.badge--success{background:#5fb98a29;color:var(--clr-success)}.badge--warn{background:#e8b65729;color:var(--clr-warn)}.badge--danger{background:#e6767629;color:var(--clr-danger)}.badge--photo{background:#2e343bb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003;color:#fff;letter-spacing:normal}.input-field{width:100%;padding:18px 20px;background:var(--clr-input);border:none;border-radius:var(--r-lg);color:var(--clr-text);font-family:var(--ff);font-size:.9375rem;font-weight:500;outline:none;transition:background-color .2s ease}.input-field:focus{background:#ffffff1a}@media (prefers-color-scheme: light){.input-field:focus{background:var(--clr-surface)}}.input-field::placeholder{color:var(--clr-text-3)}.field-error{font-size:.75rem;font-weight:500;color:var(--clr-danger-text)}.spinner{width:40px;height:40px;border:3px solid var(--clr-border);border-top-color:var(--clr-mint);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:var(--clr-text-2);font-size:.95rem}.skeleton{background:var(--clr-surface);border-radius:var(--r-sm);animation:skeleton-pulse 1.4s ease-in-out infinite alternate}@keyframes skeleton-pulse{0%{opacity:.55}to{opacity:1}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 32px;gap:8px;color:var(--clr-text-2)}.empty-state>.material-symbols-rounded{font-size:48px;color:var(--clr-text-2);margin-bottom:8px}.empty-state h3{font-family:var(--ff-display);font-size:1.25rem;font-weight:700;letter-spacing:-.4px;color:var(--clr-text)}.empty-state p{font-size:.875rem;max-width:420px;line-height:1.55}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.anim-fade-up{animation:fadeUp .4s cubic-bezier(.16,1,.3,1) both}@media (prefers-reduced-motion: reduce){.anim-fade-up,.skeleton,.spinner{animation:none}}.page{min-height:100vh}.page__inner{width:min(1160px,100% - 48px);margin:0 auto;padding:32px 0 96px}.phead{position:relative;display:flex;align-items:center;min-height:188px;padding:32px 260px 32px 40px;border-radius:var(--r-xxl);background:var(--clr-surface);overflow:hidden}.phead__eyebrow{font-size:.8125rem;font-weight:700;color:var(--clr-text-2)}.phead__title{margin-top:2px;font-family:var(--ff-display);font-size:clamp(2rem,3.4vw,2.75rem);font-weight:800;line-height:1;letter-spacing:-1.4px;color:var(--clr-text)}.phead__sub{margin-top:10px;max-width:52ch;font-size:.9375rem;font-weight:500;line-height:1.5;color:var(--clr-text-2)}.phead__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.phead__art{position:absolute;right:-50px;bottom:-110px;width:290px;aspect-ratio:1;border-radius:50%;background:linear-gradient(135deg,#d4f7e3,#a0e3bd);pointer-events:none}.phead__art:after{content:"";position:absolute;inset:-36px;border-radius:50%;border:1.5px solid rgba(192,238,211,.2)}.phead__art .material-symbols-rounded{position:absolute;top:52px;left:70px;font-size:96px;color:#2e343b;transform:rotate(-10deg);font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 48}.pill-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px 0 14px;border:none;border-radius:var(--r-pill);background:var(--clr-mint);color:var(--clr-mint-text);font-family:var(--ff);font-size:.875rem;font-weight:700;text-decoration:none;cursor:pointer;transition:background-color .2s ease,transform .12s ease}.pill-btn:hover{background:var(--clr-mint-hover)}.pill-btn:active{transform:scale(.96)}.pill-btn .material-symbols-rounded{font-size:20px}.pill-btn--soft{background:var(--clr-field);color:var(--clr-text)}.pill-btn--soft:hover{background:var(--clr-subtle)}.pill-btn:disabled{opacity:.5;cursor:default}.side-card{padding:20px;border-radius:var(--r-xl);background:var(--clr-surface)}.side-card+.side-card{margin-top:12px}.side-card__title{font-family:var(--ff-display);font-size:1.125rem;font-weight:700;letter-spacing:-.3px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.stat{display:flex;flex-direction:column;gap:2px;padding:12px;border-radius:var(--r-sm);background:var(--clr-field);color:inherit;text-decoration:none}a.stat:hover{background:var(--clr-subtle)}.stat__value{font-family:var(--ff-display);font-size:1.625rem;font-weight:800;line-height:1;letter-spacing:-.6px;color:var(--clr-text)}.stat__label{font-size:.75rem;font-weight:600;color:var(--clr-text-2)}@media (max-width: 1024px){.page__inner{width:calc(100% - 40px);padding-top:16px}.phead{min-height:150px;padding:24px 150px 24px 24px;border-radius:var(--r-xl)}.phead__art{width:190px;right:-50px;bottom:-80px}.phead__art .material-symbols-rounded{top:34px;left:40px;font-size:64px}}@media (max-width: 480px){.phead{padding-right:110px}.phead__art{width:150px;right:-44px;bottom:-60px}.phead__art .material-symbols-rounded{top:26px;left:30px;font-size:50px}}.toast{position:fixed;left:50%;bottom:calc(24px + var(--tabbar-space, 0px));z-index:1100;display:inline-flex;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:12px 18px 12px 14px;border-radius:var(--r-pill);background:var(--clr-text);color:var(--clr-base);font-size:.875rem;font-weight:700;box-shadow:var(--shadow-float);transform:translate(-50%);animation:toast-in .3s cubic-bezier(.2,1.4,.4,1) both}.toast .material-symbols-rounded{font-size:20px;color:var(--clr-success)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.divider{height:.5px;background:var(--clr-border);margin:0;border:none}.logo-carbon,.theme-light-only{display:none!important}.theme-dark-only{display:block!important}@media (prefers-color-scheme: light){.logo-mint,.theme-dark-only{display:none!important}.logo-carbon,.theme-light-only{display:block!important}}.flow{min-height:100vh;display:flex;justify-content:center;padding:48px 24px 96px}.flow__inner{width:100%;max-width:480px}.flow__logo{display:block;height:108px;margin:0 auto 32px;object-fit:contain}.flow__title{font-family:var(--ff-display);font-size:1.75rem;font-weight:700;line-height:1.1;letter-spacing:-.8px;text-align:center}.flow__subtitle{margin-top:8px;font-size:.875rem;font-weight:500;line-height:1.55;color:var(--clr-text-2);text-align:center}.flow__actions{margin-top:24px;display:flex;flex-direction:column;gap:12px}.flow__foot{margin-top:24px;text-align:center;font-size:.875rem;font-weight:500;color:var(--clr-text-2)}.flow__link{color:var(--clr-mint);font-weight:700;cursor:pointer;background:none;border:none;font-family:var(--ff);font-size:inherit;padding:0}.flow__link:hover{text-decoration:underline}.flow__error{display:flex;align-items:flex-start;gap:8px;margin-top:16px;padding:0 4px;font-size:.75rem;font-weight:500;line-height:1.5;color:var(--clr-danger-text)}.flow__error .material-symbols-rounded{font-size:18px;flex-shrink:0}.form-group{margin-top:24px}.form-group__header{padding:0 4px 4px;font-size:.875rem;font-weight:700;color:var(--clr-text)}.form-group__box{background:var(--clr-surface);border-radius:var(--r-sm);overflow:hidden}.form-group__footer{padding:4px 4px 0;font-size:.75rem;font-weight:500;line-height:1.45;color:var(--clr-text-2)}.form-row{display:flex;align-items:center;gap:12px;padding:6px 16px;min-height:48px;position:relative}.form-row+.form-row{box-shadow:inset 0 .5px 0 var(--clr-border)}.form-row__label{width:108px;flex-shrink:0;font-size:1rem;font-weight:500;color:var(--clr-text)}.form-row__input{flex:1;min-width:0;background:none;border:none;outline:none;padding:12px 0;font-family:var(--ff);font-size:1rem;font-weight:500;color:var(--clr-text)}.form-row__input::placeholder{color:var(--clr-text-3)}.form-row__input:disabled{opacity:.5}.form-row__eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;background:none;color:var(--clr-text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%}.form-row__eye:hover{color:var(--clr-text)}.form-row__eye .material-symbols-rounded{font-size:22px}.form-row--with-eye .form-row__input{padding-right:44px}.form-group__error{padding:4px 4px 0;font-size:.75rem;font-weight:500;color:var(--clr-danger-text)}.or-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--clr-text-3);font-size:.75rem;font-weight:600}.or-divider:before,.or-divider:after{content:"";flex:1;height:.5px;background:var(--clr-border)}.flow__back{display:inline-flex;align-items:center;gap:6px;margin-bottom:20px;padding:6px 8px 6px 0;border:none;background:none;color:var(--clr-text-2);font-family:var(--ff);font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:none}.flow__back:hover{color:var(--clr-text)}.flow__back .material-symbols-rounded{font-size:18px}.code-input{font-variant-numeric:tabular-nums;letter-spacing:6px;font-weight:700}.sheet-backdrop{position:fixed;inset:0;z-index:900;display:flex;align-items:center;justify-content:center;padding:20px;background:#0d101499;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeUp .2s ease both}.sheet{width:100%;max-width:460px;max-height:86vh;overflow-y:auto;padding:28px 24px 24px;border-radius:32px;background:var(--clr-surface);box-shadow:var(--shadow-float)}.sheet__title{font-family:var(--ff-display);font-size:1.25rem;font-weight:700;letter-spacing:-.4px;text-align:center}.sheet__sub{margin-top:6px;font-size:.8125rem;font-weight:500;color:var(--clr-text-2);text-align:center}.sheet__actions{margin-top:20px;display:flex;flex-direction:column;gap:8px}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:50px;border:none;border-radius:var(--r-xl);background:#fff;color:#1f1f1f;font-family:var(--ff);font-size:.875rem;font-weight:700;cursor:pointer;transition:background-color .2s ease,transform .12s ease}.google-btn:hover:not(:disabled){background:#f1f3f4}.google-btn:active:not(:disabled){transform:scale(.96)}.google-btn:disabled{opacity:.55;cursor:not-allowed}.google-btn__logo{width:18px;height:18px;flex-shrink:0}.social-btns{display:flex;flex-direction:column;gap:10px}.apple-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:50px;border:none;border-radius:var(--r-xl);background:#000;color:#fff;font-family:var(--ff);font-size:.875rem;font-weight:700;cursor:pointer;transition:background-color .2s ease,transform .12s ease}.apple-btn:hover:not(:disabled){background:#1c1c1e}.apple-btn:active:not(:disabled){transform:scale(.96)}.apple-btn:disabled{opacity:.55;cursor:not-allowed}.apple-btn__logo{width:20px;height:20px;flex-shrink:0}.google-btn .btn-spinner,.apple-btn .btn-spinner{width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;opacity:.85;animation:social-btn-spin .8s linear infinite}@keyframes social-btn-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.google-btn .btn-spinner,.apple-btn .btn-spinner{animation-duration:2.4s}}.flow__notice{display:flex;align-items:center;gap:8px;margin-top:16px;padding:0 4px;font-size:.8125rem;font-weight:600;color:var(--clr-success)}.flow__notice .material-symbols-rounded{font-size:18px}.sheet--filters{padding:20px 20px 24px}.sheet__head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sheet__head .sheet__title{flex:1;text-align:left}.sheet__done{width:32px;height:32px;flex-shrink:0;border:none;border-radius:50%;background:var(--clr-mint);color:var(--clr-mint-text);display:flex;align-items:center;justify-content:center;cursor:pointer}.sheet__done .material-symbols-rounded{font-size:20px}.sheet__tick{font-size:20px;color:var(--clr-mint)}.sheet__switch{width:20px;height:20px;accent-color:var(--clr-mint)}.sheet__switch{pointer-events:none}.input-field:-webkit-autofill,.form-row__input:-webkit-autofill,.hero-search-input:-webkit-autofill,.search-bar-input:-webkit-autofill,.composer__input:-webkit-autofill{-webkit-text-fill-color:var(--clr-text);-webkit-box-shadow:0 0 0 1000px var(--clr-surface) inset;caret-color:var(--clr-text);transition:background-color 100000s ease-in-out 0s}@media (min-width: 1025px){.only-touch{display:none!important}}@media (max-width: 1024px){.only-desk{display:none!important}.page-content{padding-bottom:var(--tabbar-space, 0px)}}.tiles-row{display:flex;gap:8px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 20px 12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tiles-row::-webkit-scrollbar{display:none}.tile,.tile-skeleton{flex:0 0 auto;width:clamp(64px,calc((100vw - 20px) / 4.5 - 8px),88px);height:clamp(64px,calc((100vw - 20px) / 4.5 - 8px),88px);border-radius:var(--r-xl)}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px;border:none;background:var(--clr-surface);color:var(--clr-text);font-family:var(--ff);cursor:pointer;transition:background-color .18s ease,color .18s ease;-webkit-tap-highlight-color:transparent}.tile .material-symbols-rounded{font-size:24px}.tile__label{font-size:.625rem;font-weight:600;line-height:1.15;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile--on{background:var(--clr-mint);color:var(--clr-mint-text)}
