@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+JP:wght@500;600;700&display=swap";:root{font-family:DM Sans,Hiragino Sans,Yu Gothic UI,sans-serif;color:#18263a;background:#f7f3ec;font-synthesis:none;text-rendering:optimizeLegibility;--navy:#15243a;--navy-soft:#223852;--ink:#18263a;--muted:#7e8b9b;--line:#e3ded6;--paper:#fbfaf7;--coral:#d97868;--coral-soft:#f5e4df;--sage:#4c9470;--shadow:0 10px 28px rgba(39,46,57,.06)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f7f3ec}button,input{font:inherit}button{cursor:pointer}.icon{display:inline-block;flex:0 0 auto}h1,h2,p{margin:0}.app-shell{min-height:100vh;display:flex;background:radial-gradient(circle at 80% 0%,rgba(255,255,255,.8),transparent 33%),#f7f3ec}.sidebar{width:246px;min-height:100vh;position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;padding:31px 0 23px;background:var(--navy);color:#fff}.brand-block{display:flex;align-items:center;gap:12px;padding:0 32px;margin-bottom:42px}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:#fff;background:#ffffff14}.brand-block strong{display:block;font-family:"Noto Serif JP",serif;font-size:18px;font-weight:600;letter-spacing:.04em}.brand-block span{display:block;margin-top:5px;color:#aeb9c9;font-size:11px;letter-spacing:.05em}.main-nav{display:grid;gap:3px}.nav-item{display:flex;align-items:center;gap:14px;min-height:53px;margin:0 13px;padding:0 19px;border:0;border-radius:3px;color:#c2ccda;background:transparent;text-align:left;font-size:14px;transition:.18s ease}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{color:#fff;background:var(--coral);box-shadow:0 8px 18px #00000029}.nav-item small{margin-left:auto;color:inherit;font-size:11px;opacity:.72}.nav-separator{margin-top:18px}.sidebar-footer{margin-top:auto;padding:18px 32px 0;border-top:1px solid rgba(255,255,255,.22)}.sidebar-footer p{color:#b6c1ce;font-family:"Noto Serif JP",serif;font-size:12px;line-height:1.9;letter-spacing:.08em}.version-label{display:block;margin-top:24px;color:#8393a7;font-size:10px;letter-spacing:.04em}.main-content{min-width:0;flex:1;margin-left:246px}.topbar{height:96px;display:flex;align-items:center;gap:14px;padding:0 34px;border-bottom:1px solid var(--line);background:#f7f3eccc;backdrop-filter:blur(13px);position:sticky;top:0;z-index:10}.search-box{height:50px;display:flex;align-items:center;gap:11px;flex:1;max-width:620px;padding:0 15px;color:#526378;border:1px solid #cfc9bf;border-radius:8px;background:#ffffff94}.search-box:focus-within{border-color:var(--coral);box-shadow:0 0 0 3px #d978681f}.search-box input{min-width:0;flex:1;border:0;outline:0;color:var(--ink);background:transparent;font-size:13px}.search-box input::placeholder{color:#9a9fa7}.search-box kbd{padding:3px 7px;border:1px solid #d9d4cd;border-radius:4px;color:#9a9fa7;background:#fff;font-size:10px}.filter-button{height:50px;display:flex;align-items:center;gap:9px;padding:0 17px;border:1px solid #cfc9bf;border-radius:8px;color:var(--ink);background:#ffffff94;font-size:13px}.filter-button.selected,.filter-button:hover{border-color:var(--coral);background:#fff}.sync-card{display:flex;align-items:center;gap:11px;min-width:274px;height:64px;padding:0 12px 0 17px;margin-left:auto;border:1px solid #d9d4cd;border-radius:9px;background:#ffffffa3;box-shadow:var(--shadow)}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 4px #e6f1e9}.sync-card>div:nth-child(2){display:grid;gap:1px;flex:1}.sync-card span{color:#8e958f;font-size:10px}.sync-card strong{color:var(--ink);font-size:13px}.sync-card small{color:#9a9fa7;font-size:9px}.sync-card button,.icon-button,.more-button{display:grid;place-items:center;border:0;color:var(--ink);background:transparent}.sync-card button:hover,.icon-button:hover,.more-button:hover{color:var(--coral)}.workspace{padding:32px 34px 38px}.content-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.content-header h1{font-family:"Noto Serif JP",serif;font-size:25px;font-weight:600;letter-spacing:.04em}.content-header h1 span{color:#9a9c9d;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.content-header p{margin-top:9px;color:#8b908e;font-size:12px}.header-actions{display:flex;align-items:center;gap:10px}.soft-button,.reader-button,.pdf-button{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;font-size:13px}.soft-button{height:40px;padding:0 14px;border:1px solid #d8d2c9;color:#596475;background:#fff}.soft-button:hover{border-color:var(--coral);color:var(--coral)}.icon-button{width:40px;height:40px;border:1px solid #d8d2c9;border-radius:7px;background:#fff}.filter-panel{display:flex;align-items:center;gap:8px;margin:-10px 0 17px;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}.filter-chip{padding:6px 12px;border:1px solid #ddd7ce;border-radius:99px;color:#697586;background:#fff;font-size:11px}.filter-chip.active,.filter-chip:hover{border-color:var(--coral);color:#a85b4f;background:var(--coral-soft)}.filter-panel>span{margin-left:auto;color:#92999d;font-size:11px}.archive-layout{display:grid;grid-template-columns:minmax(530px,1.25fr) minmax(360px,.85fr);gap:17px}.article-panel,.detail-panel{min-width:0;border:1px solid var(--line);border-radius:9px;background:#ffffffa6;box-shadow:var(--shadow);overflow:hidden}.list-toolbar{display:flex;align-items:center;justify-content:space-between;height:58px;padding:0 17px;border-bottom:1px solid var(--line);color:#90969a;font-size:12px}.sort-button{display:flex;align-items:center;gap:7px;border:0;color:#6c7886;background:transparent;font-size:11px}.article-list{min-height:560px}.article-row{width:100%;display:grid;grid-template-columns:28px minmax(160px,1.25fr) 89px minmax(140px,.9fr) 12px;align-items:center;gap:10px;min-height:52px;padding:0 17px;border:0;border-bottom:1px solid #ece8e2;color:var(--ink);background:transparent;text-align:left;transition:.16s ease}.article-row:hover{background:#fff}.article-row.selected{background:var(--coral-soft)}.favorite-toggle{display:grid;place-items:center;width:25px;height:25px;color:#aeb3b4}.favorite-toggle:hover{color:var(--coral)}.favorite-toggle .filled,.detail-star .filled{color:var(--coral);fill:var(--coral);stroke:var(--coral)}.article-copy{display:grid;gap:2px;min-width:0}.article-copy strong{overflow:hidden;color:#29374a;font-family:"Noto Serif JP",serif;font-size:12px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.article-copy span,.article-date,.article-source{overflow:hidden;color:#87909b;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.article-date{color:#526072;font-variant-numeric:tabular-nums}.article-source{font-size:10px}.status-cell{width:9px;height:9px;border-radius:50%;background:#aeb3b4}.status-cell.done{background:var(--sage)}.empty-state{min-height:560px;display:grid;place-items:center;align-content:center;gap:8px;color:#a1a5a6}.empty-state strong{font-family:"Noto Serif JP",serif;font-size:14px;color:#596475}.empty-state span{font-size:11px}.pagination{display:flex;align-items:center;justify-content:center;gap:9px;height:69px;border-top:1px solid var(--line);color:#728091}.pagination button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;color:inherit;background:transparent;font-size:12px}.pagination button:hover:not(:disabled){background:#f0ece6}.pagination button.current-page{color:#fff;background:var(--coral)}.pagination button:disabled{opacity:.3;cursor:not-allowed}.pagination small{margin-left:auto;margin-right:17px;color:#90979b;font-size:11px}.detail-panel{display:flex;flex-direction:column}.detail-heading{display:flex;justify-content:space-between;gap:12px;padding:25px 22px 19px;border-bottom:1px solid var(--line)}.detail-title-line{display:flex;align-items:flex-start;gap:11px}.detail-title-line h2{font-family:"Noto Serif JP",serif;font-size:23px;font-weight:600;letter-spacing:.04em}.detail-star{padding-top:3px;color:#adb3b4}.detail-heading p{display:flex;gap:8px;margin-top:11px;color:#7e8996;font-size:11px}.more-button{width:27px;height:27px}.detail-content{flex:1;overflow:auto;padding:19px 22px 12px;color:#455466;font-family:"Noto Serif JP",serif;font-size:13px;line-height:2}.detail-content img{display:block;width:100%;aspect-ratio:1.55;object-fit:cover;border-radius:5px;margin-bottom:17px}.detail-content p{margin-bottom:15px}.detail-content .signature{text-align:right;color:#657283;font-size:12px;line-height:1.75}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px 22px 20px;border-top:1px solid var(--line)}.reader-button,.pdf-button{height:52px;padding:0 12px}.reader-button{border:1px solid #bbb7ae;color:#536172;background:#fff}.reader-button:hover{border-color:var(--coral);color:var(--coral)}.pdf-button{border:1px solid var(--coral);color:#fff;background:var(--coral)}.pdf-button:hover{background:#c66758}.reader-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:25px;background:#15243a80;backdrop-filter:blur(4px)}.reader-modal{position:relative;width:min(660px,100%);max-height:92vh;overflow:auto;padding:32px 42px 38px;border-radius:12px;background:#fbfaf7;box-shadow:0 25px 80px #00000040}.reader-close{position:absolute;right:19px;top:18px;display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:50%;color:#718090;background:#f1eee9}.reader-label{color:var(--coral);font-size:11px;letter-spacing:.12em}.reader-modal h2{margin-top:10px;font-family:"Noto Serif JP",serif;font-size:28px}.reader-meta{margin-top:8px;color:#87919b;font-size:12px}.reader-modal>img{display:block;width:100%;margin:22px 0;border-radius:8px}.reader-body{color:#435267;font-family:"Noto Serif JP",serif;font-size:14px;line-height:2}.reader-body p{margin-bottom:15px}.pdf-button.wide{width:100%;margin-top:18px}.toast{position:fixed;right:29px;bottom:27px;z-index:70;display:flex;align-items:center;gap:9px;padding:12px 17px;border:1px solid #c3dfcf;border-radius:7px;color:#276f4b;background:#eef9f1;box-shadow:0 10px 28px #2d403526;font-size:12px}@media(max-width:1100px){.sidebar{width:216px}.main-content{margin-left:216px}.archive-layout{grid-template-columns:1fr}.detail-panel{min-height:700px}.sync-card{min-width:230px}.article-row{grid-template-columns:28px minmax(180px,1fr) 90px 12px}.article-source{display:none}}@media(max-width:720px){.sidebar{position:static;width:100%;min-height:auto;padding:18px 13px 14px}.app-shell{display:block}.brand-block{padding:0 8px;margin-bottom:14px}.main-nav{display:flex;overflow:auto;gap:5px;padding-bottom:3px}.nav-item{flex:0 0 auto;min-height:39px;margin:0;padding:0 11px;gap:7px;font-size:11px}.nav-item small,.nav-separator{margin-top:0}.sidebar-footer{display:none}.main-content{margin-left:0}.topbar{height:auto;display:grid;grid-template-columns:1fr auto;padding:14px;gap:9px}.search-box{max-width:none;grid-column:1/-1;height:44px}.filter-button{height:42px}.sync-card{min-width:0;height:42px;padding:0 9px}.sync-card small{display:none}.sync-card button{margin-left:3px}.workspace{padding:20px 14px}.content-header{align-items:flex-start;margin-bottom:18px}.content-header h1{font-size:21px}.content-header p{font-size:11px}.header-actions{display:none}.archive-layout{display:block}.article-panel{border-radius:8px}.article-list{min-height:0}.article-row{grid-template-columns:25px minmax(0,1fr) 12px;gap:8px;min-height:57px;padding:0 12px}.article-date,.article-source{display:none}.detail-panel{margin-top:15px;min-height:0}.detail-title-line h2{font-size:20px}.detail-heading{padding:20px 16px 15px}.detail-content{padding:16px;font-size:12px}.detail-actions{padding:13px 16px 16px}.pagination{height:59px}.pagination small{display:none}.filter-panel{overflow:auto;white-space:nowrap}.reader-modal{padding:28px 21px}.reader-modal h2{font-size:23px}}:root{--navy:#2a183b;--navy-soft:#4b2a62;--ink:#2a2032;--coral:#7c4d9d;--coral-soft:#eee5f4;--shadow:0 10px 28px rgba(52,33,67,.08)}.search-box:focus-within{box-shadow:0 0 0 3px #7c4d9d24}.filter-chip.active,.filter-chip:hover{color:#67417f}.pdf-button:hover{background:#684086}