.render-notice{z-index:49;border:1px solid var(--chrome-glass-border);background:var(--chrome-glass-strong);width:max-content;max-width:calc(100vw - 32px);box-shadow:var(--elevation-float-raised);color:var(--ink-900);border-radius:16px;align-items:center;gap:12px;margin-inline:auto;padding:8px;display:flex;position:fixed;top:76px;left:0;right:0}.render-notice__thumb{background:var(--tile);object-fit:cover;border-radius:9px;flex:none;width:52px;height:40px}.render-notice__text{flex-direction:column;min-width:0;display:flex}.render-notice__title{font-size:13.5px;font-weight:600}.render-notice__project{color:var(--ink-600);font-size:12.5px}.render-notice__view,.render-notice__close{cursor:pointer;border-radius:9px;flex:none;justify-content:center;align-items:center;height:34px;display:inline-flex}.render-notice__view{border:1px solid var(--accent-ui);background:var(--accent-ui);color:var(--on-accent);padding:0 14px;font-size:13px;font-weight:600}.render-notice__close{width:34px;color:var(--ink-600);background:0 0;border:0}.render-notice__close svg{width:16px;height:16px}@media (hover:hover){.render-notice__view:hover{filter:brightness(1.08)}.render-notice__close:hover{background:var(--cc-tile);color:var(--ink-900)}}.render-notice__view:focus-visible,.render-notice__close:focus-visible{outline:2px solid var(--accent-ui);outline-offset:2px}@media (max-width:1023.98px){.render-notice{z-index:60;top:calc(env(safe-area-inset-top,0px) + 4px);border-radius:18px;width:auto;max-width:none;margin-inline:0;left:16px;right:16px}.render-notice__text{flex:1}.render-notice__title,.render-notice__project{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.render-notice__view{border-radius:11px;height:44px;font-size:13.5px}.render-notice__close{width:44px;height:44px;margin-inline:-4px -6px}}
.viewport-gate{z-index:1000;background:var(--surface-page);color:var(--ink-900);font-family:var(--font-ui);text-align:center;justify-content:center;align-items:center;padding:32px 24px;display:none;position:fixed;inset:0}.viewport-gate__inner{flex-direction:column;align-items:center;gap:16px;width:min(100%,480px);display:flex}.viewport-gate__heading{color:var(--ink-900);font:600 28px/1.15 var(--font-ui);letter-spacing:-.02em;margin:0}.viewport-gate__body{max-width:420px;color:var(--ink-500);font:400 15px/1.6 var(--font-ui);margin:0}.viewport-gate__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;margin-top:8px;display:flex}.viewport-gate__action{min-height:44px;color:var(--ink-700);font:500 14px/1 var(--font-ui);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;padding:0 12px;text-decoration:underline;display:inline-flex}.viewport-gate__action:disabled{cursor:not-allowed;opacity:.6}.viewport-gate__action[aria-busy=true]:disabled{cursor:progress}.viewport-gate__action:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px;box-shadow:none}.viewport-gate__error{color:var(--warning);font:400 13px/1.4 var(--font-ui);flex-basis:100%;margin:0}@media (hover:hover){.viewport-gate__action:hover:not(:disabled){color:var(--ink-900)}}@media (max-width:1023.98px),(max-height:479.98px) and (max-width:1279.98px){.app-shell-root[data-wide-only]>.viewport-gate{display:flex}.app-shell.app-shell-root[data-wide-only]>:not(.viewport-gate){display:none}body:has(.app-shell-root[data-wide-only]) [data-sonner-toaster]{display:none}}
