.stage{background:#1a1a1f;justify-content:center;align-items:center;gap:24px;display:flex;position:fixed;inset:0;overflow:hidden}.phone{background:#f4f2f7;width:100vw;height:100dvh;position:relative;overflow:clip}@media (width>=600px) and (height>=600px){.phone{border-radius:36px;width:min(430px,46dvh - 22.08px);height:min(932px,100dvh - 48px);box-shadow:0 30px 80px #00000080}}.safe-probe{padding-top:env(safe-area-inset-top);visibility:hidden;pointer-events:none;position:absolute}.tab-page{position:absolute;inset:0}.tab-page[hidden]{display:none!important}.tab-page.me{isolation:isolate}.profile-layer{z-index:25;position:absolute;inset:0}.tab-page.scroll{padding-bottom:100px;overflow-y:auto}.feed-empty{color:#1a1a1f80;justify-content:center;align-items:center;font:600 17px system-ui;display:flex}.tab-page.placeholder{color:#1a1a1f40;justify-content:center;align-items:center;font:800 34px ui-rounded,system-ui;display:flex}.feed{touch-action:none;position:relative;overflow:clip}.artifact-page{will-change:transform;position:absolute;inset:0}.artifact-page iframe{color-scheme:normal;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.top-guard{position:absolute;top:0;left:0;right:0}.unavailable{color:#1a1a1f;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;left:0;right:0}.unavailable small{opacity:.6}.artifact-controls{-webkit-user-select:none;user-select:none;touch-action:none;transition:color .2s;position:absolute;left:0;right:0}.artifact-controls.light{color:#1a1a1f;--contrast:#fff}.artifact-controls.dark{color:#fff;--contrast:#1a1a1f}.artifact-controls button{all:unset;cursor:pointer;align-items:center;display:inline-flex}.icon{flex:none;display:inline-flex}.action-row,.author-row{align-items:center;padding:0 16px;display:flex}.action-row{gap:14px}.action-row .count{font-variant-numeric:tabular-nums;white-space:nowrap;gap:6px;height:44px;font:600 16px system-ui}.action-row .count.liked{color:#ff3b30}.icon-button{justify-content:center;width:32px;height:44px}.spacer{flex:1}.author-row{gap:12px}.artifact-controls .author{gap:12px;min-width:0}.avatar{flex:none;place-items:center;width:40px;height:40px;display:grid}.who{flex-direction:column;gap:1px;min-width:0;display:flex}.who strong{font:600 17px system-ui}.who small{opacity:.6;white-space:nowrap;text-overflow:ellipsis;font:13px system-ui;overflow:hidden}.artifact-controls .follow{height:32px;color:var(--contrast);background:currentColor;background:var(--fg,currentColor);border-radius:999px;padding:0 16px;font:700 15px system-ui}.artifact-controls.light .follow{--fg:#1a1a1f}.artifact-controls.dark .follow{--fg:#fff}.artifact-controls .follow.following{color:inherit;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, currentColor 45%, transparent);background:0 0}.tab-bar{-webkit-user-select:none;user-select:none;touch-action:none;gap:12px;transition:color .2s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tab-bar[hidden]{display:none}.tab-bar.light{color:#1a1a1f;--bar:#ffffffb8;--muted:#1a1a1f73}.tab-bar.dark{color:#fff;--bar:#28282e99;--muted:#ffffff80}.tab-bar .capsule,.tab-bar .create{background:var(--bar);-webkit-backdrop-filter:blur(20px)saturate(1.6);box-shadow:0 6px 16px #0000001f,inset 0 0 0 .5px #7f7f7f40}.tab-bar .capsule{border-radius:999px;height:62px;padding:4px;display:flex}.tab-bar button{all:unset;cursor:pointer;color:var(--muted);place-items:center;display:grid}.tab-bar .capsule button{border-radius:999px;width:64px;height:54px}.tab-bar .create{border-radius:50%;width:62px;height:62px}.tab-bar button.on{color:inherit}.side-nav{color:#f4f2f7;flex-direction:column;align-items:center;gap:10px;font:13px ui-monospace,Menlo,monospace;display:none}@media (width>=600px) and (height>=600px){.side-nav{display:flex}}.side-nav button{width:44px;height:44px;color:inherit;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;font-size:20px}.side-nav button:disabled{opacity:.3;cursor:default}.opened{z-index:30;color:#1a1a1f;background:#f4f2f7;font-family:ui-rounded,system-ui,-apple-system,sans-serif;position:absolute;inset:0;overflow:clip}.opened.grow{animation:.4s cubic-bezier(.3,1,.4,1) opened-grow}@keyframes opened-grow{0%{clip-path:inset(40% round 40px)}to{clip-path:inset(0)}}.opened-row{-webkit-user-select:none;user-select:none;touch-action:none;position:absolute;bottom:0;left:0;right:0}.pf-glass.opened-close{width:62px;height:62px;left:50%;translate:-50%}.pf-glass.opened-close>span{width:62px;height:62px}