.mobile-app{--foreground:#111;--text-2:#555;--muted-foreground:#737373;--faint:#8a8a8a;--canvas:#f2f2f2;--background:#fff;--fill:#efefef;--primary:#111;--primary-foreground:#fff;--border:#00000012;--track:#00000017;--input:color-mix(in srgb, var(--foreground) 14%, transparent);--edge-strong:color-mix(in srgb, var(--foreground) 30%, transparent);--hover:color-mix(in srgb, var(--foreground) 4%, transparent);--destructive:var(--foreground);--support:var(--foreground);--text-caption:12px;--text-meta:13px;--text-body:15px;--text-subtitle:16px;--text-title:20px;--text-display:28px;--leading-caption:16px;--leading-meta:18px;--leading-body:21px;--leading-subtitle:20px;--leading-title:26px;--leading-display:34px;--weight-semibold:550;--control-height:48px;--button-height:52px;--mark:20px;--box-radius:20px;--control-radius:12px;--radius-row:8px;--full:999px;--float-shadow:0 0 0 1px #0000000f, 0 1px 1px -.5px #0000000f, 0 3px 3px -1.5px #0000000f;--duration:80ms;--duration-slow:.16s;--ease:cubic-bezier(.2, .7, .3, 1);--dim:.4;--column:448px;--side:max(16px, calc(50% - var(--column) / 2));min-height:100dvh;padding:env(safe-area-inset-top) var(--side) calc(env(safe-area-inset-bottom) + 24px);background:var(--canvas);color:var(--foreground);font-size:var(--text-body);line-height:var(--leading-body);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}@media (prefers-color-scheme:dark){.mobile-app:not([data-scheme=light]){--foreground:#ededed;--text-2:#b4b4b4;--muted-foreground:#8f8f8f;--faint:#6e6e6e;--canvas:#000;--background:#1c1c1e;--fill:#2c2c2e;--primary:#ededed;--primary-foreground:#0a0a0a;--border:#ffffff14;--track:#ffffff1f}}html:has(.mobile-app){background:#f2f2f2;margin:0}html:has(.mobile-app) body{background:#f2f2f2;margin:0}@media (prefers-color-scheme:dark){html:has(.mobile-app:not([data-scheme=light])){background:#000}html:has(.mobile-app:not([data-scheme=light])) body{background:#000}}.mobile-app,.mobile-app *{box-sizing:border-box}:where(.mobile-app) :where(button,input,select,textarea){font:inherit;color:inherit}:where(.mobile-app) :where(button){cursor:pointer;background:0 0;border:0;padding:0}:where(.mobile-app) :where(a){color:inherit;text-decoration:none}:where(.mobile-app) :where(h1,h2,h3){font-size:inherit;font-weight:var(--weight-semibold);margin:0}:where(.mobile-app) :where(h1){font-size:var(--text-display);line-height:var(--leading-display);letter-spacing:-.025em;font-weight:700}:where(.mobile-app) :where(h2){font-size:var(--text-title);line-height:var(--leading-title);letter-spacing:-.02em;font-weight:700}:where(.mobile-app) :where(p){margin:0}.app-title{padding:20px 4px 18px}.app-title p{font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--muted-foreground)}.app-title p:first-letter{text-transform:uppercase}.app-title h1{margin:2px 0 1px}.app-section{color:var(--muted-foreground);font-size:var(--text-meta);line-height:var(--leading-meta);letter-spacing:0;justify-content:space-between;align-items:center;margin:22px 4px 8px;font-weight:400;display:flex}.app-section>:first-child:first-letter{text-transform:uppercase}.app-card{border-radius:var(--box-radius);background:var(--background);overflow:hidden}.app-card.padded{padding:16px}.app-card+.app-card{margin-top:12px}.app-row{text-align:left;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 16px;display:flex;position:relative}.app-row+.app-row:before{content:"";top:0;left:var(--row-text,16px);background:var(--border);height:1px;position:absolute;right:0}.app-field{width:100%;height:var(--control-height);border-radius:var(--control-radius);background:var(--background);font-size:var(--text-subtitle);border:0;outline:0;align-items:center;gap:8px;padding:0 14px;display:flex}.app-card .app-field{background:var(--fill)}.app-field:is(:focus,:focus-within),.app-field[aria-invalid=true]{box-shadow:0 0 0 1.5px var(--foreground)}.app-field input{min-width:0;height:100%;font-size:inherit;background:0 0;border:0;outline:0;flex:1;padding:0}.app-field::placeholder,.app-field input::placeholder{color:var(--faint)}.app-field>svg{width:18px;height:18px;color:var(--muted-foreground);flex:none}.app-nav{grid-template-columns:44px 1fr 44px;align-items:center;margin:8px 0 14px;display:grid}.app-nav>div{text-align:center}.app-nav b{font-size:var(--text-subtitle);line-height:var(--leading-subtitle);font-weight:var(--weight-semibold);display:block}.app-nav>div>span{font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--muted-foreground)}.app-round{border-radius:var(--full);background:var(--background);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.app-round svg{width:20px;height:20px}.app-button{width:100%;height:var(--button-height);border-radius:var(--full);background:var(--primary);color:var(--primary-foreground);font-size:var(--text-subtitle);font-weight:var(--weight-semibold);transition:opacity var(--duration) ease-out;justify-content:center;align-items:center;display:flex}.app-button:disabled{opacity:var(--dim);cursor:default}.app-button[data-secondary]{width:var(--button-height);background:var(--background);color:var(--foreground);box-shadow:var(--float-shadow);flex:none}.app-button svg{width:20px;height:20px}.app-link{font-weight:var(--weight-semibold)}.app-error{font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--destructive);margin-top:12px}.app-sign-in{min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px);flex-direction:column;padding-top:48px;display:flex}.app-sign-in-logo{border-radius:var(--control-radius);margin-bottom:24px;display:block}.app-sign-in h1{text-wrap:balance}.app-sign-in>p{color:var(--text-2);margin:10px 0 32px}.app-sign-in form{flex-direction:column;flex:1;display:flex}.app-sign-in .app-button{margin-top:auto}.app-sign-in-help{font-size:var(--text-meta);line-height:var(--leading-meta);color:var(--muted-foreground);margin-top:18px}.app-sign-in form .app-sign-in-help{margin-bottom:24px}.app-phone{gap:4px}.app-code{gap:8px;display:flex;position:relative}.app-code span{border-radius:var(--control-radius);background:var(--background);height:56px;font-size:var(--text-title);font-weight:var(--weight-semibold);flex:1;justify-content:center;align-items:center;display:flex}.app-code span[data-current]{box-shadow:0 0 0 1.5px var(--foreground)}.app-code input{opacity:0;width:100%;font-size:var(--text-subtitle);position:absolute;inset:0}.app-dock{left:var(--side);right:var(--side);z-index:5;padding:24px 0 calc(env(safe-area-inset-bottom) + 14px);background:linear-gradient(to bottom, transparent, var(--canvas) 40%);pointer-events:none;align-items:center;gap:8px;display:flex;position:fixed;bottom:0}.app-dock>*{pointer-events:auto}.app-tabs{border-radius:var(--full);background:color-mix(in srgb, var(--background) 86%, transparent);-webkit-backdrop-filter:blur(20px);box-shadow:var(--float-shadow);padding:4px;display:flex}.app-tabs>*{border-radius:var(--full);height:50px;font-size:var(--text-caption);line-height:var(--leading-caption);color:var(--muted-foreground);transition:background-color var(--duration) ease-out;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.app-tabs>:is([aria-pressed=true],[aria-current=page]){background:var(--fill);color:var(--foreground);font-weight:var(--weight-semibold)}.app-tabs svg{width:20px;height:20px}@media (hover:hover){.app-button:not(:disabled):hover{opacity:.88}}
