:root{font-family:'MiSans','Microsoft YaHei',sans-serif;font-synthesis:none;color-scheme:light;--page:#f8f8f6;--ink:#28292d;--muted:#74767c;--search:#fff;--line:#e7e7e4;--rail:#212121;--rail-text:#ebebeb;--accent:#ff4800;--focus:#e66337;--icon-size:64px;--radius:25%;--pitch:150px;--shadow:0 5px 18px -10px #1e26382b;--label:13px;background:var(--page);color:var(--ink)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--page:#141517;--ink:#ececed;--muted:#9e9fa4;--search:#202124;--line:#303136;--rail:#27282b;--shadow:0 8px 24px -12px #0009}}
:root[data-theme=dark]{color-scheme:dark;--page:#141517;--ink:#ececed;--muted:#9e9fa4;--search:#202124;--line:#303136;--rail:#27282b;--shadow:0 8px 24px -12px #0009}
*{box-sizing:border-box}body{margin:0;min-width:280px;min-height:100vh}button,input,select{font:inherit}button,select{cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:6px}input:focus-visible{outline:none}button:disabled{cursor:default}svg{display:block;width:20px;height:20px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.page-shell{position:relative;width:100%;max-width:1320px;margin-inline:auto;padding:0 32px 36px}
.page-tools{position:absolute;top:16px;right:32px;display:flex;align-items:center;justify-content:flex-end;gap:2px;z-index:8}
.theme-button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:var(--muted);transition:background .2s,color .2s}.theme-button:hover{background:var(--line);color:var(--ink)}.moon-icon{display:none}.theme-button[data-dark=true] .sun-icon{display:none}.theme-button[data-dark=true] .moon-icon{display:block}
.account-toggle{position:relative;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);transition:background .2s,color .2s}
.account-anonymous,.account-authenticated{transform-box:view-box;transform-origin:12px 12px;transition:opacity 220ms ease,transform 440ms cubic-bezier(.2,.7,.2,1)}
.account-authenticated{opacity:0;transform:translateY(2px) scale(.94)}
.account[data-authenticated=true] .account-anonymous{opacity:0;transform:translateY(-2px) scale(.94)}
.account[data-authenticated=true] .account-authenticated{opacity:1;transform:none}
.account-toggle:hover,.account-toggle[aria-expanded=true]{background:var(--line);color:var(--ink)}
.account-panel{position:absolute;top:calc(100% + 8px);right:0;width:310px;max-width:calc(100vw - 48px);padding:21px;border:1px solid var(--line);border-radius:14px;background:var(--search);box-shadow:0 18px 40px -18px #0003;animation:account-enter 220ms cubic-bezier(.22,1,.36,1)}
.account-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-heading h2{font-size:17px;font-weight:600;margin:0}.account-close{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted)}.account-close:hover{background:var(--page);color:var(--ink)}
.account-panel p{font-size:13px;line-height:1.8;margin:14px 0 0}.account-panel .account-status{color:var(--muted);font-size:12px;margin-top:6px}
.account-action{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 14px;margin-top:20px;border:0;border-radius:8px;background:var(--ink);color:var(--search);font-size:13px;text-align:left;transition:opacity 160ms}.account-action:hover{opacity:.85}.account-action:disabled{opacity:.5}
.account-retry{padding:0;margin-top:16px;border:0;background:transparent;color:var(--ink);font-size:12px;text-decoration:underline;text-underline-offset:4px}
@keyframes account-enter{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:380px){.account-toggle,.page-tools .theme-button{width:32px;height:32px}.page-tools svg{width:18px;height:18px}}
.brand{display:flex;justify-content:center;padding-top:clamp(32px,6vh,64px);margin-bottom:26px}.brand-home{display:inline-flex;align-items:center;gap:17px;border-radius:4px}.brand h1{font-size:34px;font-weight:400;line-height:1.35;letter-spacing:.13em;margin:0}.brand-dot{color:var(--accent);letter-spacing:0;margin-left:1px}.brand-symbol{display:block;position:relative;width:39px;height:42px}.brand-symbol span{position:absolute;display:block;width:29px;height:33px;border-radius:9px}.brand-symbol span:first-child{background:#ff764d;left:1px;top:0;transform:rotate(-14deg)}.brand-symbol span:last-child{background:var(--ink);left:9px;top:7px;transform:rotate(8deg);box-shadow:0 2px 1px #00000012}
.navigation-dock{--dock-height:56px;--toggle-width:56px;position:relative;isolation:isolate;z-index:4;width:520px;max-width:100%;height:var(--dock-height);margin-inline:auto;border-radius:10px;background:transparent}
/* Fade the rail with the menu so its dark paint cannot bleed through the search corners. */
.category-marker-track{position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden;background:var(--rail);pointer-events:none;opacity:1;transition:opacity 220ms ease 140ms}.navigation-dock[data-search-open=true] .category-marker-track{opacity:0;transition-delay:0s}
.category-nav{z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative;isolation:isolate;width:calc(100% - var(--toggle-width));height:100%;margin:0;padding:0 8px;background:transparent;border-radius:10px 0 0 10px;overflow:hidden;opacity:1;transform:translateX(0);transition:opacity 220ms ease 140ms,transform 480ms cubic-bezier(.22,1,.36,1)}
.navigation-dock[data-search-open=true] .category-nav{opacity:0;transform:translateX(-18px);transition-delay:0s;pointer-events:none}
.search{position:absolute;inset:0;z-index:2;display:flex;align-items:center;margin:0;padding-right:var(--toggle-width);width:100%;height:100%;border:1px solid var(--line);background:var(--search);border-radius:10px;box-shadow:var(--shadow);clip-path:inset(0 0 0 calc(100% - var(--toggle-width)) round 10px);opacity:0;visibility:hidden;pointer-events:none;transition:clip-path 520ms cubic-bezier(.22,1,.36,1),opacity 240ms ease 180ms,visibility 0s 520ms}
.navigation-dock[data-search-open=true] .search{clip-path:inset(0 0 0 0 round 10px);opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.search>:not(.sr-only){opacity:0;transform:translateX(16px);transition:opacity 120ms ease,transform 380ms cubic-bezier(.22,1,.36,1)}
.navigation-dock[data-search-open=true] .search>:not(.sr-only){opacity:1;transform:translateX(0);transition-delay:100ms}
/* An independent, hollow light rim leaves the form and its popovers untouched. */
@property --search-light-angle{syntax:'<angle>';initial-value:135deg;inherits:true}
.search-radiance{--light-edge:.76;--light-halo:.28;position:absolute;inset:-.5px;z-index:4;border-radius:10.5px;pointer-events:none;opacity:0;visibility:hidden;clip-path:inset(-14px -14px -14px calc(100% - var(--toggle-width)));transition:clip-path 520ms cubic-bezier(.22,1,.36,1),opacity 180ms ease,visibility 0s 520ms;animation:search-light-orbit 2s linear infinite paused}
.search-radiance-halo::before,.search-radiance::after{content:'';position:absolute;inset:0;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--search-light-angle),#ed9363,#efc36b,#9bcba0,#70c9d2,#8497ee,#bb91dc,#e899b2,#ed9363);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}
.search-radiance-halo{position:absolute;inset:0;border-radius:inherit;filter:blur(5px);opacity:var(--light-halo)}
.search-radiance-halo::before{padding:3px}
.search-radiance::after{opacity:var(--light-edge)}
.navigation-dock[data-search-open=true] .search-radiance{clip-path:inset(-14px);opacity:1;visibility:visible;transition-delay:0s,160ms,0s;animation-play-state:running}
@keyframes search-light-orbit{to{--search-light-angle:495deg}}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .search-radiance{--light-edge:.95;--light-halo:.6}}
:root[data-theme=dark] .search-radiance{--light-edge:.95;--light-halo:.6}
@media(forced-colors:active){.search-radiance{display:none}}
.search-engine{position:relative;flex:0 0 96px;border-right:1px solid var(--line);height:32px;padding:0 5px}
.engine-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:100%;padding:0 8px 0 10px;border:0;border-radius:6px;background:transparent;color:var(--ink);font-size:13px;transition:background 160ms ease}
.engine-trigger:hover,.engine-trigger[aria-expanded=true]{background:color-mix(in srgb,var(--ink) 6%,var(--search))}
.engine-trigger:focus-visible{outline:none;background:color-mix(in srgb,var(--ink) 11%,var(--search))}.engine-trigger:focus-visible #engine-name{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.engine-trigger svg{flex:none;width:12px;height:12px;color:var(--muted);transition:transform 200ms cubic-bezier(.22,1,.36,1)}.engine-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
.engine-options{position:absolute;z-index:5;left:0;top:calc(100% + 7px);width:142px;padding:5px;border:1px solid var(--line);border-radius:11px;background:var(--search);box-shadow:0 12px 28px -12px #0003,0 2px 5px #00000005;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px) scale(.98);transform-origin:24px 0;transition:opacity 140ms ease,transform 200ms cubic-bezier(.22,1,.36,1),visibility 0s 200ms}
.engine-options[data-open=true]{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition-delay:0s}
.engine-option{display:flex;align-items:center;justify-content:space-between;gap:14px;height:36px;padding:0 11px;border-radius:6px;font-size:13px;cursor:pointer;user-select:none;transition:background 120ms ease}.engine-option[data-active=true]{background:color-mix(in srgb,var(--ink) 6%,var(--search))}.engine-option svg{width:14px;height:14px;color:var(--accent);opacity:0}.engine-option[aria-selected=true] svg{opacity:1}
@media(forced-colors:active){.engine-trigger:focus-visible{outline:2px solid Highlight;outline-offset:-2px}.engine-option[data-active=true]{outline:1px solid Highlight;outline-offset:-1px}}
.search input{width:0;min-width:0;flex:1;border:0;background:transparent;height:100%;padding:0 14px;color:var(--ink);font-size:14px;letter-spacing:.015em}.search input::placeholder{color:#94969d;opacity:1}.search input::-webkit-search-cancel-button{display:none}
.search-submit,.search-clear,.search-lens{display:grid;place-items:center;flex:0 0 34px;height:36px;border:0;background:transparent;border-radius:8px;color:var(--muted)}.search-submit{margin-right:4px}.search-submit:hover,.search-clear:hover,.search-lens:hover{color:var(--ink);background:var(--page)}.search-clear svg{width:16px;height:16px}.search-submit svg,.search-lens svg{width:18px;height:18px}.search-lens{transition:background 160ms ease,color 160ms ease}.search-lens:focus-visible{outline:none;background:color-mix(in srgb,var(--ink) 11%,var(--search));color:var(--ink);box-shadow:inset 0 -2px var(--muted)}
.search-toggle{position:absolute;z-index:3;top:0;right:0;display:grid;place-items:center;width:var(--toggle-width);height:100%;padding:0;border:0;border-radius:10px;background:transparent;color:var(--rail-text);transition:color 220ms,background 220ms}
.search-toggle::before{content:'';position:absolute;left:0;top:19px;bottom:19px;width:1px;background:currentColor;opacity:.18;transition:opacity 180ms}
.search-toggle:focus-visible{outline-offset:-6px}.search-toggle svg{grid-area:1/1;transition:transform 400ms cubic-bezier(.22,1,.36,1),opacity 200ms}.search-open-icon{opacity:1;transform:rotate(0) scale(1)}.search-close-icon{opacity:0;transform:rotate(-70deg) scale(.6)}
.navigation-dock[data-search-open=true] .search-toggle{color:var(--muted)}.navigation-dock[data-search-open=true] .search-toggle:hover{color:var(--ink);background:#8888880b}.navigation-dock[data-search-open=true] .search-toggle::before{opacity:0}.navigation-dock[data-search-open=true] .search-open-icon{opacity:0;transform:rotate(70deg) scale(.6)}.navigation-dock[data-search-open=true] .search-close-icon{opacity:1;transform:rotate(0) scale(1)}
.category-marker{position:absolute;left:0;top:0;width:85px;height:22px;border-radius:4px;background:var(--accent);z-index:0;pointer-events:none;will-change:transform,width}.category-button{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-width:0;padding:0 8px;background:transparent;border:0;color:var(--rail-text);font-size:16px;font-weight:400;letter-spacing:.02em;white-space:nowrap}.category-button[data-preview=true],.search-toggle[data-preview=true]{color:#fff}.category-button:focus-visible{outline-offset:-7px;outline-color:#ff9778}
.collection{position:relative;margin-top:28px;min-height:290px}.site-grid{display:flex;flex-direction:column;row-gap:24px;min-height:260px}.site-row{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;padding:12px 0 4px}.site-item{width:var(--pitch);flex:0 0 var(--pitch);position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;transform:translateX(var(--shift,0px));transition:transform 300ms cubic-bezier(.2,.85,.2,1);border-radius:10px;outline-offset:-3px}.site-item[data-active=true]{z-index:2}.icon-space{height:calc(var(--icon-size) + 16px);display:flex;align-items:center;justify-content:center;width:100%}.icon-stack{display:block;width:var(--icon-size);height:var(--icon-size);position:relative;isolation:isolate;transition:transform 300ms cubic-bezier(.2,.85,.2,1);transform-origin:50% 60%}.icon-front,.icon-back{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;border-radius:var(--radius);transform-origin:50% 60%;transition:transform 300ms cubic-bezier(.2,.85,.2,1),opacity 300ms ease,box-shadow 300ms ease}.icon-front{overflow:hidden;z-index:2;background:var(--icon-background,#edeef0)}.icon-front img{display:block;width:74%;height:74%;object-fit:contain;pointer-events:none;user-select:none}.icon-front[data-mode=tile] img{width:84%;height:84%}.icon-back{z-index:1;opacity:0;background:radial-gradient(ellipse at 9% 0%,color-mix(in srgb,var(--icon-primary) 20%,white),transparent 68%),radial-gradient(ellipse at 105% 70%,var(--icon-secondary),transparent 76%),linear-gradient(150deg,var(--icon-primary),color-mix(in srgb,var(--icon-primary) 65%,black))}.site-item[data-active=true] .icon-stack{transform:scale(1.35)}.site-item[data-active=true] .icon-front{transform:translate(6%,7%) rotate(7deg);box-shadow:0 10px 22px -12px #17223b70}.site-item[data-active=true] .icon-back{opacity:1;transform:translate(-9%,-25%) rotate(-7deg)}.icon-fallback{font:400 23px/1 'MiSans',sans-serif;color:var(--icon-primary)}.site-label{max-width:calc(100% - 12px);margin-top:12px;line-height:20px;font-size:var(--label);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.site-item[data-active=true] .site-label{color:var(--ink);font-weight:600}.empty-state{text-align:center;padding:35px 0 60px}.empty-state p{font-size:16px;margin:0 0 12px}.noscript{text-align:center}
@media(max-width:760px){:root{--icon-size:58px}.page-shell{padding-inline:24px}.page-tools{right:24px}}
@media(max-height:760px) and (min-width:601px){:root{--icon-size:60px}.brand{padding-top:24px;margin-bottom:16px}.brand h1{font-size:32px}.navigation-dock{--dock-height:52px}.icon-space{height:calc(var(--icon-size) + 12px)}}
@media(max-width:600px){:root{--icon-size:50px;--label:12px}.page-shell{padding-inline:16px;padding-bottom:24px}.page-tools{top:10px;right:12px}.brand{padding-top:36px;margin-bottom:22px}.brand h1{font-size:30px}.brand-home{gap:13px}.brand-symbol{transform:scale(.85)}.navigation-dock{--dock-height:52px;--toggle-width:44px}.category-nav{padding-inline:3px}.category-button{font-size:15px;padding-inline:2px}.search-engine{flex-basis:78px}.engine-trigger{font-size:12px;padding-left:4px;padding-right:4px;gap:4px}.search input{padding-inline:10px;font-size:16px;letter-spacing:0}.search input::placeholder{font-size:12px}.search-submit{flex-basis:28px;margin-right:2px}.search-lens{flex-basis:28px}.search-clear{flex-basis:26px}.collection{margin-top:26px}.site-grid{row-gap:18px}.site-label{margin-top:12px}.icon-space{height:calc(var(--icon-size) + 16px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.icon-front img{transform:scale(var(--image-scale,1));color-scheme:light}

@media(max-width:380px){.search-submit{display:none}.search-lens{margin-right:2px}}
@media(forced-colors:active){.search-lens:focus-visible{outline:2px solid Highlight;outline-offset:-3px}}

/* Place alongside the search form, inside the positioned navigation dock. */
.lens-panel{position:absolute;z-index:6;top:calc(100% + 8px);left:0;width:520px;max-width:100%;max-height:calc(100dvh - 180px);overflow:auto;overscroll-behavior:contain;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--search);color:var(--ink);box-shadow:0 20px 44px -20px #0003,0 3px 8px #00000005;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity 160ms ease,transform 240ms cubic-bezier(.22,1,.36,1),visibility 0s 240ms}
.lens-panel[data-open=true]{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}
.lens-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}
.lens-heading-copy{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;min-width:0}.lens-heading h2{margin:0;font-size:17px;font-weight:400;line-height:1.5;letter-spacing:.025em}.lens-provider{color:var(--muted);font-size:11px;letter-spacing:.035em}
.lens-close{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--muted);transition:color 160ms ease,background 160ms ease}.lens-close svg{width:18px;height:18px}.lens-close:hover{color:var(--ink);background:var(--page)}
.lens-upload{margin:0}
.lens-dropzone{border:1px dashed color-mix(in srgb,var(--muted) 28%,var(--search));border-radius:10px;background:var(--page);transition:background 180ms ease,border-color 180ms ease}
.lens-dropzone:has(.lens-choose:hover){border-color:color-mix(in srgb,var(--muted) 48%,var(--search));background:color-mix(in srgb,var(--ink) 4%,var(--page))}
.lens-dropzone[data-dragging=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--search))}
.lens-choose{display:flex;width:100%;min-height:155px;padding:17px;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:0;border-radius:9px;background:transparent;color:var(--ink);text-align:center;transition:background 160ms ease}.lens-drop-icon{width:32px;height:32px;margin-bottom:1px;color:var(--muted)}
.lens-choose-label{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:31px;padding:3px 10px;font-size:14px}.lens-choose-label span{color:var(--muted);font-size:15px}
.lens-drop-hint{margin:0;color:var(--muted);font-size:11px;line-height:1.7;overflow-wrap:anywhere}.lens-drop-hint span{margin:0 3px}
.lens-preview{min-width:0;padding:17px}.lens-preview-canvas{display:flex;align-items:center;justify-content:center;min-height:84px;max-height:166px;overflow:hidden;border-radius:6px}.lens-preview-canvas img{display:block;max-width:100%;max-height:166px;object-fit:contain}
.lens-preview-details{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;min-width:0}.lens-filename{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:11px}.lens-preview-actions{display:flex;flex:none;gap:3px}.lens-text-button{min-height:30px;padding:4px 7px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:11px;white-space:nowrap;transition:background 160ms ease,color 160ms ease}.lens-text-button:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,var(--search))}
.lens-or{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--muted);font-size:11px;line-height:1}.lens-or::before,.lens-or::after{content:'';flex:1;height:1px;background:var(--line)}
.lens-url-field{display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:8px;background:var(--page);transition:background 160ms ease,box-shadow 160ms ease}.lens-url-field>svg{flex:none;width:17px;height:17px;color:var(--muted)}.lens-url-field input{display:block;min-width:0;width:100%;height:42px;padding:0;border:0;border-radius:0;background:transparent;color:var(--ink);font-size:13px;line-height:1.4}.lens-url-field input::placeholder{color:var(--muted);opacity:1}.lens-url-field:focus-within{background:color-mix(in srgb,var(--ink) 5%,var(--search));box-shadow:inset 0 -1px var(--muted)}
.lens-error{margin:10px 0 0;color:var(--accent);font-size:12px;line-height:1.65;overflow-wrap:anywhere}
.lens-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:40px;margin-top:15px;padding:9px 14px;border:0;border-radius:8px;background:var(--ink);color:var(--search);font-size:13px;line-height:1.6;transition:background 160ms ease,opacity 160ms ease,box-shadow 160ms ease}.lens-submit svg{width:17px;height:17px}.lens-submit:not(:disabled):hover{background:color-mix(in srgb,var(--ink) 87%,var(--search))}.lens-submit:disabled{opacity:.38}
.lens-privacy{margin:10px 0 0;text-align:center;color:var(--muted);font-size:10px;line-height:1.7;overflow-wrap:anywhere}
.lens-panel button:focus-visible{outline:none;background:color-mix(in srgb,var(--ink) 11%,var(--search));color:var(--ink);box-shadow:inset 0 -2px var(--muted)}.lens-panel .lens-submit:focus-visible{background:var(--ink);color:var(--search);box-shadow:inset 0 -3px var(--accent)}
@media(max-width:600px){.lens-panel{padding:15px;border-radius:12px;max-height:calc(100dvh - 178px)}.lens-heading{margin-bottom:13px}.lens-heading h2{font-size:16px}.lens-heading-copy{gap:8px}.lens-provider{font-size:10px}.lens-choose,.lens-preview{padding:14px 10px}.lens-choose{min-height:144px;gap:8px}.lens-drop-hint{font-size:10px}.lens-drop-hint span{margin:0 1px}.lens-url-field input{font-size:16px}.lens-url-field input::placeholder{font-size:12px}.lens-preview-details{gap:7px}.lens-preview-canvas,.lens-preview-canvas img{max-height:142px}.lens-privacy{font-size:10px}}
@media(prefers-reduced-motion:reduce){.lens-panel,.lens-panel *{transition:none!important}}
@media(forced-colors:active){.lens-panel button:focus-visible,.lens-url-field:focus-within{outline:2px solid Highlight;outline-offset:-2px}.lens-submit{border:1px solid ButtonText}.lens-dropzone[data-dragging=true]{border-color:Highlight}}

.search-lens[aria-expanded=true]{background:color-mix(in srgb,var(--ink) 6%,var(--search));color:var(--ink)}

/* Keep horizontal collection gestures from creating a page scrollbar. */
body{overflow-x:clip}
body[data-category-dragging=true],body[data-category-dragging=true] *{cursor:grabbing!important;user-select:none!important}
body[data-category-dragging=true] .site-grid{will-change:transform,opacity}

/* Bookmark editing stays separate from the browsing and card-hover layers. */
.editor-preview-label{margin:0;padding-top:12px;text-align:center;color:var(--muted);font-size:11px;letter-spacing:.02em}
.site-context-menu{position:fixed;z-index:30;width:156px;padding:5px;border:1px solid var(--line);border-radius:11px;background:var(--search);box-shadow:0 12px 34px -14px #0004;animation:account-enter 160ms ease-out}
.site-context-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:9px 10px;border:0;border-radius:7px;background:transparent;font-size:13px;text-align:left}
.site-context-menu button:hover,.site-context-menu button:focus-visible{background:var(--page);outline:none;color:var(--ink)}.site-context-menu svg{width:16px;height:16px}.context-arrow{margin-left:auto;color:var(--muted)}
.site-editor{width:460px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);margin:auto;padding:0;border:1px solid var(--line);border-radius:22px;background:var(--search);color:var(--ink);box-shadow:0 24px 90px -30px #0005;overflow:auto;overscroll-behavior:contain}
.site-editor[open]{animation:editor-enter 260ms cubic-bezier(.22,1,.36,1)}.site-editor::backdrop{background:#15182047;backdrop-filter:blur(5px);animation:editor-backdrop 200ms ease-out}
body[data-site-editing=true]{overflow:hidden}.editor-form{padding:28px}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.editor-eyebrow{margin:0 0 6px;color:var(--muted);font-size:10px;letter-spacing:.16em}.editor-heading h2{margin:0;font-size:23px;font-weight:600;letter-spacing:.03em;line-height:1.4}
.editor-close{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);transition:background .15s,color .15s}.editor-close:hover{background:var(--page);color:var(--ink)}.editor-close svg{width:19px;height:19px}.editor-subtitle{margin:10px 0 24px;color:var(--muted);font-size:12px;line-height:1.7}
.editor-fields{min-width:0;margin:0;padding:0;border:0}.editor-upload{display:flex;align-items:center;gap:17px;width:100%;min-height:104px;padding:17px;border:1px dashed var(--line);border-radius:14px;background:var(--page);text-align:left;transition:background .16s,border-color .16s}.editor-upload:hover,.editor-upload[data-dragging=true]{border-color:var(--muted);background:color-mix(in srgb,var(--ink) 5%,var(--search))}
.editor-icon-preview{display:flex;align-items:center;justify-content:center;flex:none;width:64px;height:64px;overflow:hidden;border-radius:25%;color-scheme:light;background:#eeeff1;color:#444}.editor-icon-preview img{display:block;object-fit:contain;width:76%;height:76%}.editor-icon-fallback{font-size:26px;font-weight:600}.editor-upload-copy{display:grid;gap:7px;min-width:0}.editor-upload-copy strong{font-size:14px;font-weight:400}.editor-upload-copy>span{font-size:11px;color:var(--muted)}.editor-upload>svg{margin-left:auto;color:var(--muted);width:19px;height:19px}
.editor-icon-actions{display:flex;justify-content:space-between;gap:12px;margin:9px 0 22px}.editor-icon-actions button,.editor-recovery button,.editor-recovery a{border:0;padding:3px 0;background:transparent;color:var(--muted);font-size:11px;line-height:1.6;text-underline-offset:4px}.editor-icon-actions button:hover,.editor-recovery button:hover,.editor-recovery a:hover{color:var(--ink);text-decoration:underline}
.editor-field{display:block;margin-top:19px}.editor-field>span{display:block;margin:0 0 9px;font-size:12px;color:var(--muted)}.editor-field input{display:block;width:100%;min-width:0;height:45px;padding:0 13px;border:1px solid transparent;border-radius:9px;background:var(--page);color:var(--ink);font-size:14px;line-height:1.5;transition:border-color .15s,background .15s,box-shadow .15s}.editor-field input:focus{border-color:var(--line);background:var(--search);box-shadow:0 2px 0 -1px var(--muted)}.editor-field input::placeholder{color:var(--muted);opacity:.7}.editor-field small{display:block;margin-top:7px;color:var(--muted);font-size:10px;line-height:1.6}.editor-icon-url-field{margin:0 0 24px}
.editor-error{margin:17px 0 0;font-size:12px;line-height:1.7;color:var(--accent);overflow-wrap:anywhere}.editor-recovery{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}.editor-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.editor-save-note{margin-right:auto;font-size:10px;color:var(--muted)}.editor-cancel,.editor-save{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:39px;padding:9px 15px;border:0;border-radius:9px;font-size:12px;line-height:1.5;transition:background .16s,opacity .16s}.editor-cancel{background:transparent;color:var(--muted)}.editor-cancel:hover{background:var(--page);color:var(--ink)}.editor-save{background:var(--ink);color:var(--search)}.editor-save:hover{opacity:.85}.editor-save:disabled{opacity:.42}.site-editor fieldset:disabled{opacity:.65}
.site-editor button:focus-visible,.site-editor a:focus-visible{outline:1px solid var(--muted);outline-offset:3px}.editor-toast{position:fixed;z-index:35;bottom:30px;left:50%;transform:translateX(-50%);padding:12px 21px;max-width:calc(100vw - 32px);border:1px solid var(--line);border-radius:12px;background:var(--search);color:var(--ink);box-shadow:var(--shadow);font-size:13px;text-align:center;pointer-events:none}
@keyframes editor-enter{from{opacity:0;transform:translateY(10px) scale(.975)}to{opacity:1;transform:none}}@keyframes editor-backdrop{from{opacity:0}to{opacity:1}}
@media(max-width:520px){.site-editor{border-radius:18px}.editor-form{padding:22px}.editor-heading h2{font-size:21px}.editor-subtitle{margin-bottom:20px}.editor-field input{font-size:16px}.editor-save-note{display:none}.editor-footer{gap:12px}.editor-footer button{flex:1}.editor-upload{gap:13px;padding:13px}.editor-upload-copy>span{font-size:10px}.editor-icon-preview{width:58px;height:58px}}
@media(prefers-reduced-motion:reduce){.site-editor,.site-editor::backdrop,.site-editor *,.site-context-menu{animation:none!important;transition:none!important}}
@media(forced-colors:active){.site-editor button,.site-context-menu button,.editor-field input{border:1px solid ButtonText}.site-editor button:focus-visible,.site-context-menu button:focus-visible{outline:2px solid Highlight}.site-editor::backdrop{background:Canvas;opacity:.7}}