.web-page{min-height:100%;padding:calc(48px + 1.5rem) var(--page-gutter) 2.5rem;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;display:flex}.web-stage{flex-direction:column;gap:1.25rem;width:min(920px,100%);display:flex}.web-browser{--chrome-bg:#f4f4f4;--chrome-line:#00000014;--tab-inactive:#0000000a;border:1px solid var(--chrome-line);background:#fff;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 1px #00000008}.web-browser__tabs{background:var(--chrome-bg);border-bottom:1px solid var(--chrome-line);align-items:flex-end;gap:2px;min-height:36px;padding:8px 10px 0;display:flex}.web-browser__tab{appearance:none;cursor:pointer;font:inherit;font-size:12px;font-weight:var(--font-body-weight);letter-spacing:normal;color:#00000073;background:var(--tab-inactive);text-overflow:ellipsis;white-space:nowrap;transform-origin:bottom;border:0;border-radius:7px 7px 0 0;max-width:160px;margin:0;padding:7px 14px 8px;transition:color .16s,background .16s;overflow:hidden}.web-browser__tab:hover,.web-browser__tab:focus-visible{color:#000000bf;outline:none}.web-browser__tab.is-active{color:#000;z-index:1;background:#fff;margin-bottom:-1px;padding-bottom:9px;position:relative;box-shadow:0 1px #fff}.web-browser__toolbar{border-bottom:1px solid var(--chrome-line);background:#fff;align-items:center;gap:8px;padding:8px 10px;display:flex}.web-browser__url{background:var(--chrome-bg);color:#000000a6;min-width:0;font-size:12px;font-weight:var(--font-body-weight);letter-spacing:normal;text-overflow:ellipsis;white-space:nowrap;transform-origin:50%;border-radius:6px;flex:1;padding:6px 12px;text-decoration:none;transition:color .12s,transform .12s;display:block;overflow:hidden}.web-browser__url:hover,.web-browser__url:focus-visible{color:#000;outline:none;transform:scale(1.01)}.web-browser__viewport{aspect-ratio:16/10;background:#fafafa;width:100%;position:relative;overflow:hidden}.web-browser__frame{opacity:0;pointer-events:none;background:#fff;border:0;width:100%;height:100%;transition:opacity .22s;position:absolute;inset:0}.web-browser__frame.is-active{opacity:1;pointer-events:auto;z-index:1}.web-meta{text-align:center;color:#0000008c;width:100%;margin:0;font-size:13px;line-height:1.45}.web-meta p{margin:0}.web-meta a{color:inherit;font-weight:inherit;transform-origin:50%;text-decoration:none;transition:transform .12s;display:inline-block}.web-meta a:hover,.web-meta a:focus-visible{outline:none;transform:scale(1.06)}@media (max-width:768px){.web-page{justify-content:flex-start;padding-top:calc(44px + 1rem);padding-bottom:1.75rem}.web-browser__tab{max-width:120px;padding:6px 10px 7px;font-size:12px}.web-browser__url{font-size:12px}.web-browser__viewport{aspect-ratio:3/4;min-height:52vh}.web-meta{font-size:12px}}@media (prefers-reduced-motion:reduce){.web-browser__tab,.web-browser__url,.web-browser__frame,.web-meta a{transition:none!important}}