@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=DM+Serif+Display:ital@0;1&display=swap";:root{font-family:DM Sans,sans-serif;color:#282d39;background:#fafbfc;font-synthesis:none;font-weight:400;--muted:#808592;--line:#e9ebf0;--blue:#5266cf;--blue-light:#eceffd;--sidebar:#f5f6f9;--radius:11px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8295e6;outline-offset:3px}svg{flex-shrink:0;vertical-align:middle}button{transition:background .15s,color .15s,box-shadow .15s}button:hover{color:var(--blue)}.app-shell{display:flex;min-height:100vh}.sidebar{width:242px;background:var(--sidebar);border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:34px 20px 0;z-index:30;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;font-size:33px;font-weight:700;letter-spacing:-1.8px;width:max-content;margin:0 12px 40px}.brand-icon{display:grid;place-items:center;background:var(--blue);color:#fff;width:34px;height:38px;border-radius:10px 10px 12px 4px}.brand-dot{color:var(--blue)}.workspace-label{font-size:12px;font-weight:650;letter-spacing:1.5px;color:#8d92a1;margin:0 12px 17px}.nav-item{display:flex;align-items:center;width:100%;gap:12px;padding:12px 13px;border-radius:7px;margin:3px 0;color:#656b7b;font-size:14px;font-weight:500}.nav-item.active,.collection-row.active{background:#e9ecf7;color:#485bb4}.nav-item:hover,.collection-row:hover{background:#eceef4}.nav-item.active svg{stroke-width:2.2}.nav-count{margin-left:auto;font-size:12px;color:#8e94a4}.active .nav-count{color:#6779c3}.section-label{display:flex;align-items:center;justify-content:space-between;margin:33px 12px 12px;font-size:12px;letter-spacing:1.6px;font-weight:650;color:#959aa6}.section-label button{padding:3px}.collection-row{display:flex;align-items:center;border-radius:7px;min-height:38px;padding-right:10px}.collection-link{display:flex;align-items:center;gap:10px;padding:9px 0;min-width:0;flex:1;font-size:14px;color:#656b7b;text-align:left}.collection-link>span:first-of-type{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-toggle{padding:5px;margin-right:-5px;color:#999fb0}.sidebar-tags{display:flex;flex-wrap:wrap;gap:7px 5px;padding:0 9px}.sidebar-tags button{border:1px solid #e5e7ec;padding:4px 8px;border-radius:5px;font-size:12px;color:#777e8d;background:#f9fafc}.sidebar-tags button span{color:#b4b9c5;padding-right:3px}.sidebar-tags button.selected{border-color:#aab6eb;color:var(--blue);background:var(--blue-light)}.sidebar-bottom{margin-top:auto;padding-top:36px}.export-button{display:flex;align-items:center;gap:11px;font-size:13px;color:#868c99;padding:10px 12px;margin-bottom:18px}.profile{border-top:1px solid #e5e7ed;display:flex;align-items:center;gap:10px;padding:21px 0}.avatar{width:33px;height:33px;background:#e2e6f1;color:#65729a;display:grid;place-items:center;font-size:12px;font-weight:650;border-radius:50%;flex-shrink:0}.profile strong{font-size:12px;display:block;font-weight:600}.profile span{font-size:12px;color:#959aa8;display:block;margin-top:3px}.profile>button{margin-left:auto;padding:4px;color:#9298a6}.main-shell{margin-left:242px;width:calc(100% - 242px)}.topbar{height:69px;border-bottom:1px solid var(--line);padding:0 44px;display:flex;align-items:center;justify-content:space-between;background:#fff}.breadcrumbs{display:flex;gap:12px;align-items:center;font-size:12px;color:#9197a4}.breadcrumbs strong{font-weight:500;color:#555e70}.preview-badge{display:flex;align-items:center;gap:7px;font-size:12px;color:#8b91a0}.preview-badge>span{width:5px;height:5px;border-radius:50%;background:#93a99b}main{padding:40px 44px 24px;max-width:1510px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}.eyebrow{font-size:12px;letter-spacing:1.7px;color:#a2a6b2;font-weight:600;margin-bottom:11px}h1{font-family:"DM Serif Display",Georgia,serif;font-size:37px;letter-spacing:-.7px;line-height:1.2;font-weight:400;margin:0 0 9px}.page-heading p{font-size:14px;color:#8b909d;margin:0;line-height:1.5}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:11px 16px;min-height:41px;font-size:13px;font-weight:550;white-space:nowrap}.primary-button{background:var(--blue);color:#fff;box-shadow:0 2px 3px #344b8720}.primary-button:hover{background:#4357bd;color:#fff}.secondary-button{border:1px solid #e0e4ed;background:#fff;color:#60697b}.secondary-button:hover{background:#f3f5fa}.library-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.status-tabs{display:flex;align-self:stretch;gap:24px}.status-tabs button{display:flex;align-items:center;gap:8px;color:#9096a4;font-size:13px;padding:0 0 16px;border-bottom:2px solid transparent;white-space:nowrap}.status-tabs button.selected{color:#5266c6;border-bottom-color:#5a6fd4;font-weight:600}.status-tabs button span{background:#eef0f4;border-radius:4px;padding:2px 5px;font-size:12px;min-width:19px;text-align:center;color:#989eac}.status-tabs button.selected span{background:#e9edfa;color:#6d7ccc}.search-box{display:flex;align-items:center;gap:8px;padding:8px 10px;width:255px;border:1px solid #e7eaf0;background:#fff;border-radius:7px;color:#a2a8b5;margin-bottom:12px}.search-box input{border:0;background:transparent;min-width:0;width:100%;font-size:12px;outline:0;color:#485269}.search-box input::placeholder{color:#a2a8b4}.search-box:focus-within{border-color:#9daee6;box-shadow:0 0 0 2px #e9edfd}.search-box kbd{font-family:inherit;font-size:12px;border:1px solid #e7e9ef;border-radius:3px;padding:0 5px}.search-box button{padding:0}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 0 27px}.filter-tags{display:flex;align-items:center;gap:7px;color:#a4aab7}.filter-tags>svg{margin-right:5px}.filter-tags button{display:flex;align-items:center;gap:5px;color:#9097a4;font-size:12px;padding:5px 9px;border:1px solid transparent;border-radius:5px}.filter-tags button.active{border-color:#e2e6ed;background:#fff;color:#626c80;box-shadow:0 1px 2px #20334a04}.display-controls{display:flex;align-items:center;gap:15px}.sort-control{display:flex;align-items:center;gap:4px;color:#9299a6;font-size:12px}.sort-control select{border:0;background:transparent;color:inherit;font-size:12px;max-width:110px;cursor:pointer}.layout-toggle{display:flex;border:1px solid #e7eaf0;background:#f0f2f6;padding:2px;border-radius:6px;gap:2px}.layout-toggle button{display:grid;place-items:center;padding:5px 6px;color:#a1a8b6;border-radius:4px}.layout-toggle button.selected{background:#fff;box-shadow:0 1px 3px #26314916;color:#626c83}.results-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;color:#a1a7b3;font-size:12px;font-weight:550;letter-spacing:1.5px}.results-heading>span:last-child{letter-spacing:0;font-weight:400;font-size:12px}.articles.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.article-card{min-width:0;background:#fff;border:1px solid #e6e9ef;border-radius:var(--radius);overflow:hidden;transition:box-shadow .2s,transform .2s}.article-card:hover{box-shadow:0 8px 22px #27335d09;transform:translateY(-2px);border-color:#d6dcec}.article-cover{width:100%;height:151px;display:flex;flex-direction:column;text-align:left;padding:18px 21px;position:relative;overflow:hidden}.cover-eyebrow{font-size:12px;letter-spacing:1.9px;font-weight:600;opacity:.7}.cover-title{white-space:pre-line;font-family:"DM Serif Display",Georgia,serif;font-size:29px;letter-spacing:-.5px;line-height:1.05;margin-top:14px}.cover-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:15px;opacity:.7}.cover-footer>span{font-family:DM Sans,sans-serif;font-size:12px;letter-spacing:.8px}.article-cover.ink{background:#293740;color:#d8e6db}.article-cover.rose{background:#ecdde2;color:#6b444f}.article-cover.paper{background:#e9e8e1;color:#6b6c5d}.article-cover.code{background:#e3e9ef;color:#52657d}.article-cover.code .cover-title{font-family:monospace;font-size:18px;line-height:1.5;letter-spacing:-.6px}.article-cover.type{background:#e8e4ee;color:#655e7f}.article-cover.type .cover-title{font-size:30px;line-height:.95}.article-cover.blue{background:#dce6f3;color:#465f8d}.article-cover.saved{background:#e7eaf5;color:#6475a7}.article-content{padding:16px 17px 0}.source-row{display:flex;align-items:center;gap:6px;font-size:12px;color:#9aa0ac;white-space:nowrap;min-width:0}.source-row>span:nth-child(2){color:#788294;max-width:48%;overflow:hidden;text-overflow:ellipsis}.source-icon{height:15px;width:15px;border-radius:4px;background:#e8ecf6;color:#7a86a3;display:grid;place-items:center;font-size:12px;font-family:Georgia,serif;font-weight:700}.source-icon.ink{background:#e2e9e5;color:#4e6c5e}.source-icon.rose{background:#f1e7ea;color:#a87685}.source-icon.paper{background:#eeeee5;color:#9a987b}.source-icon.type{background:#eee8f5;color:#9c87b5}.more-button{padding:0;margin-left:auto;color:#a7aebe;line-height:1}.article-title{font-size:16px;line-height:1.4;font-weight:600;letter-spacing:-.24px;display:block;margin:12px 0 8px;min-height:45px}.article-title svg{display:none;margin-left:3px;color:#929ed0}.article-title:hover{color:#5266c6}.article-title:hover svg{display:inline}.description{font-size:12px;color:#959ba8;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px}.article-tags{display:flex;gap:6px;margin:14px 0 15px;flex-wrap:wrap}.article-tags button{background:#f4f5f8;color:#969eac;font-size:12px;border-radius:4px;padding:3px 6px}.article-tags button:hover{background:var(--blue-light);color:var(--blue)}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eff1f5;padding:11px 0;gap:6px}.collection-chip{display:flex;align-items:center;gap:5px;font-size:12px;color:#9ca4b2;padding:2px 0;min-width:0}.read-button{display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;color:#8a95ab;padding:4px 6px;border-radius:4px;white-space:nowrap}.read-button:hover{background:#edf1fc;color:#5266c6}.read-button.done{color:#679180;background:#f0f7f3}.is-read .article-cover{opacity:.8}.end-note{display:flex;justify-content:center;gap:9px;align-items:center;margin:34px 0 28px;color:#adb3bf;font-size:12px}.mock-note{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:18px;font-size:12px;color:#acb2bd}.mock-note button{display:flex;gap:5px;align-items:center;color:#989fac;padding:0}.articles.list{display:flex;flex-direction:column;gap:12px}.list .article-card{display:flex;align-items:stretch}.list .article-cover{width:175px;height:auto;min-height:180px;flex-shrink:0}.list .cover-title{font-size:25px}.list .article-content{flex:1;min-width:0;padding:15px 21px 0}.list .article-title{min-height:0;margin:7px 0}.list .description{min-height:0;-webkit-line-clamp:1}.list .article-tags{margin:9px 0}.list .card-bottom{padding:8px 0}.empty-state{text-align:center;padding:70px 20px 95px}.empty-state>span{background:#edf0f8;color:#8697c5;border-radius:15px;display:inline-grid;place-items:center;width:64px;height:64px}.empty-state h2{font-family:"DM Serif Display",Georgia,serif;font-weight:400;font-size:27px;margin:20px 0 10px}.empty-state p{font-size:14px;color:#9098a8;max-width:350px;margin:0 auto 24px;line-height:1.7}.modal{border:1px solid #e5e9f0;border-radius:16px;padding:0;width:480px;max-width:calc(100% - 32px);max-height:calc(100dvh - 40px);box-shadow:0 30px 100px #18203a33;color:#30384a}.modal::backdrop{background:#202a4355;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-inner{padding:32px;position:relative}.modal-close{position:absolute;right:19px;top:18px;color:#9098a8}.modal-symbol{display:grid;place-items:center;width:47px;height:47px;border-radius:12px;background:#eef1fc;color:#7181bf;margin-bottom:21px}.modal h2{font-family:"DM Serif Display",Georgia,serif;font-size:28px;font-weight:400;letter-spacing:-.4px;margin:0 0 10px}.modal-subtitle{font-size:14px;color:#8d95a5;line-height:1.6;margin:0 0 25px}.modal form label{display:flex;flex-direction:column;position:relative;gap:8px;font-size:12px;font-weight:550;color:#707b90;margin:19px 0}.optional{font-size:12px;position:absolute;right:0;top:1px;font-weight:400;color:#a3aab7}.modal input,.modal textarea,.modal select{display:block;width:100%;border:1px solid #dde2ed;background:#fcfdff;border-radius:7px;padding:11px 12px;color:#4a556e;font-size:13px;line-height:1.5;resize:vertical}.modal input::placeholder{color:#b0b7c5}.form-note{font-size:12px;color:#a1a9b8;margin:20px 0;line-height:1.6}.form-error{font-size:12px;color:#b54c5c}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.detail-modal{height:100dvh;max-height:100dvh;margin:0 0 0 auto;border-radius:0;width:430px;max-width:100%;border:0}.detail-modal .modal-inner{padding:36px 30px}.detail-label{font-size:12px;letter-spacing:1.5px;color:#969fb2;display:flex;gap:8px;margin:18px 0 30px}.detail-source{display:flex;align-items:center;gap:8px;font-size:13px;color:#8292bf;margin:20px 0 30px}.detail-status{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#788299;padding:13px 0}.detail-status .read-button{font-size:12px}.danger-button{display:flex;align-items:center;gap:6px;color:#b57c83;font-size:12px;margin-right:auto}.danger-fill{background:#b15d68}.danger-fill:hover{background:#984b55}.danger{color:#b76c76;background:#fcf0f1}.toast{position:fixed;bottom:26px;left:calc(50% + 121px);transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:13px 17px;max-width:calc(100vw - 30px);border:1px solid #e0e6ef;background:#fff;border-radius:10px;box-shadow:0 8px 35px #26345520;z-index:70;font-size:13px;color:#6c768c}.toast>span{background:#edf5f0;color:#66937c;border-radius:50%;padding:3px;display:grid;place-items:center}.toast button{padding:0 0 0 9px;color:#a0a8b7;margin-left:auto}.mobile-menu{display:none}.icon-button{padding:6px;border-radius:5px;line-height:1}.nav-scrim{display:none}@media(min-width:1450px){main{padding-top:48px}.article-cover{height:185px}.cover-title{font-size:35px;margin-top:21px}.article-title{font-size:18px;min-height:51px}.description{font-size:14px;min-height:45px}.source-row,.article-tags button,.collection-chip,.read-button{font-size:12px}.article-content{padding:19px 21px 0}}@media(max-width:1150px){.sidebar{width:215px;padding-left:14px;padding-right:14px}.main-shell{margin-left:215px;width:calc(100% - 215px)}main{padding:32px 27px}.topbar{padding:0 27px}.articles.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.article-cover{height:163px}.toast{left:calc(50% + 107px)}.filter-tags button{padding:5px 6px}.display-controls{gap:7px}.page-heading p{font-size:13px}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s;width:250px;padding-left:20px;padding-right:20px}.sidebar.mobile-open{transform:translate(0)}.nav-scrim{display:block;position:fixed;inset:0;background:#25304d55;z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.main-shell{margin-left:0;width:100%}.mobile-menu{display:block;margin-left:-6px}.topbar{height:59px;padding:0 21px}.breadcrumbs{gap:8px}.breadcrumbs>svg:first-of-type{display:none}.preview-badge{font-size:12px}main{padding:28px 21px 20px}.page-heading{margin-bottom:27px;align-items:flex-start}.eyebrow{font-size:12px;letter-spacing:1.35px}h1{font-size:30px}.page-heading p{font-size:12px;max-width:220px}.page-heading .primary-button{padding:9px 12px;font-size:12px;margin-top:25px}.status-tabs{gap:19px}.status-tabs button{font-size:12px;padding-bottom:14px}.search-box{width:190px}.filter-bar{gap:8px;padding-bottom:22px}.sort-control{display:none}.filter-tags{gap:2px}.filter-tags button{font-size:12px}.articles.grid{gap:15px}.article-content{padding:13px 14px 0}.article-cover{padding:16px;height:148px}.cover-title{font-size:27px}.article-title{font-size:16px}.source-row{font-size:12px}.source-separator,.source-separator+span{display:none}.toast{left:50%}.end-note,.mock-note,.collection-chip,.read-button{font-size:12px}.list .article-cover{width:140px}.list .article-content{padding:12px 15px 0}}@media(max-width:480px){.library-toolbar{flex-wrap:wrap;gap:0}.status-tabs{width:100%;order:2}.search-box{width:100%;order:1;margin:0 0 20px;padding:10px 12px}.search-box input{font-size:13px}.articles.grid{grid-template-columns:1fr;gap:21px}.article-cover{height:170px;padding:21px 23px}.cover-title{font-size:33px}.cover-eyebrow{font-size:12px}.cover-footer>span{font-size:12px}.article-content{padding:18px 19px 0}.source-row{font-size:12px}.source-separator,.source-separator+span{display:inline}.article-title{font-size:18px;min-height:0;line-height:1.45;margin-top:13px}.description{font-size:14px;min-height:0}.article-tags button,.collection-chip,.read-button{font-size:12px}.article-tags{margin:15px 0}.card-bottom{padding:13px 0}.read-button{padding:7px}.page-heading p{max-width:195px}.page-heading .primary-button{font-size:12px;padding:9px 10px;gap:4px}.page-heading .primary-button svg{width:15px}h1{font-size:28px}.filter-tags>svg{display:none}.filter-tags button{font-size:12px;padding:6px}.filter-bar{padding-top:14px}.end-note{text-align:center;line-height:1.6;margin:29px 10px}.mock-note{flex-direction:column;align-items:center;gap:10px}.list .article-cover{display:none}.list .article-content{padding:15px 18px 0}.list .source-row{font-size:12px}.list .article-title{font-size:16px}.list .description,.list .article-tags button{font-size:12px}.modal-inner{padding:28px 23px}.toast{font-size:12px;bottom:16px;width:max-content}.optional,.preview-badge{font-size:12px}.preview-badge>span{width:4px;height:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.nav-item,.collection-link,.primary-button,.secondary-button,.status-tabs button,.filter-tags button,.sort-control,.sort-control select,.search-box input,.modal input,.modal textarea,.modal select,.modal form label{font-size:14px}.description{font-size:14px;line-height:1.6;min-height:45px}.article-cover{height:174px}.cover-eyebrow{font-size:12px;letter-spacing:1.2px}.cover-footer>span{font-size:12px;letter-spacing:0}.source-row>span:nth-child(2){max-width:54%}.source-separator,.source-separator+span{display:none}.source-icon{width:18px;height:18px}.profile strong{font-size:14px}.profile span{font-size:12px}.profile{gap:8px}.filter-bar,.filter-tags{flex-wrap:wrap}.display-controls{margin-left:auto}.end-note{line-height:1.6}.article-tags button,.read-button,.collection-chip{font-size:12px}.read-button{min-height:30px}.collection-chip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-bottom{gap:3px}.mock-note{line-height:1.6}.cover-title{margin-top:12px}.modal-subtitle{font-size:16px}.modal form label{font-size:14px}.optional{font-size:12px}@media(max-width:480px){.page-heading{flex-wrap:wrap;gap:16px}.page-heading .primary-button{margin-top:0;font-size:14px;padding:10px 14px}.page-heading p{max-width:none;font-size:14px}.library-toolbar{margin-top:8px}.filter-tags button{font-size:12px}.article-cover{height:180px}.description{font-size:16px;min-height:0}.sidebar .workspace-label{font-size:12px}.list .description{font-size:14px}.mock-note{font-size:12px}.article-title{font-size:19px}.toast{line-height:1.5}.end-note{font-size:12px}}fieldset{border:0;padding:0;margin:0;min-width:0}button:disabled{opacity:.55;cursor:wait}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:#f7f8fb}.auth-card{width:100%;max-width:470px;background:#fff;border:1px solid var(--line);padding:40px;border-radius:18px;box-shadow:0 16px 60px #2634550a}.auth-card .brand{margin-bottom:36px}.auth-card h1{font-size:32px}.auth-card p{color:#788299;line-height:1.7;overflow-wrap:anywhere}.auth-card label{display:flex;flex-direction:column;gap:8px;margin:20px 0;font-size:14px;color:#707b90}.auth-card input{padding:12px;border:1px solid #dde2ed;border-radius:7px;background:#fcfdff;font:inherit;width:100%}.auth-card .primary-button{margin-top:15px}.auth-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:28px;font-size:14px;color:#6379b4;align-items:center}.auth-links .primary-button{margin:0}.profile-name{min-width:0;flex:1}.profile-name strong{overflow:hidden;text-overflow:ellipsis;display:block}.real-cover{position:relative;overflow:hidden}.real-cover .cover-title{font-size:27px;overflow-wrap:anywhere}.real-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.text-button{color:#697fb7;font-size:13px;margin-top:10px;padding:5px 0}.error-banner{padding:14px 18px;background:#fff1f1;border:1px solid #eac8cc;border-radius:8px;color:#a04854;line-height:1.5;margin-bottom:20px}.error-banner button{margin-left:12px;text-decoration:underline}.load-more{display:flex;justify-content:center;margin:30px}.collection-link span{overflow:hidden;text-overflow:ellipsis}.auth-card .form-error{color:#b54c5c}button:focus-visible,a:focus-visible{outline:2px solid #748ac0;outline-offset:3px}@media(max-width:480px){.auth-card{padding:28px}.preview-badge{display:none}}