@font-face{font-family:"Funnel Sans";src:url("../assets/fonts/funnel-sans/FunnelSans.ttf") format("truetype");font-style:normal;font-weight:300 800;font-display:swap}
@font-face{font-family:"Funnel Sans";src:url("../assets/fonts/funnel-sans/FunnelSans-Italic.ttf") format("truetype");font-style:italic;font-weight:300 800;font-display:swap}
:root{--bg:#f6f7f9;--panel:#fff;--text:#202b3b;--muted:#647184;--line:#e3e7ed;--accent:#315cce;--soft:#edf2ff;font:14px/1.5 "Funnel Sans",sans-serif;color:var(--text);background:var(--bg);color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select,summary{cursor:pointer}button,select{border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);padding:9px 13px}button:hover{border-color:var(--accent);background:var(--soft)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}a{color:inherit}button.primary{background:var(--accent);color:white;border-color:var(--accent)}button.primary:hover{background:#244aad}button.danger{color:#ad2424}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip:focus{position:absolute;z-index:20;background:white;padding:12px}.header{display:flex;align-items:center;gap:22px;padding:22px 32px;background:var(--panel);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:650;text-decoration:none;white-space:nowrap}.logo{display:grid;place-items:center;background:var(--accent);color:white;border-radius:10px;width:35px;height:37px;font-size:30px}.search{flex:1;display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:9px;background:var(--bg);padding:8px 14px;max-width:780px;margin:auto}.search span{font-size:25px;color:var(--muted)}.search input{min-width:0;width:100%;border:0;background:transparent;color:var(--text);padding:4px 0}.layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:calc(100vh - 90px)}aside{background:var(--panel);border-right:1px solid var(--line);padding:28px 15px;display:flex;flex-direction:column;min-width:0}.nav-label,.eyebrow{font-size:11px;letter-spacing:1.6px;color:var(--muted);font-weight:650}.nav-label{margin:0 13px 15px}.folder-row{display:flex;align-items:center;min-width:0;padding-left:calc(var(--depth,0)*13px)}.folder{border:0;background:transparent;display:flex;align-items:center;gap:9px;text-align:left;width:100%;min-width:0;color:var(--muted);padding:10px 12px}.folder span:nth-last-child(2){flex:1;overflow-wrap:anywhere}.folder small{font-size:12px;font-variant-numeric:tabular-nums}.folder.active{background:var(--soft);color:var(--accent)}.expand{border:0;background:transparent;padding:6px;width:24px;flex-shrink:0;color:var(--muted)}.folder-row>.folder{padding-left:6px}.folder-spacer{width:24px;flex-shrink:0}.folder-children[hidden]{display:none}.local-note{margin-top:auto;padding:40px 13px 0;font-size:12px;color:var(--muted)}main{padding:36px 38px;min-width:0;max-width:1800px;width:100%;margin:0 auto}h1{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:7px 0}h2{font-size:20px;line-height:1.3}.subtitle{margin:8px 0;color:var(--muted)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin:28px 0 20px}.small{font-size:12px;color:var(--muted)}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.controls select{color:var(--muted);max-width:100%}.view-switch{display:flex;gap:3px;padding:3px;background:var(--line);border-radius:8px}.view-switch button{padding:4px 11px;font-size:20px;border:0;background:transparent;line-height:1.3;color:var(--muted)}.view-switch button[aria-pressed=true]{background:white;color:var(--text);box-shadow:0 1px 3px #0000000d}.bookmarks{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.bookmark{display:flex;flex-direction:column;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:12px;text-decoration:none;min-width:0;min-height:180px}.bookmark:hover{border-color:var(--accent);box-shadow:0 3px 12px #20345d08}.mark{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:var(--bg);color:var(--muted);font-size:16px;font-weight:650;margin-bottom:15px;flex-shrink:0}.bookmark-title{font-weight:650;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.domain{font-size:12px;color:var(--muted);overflow-wrap:anywhere;margin-top:4px}.path{padding-top:18px;margin-top:auto;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.bookmarks.list{grid-template-columns:1fr;gap:8px}.list .bookmark{display:grid;grid-template-columns:37px minmax(0,1fr) minmax(100px,30%);gap:0 16px;min-height:0;padding:13px 18px;align-items:center}.list .mark{grid-row:1/3;margin:0}.list .domain{grid-column:2}.list .path{grid-row:1/3;grid-column:3;text-align:right;margin:0;padding:0}footer{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin-top:27px}.welcome{text-align:center;max-width:630px;margin:60px auto}.welcome-mark{width:76px;height:76px;font-size:52px;color:var(--accent);background:var(--soft);border-radius:22px;margin:0 auto 28px}.welcome h1{font-size:42px;line-height:1.15;letter-spacing:-1.7px;margin:18px 0}.welcome>p:not(.eyebrow){color:var(--muted)}.welcome .primary{margin-top:18px;padding:12px 22px}.guide{margin:35px auto 0;text-align:left;max-width:430px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted)}.guide summary{text-align:center}.guide li{padding:5px 0}.empty{text-align:center;padding:65px 15px;color:var(--muted)}#more{display:block;margin:25px auto}.settings{background:var(--panel);border-bottom:1px solid var(--line);padding:20px 32px;color:var(--muted)}.settings p{max-width:700px}dialog{border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 80px #0002;max-width:480px;width:calc(100% - 32px);padding:26px;color:var(--text)}dialog::backdrop{background:#15213955}dialog h2{margin-top:0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);background:var(--text);color:white;padding:14px 22px;border-radius:10px;box-shadow:0 5px 25px #0002;z-index:30}#notice.error{background:#922626}#drop-overlay{position:fixed;inset:12px;background:#edf2fff5;border:3px dashed var(--accent);border-radius:16px;z-index:40;display:grid;place-items:center;color:var(--accent);font-size:25px;pointer-events:none}#folder-toggle{display:none}[hidden]{display:none!important}@media(min-width:1600px){.bookmarks{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1000px){.header{gap:15px;padding:20px}.layout{grid-template-columns:205px minmax(0,1fr)}main{padding:28px 24px}.bookmarks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.header{flex-wrap:wrap;padding:16px;gap:12px}.brand{flex:1}.search{order:4;min-width:100%;padding:7px 12px}.search input{font-size:16px}.layout{grid-template-columns:1fr}aside{padding:12px 16px;border-right:0;border-bottom:1px solid var(--line)}#folder-toggle{display:block;align-self:flex-start}#folders{display:none;padding-top:16px}#folders.mobile-open{display:block}.local-note{display:none}main{padding:24px 18px}.welcome{margin:25px auto}.welcome h1{font-size:33px}.bookmarks{grid-template-columns:1fr}.bookmark{min-height:150px}.toolbar{align-items:flex-start}.controls{width:100%;justify-content:space-between}.list .bookmark{grid-template-columns:37px minmax(0,1fr)}.list .path{grid-column:2;grid-row:3;text-align:left;padding-top:5px}.list .mark{grid-row:1/4}.controls select{font-size:14px}button{min-height:44px}h1{font-size:26px}.settings{padding:16px}.folder-row{padding-left:calc(min(var(--depth,0),5)*10px)}}@media(prefers-reduced-motion:no-preference){.bookmark{transition:border-color .15s,box-shadow .15s}}
@media(min-width:1001px) and (max-width:1599px){.bookmarks{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:400px){.header{gap:8px}.brand{font-size:14px;gap:8px}.logo{width:30px;height:33px}.header #import-top span{display:none}.header #import-top,.header #settings-toggle{min-width:40px;padding:8px}}
.chrome-panel{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 32px;background:var(--panel);border-bottom:1px solid var(--line)}.chrome-panel>div{flex:1;min-width:200px}.chrome-panel p{font-size:12px;color:var(--muted);margin:4px 0 0}.chrome-panel strong{font-size:13px;font-weight:600}.chrome-guide{width:100%;font-size:12px;color:var(--muted)}.chrome-guide summary{width:max-content;max-width:100%}.chrome-guide li{padding:4px 0}.chrome-guide code{overflow-wrap:anywhere}.chrome-guide a{overflow-wrap:anywhere}@media(max-width:650px){.chrome-panel{padding:16px;gap:10px}.chrome-panel>div{min-width:100%}}
.categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.category{display:flex;align-items:flex-start;flex-direction:column;text-align:left;min-width:0;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--panel);min-height:190px}.category:hover{background:var(--panel);border-color:var(--accent);box-shadow:0 3px 12px #20345d08}.category-icon{display:grid;place-items:center;width:44px;height:42px;border-radius:11px;background:var(--soft);color:var(--accent);font-size:29px;margin-bottom:18px}.category-title{font-size:16px;font-weight:650;overflow-wrap:anywhere}.category-count{font-size:12px;color:var(--muted);margin-top:7px}.category-path{font-size:11px;color:var(--muted);margin-top:auto;padding-top:18px;overflow-wrap:anywhere}@media(max-width:650px){.categories{grid-template-columns:1fr}.category{min-height:175px;padding:20px}}

.back-categories{margin-bottom:20px;background:transparent;color:var(--accent);border-color:var(--line)}
.preview-settings{padding:16px 0;margin:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.preview-settings h2{font-size:16px}.preview-settings label{display:flex;align-items:center;gap:8px;color:var(--text)}.preview-settings p{font-size:12px}.preview{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:8/5;width:calc(100% + 40px);margin:-20px -20px 17px;overflow:hidden;background:linear-gradient(140deg,var(--soft),var(--bg));border-bottom:1px solid var(--line);border-radius:11px 11px 0 0;flex-shrink:0}.preview-initial{font-size:30px;font-weight:650;color:var(--accent)}.preview-caption{font-size:11px;color:var(--muted)}.preview img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.has-preview .preview-initial,.has-preview .preview-caption{display:none}.list .bookmark{grid-template-columns:96px minmax(0,1fr) minmax(100px,30%)}.list .preview{grid-row:1/3;width:96px;height:60px;aspect-ratio:auto;border:1px solid var(--line);border-radius:6px;margin:0}.list .preview-initial{font-size:22px}.list .preview-caption{display:none}@media(max-width:650px){.list .bookmark{grid-template-columns:80px minmax(0,1fr)}.list .preview{width:80px;height:60px;grid-row:1/4}}
.view-switch{margin-left:auto;flex-wrap:wrap}.view-switch button{font-size:13px;padding:8px 11px;white-space:nowrap}.categories.list{grid-template-columns:1fr;gap:8px}.categories.list .category{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(160px,30%);align-items:center;gap:3px 16px;min-height:0;padding:14px 18px}.categories.list .category-icon{grid-column:1;grid-row:1/3;margin:0}.categories.list .category-title{grid-column:2}.categories.list .category-count{grid-column:3;grid-row:1/3;text-align:right;margin:0}.categories.list .category-path{grid-column:2;grid-row:2;padding:0;margin:0}.categories.compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.categories.compact .category{display:grid;grid-template-columns:32px minmax(0,1fr);gap:3px 12px;min-height:0;padding:14px}.categories.compact .category-icon{width:32px;height:32px;font-size:22px;margin:0;grid-row:1/4}.categories.compact .category-title{font-size:14px;grid-column:2}.categories.compact .category-count{font-size:11px;margin:0;grid-column:2}.categories.compact .category-path{grid-column:2;padding:0;margin:0}.bookmarks.compact{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:10px}.bookmarks.compact .bookmark{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:2px 13px;min-height:0;padding:13px}.bookmarks.compact .preview{grid-column:1;grid-row:1/4;width:64px;height:48px;aspect-ratio:auto;border:1px solid var(--line);border-radius:6px;margin:0}.bookmarks.compact .preview-initial{font-size:20px}.bookmarks.compact .preview-caption{display:none}.bookmarks.compact .bookmark-title{font-size:13px;grid-column:2}.bookmarks.compact .domain{grid-column:2;font-size:11px;margin:0}.bookmarks.compact .path{grid-column:2;padding:0;margin:0;font-size:11px}@media(max-width:650px){.view-switch{margin-left:0}.categories.list .category{grid-template-columns:36px minmax(0,1fr);gap:3px 12px;padding:13px}.categories.list .category-icon{width:36px;height:36px;grid-row:1/4;font-size:24px}.categories.list .category-count{grid-column:2;grid-row:2;text-align:left}.categories.list .category-path{grid-row:3}.bookmarks.compact,.categories.compact{grid-template-columns:1fr}}
.category-nav-row{display:flex;align-items:center;gap:3px}.category-nav-row .folder{flex:1}.category-toggle{flex-shrink:0;display:grid;place-items:center;width:30px;height:38px;min-height:38px;padding:0;border:0;background:transparent;color:var(--muted);font-size:24px}.category-toggle[aria-expanded=true]{color:var(--accent);background:var(--soft)}.sidebar-categories{margin:7px 0 12px 17px;padding-left:8px;border-left:1px solid var(--line);max-height: min(55vh,560px);overflow:auto;scrollbar-width:thin}.sidebar-category{gap:8px;padding:8px 9px;font-size:12px}.sidebar-category span{flex:1;overflow-wrap:anywhere}.sidebar-category small{flex-shrink:0}.sidebar-empty{font-size:12px;color:var(--muted);padding:8px}@media(pointer:coarse){.category-toggle{min-width:44px;min-height:44px}.sidebar-category{min-height:44px}}
.management-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:22px 0 0}.management-bar p{font-size:12px;color:var(--muted);max-width:460px;margin:0}.management-bar>div{display:flex;gap:8px;flex-wrap:wrap}.management-bar button{font-size:12px}.bookmark-item,.category-item{position:relative;min-width:0;display:flex}.bookmark-item>.bookmark,.category-item>.category{width:100%}.category-item>.category{padding-right:42px}.editor-trigger{position:absolute;right:8px;top:8px;width:32px;height:32px;min-height:32px;padding:0;background:var(--panel);border:1px solid var(--line);border-radius:8px;font-size:20px;z-index:1}.editor-trigger:disabled{opacity:.45;cursor:default}.bookmarks.list .bookmark,.bookmarks.compact .bookmark{padding-right:48px}.category-item:has(.editor-trigger):hover>.category,.bookmark-item:has(.editor-trigger):hover>.bookmark{border-color:var(--accent)}.action-menu{display:grid;gap:10px}.action-menu button{text-align:left}#edit-form>label{display:grid;gap:6px;margin:17px 0;font-size:13px}#edit-form input,#edit-form select{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--panel);color:var(--text);font:inherit}#edit-form>p{color:var(--muted);font-size:12px}#edit-error{color:#ad2424!important}button:disabled{cursor:default;opacity:.55}@media(pointer:coarse){.editor-trigger{width:44px;height:44px}}@media(max-width:650px){#edit-form input,#edit-form select{font-size:16px}.management-bar>div{width:100%}.management-bar button{flex:1}.categories.list .category{padding-right:52px}}
.category-item:has(.editor-trigger)>.category{padding-right:56px}.bookmarks.list .bookmark-item:has(.editor-trigger)>.bookmark,.bookmarks.compact .bookmark-item:has(.editor-trigger)>.bookmark{padding-right:60px}.backup-label{display:block;margin:12px 0 5px;font-size:12px}#backup-choice{max-width:100%;margin:0 8px 8px 0}

.search-results-heading{font-size:16px;margin:24px 0 14px}

.category-selection{padding:13px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel);margin:0 0 18px}.category-selection>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.category-selection strong{margin-right:auto;font-size:13px}.category-selection button{font-size:12px}.category-selection p{font-size:12px;color:var(--muted);margin:10px 0 0}.category-select{position:absolute;top:10px;left:10px;z-index:1;display:grid;place-items:center;min-width:28px;min-height:28px;border-radius:7px;background:var(--panel);cursor:pointer}.category-select input{width:17px;height:17px;accent-color:var(--accent);cursor:pointer}.category-item:has(.category-select)>.category{padding-top:48px}.category-item.is-selected>.category{border-color:var(--accent);background:var(--soft);box-shadow:0 0 0 1px var(--accent)}.category-item[draggable=true]>.category{cursor:grab}.category-item.drop-target>.category{outline:3px dashed var(--accent);outline-offset:3px}.categories.list .category-item:has(.category-select)>.category,.categories.compact .category-item:has(.category-select)>.category{padding-top:14px;padding-left:48px}.categories.list .category-select,.categories.compact .category-select{top:50%;transform:translateY(-50%)}#selection-destination{display:block;width:100%;margin-top:8px}@media(pointer:coarse){.category-select{min-width:44px;min-height:44px;top:2px;left:2px}}

.category-marquee{position:fixed;pointer-events:none;z-index:25;border:1px solid var(--accent);background:#315cce18;border-radius:4px}.categories.shift-selecting,.categories.shift-selecting *{user-select:none;cursor:crosshair!important}

body{min-height:100vh;display:flex;flex-direction:column}.layout{flex:1;min-height:0}.chrome-panel{border-bottom:0;border-top:1px solid var(--line)}

.categories.has-entrances{grid-template-columns:repeat(3,minmax(0,1fr))}.category-item.is-entrance>.category{min-height:220px;background:linear-gradient(150deg,var(--panel),var(--soft))}.category-item.is-entrance .category-title{font-size:23px;letter-spacing:-.4px}.category-item.is-entrance .category-icon{width:52px;height:50px;font-size:34px}.other-categories-heading{grid-column:1/-1;margin:20px 0 0}.other-categories-heading h2{font-size:18px;margin:0 0 6px}.other-categories-heading p{font-size:13px;color:var(--muted);margin:0;max-width:700px}.categories.has-entrances.list{grid-template-columns:1fr}.categories.list .category-item.is-entrance>.category,.categories.compact .category-item.is-entrance>.category{min-height:0}.categories.list .category-item.is-entrance .category-title,.categories.compact .category-item.is-entrance .category-title{font-size:17px}@media(max-width:650px){.categories.has-entrances{grid-template-columns:1fr}.category-item.is-entrance>.category{min-height:185px}}

#paste-destination{display:block;width:100%;margin-top:8px}#clipboard-status{color:var(--accent)}

.shift-selecting,.shift-selecting *{user-select:none;cursor:crosshair!important}.bookmark-item:has(.category-select)>.bookmark{padding-top:42px}.bookmark-item .preview{margin-top:0}.bookmark-item.is-selected>.bookmark{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--soft)}.bookmark-item[draggable=true]>.bookmark{cursor:grab}.bookmarks.list .bookmark-item:has(.category-select)>.bookmark,.bookmarks.compact .bookmark-item:has(.category-select)>.bookmark{padding-top:13px;padding-left:48px}.bookmarks.list .category-select,.bookmarks.compact .category-select{top:50%;transform:translateY(-50%)}

.preview.video-preview{aspect-ratio:16/9}.video-preview img{object-fit:cover}

/* Full-width inspiration above the personal library. */
.home-heading{display:none}
.home-layout .header{position:relative;display:flex;flex-direction:column;gap:0;padding:35px 28px 24px;border:0;background:#141615;color:#f6f7f2;text-align:center}
.home-layout .brand{font-size:19px;justify-content:center;flex:none}
.home-layout .logo{width:40px;height:42px;background:#d4e8a1;color:#202a20;border-radius:12px}
.home-layout .home-heading{display:block;margin:33px 0 23px}
.home-layout .home-heading h1{font-size:clamp(30px,3.3vw,52px);font-weight:550;line-height:1.12;letter-spacing:-1.8px;margin:0}
.discovery-eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#c6d9aa;margin:0 0 13px}
.discovery-intro{font-size:13px;color:#a9b1aa;margin:14px 0 0}
.home-layout .search{flex:none;order:0;width:100%;min-width:0;max-width:640px;padding:10px 17px;border:1px solid #4a5149;border-radius:99px;background:#242824;margin:0 auto;color:#f5f7f0;text-align:left}
.home-layout .search input{color:inherit;font-size:15px}
.home-layout .search input::placeholder{color:#aeb7ad}
.home-layout .search span{color:#c7d7b4}
.home-layout #import-top,.home-layout #settings-toggle{position:absolute;top:36px;background:transparent;border-color:#3c443b;color:#d9e2d6}
.home-layout #import-top{right:80px}.home-layout #settings-toggle{right:28px}
.discovery{width:100%;padding:12px 28px 26px;background:#141615;color:#f5f7ef;margin:0}
.discovery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1900px;margin:0 auto}
.discovery-card{position:relative;min-width:0;border-radius:10px;overflow:hidden;background:#222622;border:1px solid #343c33;text-align:left}
.discovery-open{display:block;text-decoration:none}
.discovery-image{display:grid;place-items:center;position:relative;aspect-ratio:16/9;background:#343d32;overflow:hidden}
.discovery-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.discovery-placeholder{font-size:16px;color:#bbc7af}
.discovery-source{position:absolute;left:10px;top:10px;background:#111b12db;color:#f3f6ec;border:1px solid #ffffff26;border-radius:99px;padding:5px 9px;font-size:9px;font-weight:600;letter-spacing:.3px}
.discovery-card-body{display:flex;flex-direction:column;gap:4px;padding:13px 76px 15px 14px;min-height:76px}
.discovery-title{font-size:14px;line-height:1.35;font-weight:550;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.discovery-creator{font-size:11px;color:#acb6a8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.discovery-save{position:absolute;right:10px;bottom:17px;font-size:11px;border-radius:99px;padding:5px 9px;color:#d0e5b4;border-color:#505d46;background:#2a3425}
.discovery-save:hover{background:#3e4d33;border-color:#b8cd9d}.discovery-save:disabled{opacity:.5;cursor:default}
.discovery-open:hover .discovery-title{text-decoration:underline;text-underline-offset:3px}
.discovery-bottom{display:flex;align-items:center;justify-content:center;gap:14px 24px;flex-wrap:wrap;max-width:1900px;margin:22px auto 0;text-align:center}
.discovery-bottom p{font-size:10px;color:#a4afa0;margin:0}
.discovery-next{border-color:#57624d;background:transparent;color:#d1e5b7;white-space:nowrap;font-size:12px;border-radius:99px;padding:9px 15px}
.discovery-next span{margin-left:8px}.discovery-next:hover{background:#303b29;border-color:#b8cd9d}.discovery-next:disabled{opacity:.45;cursor:default}
.discovery-sources{display:flex;gap:16px;font-size:10px;color:#becbb5}.discovery-sources a{text-decoration:none}.discovery-sources a:hover{text-decoration:underline}
.discovery-empty{text-align:center;font-size:13px;color:#bdc9b4;padding:30px 0}
.home-layout .layout{display:block}.home-layout aside{border:0;border-bottom:1px solid var(--line);padding:17px 24px;background:var(--panel)}
.home-layout #folders{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;width:100%;max-width:1224px;margin:auto;padding:0}
.home-layout .nav-label,.home-layout .local-note,.home-layout #folder-toggle{display:none}
.home-layout .category-nav-row{width:220px}.home-layout #folders>[data-all]{width:220px}
.home-layout .sidebar-categories{order:3;flex-basis:100%;max-height:220px;margin:8px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.home-layout main{max-width:1280px;padding:36px 28px 45px}
.home-layout #collection.is-home>#heading,.home-layout #collection.is-home>#subtitle{text-align:center}
#collection.is-home{display:flex;flex-direction:column}#collection.is-home>#breadcrumb{display:none}#collection.is-home>#categories{order:1;margin-top:24px;margin-bottom:20px}#collection.is-home>.management-bar{order:2;margin-top:8px}#collection.is-home>.toolbar{order:3;margin-top:20px}#collection.is-home>#category-selection{order:4}#collection.is-home>footer{order:5}#collection.is-home>#heading{font-size:28px}
@media(max-width:1000px){.discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-layout .header{padding-top:84px}.home-layout #import-top,.home-layout #settings-toggle{top:20px}.home-layout .sidebar-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.home-layout .header{padding:76px 18px 20px}.home-layout .brand{font-size:17px}.home-layout .home-heading{margin:25px 0 22px}.home-layout .home-heading h1{font-size:34px;letter-spacing:-1.3px;max-width:350px;margin:auto}.discovery-intro{font-size:12px;max-width:280px;margin:12px auto 0}.home-layout #import-top{right:68px}.home-layout #settings-toggle{right:18px}.home-layout .search input{font-size:16px}.discovery{padding:8px 12px 23px}.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.discovery-card{border-radius:7px}.discovery-image{aspect-ratio:4/3}.discovery-card-body{padding:10px 10px 46px;min-height:107px}.discovery-title{font-size:12px}.discovery-creator{font-size:10px}.discovery-source{left:6px;top:6px;font-size:8px;padding:3px 6px}.discovery-save{bottom:9px;right:8px;min-height:28px;font-size:10px}.discovery-bottom{gap:14px;margin-top:18px}.discovery-next{min-height:38px}.discovery-bottom p{flex-basis:100%;order:2}.home-layout aside{padding:12px}.home-layout #folders{gap:4px;flex-wrap:wrap}.home-layout .category-nav-row,.home-layout #folders>[data-all]{width:calc(50% - 2px)}.home-layout .folder{font-size:12px;padding:9px 6px;gap:5px}.home-layout .category-toggle{width:24px;min-width:24px}.home-layout .sidebar-categories{grid-template-columns:1fr}.home-layout main{padding:27px 16px 35px}}
@media(prefers-reduced-motion:no-preference){.discovery-image img{transition:transform .25s}.discovery-open:hover img{transform:scale(1.035)}}

/* Library tabs and a single compact row of tools retain the existing UI. */
.library-layout .layout{display:block}.library-layout aside{display:none}
.library-layout main{max-width:1280px;padding:36px 28px 40px}
#library-nav-slot{margin:24px 0 0;border-bottom:1px solid var(--line)}
#library-nav-slot #folders{display:flex;justify-content:flex-start;align-items:stretch;gap:22px;padding:0;margin:0;width:100%;max-width:none}
#library-nav-slot .nav-label,#library-nav-slot .category-toggle,#library-nav-slot .sidebar-categories{display:none}
#library-nav-slot .category-nav-row,#library-nav-slot #folders>[data-all]{width:auto}
#library-nav-slot .folder{position:relative;width:auto;border:0;border-radius:0;background:transparent;padding:12px 2px;color:var(--muted);gap:8px;font-size:14px;font-weight:500}
#library-nav-slot .folder.active{color:var(--accent)}
#library-nav-slot .folder.active::after{content:'';position:absolute;height:3px;background:var(--accent);border-radius:3px 3px 0 0;bottom:-1px;left:0;right:0}
#library-nav-slot .folder>span:first-child,#library-nav-slot .folder small{display:none}
.library-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin:20px 0}
.library-tools .toolbar{flex:1;display:flex;align-items:center;justify-content:flex-start;gap:12px;margin:0;min-width:0}
.library-tools .view-switch{margin-left:0}
.library-tools .management-bar{margin:0;flex:none;max-width:100%;min-width:0}.library-tools .management-bar>div{max-width:100%;min-width:0}
.library-tools #result-count{margin-right:auto}
#collection.is-home>.library-tools{order:0;margin:20px 0 0}
#collection.is-home .library-tools #result-count{display:none}
#collection.is-home .library-tools .toolbar{flex:1}
#collection.is-home .library-tools .controls{width:auto}
#collection.is-home>.editing-note{order:4}
#collection.is-home>footer{display:none}
#collection.is-home:has(.has-entrances):not(:has(#other-categories))>#category-selection{display:none}
#collection.is-home .is-entrance>.category-select{display:none}
#collection.is-home .is-entrance:has(.category-select)>.category{padding-top:24px}
.editing-note{font-size:11px;color:var(--muted);margin:18px 0 0;max-width:700px;line-height:1.6}
.add-menu{position:relative;font-size:12px}
.add-menu summary{list-style:none;padding:9px 13px;background:var(--panel);border:1px solid var(--line);border-radius:8px;white-space:nowrap}
.add-menu summary::-webkit-details-marker{display:none}
.add-menu summary:hover,.add-menu[open] summary{background:var(--soft);border-color:var(--accent)}
.add-menu-items{position:absolute;right:0;top:calc(100% + 6px);min-width:175px;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 25px #202b3b12;z-index:10}
.add-menu-items button{display:block;border:0;width:100%;text-align:left;padding:10px}
@media(max-width:650px){.library-layout main{padding:26px 16px 32px}#library-nav-slot{margin-top:20px}#library-nav-slot #folders{gap:24px}#library-nav-slot .folder{font-size:13px}.library-tools{gap:12px}.library-tools .toolbar{flex-basis:100%;flex-wrap:wrap}.library-tools .controls{width:auto;justify-content:flex-start}.library-tools .management-bar{margin-left:auto}.library-tools .view-switch{margin-left:auto}.library-tools #result-count{flex-basis:100%}.library-tools .add-menu summary{min-height:44px;display:flex;align-items:center}#collection.is-home .library-tools .toolbar{flex-basis:100%}.editing-note{font-size:10px}}

.search-feedback{display:flex;flex-direction:column;align-items:center;gap:5px;margin:10px auto 0;font-size:11px;color:#aeb7ad;max-width:640px}
.search-feedback button{font-size:13px;color:#d4e8a1;border:0;background:transparent;padding:5px 10px;border-radius:6px}
.search-feedback button:hover{background:#2a3425;color:#eff7df}
#heading:focus:not(:focus-visible){outline:none}

/* Search suggestions float over the gallery without moving the page. */
.search-wrap{position:relative;flex:1;min-width:0;max-width:780px;width:100%;margin:auto}
.home-layout .search-wrap{flex:none;max-width:640px;margin:0 auto}
.home-layout .search-wrap .search{max-width:none}
.search-popover{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:35;overflow:hidden;text-align:left;background:#1c211c;border:1px solid #4a5840;border-radius:16px;box-shadow:0 18px 45px #0006}
#search-suggestions{max-height:min(460px,52vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:6px}
.search-suggestion{display:flex;align-items:center;gap:12px;width:100%;min-width:0;text-align:left;text-decoration:none;border:0;border-radius:9px;background:transparent;color:#f0f4e9;padding:11px 12px;cursor:pointer}
.search-suggestion:hover,.search-suggestion[aria-selected=true]{background:#303c28;color:#d4e8a1}
.suggestion-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:8px;background:#2b3427;color:#c9dda9;font-size:21px}
.suggestion-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.suggestion-title{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.suggestion-detail{font-size:11px;color:#a7b39e;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.search-popover .search-feedback{align-items:stretch;max-width:none;margin:0;padding:10px 12px 12px;border-top:1px solid #37432f;text-align:center;gap:3px}
.search-popover .search-feedback button{text-align:center;font-size:12px}
.search-popover .search-feedback>span{font-size:10px;color:#9ba893}
@media(max-width:600px){.search-popover{border-radius:12px}.search-suggestion{gap:8px;padding:10px 8px}.suggestion-title{font-size:13px}.suggestion-detail{font-size:10px}.suggestion-icon{width:28px;height:28px;flex-basis:28px}}

/* The same quiet library controls apply inside every entrance and subfolder. */
.library-layout #heading,.library-layout #subtitle,.library-layout #breadcrumb{text-align:center}
.library-layout #breadcrumb{font-size:11px;letter-spacing:.3px;font-weight:500;text-transform:none;margin:12px 0}
.library-layout #heading{font-size:28px}
.library-layout #subtitle{font-size:13px}
.library-layout #collection>footer,.library-layout .library-tools #result-count{display:none}
.library-layout .library-tools .toolbar{justify-content:flex-start}
.library-layout .library-tools .view-switch{margin-left:0}
.library-more summary{font-size:19px;line-height:18px;min-width:38px;text-align:center}
.library-layout .back-categories{font-size:12px;padding:7px 10px;margin:0 0 10px}
.category-selection{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:26;width:max-content;max-width:calc(100% - 32px);margin:0;padding:12px 15px;box-shadow:0 8px 35px #202b3b20}
.category-selection>div{gap:9px}
.category-selection strong{margin-right:15px}
.category-select{opacity:0;z-index:2}
.selectable-item:hover>.category-select,.selectable-item:focus-within>.category-select,.selectable-item.is-selected>.category-select{opacity:1}
.categories:not(.list):not(.compact) .category-item:has(.category-select)>.category{padding-top:24px}
.bookmarks:not(.list):not(.compact) .bookmark-item:has(.category-select)>.bookmark{padding-top:20px}
.bookmarks:not(.list):not(.compact) .bookmark-item .preview{margin-top:-20px}
@media(pointer:coarse){.category-select{opacity:1}}
@media(max-width:650px){.library-layout .library-tools .toolbar{flex-wrap:wrap;gap:10px}.library-layout .library-tools .controls{width:auto}.library-layout .library-tools .view-switch{margin-left:0}.category-selection{width:calc(100% - 24px);max-width:none;bottom:12px;padding:10px}.category-selection strong{flex-basis:100%;margin-right:0}.category-selection button{padding:7px 10px}.library-layout #heading{font-size:26px}}

/* Replacing library content must not make browser scroll anchoring move the page. */
.library-layout .layout{overflow-anchor:none}


/* Keep branding in the top-right corner and give the search room below. */
.home-layout .header{padding-top:88px;padding-bottom:60px}
.home-layout .brand{position:absolute;top:28px;right:28px}
.home-layout .home-heading{margin-top:22px}
.home-layout #import-top{top:28px;left:28px;right:auto}
.home-layout #settings-toggle{top:28px;left:145px;right:auto}
@media(max-width:600px){.home-layout .header{padding-top:80px;padding-bottom:48px}.home-layout .brand{top:20px;right:18px;font-size:0;gap:0}.home-layout .brand .logo{font-size:30px}.home-layout #import-top{top:20px;left:18px;right:auto}.home-layout #settings-toggle{top:20px;left:130px;right:auto}}
@media(max-width:400px){.home-layout #settings-toggle{left:70px}}

.home-layout .brand{left:28px;right:auto}
.home-layout #import-top{left:auto;right:80px}
.home-layout #settings-toggle{left:auto;right:28px}
@media(max-width:600px){.home-layout .brand{left:18px;right:auto}.home-layout #import-top{left:auto;right:68px}.home-layout #settings-toggle{left:auto;right:18px}}

body,button,input,select,textarea,code,pre{font-family:"Funnel Sans",sans-serif}

/* A light editorial direction: warm paper, clear type and restrained colour. */
:root{--bg:#f6f5f0;--panel:#fffefa;--text:#000;--muted:#666;--line:#dedfd5;--accent:#000;--soft:#e9eddf;color-scheme:light}
body,.library-layout .layout{background:var(--bg)}
.home-layout .header{background:var(--bg);color:var(--text);padding:110px 32px 66px}
.home-layout .brand{top:28px;left:32px;color:var(--text);font-size:18px;gap:10px}
.home-layout .brand .logo{background:#e3ec9a;color:#000;border-radius:7px;width:36px;height:38px;font-size:29px}
.home-layout .home-heading{margin:24px 0 30px}
.home-layout .home-heading h1{max-width:850px;margin:0 auto;font-size:clamp(42px,5.5vw,76px);font-weight:500;line-height:1.02;letter-spacing:-2.8px;text-wrap:balance}
.home-layout .discovery-intro{font-size:16px;color:var(--muted);margin:21px auto 0}
.home-layout #import-top,.home-layout #settings-toggle{top:28px;color:var(--text);background:transparent;border-color:#d2d5ca;border-radius:99px}
.home-layout #import-top{right:84px;padding:9px 16px}
.home-layout #settings-toggle{right:32px;min-width:38px}
.home-layout .search-wrap{max-width:640px}
.home-layout .search-wrap .search{background:#fffefa;border:1px solid #d6d9cc;border-radius:12px;padding:14px 19px;box-shadow:0 3px 0 #e7e9df;color:var(--text)}
.home-layout .search-wrap .search:focus-within{border-color:#7d8c65;box-shadow:0 0 0 3px #dce5c8}
.home-layout .search span{font-size:25px;color:#000}
.home-layout .search input{font-size:16px;color:var(--text)}
.home-layout .search input::placeholder{color:#000}
.home-layout .search input:focus-visible{outline:0}
.search-popover{background:#fffefa;border-color:#d5d9cb;border-radius:12px;box-shadow:0 14px 40px #323b2421}
.search-suggestion{color:var(--text);border-radius:7px}
.search-suggestion:hover,.search-suggestion[aria-selected=true]{color:#000;background:#edf1e4}
.suggestion-icon{background:#eff1e7;color:#000}
.suggestion-detail{color:#000}
.search-popover .search-feedback{border-color:#e5e7dd;color:var(--muted)}
.search-feedback button{color:#000}
.search-feedback button:hover{background:#edf1e4;color:#000}
.search-popover .search-feedback>span{color:#000}
.discovery{background:var(--bg);color:var(--text);padding:0 32px 34px}
.discovery-grid{max-width:1840px;gap:24px 20px}
.discovery-card{background:transparent;border:0;border-radius:0;overflow:visible}
.discovery-image{border-radius:10px;background:#e7e9df;aspect-ratio:16/10}
.discovery-placeholder{color:#000}
.discovery-source{top:12px;left:12px;background:#fffef4eb;border:0;color:#000;padding:5px 9px;font-size:10px}
.discovery-card-body{padding:13px 78px 4px 0;min-height:66px;gap:4px}
.discovery-title{font-size:16px;font-weight:550;line-height:1.3}
.discovery-creator{font-size:12px;color:var(--muted)}
.discovery-save{right:0;bottom:15px;border-radius:99px;background:#eeefe6;color:#000;border-color:#d9ddce;font-size:11px;padding:6px 10px}
.discovery-save:hover{background:#e1e9c7;border-color:#a6b587}
.discovery-bottom{margin-top:32px;gap:16px 24px}
.discovery-bottom p{color:#000;font-size:11px}
.discovery-sources{color:#000;font-size:11px}
.discovery-next{color:#000;border:1px solid #b9c0ae;border-radius:99px;padding:11px 18px;background:transparent;font-size:12px}
.discovery-next:hover{background:#e9eddf;border-color:#7b8d62}
.library-layout main{max-width:1280px;padding:48px 28px;margin-top:18px;border-top:1px solid #dedfd5}
.library-layout #heading{font-size:36px;font-weight:500;letter-spacing:-1px}
.library-layout #subtitle{font-size:14px;color:#000;margin-top:10px}
#library-nav-slot{margin-top:30px;border-color:#d9ddce}
#library-nav-slot .folder{font-size:14px;padding-bottom:14px;color:#000}
#library-nav-slot .folder.active{color:#000}
#library-nav-slot .folder.active::after{background:#000;height:2px}
.library-tools{margin:20px 0 24px;gap:12px 18px}
button,select,.add-menu summary{background:#fffefa;border-color:#d9ddce;border-radius:9px;color:var(--text)}
button:hover,select:hover,.add-menu summary:hover{background:#eef1e5;border-color:#b0bc9c}
.library-tools select{padding:10px 14px;font-size:12px;min-width:160px;background:transparent;border-color:#d4d9c9}
.view-switch{background:transparent;border:0;padding:0;gap:3px;border-radius:99px}
.view-switch button{padding:9px 14px;font-size:12px;border-radius:99px;color:#000}
.view-switch button[aria-pressed=true]{background:#000;color:#fafbef;box-shadow:none}
.library-tools .add-menu summary{border-radius:99px;padding:10px 16px;font-size:12px}
#add-menu>summary{background:#000;color:#fafbef;border-color:#000}
#add-menu>summary:hover{background:#222}
#undo-change{border-radius:99px;background:transparent;font-size:12px;padding:10px 15px;color:#000}
.library-tools .library-more summary{background:transparent;border-color:#d6dccb;padding:8px 12px;color:#000}
.add-menu-items,.settings,dialog{background:#fffefa;border-color:#d9dfcf}
dialog::backdrop{background:#00066}
.category,.bookmark{background:#fffefa;border-color:#dde1d4;border-radius:12px}
.category:hover,.bookmark:hover{background:#fffef8;border-color:#a4b28f;box-shadow:0 5px 18px #3e4c2e0a}
.category-item.is-entrance>.category{background:#ece8dc;border:1px solid transparent;min-height:230px;padding:28px}
.category-item.is-entrance:nth-child(2)>.category{background:#e6ebdc}
.category-item.is-entrance:nth-child(3)>.category{background:#e9e7ed}
.category-item.is-entrance .category-title{font-size:27px;font-weight:500;letter-spacing:-.6px}
.category-item.is-entrance .category-icon{background:transparent;color:#000;font-size:39px;width:44px;height:44px;margin-bottom:24px;place-items:start}
.category-item.is-entrance .category-count,.category-item.is-entrance .category-path{color:#000}
.category-icon{background:#edf0e4;color:#000}
.editor-trigger{background:#fffefaac;border-color:#d2d8c7;color:#000;border-radius:99px}
.category-item.is-selected>.category,.bookmark-item.is-selected>.bookmark{background:#f0f4dc;border-color:#8d9f57}
.category-select{background:#fffefa;border:1px solid #c4ceb2;border-radius:6px}
.category-marquee{background:#7d965a18}
.category-selection{background:#fffef8;border-color:#afbe92;box-shadow:0 12px 38px #343e2426;border-radius:14px}
.category-selection button{border-radius:99px}
button.primary{background:#000;color:#fafbef;border-color:#000}
button.primary:hover{background:#222}
button.danger,#edit-error{color:#a13b2f!important}
.chrome-panel{background:#eeefe7;border-top:1px solid #d9ddce;color:#000;padding:18px 32px}
.chrome-panel strong{font-size:12px;font-weight:500}
.chrome-panel p{font-size:11px;color:#000}
.chrome-panel button{background:transparent;border-radius:99px;font-size:12px}
#notice{background:#000;color:#f7faef;box-shadow:0 8px 28px #3b46272b;border-radius:12px}
#notice.error{background:#8c3d32;color:#fff4ef}
#drop-overlay{background:#f2f5e9f5;border-color:#728b4f;color:#000}
.skip:focus{background:#fffefa;color:#000}
@media(prefers-reduced-motion:no-preference){.is-entrance>.category{transition:transform .18s,border-color .18s}.is-entrance>.category:hover{transform:translateY(-3px);border-color:#b7c0a6}}
@media(max-width:1000px){.home-layout .home-heading h1{max-width:700px;font-size:60px}.discovery-grid{gap:20px 16px}}
@media(max-width:650px){.home-layout .header{padding:100px 20px 48px}.home-layout .brand{left:20px;top:22px}.home-layout .home-heading h1{font-size:43px;letter-spacing:-1.7px;max-width:440px}.home-layout .home-heading{margin:10px 0 26px}.home-layout .discovery-intro{font-size:14px;max-width:300px;line-height:1.45;margin-top:18px}.home-layout #import-top{right:69px;top:22px}.home-layout #settings-toggle{right:20px;top:22px}.home-layout .search-wrap .search{padding:12px 14px;border-radius:10px}.discovery{padding:0 16px 28px}.discovery-grid{gap:18px 12px}.discovery-image{border-radius:8px}.discovery-card-body{padding:10px 0 40px;min-height:100px}.discovery-title{font-size:13px}.discovery-creator{font-size:10px}.discovery-source{top:7px;left:7px;font-size:8px;padding:4px 6px}.discovery-save{bottom:5px;right:0;min-height:28px;padding:5px 9px;font-size:10px}.discovery-bottom{margin-top:24px;gap:14px}.discovery-bottom p{font-size:10px}.discovery-sources{font-size:10px}.library-layout main{padding:34px 16px;margin-top:10px}.library-layout #heading{font-size:30px}.library-layout #subtitle{font-size:12px}.library-tools select{min-width:135px;max-width:100%;font-size:12px}.library-layout .library-tools .toolbar{gap:10px}.view-switch button{padding:8px 10px;font-size:11px}.category-item.is-entrance>.category{min-height:200px;padding:24px}.category-item.is-entrance .category-title{font-size:25px}.chrome-panel{padding:16px 20px}}

@media(max-width:500px){.home-layout .brand{font-size:0;gap:0}.home-layout .brand .logo{font-size:29px}}

/* White surface for the personal bookmark library. */
.library-layout .layout{background:#fff}

.library-layout main{border-top:0}
.chrome-panel{background:#fff}

.home-layout .search-wrap .search{border-radius:999px;box-shadow:none}
.home-layout .search-wrap .search:focus-within{box-shadow:none}

#collection.is-home>#heading{font-size:clamp(40px,4vw,56px);line-height:1.08;font-weight:500;letter-spacing:-1.7px;margin:10px 0 0}
#collection.is-home>#subtitle{font-size:18px;line-height:1.5;margin:18px auto 12px;max-width:700px}
@media(max-width:650px){#collection.is-home>#heading{font-size:38px;letter-spacing:-1.1px}#collection.is-home>#subtitle{font-size:15px;margin-top:14px;max-width:320px}}

.home-layout .brand .logo,.brand .logo{background:transparent;color:#000;width:44px;height:44px;border-radius:0;padding:0}
.brand .logo img{display:block;width:44px;height:44px}

/* Two-line wordmark, kept visible on smaller screens. */
.home-layout .brand{gap:12px;text-align:left}
.brand .brand-name{display:block;font-size:24px;line-height:.98;font-weight:700;letter-spacing:-.7px;text-align:left}
@media(max-width:650px){.brand .brand-name{font-size:20px}.home-layout .brand{gap:8px}}

/* Icon-free category cards and a quiet closing wordmark. */
.categories.list .category{grid-template-columns:minmax(0,1fr) minmax(160px,30%)}
.categories.list .category-title,.categories.list .category-path{grid-column:1}
.categories.list .category-count{grid-column:2}
.categories.compact .category{grid-template-columns:minmax(0,1fr)}
.categories.compact .category-title,.categories.compact .category-count,.categories.compact .category-path{grid-column:1}
.site-footer{margin:0;background:#000;color:#fff;padding:64px 5%;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;font-size:14px}
.footer-wordmark{font-size:clamp(28px,3vw,38px);line-height:.95;font-weight:700;letter-spacing:-2px;text-decoration:none}
.site-footer p{margin:0;color:#aaa}.footer-top{text-decoration:none;white-space:nowrap}
@media(max-width:650px){.categories.list .category{grid-template-columns:minmax(0,1fr)}.categories.list .category-count,.categories.list .category-path{grid-column:1}.site-footer{padding:44px 24px;align-items:flex-start;flex-direction:column;gap:26px}.footer-wordmark{letter-spacing:-1px}}

/* Library first, with the same open image-card treatment as discovery. */
.home-layout .header{padding-bottom:30px}
.library-layout .layout{background:var(--bg)}
.library-layout main{max-width:none;padding:24px 5% 64px;margin-top:0}
.library-layout #collection{max-width:none}
.library-layout #heading{margin-top:0}
.library-layout .bookmarks:not(.list):not(.compact){grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px}
.bookmark-item>.bookmark{background:transparent;border-color:transparent;box-shadow:none;border-radius:0}
.bookmark-item>.bookmark:hover{background:transparent;border-color:transparent;box-shadow:none}
.bookmarks:not(.list):not(.compact) .bookmark{padding:0;overflow:visible}
.bookmarks:not(.list):not(.compact) .preview{aspect-ratio:16/10;border-radius:10px;overflow:hidden;border:0;margin-bottom:14px}
.bookmarks:not(.list):not(.compact) .bookmark-title{font-size:16px;font-weight:600;padding:0}
.bookmarks:not(.list):not(.compact) .domain{padding:0;font-size:12px}
.bookmarks:not(.list):not(.compact) .path{padding:10px 0 0;font-size:11px}
.discovery{padding-top:64px}
.discovery>.home-heading{text-align:center;margin:0 auto 48px;max-width:850px}
.discovery>.home-heading h1{font-size:clamp(36px,4vw,56px);line-height:1.05;letter-spacing:-1.8px;margin:0 auto}
.discovery>.home-heading .discovery-intro{font-size:16px;margin-top:18px}
@media(max-width:1000px){.library-layout .bookmarks:not(.list):not(.compact){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.home-layout .header{padding-bottom:24px}.library-layout main{padding:20px 16px 44px}.library-layout .bookmarks:not(.list):not(.compact){grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.discovery{padding-top:44px}.discovery>.home-heading h1{font-size:36px}.discovery>.home-heading{margin-bottom:32px}}

/* Keep the library focused on search and folders. */
.home-layout .header{min-height:100px;padding:0}
#library-nav-slot,.library-tools,#editing-status{display:none!important}
.home-layout #collection>.search-wrap{width:100%;margin:28px auto 44px;position:relative;text-align:left}
.folder-add{display:flex;justify-content:center;margin:26px 0 10px}
.folder-add button{border-radius:999px;background:transparent;padding:12px 22px;font-size:14px}
.folder-add button:hover{background:#fff}
@media(max-width:650px){.home-layout .header{min-height:94px}.home-layout #collection>.search-wrap{margin:24px auto 30px}}

#collection.is-home>#categories{order:0;margin-bottom:0}
#collection.is-home>.folder-add{order:0;margin-top:24px}

#settings>.chrome-panel{padding:0 0 24px;margin:0 0 24px;background:transparent;border:0;border-bottom:1px solid var(--line)}

#collection.is-home>#heading{font-size:clamp(44px,5.5vw,76px);line-height:1.02;letter-spacing:-2px;max-width:720px;margin:0 auto;text-wrap:balance}
@media(max-width:650px){#collection.is-home>#heading{font-size:clamp(36px,8vw,48px);letter-spacing:-1.3px;max-width:440px}}

/* Muted green atmosphere, fading into the warm page background. */
body{position:relative;isolation:isolate}
.top-atmosphere{position:absolute;inset:0 0 auto;height:1050px;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 15% 0%,#a9bba282,transparent 65%),radial-gradient(ellipse at 85% 12%,#c5cfb99e,transparent 65%),linear-gradient(180deg,#dfe5d5 0%,#e8eadf 38%,#f6f5f000 100%);mask-image:linear-gradient(#000 0%,#000 50%,transparent 100%)}
.top-atmosphere::before{content:"";position:absolute;inset:-15%;background:radial-gradient(ellipse 380px 280px at var(--glow-x,55%) var(--glow-y,20%),#f5f8dcaa,transparent 100%);opacity:.8;transition:opacity .6s}
.top-atmosphere::after{content:"";position:absolute;inset:0;background:url('../assets/top-grain.svg');opacity:.075;mix-blend-mode:multiply}
.home-layout .header,.library-layout .layout{background:transparent}
@media(prefers-reduced-motion:reduce){.top-atmosphere::before{transition:none}}

/* Airy lime washes with slow organic drift. */
.top-atmosphere{background:radial-gradient(ellipse at 12% 4%,#d4f2b46b,transparent 62%),radial-gradient(ellipse at 88% 8%,#e4f5b577,transparent 60%),linear-gradient(180deg,#f0f6e6 0%,#f3f6e9 36%,#f6f5f000 100%)}
.top-atmosphere::before{inset:-25%;background:radial-gradient(ellipse 440px 330px at var(--glow-x,55%) var(--glow-y,20%),#d8fa9ab0,transparent 85%),radial-gradient(ellipse at 24% 28%,#bff18c66,transparent 42%),radial-gradient(ellipse at 78% 15%,#f4ffba99,transparent 40%);filter:blur(35px);opacity:.85;animation:organic-wash 18s ease-in-out infinite alternate;will-change:transform}
.top-atmosphere::after{opacity:.045}
@keyframes organic-wash{0%{transform:translate(-2%,-1%) scale(1) rotate(-3deg)}50%{transform:translate(3%,2%) scale(1.08,.96) rotate(2deg)}100%{transform:translate(-1%,4%) scale(.98,1.06) rotate(-1deg)}}
@media(prefers-reduced-motion:reduce){.top-atmosphere::before{animation:none;will-change:auto}}

/* Near-white surface with only a subtle pointer-led green wash. */
.top-atmosphere{background:linear-gradient(180deg,#fdfefa 0%,#fcfdf9 45%,#f6f5f000 100%)}
.top-atmosphere::before{inset:-15%;background:radial-gradient(ellipse 330px 250px at var(--glow-x,55%) var(--glow-y,20%),#d8f1b775,transparent 100%);filter:blur(30px);opacity:0;animation:none;will-change:auto;transition:opacity .7s ease}
.top-atmosphere.pointer-active::before{opacity:.65}
.top-atmosphere::after{opacity:.025}

#collection.is-home>#categories{width:100%;max-width:1840px;margin-left:auto;margin-right:auto}

/* Share the discovery width at every depth; previews stay inside their grid cell. */
.library-layout #collection{width:100%;max-width:1840px;margin-left:auto;margin-right:auto}
.bookmark-item{min-width:0}
.bookmarks:not(.list):not(.compact) .bookmark-item>.bookmark{padding:0;width:100%;min-width:0}
.bookmarks:not(.list):not(.compact) .bookmark-item .preview{width:100%;max-width:100%;margin:0 0 14px;aspect-ratio:16/10}

/* Discovery-style bookmark captions with a visit affordance. */
.bookmark-visit{display:none}
.bookmarks:not(.list):not(.compact) .bookmark-item>.bookmark{display:grid;grid-template-columns:minmax(0,1fr) 36px;grid-template-rows:auto auto auto;gap:0 14px;align-content:start;min-height:0}
.bookmarks:not(.list):not(.compact) .bookmark-item .preview{grid-column:1/-1;grid-row:1;margin-bottom:14px}
.bookmarks:not(.list):not(.compact) .bookmark-title{grid-column:1;grid-row:2;line-height:1.35}
.bookmarks:not(.list):not(.compact) .domain{grid-column:1;grid-row:3;color:#666;margin-top:5px;line-height:1.4}
.bookmarks:not(.list):not(.compact) .path{display:none}
.bookmarks:not(.list):not(.compact) .bookmark-visit{display:grid;place-items:center;grid-column:2;grid-row:2/4;align-self:start;width:36px;height:32px;border:1px solid #d9ddce;border-radius:999px;background:#eef1e5;font-size:19px;line-height:1;transition:background .15s,transform .15s}
.bookmark:hover .bookmark-visit{background:#e2e9d6;transform:translate(1px,-1px)}

/* Overlay controls share the preview's inset, without reserving a toolbar row. */
.bookmarks:not(.list):not(.compact) .bookmark-item:has(.category-select)>.bookmark{padding-top:0}
.bookmarks:not(.list):not(.compact) .bookmark-item>.category-select{top:12px;left:12px;transform:none;margin:0;width:28px;height:28px;min-width:28px;min-height:28px}
.bookmarks:not(.list):not(.compact) .bookmark-item>.editor-trigger{top:12px;right:12px;width:32px;height:32px;min-height:32px}
.bookmark-item>.bookmark:focus-visible{outline-offset:4px;border-radius:10px}

.bookmark-item:has(.editor-trigger):hover>.bookmark{border-color:transparent;box-shadow:none;background:transparent}
.bookmark:hover .bookmark-title{text-decoration:underline;text-underline-offset:3px}

.site-footer{justify-content:center;padding:36px 24px;text-align:center}
.site-footer .project-signature{color:#aaa;font-size:13px}
.project-signature a{color:#fff;text-decoration:none}
.project-signature a:hover{text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){.site-footer{align-items:center}}

.site-footer{display:block;padding:54px 5% 24px;text-align:left}
.footer-main{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
.site-footer .project-signature{text-align:center;margin-top:40px;font-size:12px}
@media(max-width:650px){.site-footer{padding:40px 24px 24px}.footer-main{flex-direction:column;align-items:flex-start;gap:24px}}

.footer-brand .footer-wordmark{display:inline-block}
.site-footer .footer-brand .project-signature{text-align:left;margin-top:20px}

.footer-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:24px}
.footer-main .footer-wordmark{justify-self:start}
.site-footer .footer-main .project-signature{margin:0;text-align:center}
.footer-main .footer-top{justify-self:end}
@media(max-width:650px){.footer-main{grid-template-columns:1fr auto;gap:24px 16px}.site-footer .footer-main .project-signature{grid-column:1/-1;grid-row:2;justify-self:center}.footer-main .footer-top{grid-column:2;grid-row:1}}

.project-signature a{color:inherit;font-weight:inherit;text-decoration:underline;text-underline-offset:3px}

.site-footer{padding-top:80px;padding-bottom:64px}
@media(max-width:650px){.site-footer{padding-top:56px;padding-bottom:48px}}

/* Keep folder labels below the selection and action controls. */
.categories:not(.list):not(.compact) .category-item>.category{justify-content:flex-end;padding-top:64px}
.categories:not(.list):not(.compact) .category-title{margin-top:auto}
.categories:not(.list):not(.compact) .category-path{margin-top:0;padding-top:18px}

.categories:not(.list):not(.compact) .category-item>.category{padding-bottom:20px}
.categories:not(.list):not(.compact) .category-count{margin-top:3px}
.categories:not(.list):not(.compact) .category-path{padding-top:10px}

#breadcrumb,.category-path,.bookmark .path{display:none!important}

.top-atmosphere{position:fixed;height:100vh;mask-image:none;background:linear-gradient(180deg,#fdfefa,#fafbf7)}

.discovery{background:transparent}

/* A dedicated, quiet view choice, independent of the hidden editing toolbar. */
.library-view-choice{display:flex;justify-content:flex-end;order:0;margin:0 0 20px}
.library-view-choice .view-switch{margin:0;gap:4px}
.library-view-choice #view-compact{display:none}
.categories.list .category-item>.category{min-height:66px;border-radius:10px;padding:16px 60px 16px 48px;grid-template-columns:minmax(0,1fr) auto;gap:6px 20px}
.categories.list .category-title{margin:0;font-size:15px;grid-column:1;grid-row:1}
.categories.list .category-count{grid-column:2;grid-row:1;text-align:right;margin:0;font-size:12px}
.categories.list .category-item>.editor-trigger{top:50%;transform:translateY(-50%)}
@media(max-width:650px){.categories.list .category-item>.category{grid-template-columns:minmax(0,1fr);gap:3px}.categories.list .category-count{grid-column:1;grid-row:2;text-align:left}}

.library-view-choice{align-items:flex-end;gap:16px}
.library-view-choice .back-categories{margin:0 auto 0 0}
.library-view-choice .view-switch{margin-left:auto}

/* Soft tonal depth for the three main entrances. */
.category-item.is-entrance:nth-child(1)>.category{background:radial-gradient(ellipse at 12% 0%,#fffdf2a6,transparent 70%),linear-gradient(140deg,#f1eee3 0%,#e4dfce 100%)}
.category-item.is-entrance:nth-child(2)>.category{background:radial-gradient(ellipse at 12% 0%,#faffefa6,transparent 70%),linear-gradient(140deg,#edf1e3 0%,#d9e2cb 100%)}
.category-item.is-entrance:nth-child(3)>.category{background:radial-gradient(ellipse at 12% 0%,#fdfaffb3,transparent 70%),linear-gradient(140deg,#efedf4 0%,#dedae8 100%)}

/* Stable, subtle alphabet colours for folders, including the Danish letters. */
.category-item:not(.is-entrance)>.category[data-initial="A"]{background:linear-gradient(145deg,hsl(35 36% 98%),hsl(35 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="B"]{background:linear-gradient(145deg,hsl(47 36% 98%),hsl(47 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="C"]{background:linear-gradient(145deg,hsl(60 36% 98%),hsl(60 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="D"]{background:linear-gradient(145deg,hsl(72 36% 98%),hsl(72 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="E"]{background:linear-gradient(145deg,hsl(85 36% 98%),hsl(85 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="F"]{background:linear-gradient(145deg,hsl(97 36% 98%),hsl(97 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="G"]{background:linear-gradient(145deg,hsl(109 36% 98%),hsl(109 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="H"]{background:linear-gradient(145deg,hsl(122 36% 98%),hsl(122 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="I"]{background:linear-gradient(145deg,hsl(134 36% 98%),hsl(134 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="J"]{background:linear-gradient(145deg,hsl(147 36% 98%),hsl(147 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="K"]{background:linear-gradient(145deg,hsl(159 36% 98%),hsl(159 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="L"]{background:linear-gradient(145deg,hsl(172 36% 98%),hsl(172 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="M"]{background:linear-gradient(145deg,hsl(184 36% 98%),hsl(184 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="N"]{background:linear-gradient(145deg,hsl(196 36% 98%),hsl(196 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="O"]{background:linear-gradient(145deg,hsl(209 36% 98%),hsl(209 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="P"]{background:linear-gradient(145deg,hsl(221 36% 98%),hsl(221 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="Q"]{background:linear-gradient(145deg,hsl(234 36% 98%),hsl(234 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="R"]{background:linear-gradient(145deg,hsl(246 36% 98%),hsl(246 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="S"]{background:linear-gradient(145deg,hsl(258 36% 98%),hsl(258 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="T"]{background:linear-gradient(145deg,hsl(271 36% 98%),hsl(271 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="U"]{background:linear-gradient(145deg,hsl(283 36% 98%),hsl(283 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="V"]{background:linear-gradient(145deg,hsl(296 36% 98%),hsl(296 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="W"]{background:linear-gradient(145deg,hsl(308 36% 98%),hsl(308 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="X"]{background:linear-gradient(145deg,hsl(321 36% 98%),hsl(321 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="Y"]{background:linear-gradient(145deg,hsl(333 36% 98%),hsl(333 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="Z"]{background:linear-gradient(145deg,hsl(345 36% 98%),hsl(345 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="Æ"]{background:linear-gradient(145deg,hsl(358 36% 98%),hsl(358 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="Ø"]{background:linear-gradient(145deg,hsl(10 36% 98%),hsl(10 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="Å"]{background:linear-gradient(145deg,hsl(23 36% 98%),hsl(23 40% 92%));}
.category-item:not(.is-entrance)>.category[data-initial="other"]{background:linear-gradient(145deg,#fafaf8,#eeeee8)}
.category-item.is-selected>.category[data-initial]{box-shadow:inset 0 0 0 2px var(--accent)}

.folder-add{margin-bottom:40px}

/* Search navigation focuses the heading for accessibility without drawing a box. */
#heading:focus,#heading:focus-visible{outline:none}

.folder-pin-badge{position:absolute;top:12px;left:48px;font-size:10px;font-weight:500;color:#555;border-radius:99px;background:#ffffffa6;padding:3px 8px;pointer-events:none}
.categories.list .folder-pin-badge,.categories.compact .folder-pin-badge{position:static;grid-column:1;grid-row:2;justify-self:start;padding:0;background:none;font-size:10px}
@media(max-width:650px){.categories.list .folder-pin-badge{grid-row:3}}

.folder-group-heading{grid-column:1/-1;margin:0;font-size:13px;font-weight:600;color:var(--muted)}
.folder-group-rest{margin-top:28px;padding-top:12px}
@media(min-width:650px){.categories:not(.list):not(.compact)>.category-item[data-pinned="true"]{grid-column:span 2}}
.categories.list>.folder-group-rest{margin-top:32px}

/* Pin label sits beside the action menu with matching control dimensions. */
.categories .folder-pin-badge{position:absolute;left:auto;right:48px;top:8px;display:flex;align-items:center;justify-content:center;height:32px;padding:0 12px;border:1px solid #d2d8c7;border-radius:99px;background:#fffefaac;color:#000;font-size:11px;line-height:1;transform:none}
.categories.list .folder-pin-badge,.categories.compact .folder-pin-badge{top:50%;transform:translateY(-50%)}
.categories.list>.category-item[data-pinned="true"]>.category,.categories.compact>.category-item[data-pinned="true"]>.category{padding-right:140px}
@media(pointer:coarse){.categories .folder-pin-badge{height:44px;right:60px}.categories.list>.category-item[data-pinned="true"]>.category,.categories.compact>.category-item[data-pinned="true"]>.category{padding-right:152px}}

.categories .folder-pin-toggle{pointer-events:auto;z-index:3;cursor:pointer;min-height:32px;opacity:0;transition:opacity .15s,background .15s}
.category-item:hover>.folder-pin-toggle,.category-item:focus-within>.folder-pin-toggle,.category-item[data-pinned="true"]>.folder-pin-toggle{opacity:1}
.categories .folder-pin-toggle:hover{background:#fffefa;border-color:#a9b39b}
.categories.list .category-item:has(.folder-pin-toggle)>.category,.categories.compact .category-item:has(.folder-pin-toggle)>.category{padding-right:140px}
@media(hover:none),(pointer:coarse){.categories .folder-pin-toggle{opacity:1;min-height:44px}.categories.list .category-item:has(.folder-pin-toggle)>.category{padding-right:152px}}

.categories .folder-pin-toggle{width:32px;padding:0;font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif;font-size:16px}
.categories .folder-pin-toggle[aria-pressed="true"]{background:#e4ead9;border-color:#a4b28f}
@media(pointer:coarse){.categories .folder-pin-toggle{width:44px}}

.categories .folder-pin-toggle{font-family:"Funnel Sans",sans-serif;font-size:23px;color:#000}

.categories .folder-pin-toggle{font-family:"Arial","Helvetica Neue",sans-serif;font-size:24px;font-weight:400;font-style:normal;line-height:1;letter-spacing:0;font-variant-emoji:text}

.categories .folder-pin-toggle{width:auto;min-width:32px;padding:0 12px;font-family:"Funnel Sans",sans-serif;font-size:11px;font-weight:500;line-height:1;letter-spacing:normal}
@media(pointer:coarse){.categories .folder-pin-toggle{min-width:44px}}

/* Overlay pin controls must not consume space beside a list row. */
.categories.list .category-item>.category,.categories.compact .category-item>.category{width:100%;flex:0 0 100%;box-sizing:border-box}
.categories.list .folder-pin-toggle,.categories.compact .folder-pin-toggle{position:absolute;left:auto;right:48px;top:50%;transform:translateY(-50%)}
@media(pointer:coarse){.categories.list .folder-pin-toggle,.categories.compact .folder-pin-toggle{right:60px}}

/* Consistent outlined pin control in both folder views. */
.categories .folder-pin-toggle{background:transparent}
.categories .folder-pin-toggle:hover,.categories .folder-pin-toggle[aria-pressed="true"]{background:#e4ead9;border-color:#a4b28f}

.categories .folder-pin-toggle:hover,.categories .folder-pin-toggle[aria-pressed="true"]{background:#fff;border-color:#d2d8c7}

.library-view-choice{margin-bottom:12px}
#collection.is-home>#categories{margin-top:8px}

/* Keep counts near the menu; reserve pin space only while it is visible. */
.categories.list .category-item:has(.folder-pin-toggle)>.category{padding-right:60px}
.categories.list .category-item:has(.folder-pin-toggle):hover>.category,.categories.list .category-item:has(.folder-pin-toggle):focus-within>.category,.categories.list .category-item[data-pinned="true"]:has(.folder-pin-toggle)>.category{padding-right:140px}
@media(hover:none),(pointer:coarse){.categories.list .category-item:has(.folder-pin-toggle)>.category{padding-right:152px}}

.pilot-settings{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--line)}
#pilot-check-result{white-space:pre-line;font-size:12px;line-height:1.7}

.welcome{max-width:900px;margin:24px auto 60px}
.welcome h1{font-size:clamp(44px,5.5vw,76px);line-height:1.02;letter-spacing:-2px;max-width:720px;margin:0 auto;text-wrap:balance}
.welcome .welcome-subtitle{font-size:18px;line-height:1.5;margin:18px auto 32px;max-width:700px;color:var(--text)}
@media(max-width:650px){.welcome h1{font-size:clamp(36px,8vw,48px);letter-spacing:-1.3px;max-width:440px}.welcome .welcome-subtitle{font-size:15px}}

.welcome{max-width:1100px}.welcome-setup{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:38px auto;text-align:left}
.setup-card{padding:28px;border:1px solid var(--line);border-radius:16px;background:#ffffff80;font-size:14px;line-height:1.6}.setup-card h2{font-size:21px;margin:0 0 12px}.setup-card p{color:#666}.setup-download{display:inline-block;font-weight:600;text-underline-offset:4px;margin:8px 0 18px}.setup-card details{margin-bottom:20px}.setup-card summary{font-weight:500}.setup-card ol{padding-left:22px}.setup-card li{margin:10px 0}.setup-card #welcome-connection-status{font-size:12px}.welcome-import{margin:28px auto;max-width:640px}.welcome-import>summary{margin-bottom:24px}
@media(max-width:650px){.welcome-setup{grid-template-columns:1fr;gap:16px}.setup-card{padding:22px}}