/* Frozen production materials: public glass-materials.css, 4 November 2026. See qa/production-ui.md. */
@font-face{font-family:OnboardingSuisse;src:url("../../chat-rich-dark-v2/assets/SuisseIntl-Book.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}
.onboarding-page{
 --lms-font:Suisse,Arial,sans-serif;
 --lms-card-background:radial-gradient(ellipse at 0 0,#ffffff0d,transparent 64%),linear-gradient(145deg,#ffffff04,#ffffff00 65%),#252628;
 --lms-card-shadow:inset 0 1px 0 #ffffff30,inset 1px 0 0 #ffffff0a,inset -1px -1px 0 #ffffff16,0 4px 12px #00000014;
 --lms-control-background:radial-gradient(ellipse at 0 0,#ffffff17,transparent 64%),linear-gradient(155deg,#ffffff08,#ffffff02),#343537;
 --lms-control-shadow:inset 0 1px 0 #ffffff55,inset 1px 0 0 #ffffff0c,inset -1px -1px 0 #ffffff27,0 1px 3px #0002;
 --lms-button-shadow:var(--lms-control-shadow),0 0 9px #ffffff08;
 --lms-primary-background:radial-gradient(ellipse at 0 15%,#ffffffc2,transparent 65%),radial-gradient(ellipse at 100% 100%,#ffffff44,transparent 62%),linear-gradient(155deg,#e3e3e3,#c5c5c5);
 --lms-primary-shadow:inset 0 1px 0 #fffffff5,inset 1px 0 1px #ffffffb0,inset -1px -1px 0 #ffffffb0,0 2px 5px #0003,0 0 12px #ffffff13;
 --lms-field-background:linear-gradient(145deg,#ffffff03,transparent),#191a1c;
 --lms-field-shadow:inset 0 1px 2px #0002;
 --lms-tab-background:#1c1d1f;
 --lms-tab-shadow:inset 0 1px 0 #ffffff24,inset 0 -1px 0 #ffffff08;
}

.onboarding-page{font:400 13px/18px OnboardingSuisse,Arial,sans-serif;color:#eee;-webkit-font-smoothing:antialiased}.onboarding-page *{box-sizing:border-box;font-weight:400}.onboarding-page button{font:400 12px/1.1 OnboardingSuisse,Arial,sans-serif;border:0;border-radius:999px;cursor:pointer}.onboarding-page button:focus-visible{outline:2px solid #ddd;outline-offset:3px}
#onboarding-root{height:100%;min-height:0}.onboarding-native-frame{display:block;width:100%;height:100%;border:0;background:#1b1c1e}
/* Preview shell: annual-device geometry; compact viewport keeps the requested phone mask. */
.onboarding-page{box-sizing:border-box;margin:0;height:100dvh;overflow:hidden;background:#090a0b;display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px 8px}
.onboarding-phone{flex:1;min-height:0;max-height:844px;position:relative;width:390px;max-width:100%;border:7px solid #303133;border-radius:48px;background:#1b1c1e;overflow:hidden;display:grid;grid-template-rows:42px minmax(0,1fr) 20px;box-shadow:0 14px 50px #0004}
.onboarding-phone-status{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:10px;color:#b9b9ba}.onboarding-phone-status>i{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:105px;height:25px;border-radius:30px;background:#050505}.onboarding-phone-home{display:grid;place-items:center}.onboarding-phone-home i{width:108px;height:4px;border-radius:4px;background:#b7b7b7}.onboarding-scroll{overflow:hidden;min-height:0;padding:0}.onboarding-scroll::-webkit-scrollbar{display:none}
@media(max-width:350px){.onboarding-phone{border-radius:40px}}