@layer reset,element,component.base,component.modifier,layout,modifier;:root{--mate: #00328D;--blue: #0021FF;--cyan: #00FBD8;--sky: #41CBFF;--light-blue: #0088F4;--surface: #E5EAF4;--white: #fff;--ok: #00A37E;--warn: #C98A00;--warn-bright: #FFC93D;--err: #D3264A;--fg: var(--mate);--fg-72: rgb(from var(--mate) r g b / .72);--fg-60: rgb(from var(--mate) r g b / .6);--fg-50: rgb(from var(--mate) r g b / .5);--line: rgb(from var(--mate) r g b / .2);--line-soft: rgb(from var(--mate) r g b / .1);--tint: rgb(from var(--mate) r g b / .1);--on-dark-72: rgb(255 255 255 / .72);--glass: rgb(255 255 255 / .1);--font-sans: "Inter", system-ui, sans-serif;--font-display: "Doppio One", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--display-stroke: 2px;--gap-xxs: .25rem;--gap-xs: .5rem;--gap-sm: .625rem;--gap: 1rem;--gap-md: 1.5rem;--gap-lg: 2rem;--gap-xl: 2.5rem;--gap-xxl: 3.75rem;--page-max: 87.5rem;--gutter: clamp(1.25rem, 9.4vw, 7.5rem);--header-h: 4.5rem;--control-h: 3.25rem;--chamfer-x: 5.8rem;--chamfer-y: 3.35rem;--ease: cubic-bezier(.22, .61, .36, 1);--dur: .18s;--grad-brand: linear-gradient(90deg, var(--mate) 0%, var(--blue) 41%, #0AF7D9 100%);--grad-cyan: linear-gradient(90deg, var(--cyan) 0%, var(--sky) 100%);--focus: 0 0 0 3px rgb(from var(--blue) r g b / .12);--shadow-float: 0 40px 120px -40px rgb(from var(--mate) r g b / .6);--shadow-header: 0 8px 24px -12px rgb(0 10 40 / .6);@media(width<48rem){--gutter: 1.25rem;--display-stroke: .8px;--header-h: 4rem;--chamfer-x: 4.5rem;--chamfer-y: 2.625rem}}@layer component.base{.button{display:inline-flex;align-items:center;justify-content:center;min-block-size:2.25rem;gap:var(--gap-sm);padding-inline:1.25rem;border:0;font-size:1rem;font-weight:600;line-height:1.2;letter-spacing:-.05em;text-decoration:none;white-space:nowrap;color:var(--text-color, var(--fg));background:var(--background, var(--tint));cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),opacity var(--dur) var(--ease);&:hover{background:var(--hover, var(--background, var(--tint)))}&:is([disabled],[aria-disabled=true]){opacity:.45;pointer-events:none}}}@layer component.modifier{.button{&.solid{--background: var(--blue);--hover: #0f2eff;--text-color: var(--cyan)}&.accent{--background: var(--cyan);--hover: #0dfcdb;--text-color: var(--mate)}&.dark{--background: var(--mate);--hover: #003ba4;--text-color: var(--white)}&.light{--background: var(--white);--hover: #f0f4fb;--text-color: var(--mate)}&.glass{--background: var(--glass);--hover: rgb(255 255 255 / .06);--text-color: var(--white)}&.minor{--background: var(--tint);--hover: rgb(from var(--mate) r g b / .06);--text-color: var(--mate)}&.ghost{--background: transparent;--hover: var(--tint)}&.ghost.on-dark{--hover: var(--glass);--text-color: var(--white)}&.danger{--background: var(--err);--hover: #bf1f41;--text-color: var(--white)}&.large{min-inline-size:min(15rem,100%);block-size:var(--control-h)}&.large:is(.minor,.glass,.ghost){min-inline-size:0}&.wide{inline-size:100%;min-inline-size:0}&.flush{padding-inline-start:0}&.square{inline-size:var(--control-h);min-inline-size:0;padding:0}}}@layer component.base{.link{font-weight:600;color:var(--blue)}.arrow{display:inline-block;inline-size:11px;block-size:6px;background:currentColor;clip-path:polygon(0 42%,52% 42%,52% 0,100% 50%,52% 100%,52% 58%,0 58%);&.reverse{rotate:180deg}}}@layer component.base{.label{font-size:.875rem;font-weight:600;line-height:1.2}.field{display:flex;flex-direction:column;gap:var(--gap-xs);>.hint{font-size:.875rem;line-height:1.3;color:var(--fg-60)}}.amount{display:flex;align-items:center;block-size:4.5rem;gap:.75rem;padding-inline:1.25rem;border:1px solid var(--line);background:var(--white);transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);&:focus-within{border-color:var(--blue);box-shadow:var(--focus)}&:has(:user-invalid){border-color:var(--err)}input{flex:1;min-inline-size:0;border:0;outline:none;font:400 2.25rem/1 var(--font-display);letter-spacing:-.02em;-webkit-text-stroke:1.2px currentColor;color:var(--mate);background:none;appearance:textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{appearance:none}@media(width<48rem){font-size:1.875rem}}>span{font-size:1.125rem;font-weight:600;color:var(--fg-60)}}.select{display:flex;align-items:center;position:relative;inline-size:100%;gap:.875rem;padding:.875rem 1rem;border:1px solid var(--line);text-align:start;background:var(--white);&:has(select:valid){border-color:var(--blue)}&:focus-within{border-color:var(--blue);box-shadow:var(--focus)}>select{position:absolute;inset:0;opacity:0;cursor:pointer}>.chevron{flex:none;margin-inline-start:auto}}.asset-mark{display:inline-block;position:relative;flex:none;>:last-child:not(:first-child){position:absolute;inset-inline-end:-3px;inset-block-end:-3px;display:flex;padding:2px;border-radius:50%;background:var(--white)}}.value-box{display:flex;align-items:center;gap:var(--gap-sm);padding:.5rem .5rem .5rem 1rem;border:1px solid var(--line);code{flex:1;min-inline-size:0;font-size:.9375rem;line-height:1.5;word-break:break-all}@media(width<48rem){flex-direction:column;align-items:stretch;padding:.75rem;.button{block-size:var(--control-h)}}}.qr{position:relative;flex:none;inline-size:11.25rem;aspect-ratio:1;padding:.75rem;color:var(--mate);background:var(--white);svg{display:block;inline-size:100%;block-size:100%}>span{position:absolute;inset-inline-start:50%;inset-block-start:50%;display:flex;padding:4px;border-radius:50%;background:var(--white);translate:-50% -50%}}.chip{block-size:2.5rem;padding-inline:1.125rem;border:0;font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--mate);background:var(--tint);cursor:pointer;&[aria-pressed=true]{color:var(--white);background:var(--mate)}}.check{display:flex;align-items:flex-start;gap:.75rem;line-height:1.4;color:var(--fg-72);input{flex:none;inline-size:1.25rem;block-size:1.25rem;margin-block-start:1px;accent-color:var(--blue)}}.status{display:inline-flex;align-items:center;gap:var(--gap-xs);font-size:.875rem;font-weight:600;line-height:1.2;&:before{content:"";flex:none;inline-size:6px;block-size:6px;border-radius:50%;background:currentColor}&.busy:before{display:none}}.tag{display:inline-flex;align-items:center;block-size:1.5rem;padding-inline:.5rem;font-size:.8125rem;font-weight:600;color:var(--mate);background:var(--tint)}.badge{display:inline-grid;place-items:center;position:relative;isolation:isolate;flex:none;min-inline-size:8.375rem;block-size:2.25rem;padding-inline:1.5rem;font-size:1rem;font-weight:500;color:var(--badge-ink, var(--mate));&:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--badge-fill, var(--cyan));clip-path:polygon(0 0,74.2% 0,100% 54.8%,100% 100%,25.8% 100%,0 45.2%)}&.small{min-inline-size:6.5rem;block-size:1.875rem;font-size:.875rem}&.error{--badge-fill: var(--err);--badge-ink: var(--white)}&.surface{--badge-fill: var(--surface)}}.spinner{display:inline-block;flex:none;inline-size:.875rem;block-size:.875rem;border:2px solid var(--track, var(--line));border-block-start-color:var(--head, var(--blue));border-radius:50%;animation:spin .8s linear infinite;:where(.on-dark,.hero) &{--track: rgb(255 255 255 / .25);--head: var(--cyan)}}.progress-bar{display:block;block-size:6px;max-inline-size:17.5rem;background:#ffffff24;>span{display:block;block-size:100%;background:var(--grad-cyan)}}.notice{display:flex;align-items:flex-start;gap:.875rem;padding:1.125rem 1.25rem;line-height:1.35;color:var(--fg);background:var(--surface);>svg{flex:none;color:var(--blue)}strong{display:block;margin-block-end:var(--gap-xxs);font-weight:700}p{color:var(--fg-72)}&.warn{background:#fff4d6;>svg{color:#9a6a00}}&.error{background:#fbe3e8;>svg{color:var(--err)}}}.bullets{display:flex;flex-direction:column;gap:.875rem;li{display:flex;align-items:flex-start;gap:1rem;line-height:1.3;&:before{content:"";flex:none;inline-size:1.25rem;block-size:1.25rem;background:var(--blue);clip-path:polygon(10% 3%,17% -4%,90% 90%,83% 97%)}}}.avatar{display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:2.25rem;block-size:2.25rem;overflow:hidden;font-size:.875rem;font-weight:600;text-decoration:none;color:var(--white);background:var(--glass);img{inline-size:100%;block-size:100%;object-fit:cover}&.large{inline-size:4.5rem;block-size:4.5rem;font:400 1.75rem/1 var(--font-display);color:var(--mate);background:var(--cyan)}}.icon-circle{display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:2.25rem;block-size:2.25rem;border-radius:50%;color:var(--white);background:var(--glass)}.segmented{display:flex;max-inline-size:100%;overflow-x:auto;background:var(--tint);@media(width<48rem){gap:var(--gap-xs);background:none;button{block-size:2.5rem;background:var(--tint)}}button{flex:none;min-block-size:2.25rem;padding-inline:clamp(.875rem,3vw,1.25rem);border:0;font-weight:600;color:var(--mate);background:transparent;cursor:pointer;&[aria-pressed=true]{color:var(--white);background:var(--mate)}}}}@keyframes spin{to{rotate:360deg}}@layer component.base{.panel{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:var(--panel-gap, var(--gap-md));padding:var(--padding, 3.5rem 2.25rem 3rem);&:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--panel-fill, var(--surface));clip-path:polygon(0 0,calc(100% - var(--chamfer-x)) 0,100% var(--chamfer-y),100% 100%,var(--chamfer-x) 100%,0 calc(100% - var(--chamfer-y)))}&.dark{--panel-fill: var(--mate);color:var(--white)}&.glass{--panel-fill: rgb(255 255 255 / .08);color:var(--white)}&.compact{--chamfer-x: 4.5rem;--chamfer-y: 2.625rem}&.flat{--padding: 2rem}>.tail{position:absolute;inset-inline-end:0;inset-block-end:0}}.glow{position:absolute;inset-inline-start:-2.5rem;inset-block-start:-2.5rem;z-index:-2;inline-size:75%;block-size:12.5rem;opacity:.9;filter:blur(36px);background:linear-gradient(100deg,var(--blue) 0%,var(--blue) 45%,var(--sky) 75%,var(--cyan) 100%);pointer-events:none;animation:breathe 9s ease-in-out infinite alternate}.hero{position:relative;isolation:isolate;overflow:hidden;color:var(--white);background:var(--mate) url("./hero-background-PVO456CT.webp") center / cover no-repeat;&:after{content:"";position:absolute;inset:-25%;z-index:-1;mix-blend-mode:screen;background:radial-gradient(32% 42% at 22% 28%,#0028ffe6,#0021ff00 70%),radial-gradient(26% 36% at 78% 72%,#41cbff52,#41cbff00 70%),radial-gradient(22% 30% at 60% 15%,#00fbd829,#00fbd800 70%);pointer-events:none;animation:drift 18s ease-in-out infinite alternate}}.shape{position:absolute;pointer-events:none;&.blur{filter:blur(12px);opacity:.95;animation:float 7s ease-in-out infinite alternate}}.dash{block-size:1px;inline-size:100%;background-image:repeating-linear-gradient(to right,var(--dash, var(--line)) 0 4px,transparent 4px 14px);:where(.on-dark,.dark,.glass,.hero) &{--dash: rgb(255 255 255 / .2)}}.rule{block-size:1px;background:var(--line-soft)}.details{display:flex;flex-direction:column;gap:.875rem;margin:0;>div{display:flex;align-items:center;justify-content:space-between;gap:1rem}dt{color:var(--key-color, var(--fg-60))}dd{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:var(--gap-xs);margin:0;font-weight:600;font-variant-numeric:tabular-nums;text-align:end}:where(.on-dark,.dark,.glass,.hero) &{--key-color: var(--on-dark-72)}}.summary{padding-block-start:1.5rem;border-block-start:1px solid var(--line-soft)}.total{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:1rem;&.end{flex-direction:column;align-items:flex-end;gap:var(--gap-xxs)}}.figure{font-size:clamp(1.875rem,3vw,2.25rem);font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.entries{display:flex;flex-direction:column;gap:2px}.entry{display:flex;align-items:center;gap:1rem;padding:1.125rem 1.5rem;text-decoration:none;background:var(--surface);transition:background-color .2s;&:hover{background:#dfe6f2}@media(width<48rem){gap:.75rem;padding:.875rem 1rem}>.mark{display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:2.75rem;block-size:2.75rem;font:400 1.25rem/1 var(--font-display);color:var(--mate);background:var(--white);&.incoming{color:var(--cyan);background:var(--mate)}@media(width<48rem){inline-size:2.5rem;block-size:2.5rem}}>.text{display:flex;flex-direction:column;flex:1;min-inline-size:0;gap:var(--gap-xxs);>:first-child{overflow:hidden;font-size:1.125rem;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}>:last-child{font-size:.875rem;color:var(--fg-60)}}>.value{display:flex;flex-direction:column;align-items:flex-end;gap:var(--gap-xxs);>:first-child{font-size:1.25rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;@media(width<48rem){font-size:1.125rem}}}}.steps{display:flex;flex-direction:column;gap:.75rem;>li{display:flex;align-items:center;gap:1.25rem;line-height:1.2;>.badge{min-inline-size:7.5rem}&[data-state=now]>.badge{--badge-fill: var(--white)}&[data-state=todo]{color:var(--on-dark-72);>.badge{--badge-fill: rgb(255 255 255 / .12);--badge-ink: var(--on-dark-72)}}@media(width<48rem){gap:.875rem;>.badge{min-inline-size:5.5rem;block-size:1.875rem;font-size:.875rem}}}}.dialog{inline-size:min(100% - 2.5rem,37.5rem);max-block-size:calc(100dvh - 2.5rem);padding:0;border:0;color:var(--fg);background:var(--white);box-shadow:var(--shadow-float);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));&::backdrop{background:#001a4d9e;backdrop-filter:blur(6px)}>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:2rem 2.5rem .5rem}>.body{display:flex;flex-direction:column;gap:1.25rem;padding:1rem 2.5rem 2rem}@media(width<48rem){inline-size:100%;max-inline-size:none;margin:auto 0 0;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);>header{padding:1.5rem 1.25rem .5rem}>.body{padding:1rem 1.25rem calc(1.75rem + env(safe-area-inset-bottom))}}.close{display:flex;align-items:center;justify-content:center;flex:none;inline-size:2.5rem;block-size:2.5rem;margin:-.5rem -.5rem 0 0;border:0;color:var(--fg-60);background:none;cursor:pointer}}}@layer modifier{.status{&.ok{color:var(--ok)}&.warn{color:var(--warn)}&.error{color:var(--err)}&.cyan{color:var(--cyan)}&.blue{color:var(--blue)}&.frozen{color:var(--light-blue)}&.muted{color:var(--on-dark-72)}:where(.on-dark,.dark,.glass,.hero) &.warn{color:var(--warn-bright)}}.incoming-value{color:var(--ok)}.declined-value{color:var(--fg-50)}}@keyframes drift{0%{transform:translate3d(-7%,-4%,0) scale(1)}35%{transform:translate3d(3%,4%,0) scale(1.07)}70%{transform:translate3d(8%,-3%,0) scale(1.03)}to{transform:translate3d(-2%,5%,0) scale(1.1)}}@keyframes breathe{0%{transform:translateZ(0) scale(1);opacity:.75}to{transform:translate3d(18px,10px,0) scale(1.08);opacity:1}}@keyframes float{0%{transform:translateZ(0)}to{transform:translate3d(14px,-8px,0)}}@media(prefers-reduced-motion:reduce){.hero:after,.glow,.shape.blur,.virtual-card:after,.spinner{animation:none}}@layer component.base{.virtual-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;inline-size:100%;max-inline-size:25rem;aspect-ratio:1.586;padding:1.5rem 1.625rem;overflow:hidden;border-radius:14px;color:var(--mate);background:radial-gradient(55% 70% at 58% 40%,#3bf5b0d9,#3bf5b000 72%),linear-gradient(135deg,#00F1F5 0%,#00F3D7 30%,#3BF5B0 50%,var(--sky) 74%,#2E6BFF 92%,var(--blue) 100%);box-shadow:0 40px 80px -36px #0021ffbf;&:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(55% 45% at 58% 6%,#ffffffe6,#fff0 70%),linear-gradient(180deg,#ffffff1f,#fff0 40%)}&:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#fff0 35%,#ffffff59 48%,#fff0 60%);background-size:250% 100%;pointer-events:none;animation:sheen 6s ease-in-out infinite}>.top{display:flex;align-items:center;justify-content:space-between}.kind{font:600 .6875rem/1 var(--font-sans);letter-spacing:.14em;text-transform:uppercase}.chip{display:block;inline-size:2.375rem;block-size:1.75rem;padding:0;border-radius:5px;background:linear-gradient(135deg,#e9edf3,#b9c2cf);box-shadow:inset 0 0 0 1px #00000014}.number{font:500 1.25rem/1 var(--font-mono);letter-spacing:.12em;white-space:nowrap;@media(width<48rem){font-size:1.0625rem}}>.meta{display:flex;align-items:flex-end;gap:1.75rem;span{display:block;margin-block-end:.375rem;font-size:.625rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.7}strong{font:500 .875rem/1 var(--font-mono);letter-spacing:.12em}}&.frozen{background:linear-gradient(118deg,#dde8f6,#b9cce9 45%,#7f9ccf)}&.pending{filter:saturate(.2) brightness(1.08);.number{opacity:.55}}&.hold{filter:grayscale(.85) brightness(1.04)}&.dead{color:var(--fg-50);background:var(--surface);box-shadow:none;&:before,&:after{display:none}}}.card-stage{position:relative;flex:none;inline-size:min(100%,28.75rem);block-size:20.625rem;>.arc{position:absolute;inset-inline-start:0;inset-block-end:0;inline-size:100%;block-size:68%}>.virtual-card{position:absolute;inset-inline-start:8.7%;inset-block-start:0;inline-size:82.6%;rotate:-8deg}@media(width<48rem){block-size:14.75rem;>.virtual-card{inset-inline-start:4%;inline-size:92%;padding:1.25rem 1.375rem;rotate:-6deg}}}}@keyframes sheen{0%{background-position:130% 0}55%,to{background-position:-30% 0}}@property --stack-gap{syntax: "<length>"; inherits: false; initial-value: 16px;}@property --row-gap{syntax: "<length>"; inherits: false; initial-value: 10px;}@layer layout{.shell{inline-size:100%;max-inline-size:var(--page-max);margin-inline:auto;padding-inline:var(--gutter)}main>*,.page{display:flex;flex-direction:column;flex:1}.content{display:flex;flex-direction:column;gap:var(--gap-xxl);padding-block:4.5rem 6.25rem;@media(width<48rem){gap:var(--gap-md);padding-block:1.75rem 2rem;&:has(.dock:not(.hide-mobile)){padding-block-end:0}}}.shell.narrow>*{max-inline-size:45rem}.stack{display:flex;flex-direction:column;gap:var(--stack-gap)}.stack>:is(.badge,.status){align-self:flex-start}.row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--row-gap)}.split{display:flex;align-items:flex-start;gap:var(--gap-xl);>*{flex:1;min-inline-size:0}>.aside{flex:none;inline-size:var(--aside, 23.75rem)}@media(width>=64rem){&.bottom{align-items:flex-end}&.center{align-items:center}}@media(width<64rem){flex-direction:column;align-items:stretch;gap:var(--gap-md);>.aside{inline-size:auto}}}.hero>.shell{position:relative}.dock{display:flex;align-items:center;flex-wrap:wrap;gap:var(--gap-sm);@media(width<48rem){position:sticky;inset-block-end:0;z-index:10;flex-direction:column;align-items:stretch;margin-inline:calc(-1 * var(--gutter));padding:1rem var(--gutter) calc(1.75rem + env(safe-area-inset-bottom));border-block-start:1px solid var(--line-soft);background:var(--white);.button{inline-size:100%;min-inline-size:0}.button.ghost{block-size:auto;min-block-size:2.25rem}}}.row.fill-mobile{@media(width<48rem){flex-direction:column;align-items:stretch;.button{inline-size:100%;min-inline-size:0}}}.hero-body{display:flex;align-items:center;gap:var(--gap-xl);padding-block:3.5rem 4rem;>:first-child{flex:1;min-inline-size:0}@media(width<64rem){flex-direction:column-reverse;align-items:stretch;gap:var(--gap-md);padding-block:1.5rem 2rem}}}@layer component.base{.topbar{position:relative;z-index:20;flex:none;padding-block-start:env(safe-area-inset-top);border-block-end:1px solid var(--glass);color:var(--white);background:var(--mate);box-shadow:var(--shadow-header);>.shell{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;block-size:var(--header-h);gap:var(--gap-xl)}.home{justify-self:start;display:flex;align-items:flex-end;gap:.375rem;color:inherit}.end{grid-column:3;justify-self:end;display:flex;align-items:center;gap:var(--gap-sm)}&.overlay{position:absolute;inset-inline:0;inset-block-start:0;border:0;background:transparent;box-shadow:none}}.primary-nav{display:flex;gap:var(--gap-xl);a{display:flex;align-items:center;position:relative;block-size:var(--header-h);font-weight:500;text-decoration:none;color:var(--white);transition:color var(--dur) var(--ease);&:hover,&[aria-current=page]{color:var(--cyan)}&[aria-current=page]:after{content:"";position:absolute;inset-inline:0;inset-block-end:-1px;block-size:3px;background:var(--cyan)}}.icon{display:none}@media(width<48rem){display:none}}.mobile-bar{display:none;@media(width<48rem){display:flex;align-items:center;flex:none;block-size:var(--header-h);gap:.75rem;padding-inline:1.25rem;border-block-end:1px solid var(--glass);color:var(--white);background:var(--mate);--focus-color: var(--cyan);>span:not(.back){flex:1;font-size:1.125rem;font-weight:600;text-align:center}.back{display:inline-flex;align-items:center;justify-content:center;flex:none;inline-size:2.5rem;block-size:2.5rem;border:0;color:var(--white);background:var(--glass)}span.back{background:none}}}@media(width<48rem){shuttle-app:has(.mobile-bar)>:is(app-header,app-nav){display:none}}app-nav[variant=tabs]{position:sticky;inset-block-end:0;z-index:20}.tab-bar{display:none;@media(width<48rem){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));block-size:calc(5rem + env(safe-area-inset-bottom));padding:.5rem .5rem calc(.875rem + env(safe-area-inset-bottom));background:var(--white);border-block-start:1px solid var(--line-soft);box-shadow:0 -8px 24px rgb(from var(--mate) r g b / .06);a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;font-size:.75rem;font-weight:600;text-decoration:none;color:var(--fg-60);.icon{display:block;box-sizing:border-box;inline-size:3.5rem;block-size:2rem;padding:.25rem 1rem;overflow:visible}&[aria-current=page]{color:var(--fg);.icon{background:var(--cyan);clip-path:polygon(0 0,74.2% 0,100% 54.8%,100% 100%,25.8% 100%,0 45.2%)}}}}}}@layer modifier{.display{font-family:var(--font-display);font-size:var(--size, clamp(2.25rem, 4vw, 3rem));font-weight:400;line-height:1;letter-spacing:-.02em;-webkit-text-stroke:var(--display-stroke) currentColor;paint-order:stroke;&.huge{--size: clamp(3rem, 6vw, 4.5rem)}&.medium{--size: clamp(1.75rem, 3vw, 2.25rem)}&.small{--size: clamp(1.75rem, 2.6vw, 2rem)}}.lead{font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.4}.title{font-size:1.25rem;font-weight:700;line-height:1.2}.strong{font-weight:600}.muted{color:var(--fg-60);:where(.on-dark,.dark,.glass,.hero) &{color:var(--on-dark-72)}}.app-version{font-size:.8125rem;font-weight:500;line-height:1;font-variant-numeric:tabular-nums;color:var(--fg-50);:where(.on-dark,.dark,.glass,.hero) &{color:#ffffff73}}.mono{font-family:var(--font-mono);letter-spacing:0;font-variant-numeric:tabular-nums}.break{word-break:break-all}.on-dark{color:var(--white)}.hide-mobile{@media(width<48rem){display:none!important}}.hide-desktop{@media(width>=48rem){display:none!important}}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}@scope (sign-in-page){.hero{min-block-size:100dvh}.layout{display:grid;grid-template:"copy" auto "actions" auto / minmax(0,35rem);align-content:center;flex:1;min-block-size:100dvh;gap:6.25rem;padding-block:calc(var(--header-h) + 2rem) 4.5rem;@media(width<64rem){grid-template:"copy" auto "art" auto "actions" auto / 1fr;gap:var(--gap-md);padding-block:calc(var(--header-h) + 2.25rem) 1.75rem}}.copy{grid-area:copy;position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--gap-lg)}.intro{max-inline-size:28.125rem}.art{grid-area:art;position:absolute;inset-inline-end:.875rem;inset-block-start:12.25rem;z-index:1;inline-size:min(57.8%,46.25rem);pointer-events:none;>.backdrop{position:absolute;inset-inline-end:3.5%;inset-block-end:-8%;inline-size:73%;block-size:53%;>.arc{position:absolute;inset:0;inline-size:100%;block-size:100%}>.shape{display:none}}>img{position:relative;inline-size:100%;block-size:auto}@media(width<64rem){position:relative;inset:auto;justify-self:center;inline-size:min(100%,28rem);margin-block-end:var(--gap-md);>.backdrop{inset-block-end:0;>.shape{display:block}}}}.page-shapes{display:contents;@media(width<64rem){display:none}}.actions{grid-area:actions;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-md);max-inline-size:30.625rem;.button{min-inline-size:17.5rem}@media(width<64rem){justify-self:center;align-items:stretch;inline-size:min(100%,30rem);max-inline-size:none;.button{inline-size:100%;min-inline-size:0}}}.legal{max-inline-size:27.5rem;color:var(--on-dark-72);a{color:var(--cyan)}@media(width<64rem){max-inline-size:none;font-size:.875rem;text-align:center}}.app-version{margin-block-start:-.5rem;@media(width<64rem){margin-block-start:-.75rem;text-align:center}}.notice p{color:var(--fg-72)}}@scope (account-setup-page){.hero{min-block-size:100dvh}.shell{align-items:center;justify-content:center;flex:1;gap:var(--gap-xl);padding-block:calc(var(--header-h) + 2rem) 5rem;text-align:center}.steps{text-align:start}}@scope (verification-page){.hero{flex:1}.processing{flex:1;>.panel{flex:none;inline-size:min(100%,27.5rem)}@media(width<64rem){flex-direction:column;align-items:stretch;>.panel{inline-size:auto}}@media(width<48rem){gap:1.5rem;>.copy{display:contents;>.row{order:2}}>.panel{order:1}}}.intro{@media(width<48rem){display:contents;>.provider{order:2}>.dock{order:3}}}.privacy{@media(width<48rem){--background: transparent}}.needs{--padding: 3rem 2.5rem 4rem;--panel-gap: 2rem;margin-block-start:1.5rem;@media(width<48rem){--padding: 2.25rem 1.5rem 3rem;order:1;margin-block-start:0}}}@scope (application-status-page){.progress{--padding: 2.25rem 2.5rem 5.75rem;@media(width<48rem){--padding: 2rem 1.5rem 5rem}}.qr-panel{display:flex;align-items:flex-start;gap:2rem;@media(width<48rem){flex-direction:column;align-items:center;gap:1rem}}.unit{font:600 1.125rem var(--font-sans);letter-spacing:-.05em;-webkit-text-stroke:0;color:var(--fg-60)}.hero .card-stage{@media(width<64rem){align-self:center}}}@scope (add-funds-page){.balance{@media(width<64rem){order:-1}@media(width<48rem){--padding: 1.5rem 1.375rem 1.75rem;--panel-gap: .5rem;--chamfer-x: 3rem;--chamfer-y: 1.75rem;.display{--size: 2.25rem}}}}@scope (card-page){.grow{min-inline-size:12.5rem;@media(width<48rem){flex:1;min-inline-size:0}}.hero .card-stage{@media(width<64rem){align-self:center}}}@scope (card-details-page){.content{align-items:center;justify-content:center;flex:1;@media(width<48rem){justify-content:flex-end;padding-block-end:0}}.sheet{inline-size:min(100%,37.5rem);color:var(--fg);background:var(--white);box-shadow:var(--shadow-float);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));>header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:2rem 2.5rem .5rem}>.body{display:flex;flex-direction:column;gap:1.25rem;padding:1rem 2.5rem 2rem}@media(width<48rem){inline-size:calc(100% + 2 * var(--gutter));margin-inline:calc(-1 * var(--gutter));clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);>header{padding:1.5rem 1.25rem .5rem}>.body{padding:1rem 1.25rem 1.75rem}}.virtual-card{max-inline-size:none}.number{font-size:clamp(1.0625rem,4vw,1.4375rem)}.close{display:flex;align-items:center;justify-content:center;flex:none;inline-size:2.5rem;block-size:2.5rem;margin:-.5rem -.5rem 0 0;color:var(--fg-60)}}}@scope (profile-page){.identity{--aside: 25rem;--padding: 2.75rem 2.25rem 4rem;--panel-gap: 1.25rem;@media(width<48rem){--padding: 1.5rem 1.375rem 1.75rem;--chamfer-x: 3rem;--chamfer-y: 1.75rem;flex-direction:row;align-items:center;gap:1rem;.avatar.large{inline-size:3.5rem;block-size:3.5rem;font-size:1.375rem}.display{--size: 1.5rem}.stack{--stack-gap: .25rem}}}.content>.split>.stack{@media(width<48rem){--stack-gap: 1.5rem}}.sign-out-group{align-items:flex-start;@media(width<48rem){align-items:stretch;text-align:center}}.sign-out{min-inline-size:15rem}}@scope (transactions-page){.content{--gap-xxl: 2.5rem;>*{max-inline-size:57.5rem}}}@scope (transaction-page){.mark{display:inline-flex;align-items:center;justify-content:center;inline-size:3.5rem;block-size:3.5rem;font:400 1.75rem/1 var(--font-display);color:var(--cyan);background:var(--mate)}.report{align-self:flex-start;@media(width<48rem){align-self:stretch;block-size:var(--control-h)}}.display{--size: clamp(2.75rem, 5vw, 4rem)}}@scope (legal-page){.legal-page{gap:2rem}.legal-document{--padding: 3rem;--panel-gap: 1rem;line-height:1.65;letter-spacing:-.025em;h2{margin-block-start:1.5rem;font-size:1.25rem;font-weight:700}ul{display:flex;flex-direction:column;gap:.625rem;padding-inline-start:1.25rem;list-style:disc}a{font-weight:700}@media(width<48rem){--padding: 1.75rem 1.375rem 2rem;h2{margin-block-start:1rem}}}.legal-links{display:flex;flex-wrap:wrap;gap:.75rem;font-weight:700}}@layer reset{*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0;list-style:none}}@layer element{:root{font:500 1rem/1.4 var(--font-sans);letter-spacing:-.05em;color-scheme:light;-webkit-font-smoothing:antialiased}body{min-block-size:100dvh;color:var(--fg);background:var(--white)}shuttle-app{display:flex;flex-direction:column;min-block-size:100dvh}main{display:flex;flex-direction:column;flex:1}a{color:inherit}button,input,select{font:inherit;letter-spacing:inherit}button{cursor:pointer}h1,h2,h3{font:inherit}small{font-size:.875rem;line-height:1.3}code{font-family:var(--font-mono);letter-spacing:0;font-variant-numeric:tabular-nums}svg{flex:none}::selection{color:var(--mate);background:var(--cyan)}:focus-visible{outline:2px solid var(--focus-color, var(--blue));outline-offset:2px}:where(.hero,.dark,.topbar){--focus-color: var(--cyan)}}@layer modifier{[aria-busy=true]{cursor:progress}}
/*# sourceMappingURL=index.css.map */