.app{display:grid;grid-template-rows:auto auto 1fr;height:100%}.topbar{display:flex;align-items:center;gap:var(--space-3);padding:10px 16px;background:var(--bg-raised);border-bottom:1px solid var(--border)}.brand{font-weight:700;letter-spacing:-.01em;white-space:nowrap}.topbar .search{position:relative;flex:1;max-width:520px}.spacer{flex:1}.nav{display:flex;gap:var(--space-1)}.nav button{background:transparent;border-color:transparent;color:var(--text-dim)}.nav button.active{background:var(--accent-soft);color:var(--accent);border-color:transparent}.body{display:grid;grid-template-columns:172px 240px 1fr;min-height:0}.body.no-sidebar{grid-template-columns:172px 1fr}.rail{border-right:1px solid var(--border);padding:var(--space-4) var(--space-2);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-5)}.rail-group h4{margin:0 0 var(--space-2);padding-left:var(--space-2);font-size:var(--font-xs);font-weight:600;color:var(--text-faint);letter-spacing:.08em}.rail-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);margin-bottom:2px;border:none;background:none;border-radius:var(--radius-sm);color:var(--text-dim);font-size:var(--font-md);text-align:left}.rail-item:hover{background:var(--bg-muted);color:var(--text)}.rail-item.active{background:var(--accent-soft);color:var(--accent)}.rail-badge{margin-left:auto;min-width:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:var(--bg-raised);font-size:var(--font-xs);font-variant-numeric:tabular-nums;text-align:center}@media(max-width:820px){.body,.body.no-sidebar{grid-template-columns:1fr;grid-template-rows:auto 1fr}.rail{flex-direction:row;gap:var(--space-4);border-right:none;border-bottom:1px solid var(--border);padding:var(--space-2);overflow-x:auto}.rail-group{display:flex;align-items:center;gap:var(--space-1)}.rail-group h4{margin:0;white-space:nowrap}.rail-item{width:auto;white-space:nowrap;margin-bottom:0}}.sidebar{border-right:1px solid var(--border);overflow-y:auto;padding:14px 10px 40px}.side-search{width:100%;margin:0 0 8px;padding:6px 8px;font-size:var(--font-sm);color:var(--text);background:var(--bg-muted);border:1px solid var(--border);border-radius:6px}.side-search:focus{outline:none;border-color:var(--border-strong)}.side-empty{padding:6px 8px 10px;font-size:var(--font-sm);color:var(--text-dim)}.sidebar h3{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin:18px 8px 6px}.sidebar h3:first-child{margin-top:0}.side-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:6px 8px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;text-align:left;color:var(--text-dim)}.side-item:hover{background:var(--bg-input);border-color:transparent}.side-item.active{background:var(--accent-soft);color:var(--accent)}.side-item .count{font-size:var(--font-sm);color:var(--text-faint);font-variant-numeric:tabular-nums}.side-item .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-row{position:relative;display:flex;align-items:center}.side-row .side-item{flex:1;min-width:0}.side-actions{position:absolute;right:4px;display:none;gap:0;background:var(--bg-raised);border-radius:var(--radius-sm);padding:1px}.side-row:hover .side-actions{display:flex}.side-actions button{padding:2px 5px;font-size:var(--font-sm);line-height:1}.side-row.drop-target .side-item{background:var(--accent-soft);border-color:var(--accent);border-style:dashed;color:var(--accent)}.card[draggable=true]:active{cursor:grabbing}.dict-list{display:grid;gap:var(--space-2);max-height:420px;overflow-y:auto;padding-right:4px}.main{overflow-y:auto;padding:16px;min-height:0}.syncbar{display:flex;align-items:center;gap:var(--space-3);padding:8px 16px;background:var(--accent-soft);border-bottom:1px solid var(--border);font-size:var(--font-md)}.syncbar.error{background:#f2777a1f}.progress{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden;max-width:320px}.progress span{display:block;height:100%;background:var(--accent);transition:width .25s}.gallery-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}.gallery-strip img{width:100%;border-radius:var(--radius-sm);border:1px solid var(--border);display:block;cursor:zoom-in}.description{color:var(--text-dim);font-size:var(--font-md);max-height:320px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px}.description img{max-width:100%;border-radius:var(--radius-sm)}.gate{height:100%;display:grid;place-items:center;padding:20px}.gate .panel{width:min(400px,100%);margin:0}.onboarding-shell{min-height:100%;padding:var(--space-5);display:grid;justify-items:center;align-content:start}.onboarding-shell>.panel{width:min(860px,100%)}.onboarding-points{margin:var(--space-4) 0 0;padding-left:var(--space-5);display:grid;gap:var(--space-2);color:var(--text-dim);font-size:var(--font-md);line-height:1.6}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:var(--border-strong)}.onboarding-dot[data-active]{background:var(--accent)}.browser{border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:8px;background:var(--bg-input)}.browser-list{max-height:220px;overflow-y:auto;display:grid;gap:1px}.browser-row{display:flex;align-items:center;gap:var(--space-1)}.browser-row button{padding:3px 6px}.gallery-hero{display:block;width:100%;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-raised);overflow:hidden;cursor:zoom-in}.gallery-hero img{display:block;width:100%;max-height:42vh;object-fit:contain}.gallery-row{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:8px;max-height:62px;overflow:hidden;transition:max-height .15s ease}.gallery-row.expanded{max-height:40vh;overflow-y:auto}.gallery-thumb{padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:none;overflow:hidden;cursor:pointer;flex:0 0 auto}.gallery-thumb img{display:block;width:56px;height:56px;object-fit:cover}.gallery-thumb.active{border-color:var(--accent, #6c8cff);box-shadow:0 0 0 1px var(--accent, #6c8cff)}.gallery-strip .gallery-thumb img{width:100%;height:auto}.lightbox{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#000000e0;cursor:zoom-out}.lightbox img{max-width:92vw;max-height:92vh;object-fit:contain;cursor:default}.lightbox-close,.lightbox-nav{position:absolute;background:#00000080;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:50%;cursor:pointer;line-height:1}.lightbox-close{top:18px;right:22px;width:36px;height:36px;font-size:16px}.lightbox-nav{top:50%;transform:translateY(-50%);width:44px;height:44px;font-size:26px}.lightbox-nav.prev{left:20px}.lightbox-nav.next{right:20px}.lightbox-count,.lightbox-message{position:absolute;bottom:22px;color:#ffffffbf;font-size:var(--font-md)}.lightbox-message{position:static;color:#fffc}.dl-inline{display:inline-flex;align-items:center;gap:var(--space-2);flex-shrink:0;min-width:0;font-size:var(--font-sm)}.dl-bar-track{display:inline-block;width:80px;height:6px;background:var(--bg-input);border-radius:3px;overflow:hidden;flex-shrink:0}.dl-bar-fill{display:block;height:100%;background:var(--accent);border-radius:3px;transition:width .15s linear}.dl-stats{color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.dl-error,.dl-error .dl-stats{color:var(--danger, #f87171)}@media(max-width:500px){.dl-inline{flex:1 0 100%;justify-content:flex-end}.dl-bar-track{width:60px}}.load-more{display:flex;justify-content:center;padding:24px 0 8px}.searchbox-root{position:relative;width:100%}.searchbox{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);padding:3px 6px;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.searchbox:focus-within{outline:2px solid var(--accent);outline-offset:1px}.searchbox input{flex:1;min-width:10ch;padding:4px 2px;background:transparent;border:0;width:auto}.searchbox input:focus{outline:none}.chip.filter{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--accent-soft);color:var(--accent);max-width:22ch}.chip-kind{color:var(--text-faint);font-size:10px}.chip-x{padding:0 2px;background:none;border:0;color:inherit;font-size:var(--font-md);line-height:1;cursor:pointer}.suggest-pop{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;max-height:min(60vh,420px);overflow-y:auto;padding:6px;background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lift)}.suggest-head{display:flex;align-items:center;justify-content:space-between;padding:2px 8px 6px;font-size:var(--font-xs);color:var(--text-dim)}.suggest-item{cursor:pointer;gap:var(--space-2)}.suggest-kind{flex:none;min-width:3em;font-size:10px;color:var(--text-faint)}.suggest-via{color:var(--text-faint)}.suggest-item.weak .label{color:var(--text-dim)}.match-snippet{margin-top:4px;font-size:var(--font-xs);line-height:1.4;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.semantic-strip{margin-bottom:var(--space-4);padding-bottom:12px;border-bottom:1px solid var(--border)}.semantic-head{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:8px}.semantic-row{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:4px}.semantic-card{flex:none;width:96px;padding:4px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);text-align:left;cursor:pointer}.semantic-card:hover{border-color:var(--border-strong)}.semantic-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;display:block}.semantic-card .label{display:block;margin-top:4px;font-size:var(--font-xs);color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1)}.calendar-head{text-align:center;font-size:var(--font-xs);color:var(--text-dim);padding:var(--space-1) 0}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);row-gap:2px;padding-bottom:var(--space-2)}.calendar-day{grid-row:1;border-top:1px solid var(--border);padding:var(--space-1) var(--space-1) var(--space-2);font-size:var(--font-xs);color:var(--text-dim)}.calendar-day.dim{opacity:.4}.calendar-day.today{color:var(--accent);font-weight:700;border-top-color:var(--accent)}.calendar-bar{min-width:0;height:20px;line-height:18px;font-size:var(--font-xs);padding:0 var(--space-2);border-radius:999px;background:var(--bg-muted);border:1px solid var(--border);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.calendar-bar[data-active]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.calendar-bar[data-open-start]{border-top-left-radius:0;border-bottom-left-radius:0;border-left-style:dashed}.calendar-bar[data-open-end]{border-top-right-radius:0;border-bottom-right-radius:0;border-right-style:dashed}.facet-scroll{display:flex;gap:var(--space-2);overflow-x:auto;white-space:nowrap;scrollbar-width:thin;padding-bottom:2px;flex-shrink:0}.facet-scroll>*{flex:0 0 auto}.facet-scroll .facet-btn{width:auto}.calendar-day.pickable{cursor:pointer}.calendar-day.pickable:hover{background:var(--bg-muted);border-radius:var(--radius-sm)}.calendar-day.pick-end{background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-weight:700}.calendar-day.pick-mid{background:var(--accent-soft)}.drawer-toggle,.scrim{display:none}@media(max-width:820px){.drawer-toggle{display:inline-flex;align-items:center;width:40px;height:40px;justify-content:center;font-size:18px}.body{grid-template-columns:1fr}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:40;width:min(280px,82vw);background:var(--bg-raised);border-right:1px solid var(--border-strong);transform:translate(-100%);transition:transform .18s ease;padding-top:18px}.sidebar.open{transform:none}.scrim{display:block;position:fixed;inset:0;z-index:30;background:#00000080}.topbar{flex-wrap:wrap;padding:8px 10px;gap:var(--space-2)}.topbar .search{order:10;flex:1 0 100%;max-width:none}.spacer{display:none}.nav{margin-left:auto}.gallery-hero img{max-height:32vh}.lightbox-nav{width:52px;height:52px}.gallery-strip{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}@media(max-width:420px){.brand{font-size:14px}.nav button{padding:5px 8px;font-size:var(--font-sm)}}.body>*,.main>*{min-width:0}.main,.sidebar{min-width:0}.order-row{display:block;width:100%;text-align:left;padding:var(--space-3);border:1px solid var(--border);border-left:4px solid var(--border);border-radius:var(--radius);background:var(--bg-panel)}.order-row:hover:not(:disabled){border-color:var(--border-strong);border-left-color:var(--border-strong)}.order-row[data-state=unread]{border-left-color:var(--warn)}.order-row[data-state=selected]{background:var(--bg-muted);border-left-color:var(--accent)}.tour-figure{display:grid;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-muted);aspect-ratio:16 / 7}.tour-figure .cols{display:grid;gap:var(--space-1);height:100%}.tour-figure .box{display:grid;align-content:start;gap:3px;padding:var(--space-2);border-radius:var(--radius-sm);background:var(--bg-panel);border:1px solid var(--border);font-size:var(--font-xs);color:var(--text-faint);overflow:hidden}.tour-figure .box[data-lit]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.tour-figure .bar{height:5px;border-radius:3px;background:var(--border-strong)}.tour-figure .box[data-lit] .bar{background:var(--accent);opacity:.55}button.chip-link{transition:background .12s,border-color .12s,color .12s}button.chip-link:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--on-accent)}