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