*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}body{background:#090b11;font-family:Noto Sans JP,Hiragino Sans,sans-serif;color:#c9d1d9}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.app{display:grid;grid-template-columns:160px 1fr}.app,.pane-nav{height:100vh;overflow:hidden}.pane-nav{background:#070910;border-right:1px solid #161b28;display:flex;flex-direction:column}.nav-head{padding:10px 12px 8px;border-bottom:1px solid #161b28;flex-shrink:0}.nav-logo{font-size:13px;font-weight:700;color:#f1f5f9}.nav-date{margin-top:2px}.nav-date,.nav-updated{font-size:9.5px;color:#3d4f63}.nav-updated{margin-top:1px}.cat-scroll{flex:1 1;overflow-y:auto;padding:3px 0}.cat-scroll::-webkit-scrollbar{width:3px}.cat-scroll::-webkit-scrollbar-thumb{background:#1a2235;border-radius:2px}.cat-group{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#1e293b;padding:7px 11px 3px}.cat-item{display:flex;align-items:center;gap:6px;padding:5px 10px;cursor:pointer;font-size:11.5px;color:#4b5e73;transition:background .1s,color .1s;position:relative}.cat-item:hover{background:#0d1219;color:#8b949e}.cat-item.on{background:#0f1825;color:#f1f5f9}.cat-item.on:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;border-radius:0 2px 2px 0;background:var(--c,#94a3b8)}.cat-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cat-name{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-n{font-size:9px;background:#0d1219;padding:1px 5px;border-radius:5px}.cat-n,.del-cat{color:#2d3d50;flex-shrink:0}.del-cat{font-size:12px;line-height:1;cursor:pointer;opacity:0;transition:opacity .1s}.cat-item:hover .del-cat{opacity:1}.del-cat:hover{color:#ef4444!important}.nav-bottom{border-top:1px solid #161b28;padding:8px 10px;flex-shrink:0}.nav-refresh{display:flex;align-items:center;gap:5px;padding:5px 8px;border-radius:5px;font-size:11px;color:#3d4f63;transition:background .1s,color .1s;margin-bottom:6px;cursor:pointer}.nav-refresh:hover{background:#0d1219;color:#8b949e}.search-input{width:100%;background:#090b11;border:1px solid #161b28;border-radius:5px;color:#c9d1d9;padding:5px 8px;font-size:11px;outline:none;transition:border-color .15s}.search-input:focus{border-color:#3b82f6}.search-input::placeholder{color:#1e293b}.search-btn{width:100%;margin-top:4px;background:#1d4ed8;color:#fff;border:none;padding:5px;border-radius:5px;font-size:11px;font-weight:600;transition:background .15s}.search-btn:hover{background:#2563eb}.pane-main{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-head{padding:6px 14px;border-bottom:1px solid #161b28;display:flex;align-items:center;gap:6px;flex-shrink:0;min-height:32px}.main-head-label{font-size:12.5px;font-weight:700}.main-head-count{font-size:9.5px;color:#2d3d50;background:#0d1219;padding:1px 6px;border-radius:5px}.article-scroll{flex:1 1;overflow-y:auto;padding:8px 10px 40px}.article-scroll::-webkit-scrollbar{width:4px}.article-scroll::-webkit-scrollbar-thumb{background:#1a2235;border-radius:2px}.cat-section{margin-bottom:18px}.cat-sec-head{display:flex;align-items:center;gap:8px;padding:5px 8px 5px 10px;margin-bottom:7px;border-left:3px solid var(--sc,#94a3b8);background:#0d1117;border-radius:0 5px 5px 0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.cat-sec-title{font-size:12px;font-weight:700;flex:1 1}.cat-sec-count{font-size:9.5px;color:#2d3d50;background:#090b11;padding:1px 6px;border-radius:5px}.article-featured{background:#0d1117;border:1px solid #1a2235;border-radius:7px;padding:11px 13px;margin-bottom:6px;cursor:pointer;transition:border-color .1s,background .1s;border-left:3px solid var(--fc,#94a3b8)}.article-featured:hover{background:#0e1420;border-color:#334155}.article-featured.selected{background:#0f1825}.feat-title{font-size:14px;font-weight:700;color:#f1f5f9;line-height:1.4;margin-bottom:5px}.feat-summary{font-size:12px;color:#4b5e73;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}.feat-meta{font-size:10px;color:#2d3d50}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:5px;gap:5px}.a-card{background:#0d1117;border-radius:6px;padding:8px 10px;cursor:pointer;transition:border-color .1s,background .1s;border:1px solid #1a2235;border-left:2px solid transparent}.a-card:hover{background:#0e1420;border-color:#21262d}.a-card.selected{background:#0f1825;border-left-color:var(--c,#94a3b8)}.ac-title{font-size:12px;font-weight:500;color:#c9d1d9;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:3px}.ac-meta{font-size:10px;color:#2d3d50}.claude-badge{display:inline-block;background:#06b6d4;color:#001a1f;font-size:9px;font-weight:700;padding:1px 5px;border-radius:5px;letter-spacing:.2px;vertical-align:middle;margin-left:3px}.list-empty{padding:30px;color:#2d3d50;font-size:12px;text-align:center}.detail-overlay{display:none;position:fixed;inset:0;background:#00000055;z-index:100}.detail-overlay.show{display:block}.detail-panel{position:fixed;top:0;right:0;width:420px;max-width:100vw;height:100vh;background:#09090f;border-left:1px solid #161b28;z-index:101;transform:translateX(100%);transition:transform .2s ease;display:flex;flex-direction:column;overflow:hidden}.detail-panel.open{transform:translateX(0)}.dp-close{position:absolute;top:9px;right:11px;background:none;border:none;color:#3d4f63;font-size:17px;cursor:pointer;line-height:1;z-index:1}.dp-close:hover{color:#94a3b8}.dp-head{padding:11px 36px 9px 14px;border-bottom:1px solid #161b28;flex-shrink:0}.dp-cat{font-size:9.5px;letter-spacing:.5px;text-transform:uppercase}.dp-cat,.dp-title{font-weight:700;margin-bottom:5px}.dp-title{font-size:14px;color:#f1f5f9;line-height:1.4}.dp-meta{font-size:10.5px;color:#3d4f63}.dp-scroll{flex:1 1;overflow-y:auto;padding:11px 14px}.dp-scroll::-webkit-scrollbar{width:3px}.dp-scroll::-webkit-scrollbar-thumb{background:#1a2235;border-radius:2px}.dp-summary{background:#0d1117;border-left:2px solid #1a2235;border-radius:0 5px 5px 0;padding:8px 12px;font-size:12.5px;color:#8b949e;line-height:1.7;margin-bottom:10px}.dp-body-text p{font-size:13px;color:#8b949e;line-height:1.8;margin-bottom:9px}.dp-loading,.dp-no-body{font-size:11.5px;color:#2d3d50;padding:6px 0}.dp-actions{padding:9px 14px;border-top:1px solid #161b28;flex-shrink:0}.dp-link{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:6px;font-size:12px;font-weight:600;border:1px solid #21262d;color:#8b949e;background:#161b22;transition:all .12s}.dp-link:hover{border-color:#30363d;color:#c9d1d9;background:#1c2128}.loading-overlay{display:none;position:fixed;inset:0;background:#090b11bb;z-index:200;align-items:center;justify-content:center;flex-direction:column;gap:10px}.loading-overlay.show{display:flex}.spinner{width:28px;height:28px;border:3px solid #161b28;border-top-color:#60a5fa;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{font-size:12px;color:#4b5e73}.toast{position:fixed;bottom:20px;right:20px;background:#161b22;color:#e2e8f0;padding:8px 16px;border-radius:8px;font-size:12px;transform:translateY(50px);opacity:0;transition:all .25s;z-index:300;border:1px solid #21262d;pointer-events:none}.toast.show{transform:translateY(0);opacity:1}