/* Continuous canvas; the opaque sticky header still conceals scrolling content. */
body.min-h-screen:not(.has-wallpaper),body:not(.has-wallpaper)>header.app-header{
    background:radial-gradient(ellipse at 50% 0%,var(--light),transparent 70%),var(--page);
    background-attachment:fixed;
}
body>header.app-header{border:0;box-shadow:none}
.app-header .rainbow-divider{display:none}
.app-header>.site-container{padding-top:26px;padding-bottom:12px}
body>main.site-container,body.has-wallpaper>main.site-container{padding-top:18px}
.site-title{font-family:inherit;font-size:25px;font-weight:600;letter-spacing:.045em;line-height:1.4}
.site-title-row{margin-bottom:14px}
.site-title-button{border-radius:10px}
.app-header .app-search-box{box-shadow:0 3px 16px rgba(35,52,89,.045);border-color:var(--glass-line)}
.app-header .app-search-box:focus-within{box-shadow:0 0 0 3px var(--soft);border-color:var(--accent-line)}
.app-header .header-search-tools #backgroundSettingsButton,.app-header #userDropdownToggle{box-shadow:none}
.bookmark-workspace-nav,.dark-mode .bookmark-workspace-nav{box-sizing:border-box;width:100%;max-width:940px;margin-left:auto;margin-right:auto;gap:14px;border-bottom:0;padding-bottom:0;margin-bottom:24px}
.bookmark-workspace-switch{border-right:0;padding-right:4px}
.bookmark-workspace-nav #addBookmarkButton{margin-left:0;flex-shrink:0}
.bookmark-workspace-nav .bookmark-groups-bar{flex-basis:180px}
.has-wallpaper .bookmark-workspace-nav{background:var(--wallpaper-toolbar);border-color:transparent;box-shadow:none}
.bookmark-view-switch{display:flex;flex-shrink:0;gap:2px;padding:3px;background:var(--surface);border:1px solid var(--glass-line);border-radius:10px}
.bookmark-view-switch button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:4px 8px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;transition:background .15s,color .15s}
.bookmark-view-switch button:hover{background:var(--hover)}
.bookmark-view-switch button[aria-pressed=true]{background:var(--soft);color:var(--accent)}
.personal-bookmark-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),252px));justify-content:center;gap:14px;margin:0 auto}
.personal-bookmark-grid[data-count="1"]{max-width:252px}
.personal-bookmark,.dark-mode .personal-bookmark{border-color:transparent;box-shadow:0 2px 10px rgba(35,52,89,.035);padding:17px 36px 17px 16px}
.personal-bookmark:hover{transform:translateY(-1px);box-shadow:0 5px 16px rgba(35,52,89,.07)}
.has-wallpaper .personal-bookmark{border-color:transparent;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.bookmark-name{font-weight:550}
.bookmark-domain{opacity:.85}
.bookmark-recent-row,.has-wallpaper .bookmark-recent-row{width:fit-content;max-width:100%;margin:16px auto 0;padding-top:4px;border-top:0}
.bookmark-recent-row>span,#personalRecent a{opacity:.8}
#personalRecent a:hover,#personalRecent a:focus-visible{opacity:1}
.personal-bookmark-grid[data-layout=icons]{grid-template-columns:repeat(auto-fit,100px);max-width:960px;gap:20px 18px}
.personal-bookmark-grid[data-layout=icons]>.personal-bookmark{display:block;min-height:110px;padding:12px 6px 8px;border:1px solid transparent;border-radius:14px;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.personal-bookmark-grid[data-layout=icons]>.personal-bookmark:hover,.personal-bookmark-grid[data-layout=icons]>.bookmark-menu-active{background:var(--glass);border-color:var(--glass-line);box-shadow:var(--shadow)}
.personal-bookmark-grid[data-layout=icons] .bookmark-open{flex-direction:column;gap:9px;text-align:center}
.personal-bookmark-grid[data-layout=icons] .bookmark-logo{width:60px;height:60px;border-radius:18px;font-size:26px;background:var(--wallpaper-solid,var(--surface));box-shadow:0 3px 12px rgba(25,40,65,.08)}
.personal-bookmark-grid[data-layout=icons] .bookmark-logo img{padding:9px;border-radius:inherit}
.personal-bookmark-grid[data-layout=icons] .bookmark-labels{display:block;width:100%}
.personal-bookmark-grid[data-layout=icons] .bookmark-name{display:block;font-size:13px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.personal-bookmark-grid[data-layout=icons] .bookmark-domain{display:none}
.has-wallpaper .personal-bookmark-grid[data-layout=icons] .bookmark-labels{padding:2px 4px;background:var(--wallpaper-toolbar);border-radius:6px}
.personal-bookmark-grid[data-layout=icons] .bookmark-pin{margin-left:4px;font-size:8px}
.personal-bookmark-grid[data-layout=icons] .bookmark-menu{top:0;right:0}
.personal-bookmark-grid[data-layout=icons] .bookmark-menu summary{font-size:18px;line-height:20px;background:var(--surface);opacity:0;transition:opacity .15s}
.personal-bookmark-grid[data-layout=icons]>.personal-bookmark:hover .bookmark-menu summary,.personal-bookmark-grid[data-layout=icons]>.personal-bookmark:focus-within .bookmark-menu summary,.personal-bookmark-grid[data-layout=icons] .bookmark-menu[open] summary{opacity:1}
.personal-bookmark-grid[data-layout=icons] .bookmark-menu-content{right:-4px;top:26px}
.personal-bookmark-grid[data-layout=icons]>.personal-bookmark:nth-child(odd) .bookmark-menu-content{left:0;right:auto}
.personal-bookmark-grid[data-layout=icons]>.bookmark-history-card>.bookmark-save{margin-top:8px;width:100%;font-size:12px;padding:4px}
@media(max-width:760px){
    .app-header>.site-container{padding-top:20px}
    .site-title{font-size:23px}
    .bookmark-workspace-nav,.dark-mode .bookmark-workspace-nav{gap:10px;margin-bottom:20px}
    .bookmark-view-switch{order:1;margin-left:auto}
    .bookmark-workspace-nav .bookmark-groups-bar{order:3;flex-basis:100%}
    .personal-bookmark-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),252px))}
    .personal-bookmark-grid[data-layout=icons]{grid-template-columns:repeat(auto-fit,88px);gap:16px 12px}
}
@media(max-width:480px){
    .bookmark-view-switch button{padding:4px 7px}
    .bookmark-view-switch button span{display:none}
    .personal-bookmark-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:10px}
    .personal-bookmark-grid>.personal-bookmark{padding:15px 28px 15px 11px}
    .personal-bookmark-grid[data-layout=icons]{grid-template-columns:repeat(auto-fit,82px);gap:14px 8px}
    .personal-bookmark-grid[data-layout=icons] .bookmark-logo{width:50px;height:50px}
}
@media(pointer:coarse){
    .bookmark-view-switch button{min-width:44px;min-height:44px}
    .personal-bookmark-grid[data-layout=icons] .bookmark-menu summary{opacity:1;min-width:32px;min-height:32px}
    .personal-bookmark-grid[data-layout=icons] .bookmark-menu-content{top:34px}
    .personal-bookmark-grid[data-layout=icons]>.personal-bookmark{padding-top:25px}
}
@media(prefers-reduced-motion:reduce){.personal-bookmark-grid>.personal-bookmark:hover{transform:none}}