:root{color-scheme:light;--bg: #f6f8fb;--surface: #ffffff;--surface-2: #eef2f6;--ink: #151922;--muted: #687385;--faint: #8b95a5;--line: #d9e0ea;--line-strong: #bdc7d5;--accent: #0f766e;--accent-ink: #064e49;--accent-soft: #d7f2ed;--warm: #a15c08;--shadow: 0 18px 42px rgba(26, 36, 54, .11);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent;cursor:pointer}select{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid rgba(15,118,110,.45);outline-offset:2px}.loading-screen{align-items:center;color:var(--muted);display:flex;gap:10px;height:100svh;justify-content:center}.app-shell{display:flex;flex-direction:column;height:100svh;min-width:0;overflow:hidden}.topbar{align-items:center;background:#f6f8fbeb;border-bottom:1px solid var(--line);display:grid;gap:18px;grid-template-columns:290px minmax(240px,1fr) auto;flex:0 0 auto;min-height:76px;padding:14px 20px;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{align-items:center;display:flex;gap:12px;min-width:0}.brand svg{color:var(--accent);flex:0 0 auto}.brand h1{font-size:18px;letter-spacing:0;line-height:1.1;margin:0}.brand p{color:var(--muted);font-size:12px;margin:4px 0 0}.search-box{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;display:flex;gap:10px;min-height:44px;padding:0 13px;transition:border-color .14s ease,box-shadow .14s ease}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #0f766e1f}.search-box svg{color:var(--faint);flex:0 0 auto}.search-box input{background:transparent;border:0;color:var(--ink);min-width:0;outline:0;width:100%}.toolbar-button,.filter-head button,.sort-control,.icon-button,.tabs button,.compare-toggle,.mini-x{align-items:center;border:1px solid var(--line);border-radius:7px;color:var(--ink);display:inline-flex;justify-content:center;text-decoration:none;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease,transform .14s ease}.toolbar-button{background:var(--surface);gap:8px;height:40px;padding:0 12px}.toolbar-button:hover,.icon-button:hover,.compare-toggle:hover,.filter-head button:hover{background:var(--accent-soft);border-color:#0f766e6b;color:var(--accent-ink);box-shadow:0 6px 16px #0f766e1f;transform:translateY(-1px)}.toolbar-button:active,.icon-button:active,.compare-toggle:active,.filter-head button:active,.mini-x:active{transform:translateY(0)}.workspace{display:grid;flex:1;grid-template-columns:var(--left-panel-width, 270px) var(--left-resize-width, 8px) minmax(420px,1fr) var(--right-resize-width, 8px) var(--right-panel-width, 440px);min-height:0;overflow:hidden;position:relative}.workspace.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.resize-handle{background:transparent;cursor:col-resize;min-height:0;position:relative;z-index:4}.resize-handle.hidden{opacity:0;pointer-events:none}.resize-handle:before{background:var(--line);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translate(-50%);transition:background .14s ease,width .14s ease;width:1px}.resize-handle:after{background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:0 6px 14px #1a243614;content:"";height:42px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .14s ease,border-color .14s ease,background .14s ease;width:4px}.resize-handle:hover:before,.workspace.is-resizing .resize-handle:before{background:var(--accent);width:3px}.resize-handle:hover:after,.workspace.is-resizing .resize-handle:after{background:var(--accent-soft);border-color:#0f766e73;opacity:1}.filters{background:#fbfcfe;grid-column:1;min-height:0;overflow:auto;padding:18px 16px 96px;position:relative;z-index:12}.filters.collapsed{border-right:1px solid var(--line);bottom:0;height:auto;left:0;max-height:none;min-width:56px;overflow:visible;padding:0;position:absolute;top:0;width:56px}.filters.collapsed.preview,.filters.collapsed:hover{box-shadow:18px 0 44px #1a243621;min-width:var(--left-panel-expanded-width, 270px);overflow:auto;padding:18px 16px 96px;width:var(--left-panel-expanded-width, 270px)}.filter-rail-button{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--accent-ink);display:none;height:36px;justify-content:center;left:10px;position:absolute;top:18px;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease;width:36px;z-index:2}.filter-rail-button:hover{background:var(--accent-soft);border-color:#0f766e6b;box-shadow:0 8px 20px #0f766e24;transform:translateY(-1px)}.filters.collapsed .filter-rail-button{display:inline-flex}.filter-content{min-width:0;transition:opacity .13s ease,transform .13s ease}.filters.collapsed:not(.preview):not(:hover) .filter-content{opacity:0;pointer-events:none;transform:translate(-8px);visibility:hidden}.filters.collapsed.preview .filter-rail-button,.filters.collapsed:hover .filter-rail-button{opacity:0;pointer-events:none}.left-resize{grid-column:2}.paper-workbench{grid-column:3}.right-resize{grid-column:4}.filter-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.filter-head div{align-items:center;display:flex;font-weight:700;gap:8px}.filter-head svg{color:var(--accent)}.filter-head button{background:transparent;color:var(--muted);height:28px;padding:0 9px}.filter-head-actions{align-items:center;display:flex;gap:6px}.filter-group{border-top:1px solid var(--line);padding:15px 0}.filter-title{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.04em;margin-bottom:9px;text-transform:uppercase}.filter-options{display:grid;gap:6px}.filter-option{align-items:center;background:transparent;border:0;border-radius:7px;color:var(--muted);cursor:pointer;display:flex;gap:10px;justify-content:space-between;min-height:31px;padding:5px 8px;text-align:left;transition:background .14s ease,box-shadow .14s ease,color .14s ease,transform .14s ease}.filter-option span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-option span:last-child{color:var(--faint);font-size:12px}.filter-option:hover{background:#e5f5f1;color:var(--ink);box-shadow:inset 3px 0 0 var(--accent);transform:translate(2px)}.filter-option.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:700}.filter-option.active:hover{background:#c2ebe3;box-shadow:inset 3px 0 0 var(--accent);transform:translate(2px)}.paper-workbench{background:var(--bg);display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;padding:18px}.workbench-head{align-items:center;display:flex;height:42px;justify-content:space-between;margin-bottom:10px}.workbench-head>div{align-items:baseline;display:flex;gap:10px}.eyebrow{color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.workbench-head strong{font-size:28px;line-height:1}.sort-control{background:var(--surface);cursor:pointer;gap:8px;height:36px;padding:0 9px}.sort-control:hover{background:var(--accent-soft);border-color:#0f766e6b;color:var(--accent-ink);box-shadow:0 6px 16px #0f766e1f;transform:translateY(-1px)}.sort-control select{appearance:none;background:transparent;border:0;color:var(--ink);outline:0}.table-head{color:var(--muted);display:grid;font-size:11px;font-weight:800;gap:14px;grid-template-columns:minmax(250px,1.1fr) minmax(250px,1.2fr) minmax(230px,1fr) minmax(140px,.6fr) 76px;letter-spacing:.05em;padding:0 12px 8px;text-transform:uppercase}.paper-list{display:flex;flex-direction:column;flex:1 1 auto;gap:7px;min-height:0;overflow:auto;padding:0 3px 18px 0}.paper-row{align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:8px;cursor:pointer;display:grid;gap:14px;grid-template-columns:minmax(250px,1.1fr) minmax(250px,1.2fr) minmax(230px,1fr) minmax(140px,.6fr) 76px;height:auto;min-height:min-content;padding:12px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.paper-row:hover{background:#fbfefd;border-color:#0f766e7a;box-shadow:0 12px 28px #0f766e1f;transform:translateY(-1px)}.paper-row:focus-within{border-color:#0f766eb3;box-shadow:0 0 0 3px #0f766e21}.paper-row.selected{border-color:var(--accent);box-shadow:0 0 0 1px #0f766e33}.row-title{display:grid;gap:10px;grid-template-columns:30px minmax(0,1fr);min-width:0}.row-title>div{min-width:0}.compare-toggle{align-self:start;background:var(--surface);color:var(--muted);height:28px;width:28px}.compare-toggle.active{background:var(--accent);border-color:var(--accent);color:#fff}.compare-toggle.active:hover{background:var(--accent-ink);border-color:var(--accent-ink);color:#fff}.row-title h3{font-size:15px;letter-spacing:0;line-height:1.28;margin:0;overflow-wrap:anywhere;word-break:normal}.row-meta{color:var(--muted);display:flex;flex-wrap:wrap;font-size:12px;gap:6px;margin-top:8px}.row-meta span{background:var(--surface-2);border-radius:5px;padding:3px 6px}.row-idea,.row-result,.row-tags{min-width:0;overflow-wrap:anywhere;align-self:start}.row-idea p,.row-result p{color:var(--muted);display:-webkit-box;font-size:13px;line-height:1.45;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.row-tags{align-content:start;display:flex;flex-wrap:wrap;gap:6px;max-height:none;overflow:hidden}.row-tags span,.detail-tags span{background:#eef6f4;border:1px solid #cce7e1;border-radius:999px;color:var(--accent-ink);font-size:11px;font-weight:700;line-height:1.2;max-width:100%;min-width:0;overflow:hidden;padding:4px 7px;text-overflow:ellipsis;white-space:nowrap}.row-actions{align-items:center;color:var(--faint);display:flex;gap:7px;justify-content:flex-end}.icon-button{background:var(--surface);flex:0 0 auto;height:32px;width:32px}.icon-button:hover svg,.toolbar-button:hover svg,.sort-control:hover svg,.compare-toggle:hover svg{stroke-width:2.4}.icon-button.disabled{color:var(--faint);opacity:.4;pointer-events:none}.detail-panel{background:var(--surface);display:flex;flex-direction:column;grid-column:5;min-height:0;min-width:0;overflow:hidden}.detail-panel.empty{align-items:center;color:var(--muted);justify-content:center}.detail-head{align-items:start;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:20px 20px 14px}.detail-kicker{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.detail-head h2{font-size:20px;letter-spacing:0;line-height:1.18;margin:0}.detail-actions{display:flex;gap:8px}.detail-reopen{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 20px #1a24361a;color:var(--accent-ink);display:inline-flex;height:36px;justify-content:center;position:absolute;right:14px;top:18px;transition:background .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease;width:36px;z-index:10}.detail-reopen:hover{background:var(--accent-soft);border-color:#0f766e6b;box-shadow:0 10px 24px #0f766e24;transform:translateY(-1px)}.workspace.details-closed .paper-workbench{padding-right:72px}.detail-subtitle{color:var(--muted);font-size:12px;line-height:1.45;padding:12px 20px 0}.detail-tags{display:flex;flex-wrap:wrap;gap:6px;padding:12px 20px}.tabs{border-bottom:1px solid var(--line);display:flex;gap:4px;overflow-x:auto;padding:0 14px}.tabs button{background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--muted);height:40px;padding:0 9px}.tabs button:hover{background:#eaf6f3;color:var(--accent-ink)}.tabs button.active{border-bottom-color:var(--accent);color:var(--ink);font-weight:800}.tabs button.active:hover{background:transparent;color:var(--accent-ink)}.detail-body{flex:1;min-height:0;overflow:auto;padding:18px 20px 110px}.scan-stack{animation:panel-in .18s ease both;display:grid;gap:14px}.info-block{border-bottom:1px solid var(--line);padding-bottom:14px}.info-block>div{color:var(--muted);font-size:11px;font-weight:900;letter-spacing:.06em;margin-bottom:7px;text-transform:uppercase}.info-block p,.info-block li,.markdown-block p,.markdown-block li{color:#303846;font-size:13px;line-height:1.58}.info-block p,.markdown-block p{margin:0}.info-block ul,.markdown-block ul{margin:0;padding-left:18px}.info-block li+li,.markdown-block li+li{margin-top:7px}.markdown-block{display:grid;gap:13px}.markdown-block h4{color:var(--ink);font-size:14px;letter-spacing:0;margin:10px 0 0}.compare-panel{animation:compare-in .18s ease both;background:#fffffffa;border:1px solid var(--line-strong);border-radius:8px 8px 0 0;bottom:0;box-shadow:var(--shadow);left:290px;max-height:45svh;overflow:auto;position:fixed;right:22px;z-index:30}.compare-head{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;min-height:46px;padding:8px 12px}.compare-head>div{align-items:center;display:flex;gap:8px}.compare-head span{color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.compare-grid{display:grid;min-width:860px}.compare-label,.compare-cell{border-bottom:1px solid var(--line);border-right:1px solid var(--line);color:#303846;font-size:12px;line-height:1.45;min-height:54px;padding:10px}.compare-label{background:var(--surface-2);color:var(--muted);font-weight:900;letter-spacing:.04em;text-transform:uppercase}.compare-title{color:var(--ink);font-weight:800;position:relative}.mini-x{background:transparent;height:22px;position:absolute;right:6px;top:6px;width:22px}.mini-x:hover{background:#f3d8d6;border-color:#dfaaa6;color:#9f2f2b}@keyframes panel-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes compare-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1320px){.workspace{grid-template-columns:var(--left-panel-width, 248px) var(--left-resize-width, 8px) minmax(360px,1fr) var(--right-resize-width, 8px) var(--right-panel-width, 380px)}.table-head,.paper-row{grid-template-columns:minmax(230px,1fr) minmax(230px,1fr) minmax(140px,.6fr) 70px}.table-head span:nth-child(3),.row-result{display:none}}@media(max-width:1040px){.topbar{grid-template-columns:1fr}.workspace{grid-template-columns:1fr;overflow:auto}.resize-handle{display:none}.filters,.paper-workbench,.detail-panel{grid-column:1}.filters,.paper-workbench,.detail-panel{border:0;min-height:auto}.filters{display:block;max-height:260px}.detail-reopen{bottom:16px;position:fixed;right:16px;top:auto;z-index:24}.workspace.details-closed .paper-workbench{padding-right:18px}.workspace.left-collapsed{grid-template-columns:56px minmax(0,1fr)}.workspace.left-collapsed .filters{grid-column:1}.workspace.left-collapsed .paper-workbench,.workspace.left-collapsed .detail-panel{grid-column:2}.workspace.left-collapsed .filters.collapsed{max-height:none}.paper-list{height:auto;max-height:none}.detail-panel{min-height:480px}.compare-panel{left:12px;right:12px}}@media(max-width:760px){.topbar{padding:12px}.paper-workbench{padding:14px 12px 18px}.workspace.details-closed .paper-workbench{padding-right:12px}.workspace.details-closed .paper-list{padding-bottom:70px}.table-head{display:none}.paper-row{grid-template-columns:1fr}.row-actions{justify-content:flex-start}}
