@charset "UTF-8";
:root{--paper:#fafaf7;--surface:#fff;--ink:#253b33;--muted:#626c5d;--green:#214e3f;--green-dark:#163c2f;--wash:#edf2e9;--line:#e4e7df;--soft:#f1f2ec;--serif:Georgia,"Batang",serif;--font:"Noto Sans KR","Malgun Gothic","Apple SD Gothic Neo",sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:14px;letter-spacing:-.025em;line-height:1.65}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button{color:inherit}a{color:inherit;text-underline-offset:4px}svg{width:19px;height:19px;flex-shrink:0;display:block}button svg{pointer-events:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,main:focus-visible{outline:3px solid #8b982c;outline-offset:4px}::selection{background:#dce7cb;color:#143829}input{caret-color:var(--green)}[hidden]{display:none!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#c9d0c2;border-radius:8px}::-webkit-scrollbar-track{background:var(--paper)}.skip-link{position:fixed;top:-100px;left:20px;background:var(--green);color:#fff;padding:10px 20px;z-index:20}.skip-link:focus{top:10px}.app-shell{display:flex;min-height:100vh}.sidebar{width:234px;flex-shrink:0;background:#f2f4ec;border-right:1px solid var(--line);padding:31px 22px 0;position:fixed;top:0;bottom:0;display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;font-weight:750;font-size:21px;letter-spacing:-.07em;line-height:1.4;padding-left:5px}.brand-sub{display:block;font-size:10px;letter-spacing:.005em;color:var(--muted);font-weight:400;margin-top:3px}.sidebar-main{margin-top:53px}.nav-heading{font-size:10px;letter-spacing:.03em;color:#646f5e;font-weight:650;margin:0 12px 13px}.nav-item{height:44px;width:100%;border-radius:7px;display:flex;align-items:center;gap:11px;padding:0 12px;font-size:13px;font-weight:600}.nav-item.active{background:#e2e9d9;color:#244434}.nav-dot{height:5px;width:5px;background:#42643e;border-radius:50%;margin-left:auto}.nav-divider{border-top:1px solid #dfe5d7;margin:25px 12px}.category{display:flex;align-items:center;gap:10px;padding:3px 12px;font-size:13px;font-weight:650}.category-check{margin-left:auto;color:#547a46}.category-check svg{width:15px}.topic-heading{font-size:10px;color:#606e56;margin:22px 12px 9px}.sidebar-topics{padding:0 0 0 12px}.sidebar-topic{width:100%;display:flex;align-items:center;padding:9px 10px 9px 29px;text-align:left;color:#596859;font-size:12px;position:relative}.sidebar-topic::before{content:"";width:4px;height:4px;position:absolute;left:8px;background:#b5beb0;border-radius:50%}.sidebar-topic.selected{color:#214d37;font-weight:700}.sidebar-topic.selected::before{width:6px;height:6px;background:#527444;left:7px}.sidebar-topic small{margin-left:auto;color:#5e6e53;font-size:10px;font-weight:400}.sidebar-topic:hover:not(:disabled){background:#e7ecdf;border-radius:6px}.plain-button{padding:0;text-decoration:none;display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.plain-button:hover{color:var(--green)}.change-interest{margin:24px 12px}.change-interest svg{width:15px}.sidebar-bottom{margin-top:auto;padding:35px 12px 33px}.quiet-icon{color:#6b8063;margin-bottom:13px}.quiet-icon svg{width:23px;height:23px}.sidebar-bottom p{font-size:14px;color:#53634d;font-weight:500;margin:0 0 8px;line-height:1.9}.sidebar-bottom>span{font-size:10px;color:#65725d}.sidebar-foot{border-top:1px solid #dfe5d7;font-size:9px;color:#65725d;padding:17px 0;margin:0 10px}.workspace{margin-left:234px;min-width:0;width:calc(100% - 234px);min-height:100vh;display:flex;flex-direction:column}.topbar{height:79px;border-bottom:1px solid var(--line);padding:0 47px;display:flex;align-items:center;justify-content:space-between;background:var(--surface)}.breadcrumb{font-size:11px;color:#687360;display:flex;align-items:center;gap:13px}.breadcrumb strong{color:#5a655d;font-weight:500}.breadcrumb>span{font-size:10px;color:#66725b}.topbar-actions{display:flex;align-items:center;gap:23px}.save-status{font-size:10px;color:#65705e}.account-button{display:flex;align-items:center;gap:8px;font-size:12px;padding:8px 0}.account-button svg{width:17px}main{max-width:1480px;width:100%;padding:39px 47px 55px;margin:0 auto;flex:1}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:34px;font-weight:650;letter-spacing:-.065em;line-height:1.4;margin:0}h2{font-size:25px;letter-spacing:-.055em;line-height:1.5}h3{letter-spacing:-.04em}.page-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px}.intro-description{color:var(--muted);font-size:12px;margin:10px 0 0}.today{font-family:var(--serif);font-size:13px;letter-spacing:0;color:#697560;white-space:nowrap;padding-top:13px}.today strong{color:#3b4f3d;font-size:15px;font-weight:400}.topic-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin-bottom:30px;gap:12px}.topic-pills{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.topic-pill{padding:6px 15px;display:flex;gap:7px;align-items:center;font-size:12px;border-radius:5px;color:#6f796d}.topic-pill.active{background:var(--green);color:#fff}.topic-pill:hover:not(:disabled){background:#e4ecdd;color:var(--ink)}.topic-pill.active:hover{background:var(--green-dark);color:#fff}.topic-pill small{font-size:10px;opacity:.7}.sort-label{display:flex;gap:8px;align-items:center;font-size:11px;color:#737e70;white-space:nowrap}.sort-label svg{width:14px}.news-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:37px}.section-line{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-line h2{font-size:15px;letter-spacing:-.03em;margin:0;font-weight:650}.section-line>span{font-size:10px;color:#68745f}.article-item{border-bottom:1px solid var(--line);padding:24px 0;position:relative}.article-item:first-of-type{padding-top:3px}.article-meta{display:flex;align-items:center;gap:8px;color:#697560;font-size:10px;letter-spacing:0}.topic-tag{font-weight:600;color:#45603b;font-size:10px;background:#edf1e7;border-radius:3px;padding:2px 6px}.article-title{display:block;text-align:left;padding:0;margin:11px 0 10px;font-size:19px;font-weight:600;letter-spacing:-.045em;line-height:1.65;width:100%}.article-title:hover{color:#4a713a}.article-item:first-of-type .article-title{font-size:25px;line-height:1.6;letter-spacing:-.055em}.article-preview{font-size:12px;color:#69755f;margin:0 0 17px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.95}.article-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#68745f}.read-link{font-size:11px;font-weight:600;color:#3b5e32;display:flex;gap:7px;align-items:center;padding:2px 0}.read-link svg{width:14px}.news-aside{padding-top:2px}.interest-panel{background:#edf1e7;border-radius:10px;padding:23px 21px 24px}.panel-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;margin:0 0 20px}.panel-title svg{color:#66805b;width:17px}.interest-name{font-size:23px;font-weight:650;letter-spacing:-.06em;line-height:1.4;margin:0 0 9px}.interest-desc{font-size:11px;color:#5e6e51;line-height:1.9;margin:0}.interest-count{font-size:10px;border-top:1px solid #d5deca;margin:19px 0 14px;padding-top:13px;color:#6c7b5e;display:flex;gap:6px;align-items:center}.interest-count svg{width:13px}.panel-change{font-size:11px;color:#435d35;display:flex;align-items:center;gap:7px;font-weight:550;padding:0}.panel-change svg{width:13px}.reading-note{padding:26px 4px}.reading-note>svg{width:23px;height:23px;color:#758d65;margin-bottom:15px}.reading-note h3{font-size:14px;font-weight:600;margin:0 0 9px}.reading-note p{font-size:11px;color:#68745f;line-height:2;margin:0}.reading-steps{display:flex;align-items:center;gap:9px;color:#5c6e4b;font-size:10px;margin-top:17px}.reading-steps svg{width:12px}.source-note{border-top:1px solid var(--line);padding:20px 4px;color:#68745f;font-size:10px;line-height:2}.source-note strong{display:block;font-size:10px;font-weight:550;color:#607451;margin-bottom:5px}.page-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;padding:21px 47px;color:#65725b;font-size:10px}.page-footer .plain-button{font-size:10px}.footer-separator{margin:0 7px;color:#6b765f}.error-banner{background:#fff0e9;color:#8b452a;border:1px solid #efc8b7;border-radius:6px;padding:12px 16px;margin-bottom:20px;font-size:13px}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:380px;color:var(--muted);font-size:13px}.spinner{width:23px;height:23px;border:2px solid #dce5d3;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--green);color:white;padding:12px 21px;font-size:13px;font-weight:550;border-radius:6px;min-height:44px}.primary-button:hover{background:var(--green-dark)}.primary-button svg{width:16px}.secondary-button{border:1px solid #cdd7c5;padding:11px 20px;border-radius:6px;font-size:12px;display:inline-flex;gap:8px;align-items:center}.wide{width:100%}.empty-state{padding:38px 35px;background:#f0f3eb;border-radius:12px}.empty-state h2{font-size:23px;margin-top:0}.empty-state p{max-width:65ch;font-size:13px;color:var(--muted)}.empty-state .primary-button{margin-top:16px}.availability-list{display:flex;gap:16px;flex-wrap:wrap;margin:26px 0}.availability-item{min-width:150px;padding:17px 21px;background:#fff;border-radius:8px}.availability-item strong{display:block;font-size:14px}.availability-item span{font-size:11px;color:var(--muted)}.setup-flow{display:flex;align-items:center;gap:12px;color:#748369;font-size:11px;margin-bottom:22px}.setup-flow strong{color:#2d513c;font-weight:550}.setup-flow svg{width:13px}.onboarding{max-width:760px;margin:15px auto}.onboarding h1{font-size:37px;line-height:1.55}.onboarding .intro-description{font-size:14px;line-height:1.9}.onboarding-form{margin:32px 0 0}.onboarding fieldset{padding:0;border:0;margin:0 0 25px}.onboarding legend{font-weight:600;font-size:12px;margin-bottom:12px}.onboarding .primary-button{min-width:240px}.onboarding small{display:block;color:var(--muted);font-size:10px;margin-top:13px}.category-choice{display:flex;align-items:center;gap:10px;background:#f2f5ed;border:1px solid #d6dfcc;padding:13px 16px;border-radius:6px;font-size:13px}.category-choice input{accent-color:var(--green)}.category-choice>span{margin-left:auto;font-size:10px;color:#718661}.choice{display:flex;align-items:center;gap:13px;border:1px solid var(--line);padding:15px 16px;border-radius:7px;cursor:pointer;margin-bottom:9px;transition:background .15s}.choice:has(input:checked){background:#f0f5e9;border-color:#7b9562}.choice:has(input:disabled){cursor:not-allowed;background:#f6f6f1;color:#6b7563}.choice input{accent-color:var(--green);width:16px;height:16px;flex-shrink:0}.choice strong{display:block;font-size:13px;font-weight:600}.choice small{display:block;color:#667658;font-size:10px;margin:4px 0 0}.choice .choice-count{margin-left:auto;font-size:10px;color:#667658;white-space:nowrap}.modal{border:0;border-radius:13px;padding:28px 31px;max-width:470px;width:calc(100% - 36px);color:var(--ink);box-shadow:0 14px 70px #142d3026;max-height:calc(100vh - 50px);overflow:auto}.modal::backdrop{background:#213a3259;backdrop-filter:blur(2px)}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modal-icon{width:38px;height:38px;border-radius:9px;background:var(--wash);display:grid;place-items:center;color:#537443}.modal h2{font-size:25px;margin:10px 0}.icon-button{padding:8px;display:grid;place-items:center;border-radius:5px;color:#7d8875}.icon-button:hover{background:var(--soft)}.modal-description{color:var(--muted);font-size:12px;line-height:1.9;margin-bottom:26px}.modal fieldset{padding:0;border:0;margin:0 0 20px}.modal legend{font-size:11px;font-weight:650;margin-bottom:9px}.modal legend span{color:#667658;font-weight:400;margin-left:6px;font-size:10px}.form-error{font-size:12px;color:#9b4327;min-height:0;margin:10px 0 14px}.form-error:empty{margin:0 0 15px}.form-footnote{font-size:10px;color:#667658;text-align:center;margin:14px 0 0;line-height:1.9}.account-modal label.field{display:block;font-size:12px;font-weight:550;margin-bottom:16px}.account-modal input{display:block;width:100%;border:1px solid #d7ded0;border-radius:6px;margin-top:7px;padding:11px 12px;background:#fafbf7;font-size:13px}.account-modal input::placeholder{color:#66715f;font-size:11px}.account-switch{margin:19px 0 0;text-align:center;font-size:11px;color:var(--muted)}.account-switch button{color:var(--green);font-weight:650;text-decoration:underline;text-underline-offset:3px;margin-left:5px}.account-details{font-size:12px;color:var(--muted);line-height:2}.account-details strong{color:var(--ink)}.account-actions{display:flex;flex-direction:column;gap:13px;margin-top:22px}.danger-button{color:#a04330;font-size:11px;margin-top:10px;align-self:flex-start;padding:0}.about-copy{color:var(--muted);font-size:12px;line-height:2}.about-copy a{color:var(--green);display:inline-flex;gap:7px;align-items:center}.about-copy svg{width:13px}.toast{position:fixed;bottom:27px;left:calc(50% + 117px);transform:translateX(-50%);background:var(--green-dark);color:#fff;padding:12px 23px;font-size:12px;border-radius:7px;z-index:30;box-shadow:0 7px 25px #15372520;max-width:calc(100% - 30px)}.reader-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px}.reader-nav button{color:#687a5c;font-size:12px;display:flex;align-items:center;gap:7px;padding:0}.reader-nav svg{width:16px}.reader-grid{display:grid;grid-template-columns:minmax(0,760px) 200px;gap:40px}.reader-main{max-width:760px}.reader-main h1{font-size:32px;line-height:1.7;margin:17px 0}.reader-meta{font-size:11px;color:var(--muted);display:flex;flex-wrap:wrap;gap:13px;margin-bottom:27px}.reader-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:0 0 27px}.reader-tabs button{padding:12px 0;font-size:13px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.reader-tabs button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green);font-weight:650}.reader-body{font-size:15px;line-height:2.2;letter-spacing:-.02em;color:#3e4d42;word-break:keep-all;overflow-wrap:anywhere}.reader-body p{margin:0 0 22px;white-space:pre-line}.summary-label{font-size:11px;color:#6a7c60;background:#eef2e9;padding:12px 16px;margin-bottom:26px;border-radius:5px;display:flex;gap:8px;align-items:center}.summary-label svg{width:16px}.summary-list{padding:0 0 0 22px}.summary-list li{padding-left:8px;margin-bottom:23px}.article-license{border-top:1px solid var(--line);margin-top:36px;padding-top:23px;font-size:11px;color:var(--muted);line-height:2}.article-license strong{display:block;font-size:11px;color:#4d6143;font-weight:550}.article-license a{display:inline-flex;gap:5px;align-items:center;margin-top:10px;font-size:11px}.article-license svg{width:12px}.reader-side{padding-top:65px}.reader-side h3{font-size:12px;margin-bottom:10px}.reader-side p{font-size:11px;line-height:2;color:var(--muted)}.reader-side .primary-button{font-size:11px;padding:10px 15px;margin-top:12px}.reload-button{font-size:11px;display:flex;align-items:center;gap:6px;color:var(--green);padding:0}.reload-button svg{width:14px}
@media(min-width:1500px){main{padding-top:48px}.news-layout{grid-template-columns:minmax(0,1fr) 270px;gap:50px}.article-preview{font-size:13px}.article-title{font-size:21px}}
@media(max-width:1100px){.sidebar{width:205px;padding-left:16px;padding-right:16px}.workspace{margin-left:205px;width:calc(100% - 205px)}main{padding:32px 30px 40px}.topbar,.page-footer{padding-left:30px;padding-right:30px}.news-layout{grid-template-columns:minmax(0,1fr) 205px;gap:25px}.reader-grid{grid-template-columns:minmax(0,1fr)}.reader-side{display:none}.save-status{display:none}.toast{left:calc(50% + 102px)}}
@media(max-width:800px){.sidebar{width:180px;padding-left:12px;padding-right:12px}.workspace{margin-left:180px;width:calc(100% - 180px)}.brand{font-size:18px;gap:8px}.brand img{width:29px;height:29px}.brand-sub{font-size:9px}.news-layout{display:block}.news-aside{display:none}.topbar{height:65px}main{padding:28px 24px}.topbar,.page-footer{padding-left:24px;padding-right:24px}.today{display:none}h1{font-size:29px}.article-item:first-of-type .article-title{font-size:22px}.toast{left:calc(50% + 90px)}.sort-label{font-size:10px}}
@media(max-width:580px){.app-shell{display:block}.sidebar{position:relative;inset:auto;width:100%;height:auto;padding:18px 20px;display:block;border-right:0;border-bottom:1px solid var(--line)}.sidebar-main,.sidebar-bottom,.sidebar-foot{display:none}.brand{font-size:20px}.brand-sub{display:none}.workspace{width:100%;margin:0}.topbar{height:55px;padding:0 21px}.topbar .breadcrumb{font-size:10px}.topbar-actions{gap:10px}.account-button{font-size:11px}main{padding:26px 21px 34px}h1{font-size:29px}.page-intro{margin-bottom:25px}.intro-description{font-size:11px}.topic-bar{margin-bottom:24px}.topic-pill{font-size:11px;padding:6px 10px}.sort-label{font-size:9px;gap:3px}.article-title,.article-item:first-of-type .article-title{font-size:20px}.article-preview{font-size:12px}.page-footer{padding:18px 21px;flex-direction:column;gap:9px;font-size:9px}.onboarding{margin:0}.onboarding h1{font-size:30px}.onboarding .intro-description{font-size:12px}.onboarding .primary-button{width:100%}.choice{padding:13px 12px}.choice small{font-size:9px;max-width:190px}.choice .choice-count{font-size:9px}.modal{padding:23px}.toast{left:50%;font-size:11px;width:max-content}.reader-main h1{font-size:26px}.reader-body{font-size:14px;line-height:2.1}.empty-state{padding:26px 22px}.availability-item{flex:1}.reader-nav{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.preview-note{margin:-10px 0 25px;padding:12px 16px;border-radius:6px;background:#edf2e9;color:#3b5732;font-size:12px;line-height:1.8}
