.setup-gate{min-height:100svh;padding:var(--space-4);background:var(--color-off-white);justify-content:center;align-items:center;display:flex}.setup-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:460px;padding:var(--space-8) var(--space-6)}.setup-emoji{margin-bottom:var(--space-3);font-size:40px;display:block}.setup-card h1{margin-bottom:var(--space-2);font-size:24px}.setup-desc{color:var(--color-secondary);margin-bottom:var(--space-4)}.setup-steps{margin:0 0 var(--space-4);padding-left:var(--space-5);gap:var(--space-2);flex-direction:column;font-size:14px;line-height:1.5;display:flex}.setup-steps li::marker{color:var(--color-trial);font-weight:700}.setup-footer{color:var(--color-secondary);font-size:13px;font-style:italic}.crash-page{justify-content:center;align-items:center;gap:var(--space-3);min-height:100svh;padding:var(--space-6);text-align:center;background:var(--color-off-white);flex-direction:column;display:flex}.crash-mascot{width:96px;height:96px;margin-bottom:var(--space-2)}.crash-title{font-size:24px}.crash-desc{color:var(--color-secondary);max-width:340px;font-size:14px;line-height:1.6}.crash-updating{color:var(--color-secondary);font-size:14px;font-weight:700;animation:1.2s ease-in-out infinite crashPulse}@keyframes crashPulse{50%{opacity:.45}}.crash-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-3);flex-direction:column;display:flex}.crash-btn{width:auto;padding-left:var(--space-6);padding-right:var(--space-6)}.crash-home{color:var(--color-secondary);font-size:13px;font-weight:700;text-decoration:underline}:root{--color-white:#fff;--color-off-white:#f6f6f4;--color-bg-desktop:#ededea;--color-black:#111;--color-charcoal:#26242b;--color-border:#e7e5e4;--color-hairline:#1111110f;--color-primary:#111;--color-secondary:#71717a;--color-success:#10b981;--color-trial:#f59e0b;--color-amber-soft:#fef3c7;--font-heading:"Archivo", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-2xl:24px;--radius-full:9999px;--shadow-card:0 1px 2px #1414140a, 0 8px 24px -12px #1414141f;--shadow-float:0 10px 32px -8px #14141438;--shadow-btn:0 2px 10px -2px #11111159;--ease-out:cubic-bezier(.22, 1, .36, 1);--dur-fast:.15s;--dur:.25s;--dur-slow:.4s;--z-nav:100;--z-modal:200}@media (prefers-color-scheme:dark){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);color:var(--color-black);background-color:var(--color-bg-desktop);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#root{flex-direction:column;width:100%;min-height:100svh;display:flex}.app-shell{background-color:var(--color-off-white);flex-direction:column;flex:1;width:100%;max-width:430px;min-height:100svh;margin:0 auto;display:flex;position:relative;overflow-x:hidden;box-shadow:0 0 32px #0000000f}@media (width>=900px){.app-shell{max-width:none;box-shadow:none;background-color:var(--color-off-white);flex-direction:row}.page-container{width:100%;max-width:720px;padding:var(--space-8) var(--space-6);padding-bottom:var(--space-8);flex:1;margin:0 auto}}.fade-in{animation:fadeIn var(--dur) var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.rise-in{animation:riseIn var(--dur-slow) var(--ease-out) backwards}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes sheetUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes checkPop{0%{transform:scale(.8)}60%{transform:scale(1.12)}to{transform:scale(1)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-charcoal);letter-spacing:-.02em;margin:0;font-weight:800}h1,h2{font-weight:900}p{margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}button:focus-visible,a:focus-visible{outline-offset:2px;border-radius:var(--radius-sm);outline:2px solid #f59e0b99}.page-container{padding:var(--space-5) var(--space-4);padding-bottom:calc(96px + var(--space-5));flex:1;overflow-y:auto}.btn-primary{background-color:var(--color-black);color:var(--color-white);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:var(--space-2);width:100%;box-shadow:var(--shadow-btn);transition:transform var(--dur-fast) var(--ease-out), opacity var(--dur-fast) ease, box-shadow var(--dur-fast) ease;font-size:16px;font-weight:600;display:inline-flex}.btn-primary:active{transform:scale(.97);box-shadow:0 1px 4px -1px #1111114d}.card{background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--color-hairline);box-shadow:var(--shadow-card)}.hub-header{margin-bottom:var(--space-4)}.section-title{font-size:16px;font-weight:700}.icon-btn{padding:var(--space-2);color:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:color var(--dur-fast) ease, border-color var(--dur-fast) ease;display:inline-flex}.icon-btn:hover{color:var(--color-black);border-color:var(--color-black)}.link-btn{color:var(--color-black);align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.btn-secondary-full{background:var(--color-white);border:1px solid var(--color-hairline);color:var(--color-black);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:var(--space-2);width:100%;box-shadow:var(--shadow-card);transition:transform var(--dur-fast) var(--ease-out);font-size:15px;font-weight:600;display:inline-flex}.btn-secondary-full:active{transform:scale(.97)}.page-header-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-secondary{color:var(--color-secondary)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
