:root{--bg: #0d1117;--fg: #e6edf3;--accent: #ef9f76;--drawer-bg: rgba(13, 17, 23, .08);--scrim: rgba(13, 17, 23, .18);--fab-bg: rgba(255, 255, 255, .94)}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--fg);overflow:hidden}.preview{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:#fff}.peek{position:fixed;top:0;left:0;right:0;height:4px;z-index:25;background:var(--accent);pointer-events:none;opacity:.85;transition:opacity .2s ease,transform .24s ease}.peek[data-open=true]{opacity:0;transform:translateY(-4px)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:var(--scrim);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.drawer{position:fixed;top:0;left:0;right:0;height:50dvh;z-index:20;background:var(--drawer-bg);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);transform:translateY(-100%);transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s ease;will-change:transform}.drawer[data-open=true]{transform:translateY(0);box-shadow:0 14px 44px #00000073}.drawer__frame{display:block;width:100%;height:100%;border:0;background:transparent;opacity:.6}.drawer__handle{position:absolute;right:.9rem;bottom:.8rem;width:3rem;height:3rem;border:0;border-radius:999px;background:#0d1117c7;color:var(--fg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #00000073;transition:background .12s ease,transform .12s ease;-webkit-tap-highlight-color:transparent;padding:0}.drawer__handle:hover,.drawer__handle:focus-visible{background:#0d1117f2;outline:none}.drawer__handle:active{transform:translateY(1px)}.drawer__handle-icon{width:1.5rem;height:1.5rem}.fab{position:fixed;right:1rem;top:max(1rem,env(safe-area-inset-top));z-index:30;width:4rem;height:4rem;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:var(--fab-bg);cursor:pointer;box-shadow:0 6px 22px #00000059;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;font-size:1.9rem;line-height:1;padding:0}.fab:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0000006b}.fab:active{transform:translateY(1px)}.fab[data-open=true]{opacity:0;pointer-events:none;transform:scale(.85)}.fab__emoji{display:inline-block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}.vm-label{position:fixed;left:1rem;bottom:max(1rem,env(safe-area-inset-bottom));z-index:10;padding:.4rem .7rem;border-radius:6px;background:#0d11178c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem;color:var(--fg);border:1px solid rgba(230,237,243,.18);max-width:calc(100% - 12rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}