:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#20242b;background:#f6f7f9;font-synthesis:none;--paper:#fff;--line:#dce0e6;--blue:#2563eb}
*{box-sizing:border-box}html,body{margin:0;width:100%;min-height:100%}body{font-size:14px;line-height:1.5}button,input{font:inherit;color:inherit}button{cursor:pointer;border:1px solid #d4d9e1;background:#f7f8fa;padding:8px 14px;border-radius:5px;min-height:38px}button:hover{background:#edf0f4}button:active{background:#e5e9ef}button:disabled{opacity:.5;cursor:default}a{color:#245bcc;text-underline-offset:3px}input{border:1px solid #cbd1da;border-radius:5px;background:#fff;padding:9px 12px;min-width:0;min-height:40px}input::placeholder{color:#8b919b;opacity:1}:focus-visible{outline:2px solid #2563eb;outline-offset:2px}[hidden]{display:none!important}form{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.title-bar{padding:24px 26px 0}.title-bar h1{font-size:23px;font-weight:600;margin:0;line-height:1.3}.wordmark{display:inline-flex;gap:6px;align-items:baseline;color:#20242b;font-size:19px;font-weight:600;text-decoration:none}.wordmark span{font-size:14px;font-weight:400;color:#777f8b}.masthead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:13px 22px;background:#fff;border-bottom:1px solid var(--line)}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.header-actions button,.header-actions .manage-keys{font-size:12px;padding:6px 10px;min-height:32px}.header-actions .manage-keys{display:inline-flex;align-items:center;border:1px solid #d4d9e1;border-radius:5px;background:#f7f8fa;color:#20242b;text-decoration:none}.header-actions .manage-keys:hover{background:#edf0f4}
.portal{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:#fff}.address-bar{display:none;align-items:center;gap:9px;padding:9px 15px;background:#f7f8fa;border-bottom:1px solid var(--line)}.portal.browsing .address-bar{display:flex}.navigation{display:flex;gap:5px}.navigation button{font-size:20px;width:34px;height:34px;padding:0;min-height:0;background:#fff}.address-bar input{flex:1;height:36px;min-height:36px;font-size:13px;padding:7px 11px}.address-bar .go-button{height:36px;min-height:36px;padding:0 15px}.workspace{position:relative;flex:1;min-height:0;overflow:hidden;background:#111}.workspace iframe{width:100%;height:100%;display:block;border:0;background:#fff}.home{position:absolute;inset:0;overflow:auto;background:#fff;display:grid;place-items:center;padding:30px 22px}.home-content{width:min(540px,100%);margin-top:-40px}.home h1{font-size:29px;font-weight:600;margin:0 0 25px;line-height:1.3}.hero-address label{display:block;font-size:13px;margin-bottom:8px;color:#5e6673}.url-entry{display:flex;gap:9px}.url-entry input{flex:1;width:0;font-size:14px}.url-entry button{min-width:70px}.go-button,.enter-button,#create-key{background:var(--blue);border-color:var(--blue);color:#fff}.go-button:hover,.enter-button:hover,#create-key:hover{background:#1d4ed8;border-color:#1d4ed8}.bookmarks{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.bookmarks a{display:inline-flex;align-items:center;gap:8px;font-size:13px;text-decoration:none;color:#333b47;padding:9px 14px;border:1px solid var(--line);border-radius:5px;background:#f8f9fb;min-height:40px}.bookmarks a:hover{background:#edf0f4}.bookmarks svg{width:19px;height:19px;color:#4a5362}.bookmarks a+a svg{width:15px}.notice{position:absolute;z-index:5;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;padding:13px 17px;background:#fff;border:1px solid var(--line);border-radius:6px;font-size:13px;line-height:1.5}.notice.error{background:#fff5f4;border-color:#e5b5b1;color:#8e302b}.status-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 16px;background:#f7f8fa;border-top:1px solid var(--line);font-size:11px;color:#737b88}.status-left{display:flex;align-items:center;gap:7px;min-width:0}.status-left #page-status{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{display:inline-block;width:6px;height:6px;background:#53a16c;border-radius:50%;flex-shrink:0}.status-dot.waiting{background:#bfa054}#latency{white-space:nowrap}
.welcome{min-height:100dvh;display:grid;place-items:center;padding:30px 18px;background:#f6f7f9}.login-layout{width:min(370px,100%);margin-top:-25px}.entry{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.entry-body{padding:18px 26px 25px}.login-intro{margin:0 0 23px}.login-intro p{font-size:13px;color:#737b88;margin:0;line-height:1.6}.entry label{display:block;font-size:13px;margin:0 0 8px}.entry input{width:100%;font-size:14px;min-height:41px}.password-wrap{display:flex;gap:8px}.password-wrap input{flex:1}.password-wrap button{padding:0 12px;font-size:12px;min-width:55px}.login-actions{margin-top:22px}.enter-button{width:100%;padding:9px 17px}.login-footer{display:flex;justify-content:space-between;gap:15px;margin:0;padding:10px 16px;background:#f8f9fb;border-top:1px solid var(--line);font-size:11px;color:#737b88}.error{background:#fff5f4;border:1px solid #e5b5b1;color:#8e302b;border-radius:5px;padding:10px;font-size:13px;line-height:1.5}
.keys-window{width:min(640px,100%);background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.keys-body{padding:18px 26px 24px}.keys-body>p{font-size:13px;line-height:1.6;color:#69717e}.keys-body label{display:block;font-size:13px;margin-bottom:8px}.back-link{font-size:12px}.keys-body form{margin:23px 0 17px}.new-key{padding:17px;margin:20px 0;background:#f8fafc;border:1px solid var(--line);border-radius:6px}.new-key h2,.friends-heading h2{font-size:14px;font-weight:600;margin:0}.new-key p{font-size:12px;line-height:1.6;color:#69717e}.new-key input{font:12px ui-monospace,Consolas,monospace}.share-url{overflow-wrap:anywhere}.new-key>#hide-key{margin-right:10px}.friends-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:25px 0 11px}.friends-heading>span{font-size:12px;color:#737b88}.friends-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:5px}.friends-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.friends-table th{background:#f7f8fa;font-weight:500;padding:10px;border-bottom:1px solid var(--line);color:#69717e}.friends-table td{padding:10px;border-bottom:1px solid #edf0f4;overflow-wrap:anywhere}.friends-table tr:last-child td{border-bottom:0}.friends-table td:first-child{max-width:190px}.friends-table td:last-child{white-space:nowrap}.friends-table td button{font-size:12px;padding:5px 10px;min-height:31px;margin-right:5px}.keys-body .keys-note{font-size:12px;color:#737b88;margin-top:19px}.keys-body #empty-list{font-size:12px;color:#737b88}
@media(max-width:620px){.masthead{padding:12px 15px;flex-wrap:wrap}.wordmark{font-size:18px}.header-actions{gap:6px}.header-actions button,.header-actions .manage-keys{font-size:11px;padding:5px 8px}.home{padding:25px 20px}.home-content{margin-top:-20px}.home h1{font-size:26px}.address-bar{flex-wrap:wrap;padding:8px 12px;gap:7px}.navigation{flex-basis:100%}.address-bar input{flex-basis:calc(100% - 80px)}.login-layout{margin-top:0}.title-bar{padding:22px 21px 0}.entry-body{padding:17px 21px 23px}.keys-body{padding:17px 21px 23px}.keys-body .url-entry{flex-wrap:wrap}.keys-body .url-entry input{flex-basis:100%;width:100%}.keys-body .url-entry button{margin-top:2px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Browser controls use the original portal theme. */
.tab-strip{display:none;align-items:center;gap:8px;padding:6px 14px 0;background:#f7f8fa;border-bottom:1px solid var(--line);min-height:45px}.browsing .tab-strip{display:flex}.tabs{display:flex;gap:4px;overflow:auto;flex:1}.browser-tab{display:flex;align-items:center;min-width:120px;max-width:240px;border-radius:6px 6px 0 0;background:#edf0f4}.browser-tab.active{background:#fff}.browser-tab button{background:transparent;border:0;min-height:34px;font-size:12px}.browser-tab .tab-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;text-align:left}.browser-tab .tab-close{padding:4px 9px}.tab-strip>button{padding:0 12px;min-height:32px;border:0;background:transparent;font-size:22px}.profile-chip{font-size:12px;color:#737b88}.resume-browser{margin-top:24px}.covering #browser{visibility:hidden}
/* The session displays native Chrome; only account controls live outside it. */
.native-session{margin:0;height:100dvh;overflow:hidden;background:#fff}.native-workspace{position:fixed;inset:0}.native-workspace iframe{display:block;width:100%;height:100%;border:0;background:#fff}.session-menu{position:fixed;right:10px;bottom:10px;z-index:10;font-size:13px}.session-menu summary{display:grid;place-items:center;width:28px;height:28px;cursor:pointer;list-style:none;border:1px solid #dadce0;border-radius:50%;background:#fff;color:#5f6368;font-size:21px;box-shadow:0 1px 4px #0001;opacity:.45}.session-menu summary::-webkit-details-marker{display:none}.session-menu summary:hover,.session-menu summary:focus-visible,.session-menu[open] summary{opacity:1}.session-menu nav{position:absolute;right:0;bottom:36px;min-width:150px;background:#fff;border:1px solid #dadce0;border-radius:8px;box-shadow:0 4px 18px #0002;padding:6px}.session-menu nav button,.session-menu nav a{display:block;width:100%;text-align:left;white-space:nowrap;border:0;background:transparent;border-radius:4px;padding:9px 12px;text-decoration:none;color:#3c4043;font:inherit;min-height:36px}.session-menu nav button:hover,.session-menu nav a:hover{background:#f1f3f4}.connection-toast{position:fixed;bottom:10px;left:10px;z-index:9;margin:0;padding:8px 12px;border:1px solid #dadce0;border-radius:6px;background:#fff;color:#5f6368;font:12px "Segoe UI",sans-serif;box-shadow:0 1px 4px #0001}