.mobile-concept{--background:#0c0d11;--foreground:#f0f2f7;--card:#18191e;--muted:#22242a;--muted-foreground:#a1a4ae;--primary:#58e3dc;--primary-foreground:#051716;--accent:#292d3b;--accent-foreground:#f0f2f7;--border:#35383f;--input:var(--border);--ring:var(--primary);--demo-warning:#f8c655;--demo-pink:#f89dc9;--demo-shadow:0 24px 90px #00000059;background:var(--background);color:var(--foreground);letter-spacing:0;min-height:100dvh}@supports (color:lab(0% 0 0)){.mobile-concept{--background:lab(3.67044% .0885204 -1.94511);--foreground:lab(95.3165% .0500977 -3.03277);--card:lab(8.87888% .175186 -3.73273);--muted:lab(14.0867% .208944 -4.47986);--muted-foreground:lab(67.4351% .148624 -5.65558);--primary:lab(82.805% -40.4749 -8.0897);--primary-foreground:lab(6.43878% -6.66807 -1.52621);--accent:lab(18.6303% .717714 -9.21974);--accent-foreground:lab(95.3165% .0500977 -3.03277);--border:lab(23.3558% .222936 -5.23611);--demo-warning:lab(82.8261% 9.77922 61.542);--demo-pink:lab(75.1931% 39.0095 -7.47358);--demo-shadow:0 24px 90px lab(0% 0 0/.35)}}.demo-stage{place-items:center;min-height:100dvh;padding:28px 16px;display:grid}.demo-phone{border:1px solid var(--border);background:var(--background);width:100%;max-width:420px;height:min(880px,100dvh - 56px);min-height:580px;box-shadow:var(--demo-shadow);border-radius:36px;flex-direction:column;display:flex;overflow:hidden}.demo-phone main{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.demo-phone .demo-tab{height:64px;color:var(--muted-foreground);border-radius:0;flex-direction:column;gap:5px;padding:6px 0;font-size:10px}.demo-phone .demo-tab[aria-current=page]{color:var(--primary);background:var(--card)}.demo-warning{color:var(--demo-warning)}.demo-pink{color:var(--demo-pink)}.demo-cover{object-fit:cover;width:100%;height:128px}.demo-section-title{font-size:16px;font-weight:650}.demo-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 0;display:flex}.demo-row:last-child{border-bottom:0}.demo-avatar{background:var(--muted);width:42px;height:42px;color:var(--primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:600;display:grid}.demo-detail{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}@media(max-width:560px){.demo-stage{padding:0;display:block}.demo-phone{max-width:none;height:100dvh;min-height:0;box-shadow:none;border:0;border-radius:0}.demo-phone>nav{padding-bottom:env(safe-area-inset-bottom)}}