.cl{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--bg)}.cl .topbar{justify-content:flex-start}.cl-who{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.cl-preview{flex:0 0 auto;padding:8px 22px;font-size:12.5px;font-weight:700;background:var(--accent-soft);color:var(--accent-ink);border-bottom:1px solid var(--line)}.cl-preview a{margin-left:10px}.cl-body{flex:1;min-height:0;display:grid;grid-template-columns:380px minmax(0,1fr)}.cl-rail{display:flex;flex-direction:column;min-height:0;background:var(--panel);border-right:1px solid var(--line)}.cl-tools{flex:0 0 auto;display:flex;flex-direction:column;gap:10px;padding:14px 16px 12px;border-bottom:1px solid var(--line)}.cl-tools input{font:inherit;font-size:13px;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--ink);width:100%}.cl-tools input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cl-chips{display:flex;flex-wrap:wrap;gap:4px}.cl-chips button{border:0;background:none;font:inherit;font-size:12px;font-weight:700;color:var(--muted);padding:5px 9px;border-radius:7px;cursor:pointer}.cl-chips button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink)}.cl-chip-break{flex-basis:100%;height:0}.cl-count{font-size:11.5px;color:var(--faint)}.cl-list{flex:1;min-height:0;overflow:auto}.cl-list .site{width:100%;grid-template-columns:8px minmax(0,1fr) auto}.cl-list .site .nm,.cl-list .site .sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-detail{min-height:0;overflow:auto;display:flex;flex-direction:column}.cl-pane{width:100%;max-width:980px;margin:0 auto;background:var(--panel);border-left:1px solid var(--line);border-right:1px solid var(--line);min-height:100%;padding-bottom:28px}.cl-pane .d-head{padding-right:20px}.cl-pane .meta{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.cl-pane .meta b{overflow-wrap:anywhere}.cl-sec{padding:0 20px 6px}.cl-notes{display:flex;flex-direction:column;gap:12px;padding:2px 20px 10px}.cl-tag{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-soft);padding:2px 6px;border-radius:5px;margin-left:8px}.cl-files{display:flex;flex-direction:column;gap:8px}.cl-scroll{overflow-x:auto}.cl-back{display:none}.cl-pick{display:flex;flex-direction:column;gap:8px;margin:2px 0 4px}.cl-pick a{display:block;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-size:13.5px;font-weight:700;color:var(--ink);text-decoration:none;text-align:left}.cl-pick-h{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);text-align:left;margin:8px 0 0}.cl-pick a:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-ink)}@media (max-width: 860px){.cl-body{grid-template-columns:minmax(0,1fr)}.cl-body[data-open] .cl-rail{display:none}.cl-body:not([data-open]) .cl-detail{display:none}.cl-rail{border-right:0}.cl-pane{border-left:0;border-right:0}.cl-back{display:inline-flex;margin:12px 20px 0}.cl-who{display:none}.cl .topbar{padding:8px 14px;gap:6px 10px}.cl .topbar .sep{display:none}.cl .topbar .spacer{display:block;flex:1 1 0%;min-width:0}.cl .topbar h1{flex-basis:100%;order:3}.auth-card{width:auto;max-width:420px;margin:0 16px}}.cl-pane .mono{font-family:IBM Plex Mono,monospace;font-weight:400}