:root{color:#25282d;font-synthesis:none;text-rendering:optimizelegibility;letter-spacing:0;--bg:#f5f6f7;--surface:#fff;--surface-muted:#eef0f2;--text:#25282d;--text-muted:#697078;--border:#dfe3e6;--border-strong:#c8cdd1;--accent:#d63f34;--accent-soft:#fff0ee;--green:#147b59;--shadow:0 14px 40px #1c20241f;background:#f5f6f7;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif}:root[data-theme=dark]{color:#e9eaeb;--bg:#17191b;--surface:#202326;--surface-muted:#292d30;--text:#e9eaeb;--text-muted:#a8afb5;--border:#34393d;--border-strong:#4b5156;--accent:#ff6b5e;--accent-soft:#3b2727;--green:#5ac69a;--shadow:0 18px 48px #00000057;background:#17191b}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);min-width:320px}button,input,textarea{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{min-height:100vh}.topbar{z-index:30;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:244px minmax(280px,680px) 1fr;align-items:center;min-height:68px;padding:10px 22px;display:grid;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{color:#fff;background:#272b2f;border-radius:6px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}:root[data-theme=dark] .brand-mark{color:#202326;background:#f0f1f2}.brand strong,.brand span{display:block}.brand strong{font-size:15px;line-height:1.25}.brand span{color:var(--text-muted);text-transform:uppercase;margin-top:2px;font-size:10px;line-height:1.2}.search-box{border:1px solid var(--border);width:100%;height:42px;color:var(--text-muted);background:var(--bg);border-radius:6px;align-items:center;padding:0 8px 0 13px;display:flex}.search-box:focus-within{border-color:var(--border-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}.search-box input{width:100%;min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:0;padding:0 10px}.search-box input::placeholder{color:var(--text-muted)}.top-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.icon-button,.primary-button,.secondary-button,.text-button,.load-more,.data-actions button{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:36px;transition:background .14s,border-color .14s,color .14s;display:inline-flex}.icon-button{border-color:var(--border);background:var(--surface);width:36px;height:36px;padding:0}.icon-button:hover{border-color:var(--border-strong);background:var(--surface-muted)}.icon-button.compact{background:0 0;border:0;width:28px;height:28px;min-height:28px}.icon-button.selected{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 34%, var(--border));background:var(--accent-soft)}.icon-button.danger:hover{color:var(--accent)}.primary-button{color:#fff;background:#272b2f;border-color:#272b2f;min-height:38px;padding:0 14px;font-weight:650}.primary-button:hover{border-color:var(--accent);background:var(--accent)}.secondary-button{border-color:var(--border);background:var(--surface);min-height:38px;padding:0 14px}.source-tabs{z-index:20;border-bottom:1px solid var(--border);background:var(--surface);scrollbar-width:none;gap:4px;min-height:49px;padding:7px 22px;display:flex;position:sticky;top:68px;overflow-x:auto}.source-tabs::-webkit-scrollbar{display:none}.source-tabs button{min-width:max-content;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:7px;padding:0 11px;display:inline-flex}.source-tabs button:hover{color:var(--text);background:var(--surface-muted)}.source-tabs button.active{color:var(--text);background:var(--surface-muted);font-weight:650}.source-tabs button span{min-width:22px;color:var(--text-muted);background:var(--surface);text-align:center;border-radius:4px;padding:2px 5px;font-size:11px}.workspace{grid-template-columns:244px minmax(0,1fr);min-height:calc(100vh - 117px);display:grid}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;align-self:start;height:calc(100vh - 117px);padding:20px 14px 14px;display:flex;position:sticky;top:117px;overflow:hidden}.sidebar-heading{color:var(--text-muted);justify-content:space-between;align-items:center;padding:0 8px 10px;font-size:12px;font-weight:700;display:flex}.close-sidebar,.mobile-menu{display:none}.category-list{min-height:0;padding-right:3px;overflow-y:auto}.category-row{width:100%;min-height:35px;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:7px 8px;display:grid}.category-row>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.category-row>span:last-child{text-align:right;min-width:26px;margin-left:8px;font-size:11px}.category-row:hover,.category-row.active{color:var(--text);background:var(--surface-muted)}.category-row.active{font-weight:650}.data-actions{border-top:1px solid var(--border);gap:3px;margin-top:auto;padding-top:14px;display:grid}.data-actions button{color:var(--text-muted);background:0 0;border:0;justify-content:flex-start;padding:0 8px;font-size:12px}.data-actions button:hover{color:var(--text);background:var(--surface-muted)}.data-actions button:disabled{opacity:.45;cursor:default}.content{width:min(1120px,100%);min-width:0;padding:30px 34px 40px}.content-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.eyebrow{color:var(--accent);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800}.content-heading h1,.modal-heading h2{color:var(--text);letter-spacing:0;margin:0}.content-heading h1{font-size:25px;line-height:1.22}.content-heading p{color:var(--text-muted);margin:7px 0 0;font-size:12px}.text-button{min-height:32px;color:var(--text-muted);background:0 0;border:0;padding:0 8px}.text-button:hover{color:var(--accent);background:var(--accent-soft)}.notice{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));min-height:42px;color:var(--accent);background:var(--accent-soft);border-radius:5px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 10px 8px 13px;font-size:13px;display:flex}.resource-list{border-top:1px solid var(--border)}.resource-row{border-bottom:1px solid var(--border);background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:92px;display:grid}.resource-row:hover{background:color-mix(in srgb, var(--surface) 68%, transparent)}.resource-row.read .resource-title-line strong{color:var(--text-muted)}.resource-main{min-width:0;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:13px;padding:16px 10px 15px 3px;display:grid}.source-icon{border:1px solid var(--border);width:40px;height:40px;color:var(--source-color);background:var(--surface);border-radius:6px;place-items:center;display:grid;overflow:hidden}.source-icon img{object-fit:cover;width:100%;height:100%}.resource-copy,.resource-title-line,.resource-description,.resource-meta{min-width:0}.resource-title-line{align-items:center;gap:7px;line-height:1.3;display:flex}.resource-title-line strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.resource-title-line svg{color:var(--green);flex:none}.resource-description{color:var(--text-muted);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:5px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.resource-meta{gap:6px;margin-top:8px;display:flex;overflow:hidden}.resource-meta span{max-width:190px;color:var(--text-muted);background:var(--surface-muted);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px;overflow:hidden}.row-actions{gap:5px;padding:0 7px;display:flex}.load-more{border-color:var(--border);width:100%;color:var(--text-muted);background:var(--surface);margin-top:16px}.load-more:hover{color:var(--text);border-color:var(--border-strong)}.empty-state{min-height:300px;color:var(--text-muted);align-content:center;place-items:center;gap:12px;display:grid}.empty-state strong{color:var(--text);font-size:14px}footer{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;gap:14px;margin-top:34px;padding-top:18px;font-size:11px;display:flex}footer div{gap:12px;display:flex}footer a{color:var(--text-muted);text-decoration:none}footer a:hover{color:var(--accent)}.modal-layer{z-index:100;background:#10121485;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border);background:var(--surface);width:min(480px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow);border-radius:7px;padding:22px;overflow-y:auto}.modal-heading{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal-heading h2{font-size:20px}.modal form,.modal label{display:grid}.modal form{gap:14px}.modal label{gap:6px}.modal label>span{color:var(--text-muted);font-size:12px;font-weight:650}.modal input,.modal textarea{border:1px solid var(--border);width:100%;color:var(--text);background:var(--bg);border-radius:5px;outline:0}.modal input{height:40px;padding:0 11px}.modal textarea{resize:vertical;min-height:80px;padding:10px 11px}.modal input:focus,.modal textarea:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.sidebar-backdrop{display:none}@media (width<=880px){.topbar{grid-template-columns:1fr auto;gap:8px;padding:10px 14px}.brand{grid-column:1}.search-box{grid-area:2/1/auto/-1}.top-actions{grid-area:1/2}.topbar{min-height:116px}.source-tabs{padding-inline:14px;top:116px}.workspace{grid-template-columns:1fr}.sidebar{z-index:60;width:min(300px,86vw);height:100vh;box-shadow:var(--shadow);transition:transform .18s;position:fixed;top:0;left:0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:50;background:#1012146b;border:0;display:block;position:fixed;inset:0}.close-sidebar,.mobile-menu{display:inline-flex}.content{padding:26px 18px 36px}}@media (width<=620px){.topbar{min-height:112px}.source-tabs{top:112px}.brand span{display:none}.primary-button{width:38px;padding:0;font-size:0}.top-actions>.icon-button:not(.mobile-menu){display:none}.content{padding-inline:12px}.content-heading{align-items:flex-start}.content-heading h1{font-size:22px}.resource-row{grid-template-columns:minmax(0,1fr) 34px;min-height:100px}.resource-main{grid-template-columns:36px minmax(0,1fr);gap:10px;padding-block:14px}.source-icon{width:34px;height:34px}.resource-description{-webkit-line-clamp:2}.resource-meta span:nth-child(2){display:none}.row-actions{flex-direction:column;padding:0 2px 0 0}.row-actions .icon-button{width:32px;height:32px;min-height:32px}.row-actions .danger,.row-actions .icon-button:last-child:not(:first-child){display:none}footer{flex-direction:column;align-items:flex-start}footer div{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}