:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--page:var(--surface);--surface:#fff;--text:#171717;--muted:#626262;--border:#d2d2d4;--field:#fff;--accent:#a20f2f;--accent-hover:#870b27;--accent-text:#fff;--focus:#c32649;--shadow:#19121424;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{background:var(--surface)}html,body,#root{min-width:320px;min-height:100%}body{min-height:100vh;color:var(--text);background:var(--page);margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.phone-frame{background:var(--surface);width:min(100%,390px);min-height:min(844px,100vh - 48px);box-shadow:none;border:1px solid #0000;border-radius:36px;position:relative;overflow:hidden}.account-screen{min-height:inherit;flex-direction:column;padding:26px 28px 30px;animation:.18s ease-out screen-in;display:flex}.account-screen--welcome{justify-content:space-between;padding-top:64px;padding-bottom:52px}.welcome-heading{text-align:center;justify-items:center;gap:18px;display:grid}.brand{justify-items:center;gap:12px;display:grid}.brand__icon{border-radius:23px;width:96px;height:96px;display:block}.brand__name{color:var(--accent);letter-spacing:-.045em;font-size:40px;font-weight:750}h1{letter-spacing:-.045em;margin:0;font-size:32px;line-height:1.08}.welcome-heading h1{letter-spacing:-.02em;font-size:20px;font-weight:480}.account-actions,.provider-stack,.email-stack{gap:12px;display:grid}.account-actions{gap:18px}.app-button{width:100%;min-height:56px;color:var(--accent-text);background:var(--accent);letter-spacing:-.012em;cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:12px;padding:0 22px;font-size:16px;font-weight:660;transition:background-color .15s,border-color .15s,transform .15s;display:flex;position:relative}.app-button:hover{background:var(--accent-hover)}.app-button:active{transform:scale(.985)}.app-button:disabled{opacity:.42;cursor:not-allowed;transform:none}.app-button--secondary{border-color:var(--border);color:var(--text);background:0 0;font-weight:560}.app-button--secondary:hover{border-color:color-mix(in srgb, var(--accent) 52%, var(--border));background:color-mix(in srgb, var(--accent) 5%, transparent)}.app-button__icon{place-items:center;width:23px;height:23px;display:grid;position:absolute;left:20px}.provider-mark{fill:currentColor;width:23px;height:23px}.mail-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:21px;height:21px}.provider-letter{color:#4285f4;font-size:21px;font-weight:800;line-height:1}.microsoft-mark{grid-template-columns:1fr 1fr;gap:2px;width:20px;height:20px;display:grid}.microsoft-mark i:first-child{background:#f25022}.microsoft-mark i:nth-child(2){background:#7fba00}.microsoft-mark i:nth-child(3){background:#00a4ef}.microsoft-mark i:nth-child(4){background:#ffb900}.divider{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.divider span,.switch-divider{background:var(--border);height:1px}.divider small{font-size:14px}.back-button{width:44px;height:44px;color:var(--accent);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;margin:-8px 0 34px -10px;display:grid}.back-button:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.back-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.form-heading{margin-bottom:34px}.catalog-screen{min-height:inherit;padding:20px 28px}.catalog-toolbar{align-items:center;gap:12px;margin-bottom:38px;display:flex}.catalog-toolbar>span{color:var(--accent);flex:1;font-weight:700}.catalog-toolbar img{border-radius:8px}.menu-button{width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;padding:10px;font-size:30px;display:grid}.menu-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:24px}.catalog-heading p{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.catalog-empty{text-align:center;padding-top:90px}.catalog-empty>svg{fill:none;width:64px;stroke:var(--accent);stroke-width:1.5px;stroke-linejoin:round}.catalog-empty h2{letter-spacing:-.03em;margin:24px 0 12px;font-size:22px}.catalog-empty p{color:var(--muted);margin-bottom:28px;font-size:15px;line-height:1.5}.catalog-empty small{color:var(--muted);margin-top:12px;display:block}.navigation-drawer{overscroll-behavior:contain;background:var(--surface);width:min(320px,85vw);max-width:none;height:100dvh;max-height:none;color:var(--text);box-shadow:10px 0 40px var(--shadow);border:0;border-radius:0;margin:0;padding:0;position:fixed;inset:0 auto 0 0;overflow-y:auto}.navigation-drawer[open]{animation:.18s ease-out drawer-in}.navigation-drawer::backdrop{background:#0006}.drawer-content{min-height:100%;padding:max(22px, env(safe-area-inset-top)) 22px max(22px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));flex-direction:column;display:flex}.drawer-heading{color:var(--accent);justify-content:space-between;align-items:center;font-size:24px;font-weight:700;display:flex}.drawer-context{color:var(--muted);overflow-wrap:anywhere;margin:24px 0;line-height:1.6}.drawer-content nav{gap:8px;display:grid}.drawer-content nav button{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:14px;padding:16px}.drawer-content nav button[aria-current]{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);font-weight:650}.drawer-footer{color:var(--muted);margin-top:auto;padding-top:30px;font-size:13px}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.workspace-fields{border:0;gap:20px;min-width:0;margin:0;padding:0;display:grid}.workflow-step{color:var(--muted);margin:0 0 14px;font-size:13px}.workspace-review{margin:0}.workspace-review>div{border-bottom:1px solid var(--border);padding:16px 0}.workspace-review dt{color:var(--muted);font-size:13px}.workspace-review dd{overflow-wrap:anywhere;margin:6px 0 0;font-size:18px}.account-form{gap:20px;display:grid}.account-form .app-button{margin-top:12px}.field{gap:8px;display:grid}.field label{font-size:15px;font-weight:560}.field__control{position:relative}.field input{border:1px solid var(--border);width:100%;min-height:54px;color:var(--text);background:var(--field);border-radius:12px;outline:0;padding:0 16px;font-size:16px;transition:border-color .15s,box-shadow .15s}.field__control--password input{padding-right:52px}.field input:focus{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus) 15%, transparent)}.field__visibility{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.field__visibility svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.text-link{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:15px}.text-link span,.forgot-link{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.form-switch{align-self:center;margin-top:30px}.forgot-link{align-self:center;margin-top:26px}.switch-divider{margin-top:30px}.form-notice,.provider-notice{min-height:38px;color:var(--muted);text-align:center;margin:18px 0 0;font-size:13px;line-height:1.4}.start-screen .form-heading{max-width:290px}.choice-stack{gap:16px;display:grid}.start-choice{border:1px solid var(--border);width:100%;min-height:132px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border-radius:15px;grid-template-columns:34px 1fr 26px;align-items:center;gap:14px;padding:20px;transition:border-color .15s,background-color .15s;display:grid}.start-choice:hover,.start-choice--selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent)}.start-choice__icon{color:var(--accent);align-self:start}.start-choice__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:30px;height:30px}.start-choice__copy{gap:8px;display:grid}.start-choice__copy strong{font-size:16px}.start-choice__copy small{color:var(--muted);font-size:13px;line-height:1.45}.start-choice__status{color:var(--accent);text-align:center;font-size:28px}.start-choice--selected .start-choice__status{color:#fff;background:var(--accent);border-radius:999px;width:26px;height:26px;font-size:15px;line-height:26px}.start-screen__footer{text-align:center;gap:12px;margin-top:auto;padding-top:24px;display:grid}.start-screen__footer>p{color:var(--muted);margin:0;font-size:13px}.start-screen__footer .form-notice{margin:0}.provider-notice{position:absolute;bottom:12px;left:28px;right:28px}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb, var(--focus) 34%, transparent);outline-offset:2px}@keyframes screen-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){:root{--surface:#101113;--text:#f5f3f3;--muted:#aaa6a7;--border:#393a3d;--field:#131416;--accent:#d3123b;--accent-hover:#ec1748;--accent-text:#fff;--focus:#f03259;--shadow:#00000073}}@media (width<=440px){.app-shell{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.phone-frame{min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));box-shadow:none;border:0;border-radius:0}}@media (height<=760px){.account-screen--welcome{justify-content:start;gap:28px;padding-top:34px}.brand__icon{border-radius:17px;width:68px;height:68px}.brand__name{font-size:34px}.account-form{gap:14px}.form-heading{margin-bottom:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
