.demo-shell{width:100%;max-width:480px;margin:0 auto;background:var(--bg);min-height:100dvh;position:relative;overflow-x:hidden}.demo-topbar{position:sticky;top:0;z-index:50;padding:10px 16px;background:hsla(0,0%,98%,.82);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid var(--border)}.demo-topbar,.demo-topbar__back{display:flex;align-items:center;justify-content:center}.demo-topbar__back{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:36px;height:36px;color:var(--fg);text-decoration:none;border-radius:12px;transition:background .15s}.demo-topbar__back:hover{background:rgba(0,0,0,.04)}.demo-topbar__back svg{width:20px;height:20px}.demo-topbar__title{font-family:var(--sans);font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--fg);text-align:center}.demo-topbar__title span{font-weight:400;color:var(--fg-tertiary);margin-left:2px}.demo-banner{display:flex;align-items:center;gap:10px;margin:10px 16px 0;padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,rgba(212,197,249,.16),rgba(184,216,248,.16));border:.5px solid rgba(0,0,0,.06)}.demo-banner__dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#b4a0ff,#82c8ff);flex-shrink:0;box-shadow:0 0 8px rgba(140,160,255,.4)}.demo-banner__text{display:flex;flex-direction:column;gap:2px;min-width:0}.demo-banner__text strong{font-size:12px;font-weight:600;color:var(--fg);letter-spacing:-.01em}.demo-banner__text span{font-size:11px;color:var(--fg-secondary);font-weight:300;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-cta{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;z-index:50;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:hsla(0,0%,100%,.92);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid var(--border)}.demo-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:12px}.demo-cta__text{display:flex;flex-direction:column;gap:2px;min-width:0}.demo-cta__title{font-family:var(--sans);font-size:14px;font-weight:600;color:var(--fg);letter-spacing:-.01em}.demo-cta__sub{font-size:11px;color:var(--fg-secondary);font-weight:300}.demo-cta__btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--sans);font-size:14px;font-weight:500;padding:11px 20px;background:#007aff;color:#fff;border:none;border-radius:100px;cursor:pointer;letter-spacing:-.01em;white-space:nowrap;transition:transform .2s,opacity .2s;flex-shrink:0}.demo-cta__btn:active{transform:scale(.97);opacity:.9}.demo-cta__btn svg{width:14px;height:14px}.demo-more{padding:32px 16px 12px}.demo-more__header{margin-bottom:14px;padding:0 4px;text-align:center}.demo-more__title{font-family:var(--sans);font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--fg);margin:0 0 4px}.demo-more__sub{font-size:12.5px;font-weight:300;color:var(--fg-secondary);letter-spacing:-.01em;margin:0}.demo-more__grid{display:grid;grid-template-columns:1fr;gap:8px}.demo-more__card{display:block;padding:12px 14px;background:var(--card-bg,#fff);border:.5px solid var(--border);border-radius:12px;text-decoration:none;color:inherit;transition:background .15s,transform .15s}.demo-more__card:active{transform:scale(.985);background:rgba(0,0,0,.02)}.demo-more__card-head{display:flex;align-items:center;gap:8px;margin-bottom:3px}.demo-more__card-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.demo-more__card-title{flex:1;min-width:0;font-family:var(--sans);font-size:14.5px;font-weight:600;color:var(--fg);letter-spacing:-.01em}.demo-more__card-desc{font-size:12px;font-weight:300;color:var(--fg-secondary);letter-spacing:-.01em;margin:0;padding-left:16px;line-height:1.4}.demo-more__card-cta{flex-shrink:0;display:inline-flex;align-items:center;gap:2px;font-size:11.5px;font-weight:500;color:#007aff;letter-spacing:-.01em}.demo-more__card-cta svg{width:11px;height:11px}