:root{color-scheme:dark;font-family:Arial,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#e8eaed;background:#202124;font-size:13px;--line:#3c4043;--muted:#9aa0a6;--blue:#aecbfa}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;color:inherit;cursor:pointer;background:none}a{color:inherit;text-decoration:none}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}button{border-radius:8px;transition:background 120ms}button:hover:not(:disabled){background:#ffffff0d}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}input{min-width:0}input::-webkit-search-cancel-button{cursor:pointer}.top-links{height:64px;display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:0 32px}.top-links nav{display:flex;gap:24px;align-items:center;font-size:12px}.top-links a:hover{text-decoration:underline}.top-links #demo-note{margin-right:auto;color:var(--muted);font-size:11px}.help{border:1px solid #697078;width:26px;height:26px;border-radius:50%;color:#bdc1c6}.search-home{text-align:center;padding:28px 24px 28px}.google-wordmark{font-family:"Product Sans",Arial,sans-serif;font-size:76px;letter-spacing:-5px;color:#e8eaed;margin:8px 0 27px;font-weight:500;line-height:1.1}#web-search{display:flex;align-items:center;gap:16px;max-width:600px;margin:0 auto;background:#e8eaed;border-radius:28px;height:52px;padding:0 17px 0 21px;color:#5f6368;box-shadow:0 1px 6px #0002}#web-search>svg{width:21px;height:21px;flex-shrink:0}#web-query{border:0;background:transparent;color:#202124;width:100%;outline:none;font-size:14px;padding:10px 0}#web-query::placeholder{color:#686d74}#web-search:focus-within{outline:2px solid #8ab4f8;outline-offset:3px}#web-search button{font-size:21px;width:32px;height:32px;color:#5f6368;border-radius:50%}#web-search button:hover{background:#dadce0}.shortcuts{display:flex;justify-content:center;gap:8px;margin:24px auto 0;max-width:780px}.shortcut{display:flex;flex-direction:column;align-items:center;gap:11px;width:83px;flex-shrink:0;border-radius:8px;padding:10px 4px;color:#d6d8dc}.shortcut:hover{background:#ffffff08}.shortcut-icon{width:44px;height:44px;background:#303236;border-radius:50%;display:grid;place-items:center;color:var(--icon-color,#cbd0d5);font-size:18px}.shortcut-title{display:block;width:100%;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bookmarks-home{max-width:1140px;margin:10px auto 0;padding:0 32px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:16px}.section-top h1{font-size:19px;font-weight:400;margin:0;display:flex;align-items:center;gap:12px;letter-spacing:.5px}.section-top h1>span{font-size:10px;color:#9aa0a6;padding:3px 7px;border:1px solid #3f4348;border-radius:10px;letter-spacing:0}.section-top p{color:var(--muted);font-size:11px;margin:10px 0 0}.explore{display:flex;align-items:center;gap:9px;color:#c0d3f0;border:1px solid #465468;border-radius:20px;padding:10px 16px;font-size:12px;flex-shrink:0}.explore svg{height:15px;width:15px}.explore:hover{background:#8ab4f812!important}.library-tools{display:flex;gap:18px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px}#roots{display:flex;align-items:center;gap:4px;flex-wrap:wrap}#roots button{font-size:11px;padding:9px 12px;color:#aab0b7;border-radius:18px;white-space:nowrap}#roots button.active{color:#cfdef6;background:#364257}.bookmark-search{border:1px solid #4b5057;background:#25272b;border-radius:18px;padding:8px 13px;display:flex;align-items:center;gap:9px;max-width:330px;width:100%;color:var(--muted)}.bookmark-search:focus-within{border-color:#aecbfa}.bookmark-search svg{height:16px;width:16px;flex-shrink:0}.bookmark-search input{background:none;border:0;outline:0;color:var(--text);width:100%;font-size:11px}.bookmark-search input::placeholder{color:#a0a6ae}.bookmark-search kbd{border:1px solid #52565d;padding:0 4px;border-radius:3px;font-size:10px}#breadcrumbs{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;margin:16px 0 0;color:#9aa0a6}#breadcrumbs button{padding:5px 6px;color:#bdcce4}#breadcrumbs button:last-child{color:#e8eaed}#folder-chips{display:flex;flex-wrap:wrap;gap:9px;padding:17px 0 6px}.folder-chip{display:flex;align-items:center;gap:8px;border:1px solid #41454b;border-radius:7px;padding:9px 12px;color:#c7cacf;font-size:11px;max-width:270px}.folder-chip svg{width:16px;height:16px;color:#a9b4c5;flex-shrink:0}.folder-chip .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-chip .count{font-size:9px;color:#8d949e;margin-left:5px}.results-heading{display:flex;justify-content:space-between;align-items:center;margin:18px 0 12px;font-size:10px;color:#979fa9;min-height:14px}#search-local{font-size:9px;color:#99b19c}#folder-pages{display:flex;align-items:center;gap:10px;margin-top:8px;color:#9aa0a6;font-size:10px}#folder-pages button{padding:5px 8px}.bookmark-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.home-card{border:1px solid #3a3e44;border-radius:9px;min-width:0;display:flex;position:relative;background:#25272b;transition:background 120ms,border-color 120ms;overflow:hidden}.home-card:hover{background:#2c2f34;border-color:#575e68}.bookmark-link{display:flex;align-items:center;gap:12px;padding:16px 30px 16px 13px;width:100%;min-width:0}.bookmark-icon{width:31px;height:31px;display:grid;place-items:center;flex-shrink:0;border-radius:8px;color:var(--icon-color);background:#35393f;font-size:14px}.bookmark-copy{min-width:0;display:flex;flex-direction:column;gap:6px}.bookmark-title{font-size:12px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e1e4e9;font-weight:400}.bookmark-domain{color:#9aa0a6;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bookmark-folder{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8794a7}.bookmark-edit{position:absolute;right:5px;top:5px;width:23px;height:23px;font-size:15px;color:#9aa0a6;opacity:0}.home-card:hover .bookmark-edit,.home-card:focus-within .bookmark-edit{opacity:1}.pages{display:flex;justify-content:center;align-items:center;gap:24px;margin:25px 0;font-size:11px;color:#9aa0a6}.pages button{padding:8px 14px;border:1px solid #454b53;color:#ccd7e9;border-radius:16px}.home-footer{max-width:1140px;margin:36px auto 0;padding:21px 32px 26px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:9px;color:#858d96}.signature{display:flex;align-items:center;gap:7px;color:#acb5bd}.signature img{filter:grayscale(.5);opacity:.8}.signature>span{color:#858d96}#empty{padding:35px 20px;text-align:center;color:#9aa0a6}#empty>span{font-size:28px}#empty h2{font-size:16px;font-weight:400;color:#d3d8de}#empty p{font-size:12px;line-height:1.8}#clear-search{border:1px solid #5b6574;color:#cbd9f0;border-radius:18px;padding:8px 16px;margin-top:10px}#space-page{position:fixed;inset:0;background:#202124}#space-page>header{height:54px;border-bottom:1px solid #3c4043;display:flex;align-items:center;gap:30px;padding:0 22px;color:#bdc1c6}#back-home{font-size:12px;padding:8px 12px;border:1px solid #485467;border-radius:18px;color:#cadbf5}#space-page>header>span{font-size:11px}#space-help{margin-left:auto;border:1px solid #555e68;width:24px;height:24px;border-radius:50%}#space-host{position:absolute;inset:54px 0 0}#space-host iframe{border:0;width:100%;height:100%;display:block}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#354057;border:1px solid #667a99;border-radius:8px;padding:14px 20px;font-size:12px;max-width:90vw;z-index:10}dialog{color:#e8eaed;background:#292c31;border:1px solid #555e6a;border-radius:16px;max-width:480px;width:90vw;padding:32px;box-shadow:0 16px 50px #0005}dialog::backdrop{background:#101217aa}dialog h2{font-size:21px;line-height:1.7;font-weight:400;margin:15px 0}dialog p{font-size:12px;line-height:1.95;color:#c1c7cf}dialog p.help-note{font-size:10px;color:#9aa4b1;border-top:1px solid #444b54;padding-top:13px}.close{position:absolute;right:14px;top:12px;font-size:24px;padding:4px 9px}@media(min-width:1700px){.search-home{padding-top:55px;padding-bottom:40px}.bookmarks-home,.home-footer{max-width:1260px}.bookmark-link{padding-top:20px;padding-bottom:20px}}@media(max-width:1000px){.bookmark-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shortcuts{gap:0}.shortcut{width:75px}.library-tools{align-items:flex-start;gap:10px}.bookmark-search{max-width:280px}.bookmarks-home,.home-footer{padding-left:24px;padding-right:24px}}@media(max-width:720px){.bookmark-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-tools{flex-direction:column;align-items:stretch;gap:15px}.bookmark-search{max-width:none}.shortcuts{flex-wrap:wrap;max-width:380px;row-gap:3px}.shortcut{width:82px}.search-home{padding-top:10px}.google-wordmark{font-size:60px}.top-links{padding:0 24px}.section-top h1{font-size:17px}.section-top p{font-size:10px}.home-footer{align-items:flex-start;flex-direction:column;gap:12px}.signature>span{font-size:8px}.bookmark-edit{opacity:1}.top-links #demo-note{font-size:9px}.explore{font-size:11px;padding:9px 12px}#space-page>header>span{display:none}}@media(max-width:420px){.bookmark-grid{grid-template-columns:1fr}.section-top{align-items:flex-start}.bookmarks-home{padding:0 18px}.top-links nav{gap:17px}.shortcut{width:70px}.shortcuts{max-width:290px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.in-space{overflow:hidden}.top-links .provider-label{margin-right:auto;display:flex;align-items:center;gap:7px;font-size:10px;color:#9aa4b1;padding:6px 0}.provider-label img{filter:grayscale(.5);opacity:.8}.top-links #demo-note{margin-right:0}.bookmark-search input{color:#e8eaed}@media(max-width:480px){#demo-note{display:none!important}}
.shortcut-icon,.bookmark-icon{overflow:hidden;position:relative}.shortcut-icon img,.bookmark-icon img{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);object-fit:contain;opacity:0}.shortcut-icon img{width:31px;height:31px}.bookmark-icon img{width:24px;height:24px}.shortcut-icon.has-favicon img,.bookmark-icon.has-favicon img{opacity:1}.shortcut-icon.has-favicon .icon-letter,.bookmark-icon.has-favicon .icon-letter{opacity:0}
/* The secondary screen is a compact bookmark library, not another start page. */
#home-page{min-height:100vh;background:#202124}
.library-header{height:64px;padding:0 max(24px,calc((100vw - 1132px)/2));display:flex;align-items:center;gap:18px;border-bottom:1px solid #363c44;background:#202124}
.library-header #library-back{flex:none;border:1px solid #566273;border-radius:20px;padding:9px 14px;color:#d8e5f7;font-size:12px}
.library-brand{display:flex;align-items:center;gap:8px;color:#aeb8c5;font-size:12px;letter-spacing:.04em}
.library-header #demo-note{margin-left:auto;color:#919eac;font-size:11px}
.library-header .help{margin-left:auto}
.library-header #demo-note:not([hidden])+.help{margin-left:0}
.bookmarks-home{max-width:1180px;margin:40px auto 0;padding:0 24px}
.section-top{margin-bottom:26px;align-items:flex-end}
.section-top h1{font-size:24px;font-weight:500;letter-spacing:0}
.section-top p{font-size:12px;margin-top:9px;color:#a7b0bc}
.library-tools{padding:18px;border:1px solid #3c4652;border-radius:16px;background:#24282e;gap:18px}
#roots{gap:7px}
#roots button{font-size:12px;padding:10px 13px}
.bookmark-search{height:42px;max-width:370px;background:#1e2228;border-color:#4b5868;border-radius:22px}
.bookmark-search input{font-size:12px}
#folder-chips{padding:20px 0 3px;gap:9px}
.folder-chip{border-radius:9px;min-height:39px;padding:9px 13px;background:#272c33}
.folder-chip:hover{border-color:#687d97;background:#303842!important}
.results-heading{font-size:11px;margin:22px 0 12px}
.bookmark-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.home-card{min-height:78px;background:#252a30;border-color:#3d4651}
.bookmark-link{padding:15px 38px 15px 14px}
.bookmark-title{font-size:13px}
.bookmark-domain{font-size:11px}
.bookmark-edit{opacity:1;top:9px;right:9px;width:27px;height:27px}
.home-footer{max-width:1180px}
@media(max-width:900px){.section-top{align-items:flex-start;flex-direction:column}.bookmark-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-tools{flex-direction:column;align-items:stretch}.bookmark-search{max-width:none}}
@media(max-width:600px){.library-header{padding:0 16px}.library-brand{display:none}.bookmarks-home{margin-top:26px;padding:0 16px}.section-top h1{font-size:21px}.section-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.section-actions .explore{justify-content:center;white-space:normal;text-align:center}.bookmark-grid{grid-template-columns:1fr}.library-tools{padding:13px}.home-footer{padding-left:16px;padding-right:16px}}
.library-tools{justify-content:flex-start;border:0;background:none;padding:0}.library-tools .bookmark-search{max-width:620px}
#list-undo{border:1px solid #556475;border-radius:18px;padding:8px 13px;color:#cfdef0;font-size:11px;white-space:nowrap}
#notice{display:flex;align-items:center;gap:14px}#notice-undo{padding:5px 0;color:#e5effd;text-decoration:underline;white-space:nowrap}
#bookmark-dialog{max-height:min(720px,90vh);overflow:auto;text-align:left}
#bookmark-dialog h2{margin:0 28px 3px 0;font-size:18px;line-height:1.4}
#bookmark-dialog-domain{margin:0 0 23px;color:#9faabb;font-size:11px}
#bookmark-dialog label{display:block;margin:0 0 15px;color:#bcc8d7;font-size:11px}
#bookmark-dialog input,#bookmark-dialog select{display:block;width:100%;margin-top:7px;padding:10px 11px;border:1px solid #536273;border-radius:8px;background:#20252c;color:#e8eef5;font:inherit}
.dialog-primary,.dialog-secondary{width:100%;padding:10px 13px;border:1px solid #7084a0;border-radius:9px;color:#e9f1fc;font-size:11px}
.dialog-primary{background:#3a4d64}.dialog-secondary{margin:3px 0 0}.dialog-divider{height:1px;background:#46515e;margin:22px 0}
.dialog-danger{display:block;margin:19px 0 0;padding:7px 0;color:#efb8b0;font-size:11px}
#bookmark-readonly{color:#d1b9a2;font-size:10px}
#bookmark-dialog-error{margin:13px 0 0;color:#f0b4ad;font-size:11px}

/* Append on approach; offscreen cards skip layout and paint. */
.home-card{content-visibility:auto;contain-intrinsic-size:auto 78px}
#list-more{height:1px;margin-top:16px}

button.bookmark-link{width:100%;text-align:left;border-radius:inherit;color:inherit}
#home-page{padding-bottom:clamp(64px,10vh,120px)}

.results-heading[hidden]+.bookmark-grid{margin-top:20px}
