:root{--display: "Italiana", "Times New Roman", serif;--serif: "Spectral", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--bg: oklch(.15 .006 66);--bg-edge: oklch(.115 .006 66);--ink: oklch(.93 .012 80);--muted: oklch(.65 .014 76);--faint: oklch(.52 .012 76);--accent: oklch(.82 .085 80);--accent-soft: oklch(.82 .085 80 / .16);--accent-ink: oklch(.22 .03 72);--line: oklch(.93 .01 80 / .13);--line-strong: oklch(.93 .01 80 / .26);--panel: oklch(.185 .008 66 / .86);--solid: oklch(.17 .008 66);--solid-2: oklch(.135 .007 66);--shadow: 0 30px 80px -28px oklch(0 0 0 / .72);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--radius: 13px;--radius-lg: 18px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--serif);font-size:15px;font-weight:400;line-height:1.55;font-feature-settings:"kern","liga","onum" 1,"pnum" 1;overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.app:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid var(--line);border-radius:4px;pointer-events:none;z-index:12}.field{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(135% 105% at 50% 34%,var(--bg) 0%,var(--bg-edge) 74%);cursor:grab}.field:active{cursor:grabbing}.field.snipping{cursor:crosshair}.field canvas{display:block;touch-action:none}.field canvas.reweave{animation:field-in .65s var(--ease) both}@keyframes field-in{0%{opacity:0}}.topbar,.zoom-controls,.zoom-readout{transition:opacity .35s var(--ease)}.chrome-idle .topbar,.chrome-idle .zoom-controls,.chrome-idle .zoom-readout,.chrome-idle .about-link{opacity:0;transition:opacity 1.4s var(--ease)}.chrome-idle .about-link{pointer-events:none}.chrome-idle .topbar>*{pointer-events:none}.chrome-idle .zoom-controls button{pointer-events:none}.field canvas:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #e1bf8480}.zoom-controls{position:absolute;right:calc(var(--space-xl) + env(safe-area-inset-right,0px));bottom:calc(var(--space-xl) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:var(--space-xs);z-index:15;animation:fade-in .7s var(--ease) .25s both}.zoom-controls:before{content:"";position:absolute;top:-108px;right:-48px;bottom:-48px;left:-88px;z-index:-1;pointer-events:none;background:radial-gradient(closest-side at 64% 64%,oklch(.15 .006 66 / .5),transparent 80%)}.zoom-controls button{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;border:1px solid transparent;background:var(--panel);color:var(--muted);font-family:var(--serif);font-size:18px;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:color .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease)}.zoom-controls button:hover{color:var(--ink);border-color:var(--line-strong)}.zoom-readout{position:absolute;right:calc(var(--space-xl) + env(safe-area-inset-right,0px));bottom:calc(148px + env(safe-area-inset-bottom,0px));min-width:36px;padding:2px 0;text-align:center;font-family:var(--serif);font-size:10.5px;letter-spacing:.16em;color:var(--faint);z-index:15;pointer-events:none;-webkit-user-select:none;user-select:none;animation:fade-in .7s var(--ease) .35s both}.snip-frame{position:absolute;z-index:16;border:1px solid var(--accent);box-shadow:0 0 0 9999px #07050499;cursor:move}.snip-thirds{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.6;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:100% 33.333%,33.333% 100%}.snip-handle{position:absolute;width:15px;height:15px;background:var(--accent);border:1.5px solid var(--solid-2);border-radius:3px;z-index:2}.snip-handle:before{content:"";position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px}.h-nw{left:-8px;top:-8px;cursor:nwse-resize}.h-ne{right:-8px;top:-8px;cursor:nesw-resize}.h-se{right:-8px;bottom:-8px;cursor:nwse-resize}.h-sw{left:-8px;bottom:-8px;cursor:nesw-resize}.h-n{left:calc(50% - 7.5px);top:-8px;cursor:ns-resize}.h-s{left:calc(50% - 7.5px);bottom:-8px;cursor:ns-resize}.h-e{right:-8px;top:calc(50% - 7.5px);cursor:ew-resize}.h-w{left:-8px;top:calc(50% - 7.5px);cursor:ew-resize}.snip-controls{position:absolute;left:50%;bottom:var(--space-xl);transform:translate(-50%);z-index:18;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);pointer-events:none;max-width:calc(100vw - 32px)}.snip-guide{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:11.5px;font-style:italic;color:var(--muted);background:var(--panel);border:1px solid var(--line);padding:5px 14px;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.snip-bar{pointer-events:auto;display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap;justify-content:center;padding:8px 10px 8px var(--space-md);border-radius:999px;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.snip-ratios{display:flex;gap:4px}.snip-ratios .chip{padding:5px 11px;font-size:12px}.snip-dims{font-family:var(--mono);font-size:11.5px;letter-spacing:.02em;color:var(--faint);font-feature-settings:"tnum" 1;white-space:nowrap}.snip-bar-actions{display:flex;gap:var(--space-sm)}.snip-bar-actions .btn{padding:7px 14px}@media (max-width: 560px){.snip-dims{display:none}}.busy{position:absolute;bottom:var(--space-xl);left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--line);color:var(--ink);font-style:italic;font-size:13.5px;padding:10px 20px;border-radius:999px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:25}.busy-count{font-style:normal;font-family:var(--mono);font-size:11.5px;color:var(--faint);font-feature-settings:"tnum" 1}.onboard{position:absolute;left:50%;bottom:calc(var(--space-2xl) + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:22;width:min(440px,calc(100vw - 32px));display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-xl) var(--space-xl) var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);text-align:center;animation:rise-up .6s var(--ease) .5s both}.onboard-lede{margin:0;font-family:var(--serif);font-style:italic;font-size:15.5px;line-height:1.5;color:var(--ink)}.onboard-tips{list-style:none;margin:0;padding:var(--space-md) 0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md) var(--space-lg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.onboard-tips li{display:flex;align-items:center;gap:var(--space-sm);text-align:left;font-size:13px;color:var(--muted)}.onboard-tips .icon{color:var(--accent)}.onboard .btn{align-self:center}@keyframes rise-up{0%{opacity:0;transform:translate(-50%) translateY(14px)}}@media (max-width: 720px){.onboard-tips{grid-template-columns:1fr}}.topbar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:var(--space-lg);padding:calc(var(--space-lg) + env(safe-area-inset-top,0px)) calc(var(--space-xl) + env(safe-area-inset-right,0px)) var(--space-lg) calc(var(--space-xl) + env(safe-area-inset-left,0px));pointer-events:none;z-index:20}.topbar:before{content:"";position:absolute;left:0;right:0;top:0;height:calc(100% + 64px);z-index:-1;pointer-events:none;background:linear-gradient(to bottom,#0d0b099e,#0d0b0900)}.topbar>*{pointer-events:auto;animation:settle .7s var(--ease) both}.topbar>:nth-child(2){animation-delay:.06s}.topbar>:nth-child(3){animation-delay:.12s}.brand-mark{font-family:var(--display);font-size:25px;letter-spacing:.06em;line-height:1;color:var(--ink);flex:0 0 auto;text-transform:lowercase;padding-left:var(--space-xs)}.topbar-actions{display:flex;gap:var(--space-xs);flex:0 0 auto}.icon-btn{position:relative;width:38px;height:38px;display:inline-grid;place-items:center;border-radius:10px;border:1px solid transparent;background:var(--panel);color:var(--muted);font-size:16px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:color .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease),transform .12s var(--ease)}.icon-btn:hover{color:var(--ink);border-color:var(--line-strong)}.icon-btn:active{transform:translateY(1px)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.icon{display:block;flex:0 0 auto}.btn .icon{margin-block:-2px}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%) translateY(3px);padding:5px 10px;border-radius:7px;background:var(--solid);border:1px solid var(--line);color:var(--muted);font-family:var(--serif);font-size:11px;font-style:italic;letter-spacing:.02em;line-height:1;white-space:nowrap;opacity:0;pointer-events:none;box-shadow:var(--shadow);transition:opacity .18s var(--ease),transform .18s var(--ease);z-index:30}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.topbar-actions [data-tip]:after{left:auto;right:0;transform:translate(0) translateY(3px)}.topbar-actions [data-tip]:hover:after,.topbar-actions [data-tip]:focus-visible:after{transform:translate(0) translateY(0)}.zoom-controls [data-tip]:after{top:50%;left:auto;right:calc(100% + 9px);transform:translateY(-50%) translate(3px)}.zoom-controls [data-tip]:hover:after,.zoom-controls [data-tip]:focus-visible:after{transform:translateY(-50%) translate(0)}@media (hover: none){[data-tip]:after{display:none}}.search{position:relative;flex:1 1 auto;max-width:440px;margin:0 auto;display:flex;align-items:center;gap:var(--space-sm);padding:9px var(--space-lg);border-radius:999px;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .25s var(--ease)}.search:focus-within,.search.open{border-color:var(--accent)}.search-icon{display:inline-flex;align-items:center;color:var(--faint);line-height:1}.search input{flex:1;border:none;background:transparent;color:var(--ink);font-family:var(--serif);font-size:14.5px;outline:none;min-width:0}.search input::placeholder{color:var(--faint);font-style:italic}.search-count{font-size:11px;letter-spacing:.08em;color:var(--accent);white-space:nowrap;font-feature-settings:"tnum" 1;animation:fade-in .35s var(--ease) both}.search-clear{display:inline-flex;align-items:center;border:none;background:transparent;color:var(--faint);cursor:pointer;padding:0 2px;transition:color .2s var(--ease)}.search-clear:hover{color:var(--ink)}.search-toggle{display:inline-flex;align-items:center;position:relative;border:none;background:transparent;color:var(--faint);cursor:pointer;line-height:1;padding:0 2px;transition:color .2s var(--ease)}.search-toggle:hover{color:var(--ink)}.search-toggle.active:after{content:"";position:absolute;top:1px;right:0;width:5px;height:5px;border-radius:999px;background:var(--accent)}.filter-panel{position:absolute;top:calc(100% + 10px);left:0;right:0;display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--solid);box-shadow:var(--shadow);animation:rise .22s var(--ease) both}.fp-row{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:var(--space-md)}.fp-label{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--faint)}.fp-chips{display:flex;flex-wrap:wrap;gap:6px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}.seg button{border:none;background:transparent;color:var(--muted);font-family:var(--serif);font-size:12.5px;padding:5px 16px;cursor:pointer;transition:color .2s var(--ease),background .2s var(--ease)}.seg button:hover{color:var(--ink)}.seg button.on{background:var(--accent);color:var(--accent-ink)}.chip{border:1px solid var(--line);background:transparent;color:var(--muted);font-family:var(--serif);font-size:12.5px;padding:5px 12px;border-radius:999px;cursor:pointer;text-transform:capitalize;white-space:nowrap;transition:color .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}.chip:hover{color:var(--ink);border-color:var(--line-strong)}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--ink)}.swatch-chip{width:22px;height:22px;border-radius:999px;border:2px solid transparent;cursor:pointer;box-shadow:inset 0 0 0 1px #ebe7e133;transition:transform .14s var(--ease),border-color .18s var(--ease)}.swatch-chip:hover{transform:scale(1.14)}.swatch-chip.on{border-color:var(--accent)}.hover-cap{position:absolute;left:calc(var(--space-xl) + env(safe-area-inset-left,0px));bottom:calc(var(--space-xl) + env(safe-area-inset-bottom,0px));z-index:14;display:flex;flex-direction:column;gap:5px;max-width:42vw;padding:12px 16px 12px 15px;border-radius:3px;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;animation:fade-in .3s var(--ease) both}.hover-title{font-family:var(--serif);font-style:italic;font-size:15.5px;line-height:1.25;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hover-artist{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.hover-meta{font-size:11.5px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hover-hint{margin-top:3px;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.empty-field{display:grid;place-items:center}.no-match{text-align:center;display:flex;flex-direction:column;gap:var(--space-md);max-width:30ch}.no-match-q{font-family:var(--display);font-size:clamp(28px,5vw,40px);line-height:1.1;color:var(--ink)}.no-match-sub{color:var(--muted);font-size:14.5px;font-style:italic;line-height:1.5}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line-strong);background:transparent;color:var(--ink);font-family:var(--serif);font-size:13px;padding:9px 16px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:border-color .2s var(--ease),transform .12s var(--ease),background .2s var(--ease),color .2s var(--ease);text-decoration:none}.btn:hover{border-color:var(--ink)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);letter-spacing:.02em}.btn-primary:hover{border-color:var(--accent);filter:brightness(1.06)}.btn-ghost{background:transparent;color:var(--muted);border-color:var(--line)}.btn-ghost:hover{color:var(--ink)}.collection-btn{position:relative}.badge{position:absolute;top:-4px;right:-4px;background:var(--accent);color:var(--accent-ink);font-size:10px;font-weight:600;font-feature-settings:"tnum" 1;border-radius:999px;min-width:17px;height:17px;padding:0 4px;display:inline-grid;place-items:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#070504cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;padding:var(--space-3xl);z-index:40;animation:fade .25s var(--ease) both}.modal{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);max-width:1060px;width:100%;max-height:86vh;background:var(--solid);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);animation:pop .3s var(--ease) both}.modal-image{background:var(--solid-2);display:grid;place-items:center;min-height:0}.modal-image img{max-width:100%;max-height:86vh;object-fit:contain;display:block}.modal-info{position:relative;min-width:0;padding:var(--space-2xl) var(--space-2xl) var(--space-2xl);overflow-y:auto}.modal-info h2{font-family:var(--display);font-weight:400;font-size:clamp(24px,3vw,32px);line-height:1.16;letter-spacing:.01em;margin:0 36px var(--space-xl) 0;color:var(--ink)}.title-edit{display:block;width:calc(100% - 36px);font-family:var(--display);font-weight:400;font-size:clamp(24px,3vw,32px);line-height:1.16;letter-spacing:.01em;margin:0 36px var(--space-xl) 0;color:var(--ink);background:transparent;border:none;border-bottom:1px solid transparent;border-radius:0;padding:0 0 2px;outline:none;transition:border-color .2s var(--ease)}.title-edit:hover{border-bottom-color:var(--line)}.title-edit:focus{border-bottom-color:var(--accent)}.modal-close{position:absolute;top:var(--space-lg);right:var(--space-lg);width:32px;height:32px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;font-size:14px;transition:color .2s var(--ease),border-color .2s var(--ease)}.modal-close:hover{color:var(--ink);border-color:var(--line-strong)}.facts{margin:0 0 var(--space-xl);display:flex;flex-direction:column}.fact{display:grid;grid-template-columns:88px 1fr;gap:var(--space-md);align-items:baseline;padding:var(--space-md) 0;border-top:1px solid var(--line)}.fact:last-child{border-bottom:1px solid var(--line)}.fact dt{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--faint);padding-top:2px}.fact dd{margin:0;min-width:0;font-size:15.5px;line-height:1.4;color:var(--ink);overflow-wrap:anywhere}.modal-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.share-modal{position:relative;width:100%;max-width:440px;background:var(--solid);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);animation:pop .3s var(--ease) both}.share-head{padding:var(--space-xl) var(--space-xl) 0}.share-head h2{font-family:var(--display);font-weight:400;font-size:24px;letter-spacing:.01em;margin:0 36px 6px 0;color:var(--ink)}.share-head p{color:var(--muted);font-style:italic;font-size:13.5px;margin:0}.share-preview{margin:var(--space-lg) var(--space-xl) 0;border-radius:var(--radius);overflow:hidden;background:var(--solid-2);border:1px solid var(--line);aspect-ratio:1200 / 630;display:grid;place-items:center}.share-preview img{width:100%;height:100%;object-fit:cover;display:block;animation:fade .4s var(--ease) both}.share-loading{color:var(--faint);font-style:italic;font-size:13px}.share-body{padding:var(--space-lg) var(--space-xl) var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}.share-link{display:flex;gap:var(--space-sm)}.share-link input{flex:1;min-width:0;border:1px solid var(--line);background:var(--solid-2);color:var(--muted);border-radius:999px;padding:9px var(--space-lg);font-family:var(--mono);font-size:11.5px}.share-socials{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.share-chip{border:1px solid var(--line);background:transparent;color:var(--muted);font-family:var(--serif);font-size:12.5px;padding:8px 10px;border-radius:999px;cursor:pointer;text-align:center;transition:color .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease)}.share-chip:hover{color:var(--ink);border-color:var(--line-strong);background:#ebe7e10a}.share-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xs)}.share-actions .btn{flex:1 1 auto;justify-content:center}.modal-composite .modal-image{background:var(--solid-2)}.zoomable{width:100%;height:100%;min-height:0;overflow:hidden;display:grid;place-items:center;touch-action:none}.zoomable img{max-width:100%;max-height:86vh;display:block;will-change:transform;-webkit-user-select:none;user-select:none}.composite-lede{color:var(--muted);font-style:italic;font-size:14.5px;line-height:1.6;margin:0 0 var(--space-xl)}.source-list{list-style:none;margin:var(--space-sm) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--space-md);max-height:280px;overflow-y:auto}.source-list li{font-size:14.5px;line-height:1.35}.source-link{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer;transition:color .2s var(--ease)}.source-link:hover .source-title,.source-link:focus-visible .source-title{color:var(--accent)}.source-link:focus-visible{outline:1px solid var(--line-strong);outline-offset:3px;border-radius:var(--radius)}.source-title{font-family:var(--serif);font-style:italic}.source-artist{color:var(--muted);font-size:12px}.drawer-item.is-composite img{outline:1px solid var(--accent);outline-offset:-1px}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0705048c;opacity:0;pointer-events:none;transition:opacity .35s var(--ease);z-index:30}.drawer-scrim.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(384px,88vw);background:var(--solid);border-left:1px solid var(--line);transform:translate(100%);transition:transform .4s var(--ease);z-index:31;display:flex;flex-direction:column;box-shadow:var(--shadow)}.drawer.open{transform:none}.drawer-head{display:flex;align-items:baseline;gap:var(--space-md);padding:var(--space-xl) var(--space-xl) var(--space-lg);border-bottom:1px solid var(--line)}.drawer-head h3{margin:0;font-family:var(--display);font-weight:400;font-size:21px;letter-spacing:.02em;color:var(--ink)}.drawer-count{font-size:11px;letter-spacing:.1em;color:var(--faint);font-feature-settings:"tnum" 1}.drawer-close{margin-left:auto;width:30px;height:30px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--muted);cursor:pointer;transition:color .2s var(--ease),border-color .2s var(--ease)}.drawer-close:hover{color:var(--ink);border-color:var(--line-strong)}.drawer-empty{padding:var(--space-2xl) var(--space-xl);color:var(--muted);font-style:italic;font-size:14.5px;line-height:1.7}.kbd{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:5px;border:1px solid var(--line-strong);font-family:var(--mono);font-size:11px;font-style:normal;vertical-align:middle}.drawer-grid{list-style:none;margin:0;padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);overflow-y:auto}.drawer-item{position:relative;display:grid;grid-template-columns:60px 1fr;gap:var(--space-md);align-items:center;padding:var(--space-sm);border-radius:var(--radius);border:1px solid transparent;transition:background .2s var(--ease)}.drawer-item:hover{background:#ebe7e10a}.drawer-item img{width:60px;height:60px;object-fit:cover;border-radius:6px;cursor:pointer}.drawer-item-meta{display:flex;flex-direction:column;gap:3px;min-width:0}.drawer-item-title{font-family:var(--serif);font-style:italic;font-size:14.5px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.drawer-item-artist{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.drawer-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:999px;border:none;background:var(--solid-2);color:var(--muted);cursor:pointer;opacity:0;transition:opacity .2s var(--ease),color .2s var(--ease)}.drawer-item:hover .drawer-remove{opacity:1}.drawer-remove:hover{color:#f2716a}.splash{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;justify-items:center;gap:var(--space-lg);text-align:center;padding:var(--space-3xl);background:radial-gradient(135% 105% at 50% 36%,var(--bg) 0%,var(--bg-edge) 74%)}.splash-mark{font-family:var(--display);font-size:clamp(44px,8vw,64px);letter-spacing:.06em;text-transform:lowercase;color:var(--ink);animation:settle .9s var(--ease) both}.splash-sub{color:var(--muted);letter-spacing:.32em;text-transform:uppercase;font-size:11px;animation:pulse 2s ease-in-out infinite}.splash-empty{max-width:50ch;color:var(--muted);line-height:1.75;font-size:15px;display:flex;flex-direction:column;gap:var(--space-lg)}.splash-empty code{font-family:var(--mono);background:var(--solid-2);border:1px solid var(--line);padding:10px 14px;border-radius:8px;color:var(--accent);font-size:13px}.splash-actions{display:flex;gap:var(--space-md);justify-content:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.centre-reticle{position:absolute;left:50%;top:50%;width:34px;height:34px;translate:-50% -50%;pointer-events:none;opacity:0;transition:opacity .2s var(--ease);z-index:3}.centre-reticle:before,.centre-reticle:after{content:"";position:absolute;background:var(--accent);box-shadow:0 0 0 1px #0705048c}.centre-reticle:before{left:50%;top:0;bottom:0;width:1px;translate:-50% 0}.centre-reticle:after{top:50%;left:0;right:0;height:1px;translate:0 -50%}.field canvas:focus-visible~.centre-reticle{opacity:.75}.toast{position:fixed;left:50%;bottom:calc(var(--space-3xl) + env(safe-area-inset-bottom));translate:-50% 0;display:flex;align-items:center;gap:var(--space-md);max-width:min(90vw,460px);padding:13px var(--space-md) 13px var(--space-xl);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);font-size:14px;line-height:1.5;z-index:45;animation:toast-in .34s var(--ease) both}.toast-close{flex:none;background:none;border:0;color:var(--muted);font-size:20px;line-height:1;padding:2px 8px;cursor:pointer;border-radius:6px}.toast-close:hover{color:var(--ink)}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}}.list-view{position:relative;width:100%;max-width:720px;max-height:86vh;display:flex;flex-direction:column;background:var(--solid);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);animation:pop .3s var(--ease) both;overflow:hidden}.list-head{padding:var(--space-2xl) var(--space-2xl) var(--space-lg);border-bottom:1px solid var(--line)}.list-head h2{font-family:var(--display);font-weight:400;font-size:27px;margin:0 0 var(--space-xs);letter-spacing:.01em}.list-head p{margin:0;color:var(--muted);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.list-items{list-style:none;margin:0;padding:var(--space-sm) 0;overflow-y:auto;flex:1;border-bottom:1px solid var(--line)}.list-items li{display:flex;align-items:stretch}.list-item{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-lg);padding:10px var(--space-lg) 10px var(--space-2xl);background:none;border:0;text-align:left;color:inherit;font:inherit;cursor:pointer}.list-item:hover{background:#ebe7e10b}.list-item img{flex:none;width:56px;height:56px;object-fit:cover;border-radius:4px;background:var(--solid-2)}.li-text{min-width:0}.li-title{display:block;font-size:15px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.li-meta{display:block;margin-top:3px;color:var(--muted);font-size:12.5px;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.li-link{flex:none;display:grid;place-items:center;padding:0 var(--space-2xl) 0 var(--space-md);color:var(--faint);opacity:0;transition:opacity .18s var(--ease),color .18s var(--ease)}.list-items li:hover .li-link,.li-link:focus-visible{opacity:1}.li-link:hover{color:var(--accent)}.list-more{margin:var(--space-md) var(--space-2xl) var(--space-xl)}.about-link{position:fixed;left:calc(var(--space-xl) + env(safe-area-inset-left,0px));bottom:calc(var(--space-lg) + env(safe-area-inset-bottom,0px));color:var(--muted);font-size:11px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;z-index:12;transition:color .2s var(--ease),opacity .6s var(--ease)}.about-link:before{content:"";position:absolute;top:-52px;right:-96px;bottom:-40px;left:-64px;z-index:-1;pointer-events:none;background:radial-gradient(closest-side at 34% 62%,oklch(.13 .006 66 / .82),oklch(.13 .006 66 / .4) 55%,transparent 82%)}.about-link:hover{color:var(--ink)}@media (max-width: 720px){.about-link{display:none}}@keyframes fade{0%{opacity:0}}@keyframes fade-in{0%{opacity:0}}@keyframes badge-pop{30%{transform:scale(1.4)}}.badge.pop{animation:badge-pop .7s var(--ease)}@keyframes pop{0%{opacity:0;transform:scale(.98) translateY(8px)}}@keyframes rise{0%{opacity:0;transform:translateY(-8px)}}@keyframes settle{0%{opacity:0;transform:translateY(-6px)}}@keyframes pulse{50%{opacity:.4}}@media (max-width: 720px){.topbar{padding:calc(var(--space-md) + env(safe-area-inset-top,0px)) calc(var(--space-md) + env(safe-area-inset-right,0px)) var(--space-md) calc(var(--space-md) + env(safe-area-inset-left,0px));gap:var(--space-sm);flex-wrap:wrap}.search{order:3;flex-basis:100%;max-width:none}.topbar-actions{margin-left:auto}.icon-btn{width:36px;height:36px}.brand-mark{font-size:clamp(13px,4vw,21px)}.hover-cap{max-width:70vw}.modal{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;max-height:90vh}.modal-image img{max-height:46vh}}@media (max-width: 400px){.icon-btn{width:32px;height:32px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}