:root{color-scheme:dark;--bg: #0e0f12;--ink: #f3efe6;--muted: rgba(243, 239, 230, .66);--line: rgba(243, 239, 230, .22);--glass: rgba(14, 15, 18, .78);--accent: #f0b429;--accent-ink: #1a1408;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,sans-serif}*{margin:0;padding:0;box-sizing:border-box}*::selection{background:var(--accent);color:var(--accent-ink)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body{min-height:100vh;background:var(--bg)}h1{font-family:ui-serif,Georgia,Cambria,Times New Roman,serif;font-size:1.25rem;font-weight:500;letter-spacing:.01em}button,input{font-family:inherit;color:inherit;background:none;border:none}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}main{width:100vw;height:100vh;height:100dvh;overflow:hidden}.topbar{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px 28px;pointer-events:none;background:linear-gradient(to bottom,#0e0f12d1,#0e0f1200)}.topbar button,.hint{pointer-events:auto}.hint{margin-top:2px;color:var(--muted);font-size:.8rem}.iconButton{pointer-events:auto;width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.iconButton svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round}.iconButton.active{border-color:var(--accent);color:var(--accent)}.iconButton.active svg{stroke:var(--accent)}.stage-error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:8px;padding:24px;text-align:center;color:var(--muted)}footer{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 16px calc(14px + env(safe-area-inset-bottom));pointer-events:none;background:linear-gradient(to top,#0e0f12e0,#0e0f1200)}footer .search,footer .presets,footer .controls,footer .caption{pointer-events:auto}.caption{width:min(720px,100%);max-height:5.6em;padding:10px 14px;overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ink);font-size:.95rem;line-height:1.45;text-align:center}@media(min-width:760px){.sidebar.open~footer{padding-right:356px}}.search{width:min(640px,100%);display:flex;gap:8px}.field{position:relative;flex:1;min-width:0}.field input{width:100%;height:46px;padding:0 42px 0 16px;border:1px solid var(--line);border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:1rem}.field input::placeholder{color:var(--muted)}.clearButton{position:absolute;top:50%;right:8px;width:32px;height:32px;margin-top:-16px;border-radius:999px;font-size:1.4rem;line-height:1;opacity:0;pointer-events:none}.clearButton.active{opacity:.85;pointer-events:auto}.searchButton{height:46px;padding:0 16px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:650}.presets{width:min(640px,100%);display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.presets::-webkit-scrollbar{display:none}.presets button,.layouts button{flex:0 0 auto;height:34px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:#0e0f128c;color:var(--muted);font-size:.85rem;white-space:nowrap}.presets button.active,.layouts button.active{border-color:var(--accent);color:var(--ink)}.controls{width:min(640px,100%);display:flex;align-items:center;justify-content:space-between;gap:12px}.layouts{display:flex;gap:8px}.xray{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.9rem;-webkit-user-select:none;user-select:none}.xray input{width:16px;height:16px;accent-color:var(--accent)}.sidebar{position:fixed;top:0;right:0;z-index:40;width:min(100vw,340px);height:100vh;height:100dvh;display:flex;flex-direction:column;background:#16171c;color:var(--ink);box-shadow:-12px 0 40px #00000059;transform:translate(100%);transition:transform .25s ease}.sidebar.open{transform:translate(0)}.sidebarHead{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid var(--line)}.sidebarHead h2{font-family:ui-serif,Georgia,serif;font-size:1.2rem;font-weight:500}.closeButton{width:36px;height:36px;border-radius:999px;font-size:1.5rem;line-height:1;color:var(--muted)}.sidebar ul{list-style:none;overflow-y:auto;padding:8px}.sidebar .empty{padding:16px;color:var(--muted)}.row{width:100%;display:flex;align-items:center;gap:10px;padding:8px;border-radius:12px;text-align:left}.row p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:.85rem;line-height:1.35}.row:hover,.row.active{background:#f3efe614}.row.active p{color:var(--ink)}.thumbnail{width:48px;height:48px;flex:0 0 auto;object-fit:cover;border-radius:8px;background:#2a2c33}@media(max-width:420px){.hint{display:none}h1{font-size:1.1rem}.search{flex-direction:column}.searchButton{width:100%}.caption{font-size:.88rem;max-height:6.5rem;overflow:auto}}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}