@import"https://fonts.googleapis.com/css2?family=Newsreader:wght@400;500;600&display=swap";:root{--font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-reading: "Newsreader", Georgia, serif;--text-caption: .75rem;--text-small: .8125rem;--text-body: .875rem;--text-title: 1.375rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-control: .5rem;--radius-panel: .75rem;--radius-card: 1rem;--elevation-card: 0 1px 2px var(--theme-shadow);--elevation-popover: 0 8px 24px var(--theme-shadow);--elevation-modal: 0 24px 80px var(--theme-shadow);--feedback-duration: .12s;font-size:100%;line-height:1.5;font-optical-sizing:auto;font-family:var(--font-ui);font-synthesis:none;font-weight:400;color-scheme:light;--blue: #4355b9;--blue-light: #eef2ff;--theme-bg: #faf8ff;--theme-surface: #fff;--theme-sidebar: #fff;--theme-soft: #f3f2ff;--theme-hover: #ededfa;--theme-active: #eef2ff;--theme-text: #18191f;--theme-strong: #454652;--theme-muted: #64666e;--theme-border: #1e202912;--theme-field: #fff;--theme-shadow: #191b2412}:root[data-theme=dark]{color-scheme:dark;--theme-bg: #11141c;--theme-surface: #191d28;--theme-sidebar: #151924;--theme-soft: #202532;--theme-hover: #252b39;--theme-active: #282e4b;--theme-text: #dce0e8;--theme-strong: #eef0f5;--theme-muted: #9ba3b4;--theme-border: #2d3342;--theme-field: #171b25;--theme-shadow: #05070b66;--blue: #91a0f4;--blue-light: #252c4e;--line: var(--theme-border);--sidebar: var(--theme-sidebar)}@media(prefers-color-scheme:dark){:root[data-theme=system]{color-scheme:dark;--theme-bg: #11141c;--theme-surface: #191d28;--theme-sidebar: #151924;--theme-soft: #202532;--theme-hover: #252b39;--theme-active: #282e4b;--theme-text: #dce0e8;--theme-strong: #eef0f5;--theme-muted: #9ba3b4;--theme-border: #2d3342;--theme-field: #171b25;--theme-shadow: #05070b66;--blue: #91a0f4;--blue-light: #252c4e;--line: var(--theme-border);--sidebar: var(--theme-sidebar)}}*{box-sizing:border-box}body{margin:0;background:var(--theme-bg);color:var(--theme-text);overscroll-behavior-y:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{border:0;background:none;color:inherit;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}button:hover,a:hover{color:var(--blue)}button:disabled{opacity:.55;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:3px}svg{flex-shrink:0;vertical-align:middle}fieldset{border:0;padding:0;margin:0;min-width:0}.app-shell{display:flex;min-height:100dvh}.sidebar{width:240px;background:var(--theme-sidebar);border-right:1px solid var(--theme-border);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:var(--space-4) var(--space-2) 0;z-index:30;overflow-y:auto}.brand{display:flex;align-items:center;gap:.5625rem;font-family:var(--font-reading);font-size:1.75rem;font-weight:500;letter-spacing:-.8px;width:max-content;margin:0 var(--space-2) var(--space-6)}.brand-icon{display:grid;place-items:center;background:var(--theme-soft);color:var(--blue);width:34px;height:34px;border-radius:9px}.brand-icon svg{width:19px}.brand-dot{color:var(--blue)}.workspace-label,.section-label{font-size:var(--text-caption);font-weight:700;letter-spacing:.08em;color:var(--theme-muted);margin:0 var(--space-3) var(--space-2)}.section-label{display:flex;align-items:center;justify-content:space-between;margin-top:1.75rem}.section-label button{padding:var(--space-1)}.nav-item{display:flex;align-items:center;width:100%;gap:.625rem;min-height:36px;padding:.5625rem var(--space-3);border-radius:var(--radius-control);margin:.1875rem 0;color:var(--theme-strong);font-size:var(--text-body);text-align:left}.nav-item.active,.collection-row.active{background:var(--theme-active);color:var(--blue)}.nav-item:hover,.collection-row:hover{background:var(--theme-hover)}.nav-count{margin-left:auto;font-size:var(--text-caption);color:var(--theme-muted)}.active .nav-count{color:var(--blue);background:var(--blue-light);border-radius:var(--radius-card);padding:.125rem .3125rem}.collection-row{display:flex;align-items:center;border-radius:var(--radius-control);min-height:36px;padding-right:var(--space-3)}.collection-link{display:flex;align-items:center;gap:.5625rem;padding:.625rem 0;min-width:0;flex:1;font-size:var(--text-body);text-align:left}.collection-link span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-tags{display:flex;flex-wrap:wrap;gap:.375rem;padding:0 var(--space-3)}.tag-chip{border-radius:var(--radius-card);font-size:var(--text-caption);padding:var(--space-1) var(--space-2);background:var(--theme-soft);color:var(--theme-strong)}.tag-chip.selected,.tag-chip:hover{background:var(--blue-light);color:var(--blue)}.sidebar-bottom{margin-top:auto;padding-top:var(--space-5)}.profile-menu{position:relative}.profile-trigger{display:flex;align-items:center;gap:var(--space-3);width:calc(100% + 16px);min-height:76px;padding:var(--space-4) 1.25rem;margin:0 -8px;background:var(--theme-soft);text-align:left}.profile-trigger:hover,.profile-trigger[aria-expanded=true]{background:var(--theme-hover);color:inherit}.avatar{width:40px;height:40px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:var(--text-small);font-weight:600;border-radius:50%;flex-shrink:0;overflow:hidden}.avatar img{display:block;width:100%;height:100%;object-fit:cover}.profile-name{min-width:0;flex:1}.profile-name strong{font-size:var(--text-body);display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-name span{font-size:var(--text-small);color:var(--theme-muted);display:block;margin-top:.1875rem}.profile-chevrons{color:var(--theme-muted)}.profile-popup{position:absolute;z-index:2;right:0;bottom:calc(100% + 8px);left:0;padding:.375rem;border:1px solid var(--theme-border);border-radius:var(--radius-panel);background:var(--theme-surface);box-shadow:var(--elevation-popover)}.profile-popup button{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem;border-radius:var(--radius-control);color:var(--theme-strong);font-size:var(--text-body);text-align:left}.profile-popup button:hover{background:var(--theme-hover)}.main-shell{margin-left:15rem;width:calc(100% - 240px)}.pull-to-refresh{position:fixed;top:max(10px,env(safe-area-inset-top));left:calc(50% + 120px);z-index:24;display:flex;align-items:center;gap:var(--space-2);min-height:38px;padding:var(--space-2) .8125rem;border:1px solid var(--theme-border);border-radius:999px;background:color-mix(in srgb,var(--theme-surface) 94%,transparent);color:var(--theme-strong);box-shadow:0 8px 24px var(--theme-shadow);font-size:var(--text-small);font-weight:600;opacity:min(1,var(--pull-progress));pointer-events:none;transform:translate(-50%,calc(-100% - 16px + var(--pull-distance)));transition:opacity .16s,transform .16s}.pull-to-refresh[data-state=pulling]{transition:none}.pull-to-refresh svg{color:var(--blue);transform:rotate(calc(240deg * var(--pull-progress)))}.pull-to-refresh[data-state=refreshing] svg{animation:pull-to-refresh-spin .8s linear infinite}@keyframes pull-to-refresh-spin{to{transform:rotate(360deg)}}.topbar{min-height:4rem;padding:.75rem max(2rem,calc((100% - 102.5rem)/2 + 2rem));display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-bottom:1px solid var(--theme-border);background:var(--theme-bg)}.breadcrumbs{display:flex;gap:.625rem;align-items:center;font-size:var(--text-small);color:var(--theme-muted);min-width:0}.breadcrumbs>svg:first-of-type{display:none}.breadcrumbs strong{font-weight:500;color:var(--theme-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.theme-toggle{display:flex;gap:.125rem;padding:.1875rem;border:1px solid var(--theme-border);border-radius:var(--radius-control);background:var(--theme-surface)}.theme-toggle button{display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:5px;color:var(--theme-muted)}.theme-toggle button:hover{background:var(--theme-hover)}.theme-toggle button[aria-pressed=true]{background:var(--theme-soft);color:var(--blue)}.search-box{display:flex;align-items:center;gap:.5rem;padding:.625rem .75rem;flex:1;max-width:35rem;min-width:8.75rem;margin-right:auto;border:1px solid var(--theme-border);background:var(--theme-surface);border-radius:.5rem;color:var(--theme-muted)}.search-box input{border:0;background:transparent;min-width:0;width:100%;font-size:.8125rem;outline:0;color:var(--theme-text)}.search-box input::placeholder{color:var(--theme-muted)}.search-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-light)}.search-box kbd{font-size:var(--text-caption);background:var(--theme-soft);border-radius:4px;padding:.0625rem .3125rem}.search-box button{padding:0}.search-box .search-scope{display:inline-flex;align-items:center;gap:.25rem;max-width:9.375rem;padding:.1875rem .375rem;flex-shrink:0;border-radius:.3125rem;background:var(--theme-soft);color:var(--theme-strong);font-size:.6875rem}.search-scope span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-scope:hover{background:var(--theme-hover)}main{padding:1.125rem 2rem 6.25rem;max-width:102.5rem;margin:0 auto;container:library / inline-size}.page-heading{margin-bottom:var(--space-2)}.heading-row{display:flex;align-items:center;gap:var(--space-3);min-width:0}.heading-row h1{margin:0}.heading-count{color:var(--theme-muted);font-size:var(--text-body);white-space:nowrap}.collection-options{position:relative}.collection-options-trigger{color:var(--theme-muted)}h1,.modal h2,.empty-state h2{font-family:var(--font-reading);font-size:2.5rem;letter-spacing:-.02em;line-height:1.2;font-weight:500;margin:0 0 .625rem;overflow-wrap:anywhere}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;border-radius:var(--radius-control);padding:.625rem .875rem;min-height:36px;font-size:var(--text-body);font-weight:600;white-space:nowrap}.primary-button{background:#4355b9;color:#fff;box-shadow:0 1px 3px var(--theme-shadow)}.primary-button:hover{background:#364599;color:#fff}.secondary-button{border:1px solid var(--theme-border);background:var(--theme-surface);color:var(--theme-strong)}.secondary-button:hover{background:var(--theme-hover)}.library-toolbar{position:relative;display:grid;padding:.3125rem var(--space-2);margin-bottom:var(--space-4);border-radius:var(--radius-panel);background:var(--theme-surface);border:1px solid var(--theme-border)}.toolbar-mode{grid-area:1 / 1;display:flex;align-items:center;gap:var(--space-3);min-width:0}.toolbar-mode.is-inactive{visibility:hidden;pointer-events:none}.status-segments,.tag-action-switch{display:flex;align-items:center;gap:.125rem;padding:.1875rem;background:var(--theme-soft);border-radius:var(--radius-control)}.status-segments button,.tag-action-switch button{padding:.375rem .625rem;border-radius:6px;color:var(--theme-muted);font-size:var(--text-small)}.status-segments button[aria-checked=true],.tag-action-switch button[aria-checked=true]{color:var(--blue);background:var(--theme-surface);box-shadow:0 1px 3px var(--theme-shadow)}.tag-filter{display:flex;align-items:center;gap:var(--space-1);color:var(--theme-muted);background:var(--theme-soft);border-radius:var(--radius-control);padding-left:.5625rem}.tag-filter select{min-height:32px;max-width:150px;padding:.375rem 1.75rem .375rem var(--space-1);border:0;background:transparent;color:var(--theme-strong);font-size:var(--text-small)}.toolbar-spacer{flex:1}.toolbar-button{min-height:32px;padding:.375rem .625rem;border-radius:7px;color:var(--theme-strong);font-size:var(--text-small);font-weight:600;white-space:nowrap}.toolbar-button:hover{background:var(--theme-soft)}.selection-summary{min-width:82px;color:var(--blue);font-size:var(--text-small);white-space:nowrap}.bulk-primary-action,.bulk-desktop-actions,.bulk-mobile-actions{display:flex;align-items:center;gap:.125rem}.bulk-mobile-actions{display:none;position:relative}.danger-text{color:#a82222}:root[data-theme=dark] .danger-text{color:#ffaaa1}.toolbar-menu,.toolbar-popover{position:absolute;z-index:24;padding:.375rem;border:1px solid var(--theme-border);border-radius:10px;background:var(--theme-surface);box-shadow:var(--elevation-popover)}.toolbar-menu button{display:flex;width:100%;min-width:150px;padding:.5625rem .625rem;border-radius:7px;font-size:var(--text-small);text-align:left}.toolbar-menu button:hover,.toolbar-menu button:focus-visible{background:var(--theme-soft)}.collection-options-menu{top:calc(100% + 6px);left:0}.toolbar-popover{top:calc(100% + 8px);left:90px;width:min(340px,calc(100vw - 48px));padding:.875rem}.bulk-picker>label{display:grid;gap:.4375rem;color:var(--theme-muted);font-size:var(--text-small);font-weight:600}.bulk-picker select{width:100%;min-height:36px;padding:.4375rem;border:1px solid var(--theme-border);border-radius:var(--radius-control);background:var(--theme-field);color:var(--theme-text)}.tag-action-switch{margin-bottom:var(--space-3)}.tag-picker-list{display:grid;gap:var(--space-1);max-height:220px;overflow-y:auto}.tag-picker-list legend{margin-bottom:.4375rem;color:var(--theme-muted);font-size:var(--text-caption)}.tag-picker-list label{display:flex;align-items:center;gap:var(--space-2);padding:.375rem;border-radius:6px;color:var(--theme-strong);font-size:var(--text-small)}.tag-picker-list label:hover{background:var(--theme-soft)}.tag-picker-list input{accent-color:#4355b9}.popover-actions{display:flex;justify-content:flex-end;gap:.375rem;margin-top:var(--space-3)}.mobile-bulk-menu{top:calc(100% + 6px);right:0}.toolbar-warning{margin:-14px 0 1.25rem;color:var(--theme-muted);font-size:var(--text-body)}.sort-control{color:var(--theme-muted);font-size:var(--text-small);white-space:nowrap}.layout-toggle{display:flex;background:var(--theme-soft);padding:.1875rem;border-radius:var(--radius-control);gap:.125rem}.layout-toggle button{display:grid;place-items:center;padding:.3125rem;color:var(--theme-muted);border-radius:5px}.layout-toggle button.selected{background:var(--theme-surface);box-shadow:0 1px 3px var(--theme-shadow);color:var(--blue)}.articles.grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:stretch}@container library (min-width: 35rem){.articles.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container library (min-width: 60rem){.articles.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@container library (min-width: 90rem){.articles.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.article-card{position:relative;min-width:0;background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--elevation-card);transition:border-color var(--feedback-duration)}.article-card:hover{box-shadow:var(--elevation-card);border-color:color-mix(in srgb,var(--blue) 35%,var(--theme-border))}.grid .article-card{display:flex;flex-direction:column}.article-cover{width:100%;aspect-ratio:1.91 / 1;display:grid;place-items:center;text-align:left;padding:1.25rem;position:relative;overflow:hidden;background:var(--theme-soft);color:var(--theme-strong)}.cover-fallback{display:grid;place-items:center;width:3.375rem;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--blue) 20%,transparent);border-radius:.9375rem;background:var(--blue-light);color:var(--blue);font-family:var(--font-reading);font-size:1.6875rem;font-weight:600}.real-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.article-content{padding:1.125rem 1.125rem .875rem;min-width:0}.grid .article-content{flex:1;display:flex;flex-direction:column}.more-button{display:grid;place-items:center;width:32px;height:32px;padding:0;margin-left:auto;color:var(--theme-muted);border-radius:50%;line-height:1}.more-button:hover{background:var(--theme-soft)}.article-title{font-family:var(--font-reading);font-size:var(--text-title);line-height:1.3;font-weight:500;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:var(--space-2) 0 .625rem;overflow:hidden;overflow-wrap:anywhere}.article-card.is-read .article-title{color:var(--theme-muted)}.article-meta{display:flex;align-items:center;gap:.375rem;min-width:0;color:var(--theme-muted);font-size:var(--text-caption);line-height:1.3;white-space:nowrap}.article-domain{min-width:0;overflow:hidden;text-overflow:ellipsis}.article-meta time{flex-shrink:0}.reading-time{flex-shrink:0}.unread-dot{width:7px;height:7px;margin-left:auto;flex:0 0 7px;border-radius:50%;background:var(--blue)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.article-title svg{display:none}.description{font-size:var(--text-body);color:var(--theme-muted);line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.card-classifications{display:flex;align-items:center;gap:.3125rem;margin:.875rem 0;flex-wrap:wrap}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--space-2);gap:var(--space-2)}.collection-chip{display:inline-flex;margin-left:auto;width:max-content;max-width:100%;font-size:var(--text-small);font-weight:600;color:var(--theme-strong);background:var(--theme-soft);border-radius:999px;padding:.3125rem .625rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.read-toggle{display:grid;place-items:center;width:32px;height:32px;color:var(--theme-muted);padding:0;border-radius:50%;background:var(--theme-soft)}.read-toggle svg{color:var(--blue)}.read-toggle:hover,.read-toggle.done{background:var(--theme-soft);color:var(--blue)}.read-button{display:inline-flex;align-items:center;justify-content:center;gap:.3125rem;padding:.4375rem .625rem;border-radius:999px;background:var(--theme-soft);color:var(--theme-muted);font-size:var(--text-small);white-space:nowrap}.read-button svg,.read-button:hover{color:var(--blue)}.articles.list{display:flex;flex-direction:column;gap:.625rem}.list .article-card{display:flex;align-items:center;padding:var(--space-4) var(--space-3);gap:var(--space-4)}.list .article-cover{width:9rem;flex-shrink:0;border-radius:.4375rem;padding:.75rem}.list .cover-fallback{width:2.25rem;border-radius:.625rem;font-size:1.1875rem}.list .article-content{flex:1;padding:0;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--space-4)}.list .collection-chip,.list .article-meta,.list .article-title,.list .description,.list .card-classifications{grid-column:1}.list .article-title{margin:.375rem 0}.list .description{-webkit-line-clamp:2}.list .card-classifications{margin:var(--space-2) 0 0}.list .card-bottom{grid-column:2;grid-row:1 / 6;flex-direction:column;justify-content:space-between;align-items:flex-end;margin:0;padding:0;max-width:150px}.link-selection{position:absolute;top:10px;right:10px;z-index:2;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-control);background:var(--theme-surface);box-shadow:0 1px 4px var(--theme-shadow);opacity:0;transition:opacity .12s}.article-card:hover .link-selection,.article-card:focus-within .link-selection,.articles[data-selecting=true] .link-selection,.link-selection.selected{opacity:1}.link-selection.selected{width:auto;padding:0 var(--space-3);border-radius:999px;background:#4355b9;color:#fff}.link-selection.selected input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0}.link-selection span{display:flex;align-items:center;gap:.3125rem;font-size:var(--text-caption);font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.link-selection input{width:16px;height:16px;accent-color:#4355b9;cursor:pointer}.articles.list .link-selection{top:26px;right:auto;left:146px;width:28px;transform:translate(-100%)}.articles.list .link-selection.selected{width:auto;padding:0 .5625rem;background:#4355b9}.empty-state{text-align:center;padding:3.75rem var(--space-4)}.empty-state>span,.modal-symbol{background:var(--theme-soft);color:var(--blue);border-radius:var(--radius-panel);display:inline-grid;place-items:center;width:48px;height:48px}.empty-state h2{font-size:1.75rem;margin:1.25rem 0 .625rem}.empty-state p{font-size:var(--text-body);color:var(--theme-muted);max-width:350px;margin:0 auto var(--space-5);line-height:1.7}.modal{border:1px solid var(--theme-border);background:var(--theme-surface);border-radius:var(--radius-card);padding:0;width:480px;max-width:calc(100% - 32px);max-height:calc(100dvh - 40px);box-shadow:var(--elevation-modal);color:var(--theme-text)}.modal::backdrop{background:#18191f66}.modal-inner{padding:var(--space-6);position:relative}.modal-close{position:absolute;right:16px;top:16px;padding:var(--space-1);color:var(--theme-muted)}.modal-symbol{margin-bottom:1.25rem}.modal h2{font-size:1.75rem}.modal-subtitle{font-size:var(--text-body);color:var(--theme-muted);line-height:1.6;margin:0 0 var(--space-5)}.modal form label,.auth-card label{display:flex;flex-direction:column;position:relative;gap:var(--space-2);font-size:var(--text-small);font-weight:500;color:var(--theme-strong);margin:1.125rem 0}.optional{font-size:var(--text-caption);position:absolute;right:0;top:1px;font-weight:400;color:var(--theme-muted)}.modal input,.modal textarea,.modal select,.auth-card input{display:block;width:100%;border:1px solid var(--theme-border);background:var(--theme-field);border-radius:10px;padding:var(--space-3);color:var(--theme-text);font-size:var(--text-body);line-height:1.4;resize:vertical}.form-note{font-size:var(--text-small);color:var(--theme-muted);margin:1.25rem 0;line-height:1.6}.form-error,.auth-card .form-error{font-size:var(--text-body);color:#ba1a1a}.modal-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.625rem;border-top:1px solid var(--theme-border);padding-top:1.25rem;margin-top:var(--space-5)}.detail-modal{height:100dvh;max-height:100dvh;margin:0 0 0 auto;border-radius:0;width:430px;max-width:100%}.settings-modal{width:860px;height:min(680px,calc(100dvh - 40px))}.settings-modal .modal-inner{height:100%;padding:0}.settings-layout{display:grid;grid-template-columns:210px minmax(0,1fr);height:100%;min-height:0}.settings-sidebar{display:flex;flex-direction:column;gap:var(--space-6);padding:1.875rem 1.125rem;border-right:1px solid var(--theme-border);background:var(--theme-soft);border-radius:16px 0 0 16px}.settings-eyebrow{display:block;margin:0 .625rem .375rem;color:var(--theme-muted);font-size:var(--text-caption);font-weight:700;letter-spacing:.12em}.settings-sidebar h2{margin:0 .625rem;font-size:1.6875rem}.settings-sidebar nav{display:grid;gap:.3125rem}.settings-sidebar nav button{display:flex;align-items:center;gap:.625rem;width:100%;padding:.625rem var(--space-3);border-radius:9px;color:var(--theme-muted);font-size:var(--text-body);text-align:left}.settings-sidebar nav button:hover,.settings-sidebar nav button.selected{background:var(--theme-surface);color:var(--theme-text)}.settings-content{min-width:0;overflow-y:auto;padding:2.75rem 2.875rem}.settings-page{max-width:560px}.settings-heading{padding-right:var(--space-5);margin-bottom:1.875rem}.settings-heading h3{margin:0 0 .4375rem;font-family:var(--font-reading);font-size:1.875rem;font-weight:500}.settings-heading p,.api-key-note{margin:0;color:var(--theme-muted);font-size:var(--text-body);line-height:1.65}.account-card{display:flex;align-items:center;gap:.9375rem;padding:1.25rem;border:1px solid var(--theme-border);border-radius:13px;background:var(--theme-bg)}.settings-avatar{width:48px;height:48px}.account-card div>strong,.account-card div>span{display:block}.account-card div>strong{margin-bottom:var(--space-1);font-size:var(--text-body)}.account-card div>span{color:var(--theme-muted);font-size:var(--text-small)}.appearance-options legend,.api-key-form>label{margin-bottom:.625rem;color:var(--theme-strong);font-size:var(--text-small);font-weight:600}.appearance-options{display:grid;gap:.5625rem}.appearance-options button{display:flex;align-items:center;gap:.8125rem;padding:.875rem .9375rem;border:1px solid var(--theme-border);border-radius:11px;background:var(--theme-bg);text-align:left}.appearance-options button.selected{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-light)}.appearance-options button>span{flex:1}.appearance-options strong,.appearance-options small{display:block}.appearance-options strong{margin-bottom:.1875rem;font-size:var(--text-body)}.appearance-options small{color:var(--theme-muted);font-size:var(--text-caption)}.api-key-form{padding-bottom:var(--space-5);border-bottom:1px solid var(--theme-border)}.api-key-form>label{display:block}.api-key-form>div{display:flex;gap:.5625rem}.api-key-form input{flex:1;min-width:0}.created-key{margin-top:1.25rem;padding:var(--space-4);border:1px solid var(--blue);border-radius:var(--radius-panel);background:var(--blue-light)}.created-key>div:first-child strong,.created-key>div:first-child span{display:block}.created-key>div:first-child strong{font-size:var(--text-body)}.created-key>div:first-child span{margin-top:var(--space-1);color:var(--theme-muted);font-size:var(--text-caption)}.token-field{display:flex;align-items:center;gap:.625rem;margin-top:.8125rem;padding:.5625rem .625rem;border-radius:var(--radius-control);background:var(--theme-field)}.token-field code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;font-size:var(--text-caption)}.token-field button{display:flex;align-items:center;gap:.3125rem;color:var(--blue);font-size:var(--text-caption);font-weight:600}.api-key-list-heading{display:flex;align-items:center;gap:var(--space-2);margin:var(--space-5) 0 .625rem;font-size:var(--text-small)}.api-key-list-heading span{display:grid;min-width:20px;height:20px;padding:0 .3125rem;place-items:center;border-radius:10px;background:var(--theme-soft);color:var(--theme-muted);font-size:var(--text-caption)}.api-key-list{border:1px solid var(--theme-border);border-radius:var(--radius-panel);overflow:hidden}.api-key-list article{display:flex;align-items:center;gap:var(--space-3);padding:.8125rem .875rem;background:var(--theme-bg)}.api-key-list article+article{border-top:1px solid var(--theme-border)}.api-key-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:var(--theme-soft);color:var(--blue)}.api-key-details{flex:1;min-width:0}.api-key-details strong,.api-key-details span{display:block}.api-key-details strong{font-size:var(--text-small)}.api-key-details code{color:var(--theme-strong);font-size:var(--text-caption)}.api-key-details span{margin-top:.1875rem;color:var(--theme-muted);font-size:var(--text-caption)}.revoke-key{padding:var(--space-2);border-radius:7px;color:var(--theme-muted)}.revoke-key:hover{background:#ffdad6;color:#ba1a1a}.settings-empty{display:grid;justify-items:center;gap:.4375rem;padding:1.625rem;border:1px dashed var(--theme-border);border-radius:var(--radius-panel);color:var(--theme-muted);text-align:center;font-size:var(--text-caption)}.settings-empty strong{color:var(--theme-strong);font-size:var(--text-small)}.api-key-note{margin-top:1.125rem;font-size:var(--text-caption)}.detail-source{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-body);color:var(--blue);margin:1.25rem 0}.danger-button{display:flex;align-items:center;gap:.375rem;color:#ba1a1a;font-size:var(--text-small);margin-right:auto}.danger-fill{background:#ba1a1a}.danger-fill:hover{background:#93000a}.danger{color:#ba1a1a;background:#ffdad6}.toast{position:fixed;bottom:24px;left:calc(50% + 120px);transform:translate(-50%);display:flex;align-items:center;gap:.625rem;padding:.8125rem 1.0625rem;max-width:calc(100vw - 32px);border:1px solid var(--theme-border);background:var(--theme-surface);border-radius:var(--radius-panel);box-shadow:0 8px 35px var(--theme-shadow);z-index:70;font-size:var(--text-body);color:var(--theme-strong)}.toast>span{color:var(--blue)}.toast.error{border-color:color-mix(in srgb,#ba1a1a 45%,var(--theme-border))}.toast.error>span{color:#ba1a1a}.toast button{padding:var(--space-1);margin-left:auto}.toast .toast-action{margin-left:.375rem;color:var(--blue);font-weight:700}.mobile-menu,.nav-scrim{display:none}.icon-button{padding:var(--space-2);border-radius:6px;line-height:1}.text-button{color:var(--blue);font-size:var(--text-body);margin-top:var(--space-2);padding:.3125rem 0}.error-banner{padding:.875rem 1.125rem;background:#ffdad6;border-radius:var(--radius-control);color:#93000a;line-height:1.5;margin-bottom:1.25rem}.error-banner button{margin-left:var(--space-3);text-decoration:underline}.load-more{display:flex;justify-content:center;margin:1.875rem}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:var(--space-5)}.auth-card{width:100%;max-width:440px;background:var(--theme-surface);border:1px solid var(--theme-border);padding:var(--space-6);border-radius:var(--radius-card);box-shadow:0 8px 32px #191b2405}.auth-card .brand{margin:0 0 var(--space-5);font-family:var(--font-ui);font-size:var(--text-title);font-weight:700}.auth-card .brand-icon{background:#4355b9;color:#fff}.auth-card h1{font-size:2rem}.auth-card p{font-size:var(--text-body);color:var(--theme-muted);line-height:1.7;overflow-wrap:anywhere}.auth-card form .primary-button{width:100%;margin-top:var(--space-2);min-height:44px}.auth-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-5);font-size:var(--text-small);color:var(--blue);align-items:center}.google-button{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;min-height:44px;margin-top:1.75rem;border:1px solid var(--theme-border);border-radius:10px;color:var(--theme-strong);font-size:var(--text-body);font-weight:500}.google-button:hover{background:var(--theme-hover)}.auth-divider{display:flex;align-items:center;gap:var(--space-3);margin-top:1.125rem;color:var(--theme-muted);font-size:var(--text-small)}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--theme-border);flex:1}@media(max-width:1199px){.topbar{gap:.75rem}.breadcrumbs{gap:.375rem}.list .article-content{display:block}.list .card-bottom{flex-direction:row;justify-content:space-between;max-width:none;margin-top:var(--space-2)}}@media(max-width:1023px){.sidebar{transform:translate(-100%);transition:transform .2s}.sidebar.mobile-open{transform:translate(0)}.nav-scrim{display:block;position:fixed;inset:0;background:#18191f66;z-index:25}.main-shell{margin-left:0;width:100%}.pull-to-refresh{left:50%}.mobile-menu{display:block}.toast{left:50%}}@media(max-width:767px){.topbar{padding:.75rem 1rem;flex-wrap:wrap;gap:.75rem}.topbar-actions{margin-left:auto;gap:.5rem}.search-box{order:3;flex-basis:100%;max-width:none}.breadcrumbs>span,.breadcrumbs>svg{display:none}.breadcrumbs strong{max-width:100px}.theme-toggle button{width:26px}main{padding:1.5rem 1rem 7.5rem}h1{font-size:2rem}.heading-row{gap:var(--space-2)}.heading-count{font-size:var(--text-small)}.library-toolbar{display:block}.toolbar-mode{gap:.375rem}.toolbar-mode.is-inactive{display:none}.normal-toolbar{flex-wrap:wrap}.status-segments button{padding-inline:var(--space-2)}.tag-filter{order:4;max-width:100%}.tag-filter select{max-width:120px}.sort-control,.bulk-desktop-actions,.bulk-select-all{display:none}.bulk-mobile-actions{display:flex}.selection-summary{min-width:72px}.toolbar-popover{right:8px;left:8px;width:auto}.articles.grid{gap:1.25rem}.article-title{font-size:var(--text-title)}.list .article-card{gap:.625rem;padding:.875rem .625rem;align-items:flex-start}.list .article-cover{display:none}.articles.list .link-selection{top:14px;right:14px;left:auto;transform:none}.list .article-title{font-size:1.1875rem}.list .article-content{display:block}.list .description{-webkit-line-clamp:2}.modal-inner{padding:1.75rem var(--space-5)}.settings-modal{width:calc(100% - 20px);max-width:calc(100% - 20px);height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}.settings-modal .modal-inner{padding:0}.settings-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.settings-sidebar{gap:1.125rem;padding:1.375rem 1.125rem var(--space-3);border-right:0;border-bottom:1px solid var(--theme-border);border-radius:16px 16px 0 0}.settings-sidebar h2{font-size:1.5rem}.settings-sidebar nav{grid-template-columns:repeat(3,1fr)}.settings-sidebar nav button{justify-content:center;padding:.5625rem .375rem;font-size:var(--text-caption)}.settings-content{padding:1.75rem 1.25rem}.api-key-form>div{align-items:stretch;flex-direction:column}.api-key-form .primary-button{justify-content:center}.api-key-details span{line-height:1.45}.toast{width:max-content;line-height:1.5}.auth-page{padding:var(--space-4)}.auth-card{padding:1.75rem var(--space-5)}}@media(hover:none){.article-card:hover .link-selection,.article-card:focus-within .link-selection{opacity:0}.articles[data-selecting=true] .link-selection,.link-selection.selected{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.article-title svg{display:inline-block;color:var(--theme-muted)}.article-cover:focus-visible{outline-offset:-3px}.cover-open{position:absolute;bottom:10px;right:10px;display:grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-control);background:var(--theme-surface);color:var(--theme-strong)}.edit-link-button{display:flex;align-items:center;gap:.375rem;margin-left:auto;padding:var(--space-2);border-radius:var(--radius-control);font-size:.8125rem;color:var(--theme-strong)}.edit-link-button:hover{background:var(--theme-hover)}.read-toggle[aria-busy=true]{outline:2px dotted var(--blue);outline-offset:2px}.read-feedback{margin:0 0 1.25rem;display:grid;gap:var(--space-2)}.read-notice{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:.625rem var(--space-3);border:1px solid var(--theme-border);border-radius:10px;background:var(--theme-soft);font-size:.8125rem}.read-notice p{flex:1 1 180px;margin:0;overflow-wrap:anywhere}.read-notice button{color:var(--blue);padding:var(--space-2);border-radius:6px}.read-notice.error{border-color:#ba1a1a}.modal-inner>.read-feedback{margin-top:1.75rem}.nav-close{display:none}@media(max-width:1023px){.nav-close{display:grid;place-items:center;position:absolute;top:10px;right:8px}.sidebar{width:min(280px,calc(100vw - 48px));overscroll-behavior:contain}}@media(max-width:1023px),(pointer:coarse){.sidebar button,.status-segments button,.toolbar-button,.tag-filter select,.primary-button,.secondary-button,.danger-button,.icon-button,.theme-toggle button,.layout-toggle button,.read-toggle,.read-button,.edit-link-button,.modal-close,.toast button,.read-notice button,.search-box button,.tag-chip,.collection-chip,.revoke-key,.link-selection,.articles.list .link-selection{min-width:44px;min-height:44px}.list .article-content{min-width:0}.articles.list .article-meta{padding-right:2.75rem}.card-bottom,.topbar-actions{flex-wrap:wrap}.theme-toggle button{width:44px}}.tag-filter-picker{position:relative;display:flex;align-items:center;min-width:0}.tag-filter-trigger{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--theme-soft)}.tag-filter-options{position:absolute;top:calc(100% + 8px);left:0;z-index:40;width:min(300px,calc(100vw - 64px));padding:.875rem;border:1px solid var(--theme-border);border-radius:var(--radius-panel);background:var(--theme-surface);box-shadow:var(--elevation-popover)}.tag-filter-options label{display:grid;gap:var(--space-2);font-size:.8125rem}.tag-filter-options input{min-width:0;width:100%;padding:.625rem;border:1px solid var(--theme-border);background:var(--theme-field);color:var(--theme-text);border-radius:7px}.tag-filter-results{margin-top:.625rem;display:grid;max-height:min(320px,45dvh);overflow-y:auto}.tag-filter-results button{min-height:44px;padding:.625rem;text-align:left;overflow-wrap:anywhere;border-radius:6px}.tag-filter-results button[aria-pressed=true],.tag-filter-results button:hover{background:var(--theme-active);color:var(--blue)}.tag-filter-results p{font-size:.8125rem;line-height:1.5}.save-destination{font-size:.8125rem;color:var(--theme-muted);overflow-wrap:anywhere}.save-options{margin:var(--space-4) 0;border:1px solid var(--theme-border);border-radius:10px;padding:0 .875rem}.save-options summary{min-height:44px;padding:.875rem 0;font-size:.875rem;font-weight:600;cursor:pointer}.save-options summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.tag-suggestions{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-bottom:var(--space-4)}.tag-suggestions button{min-height:36px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--theme-soft);font-size:.8125rem}.tag-suggestions span{flex-basis:100%;font-size:.75rem;line-height:1.6;color:var(--theme-muted)}.duplicate-notice{margin-bottom:var(--space-4);border-radius:10px;padding:var(--space-4);background:var(--theme-soft);line-height:1.6;overflow-wrap:anywhere}.duplicate-notice p{font-size:.875rem}.empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.625rem}.library-loading>p,.library-progress{color:var(--theme-muted);font-size:.875rem}.loading-placeholders{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:var(--space-5)}.loading-placeholders.list{grid-template-columns:1fr}.loading-placeholder{min-height:300px;background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:var(--radius-card);padding:1.25rem}.loading-placeholders.list .loading-placeholder{min-height:130px}.loading-placeholder span{display:block;height:12px;border-radius:4px;background:var(--theme-soft);margin-bottom:.875rem}.loading-placeholder span:first-child{height:140px}.loading-placeholders.list .loading-placeholder span:first-child{height:24px}@media(max-width:767px){.tag-filter-picker{order:5;flex-basis:100%}.tag-filter-trigger{max-width:calc(100% - 44px)}.tag-suggestions button{min-height:44px}}.article-cover.missing-image{aspect-ratio:auto;min-height:4.5rem;padding:var(--space-4) var(--space-5);justify-items:start;background:var(--theme-surface);border-bottom:1px solid var(--theme-border)}.missing-image .cover-fallback{width:2rem;font-size:1.125rem;border:0;border-radius:var(--radius-control)}.article-content{padding:var(--space-5)}.article-title{font-size:var(--text-title);line-height:1.35;margin-block:var(--space-2) var(--space-3)}.article-card.is-read .article-title{color:var(--theme-text)}.article-meta{flex-wrap:wrap;font-size:var(--text-caption);line-height:1.5;gap:var(--space-1) var(--space-2);white-space:normal}.article-domain{flex-basis:100%;color:var(--theme-strong);font-weight:600;overflow-wrap:anywhere}.article-meta>.meta-source-divider{display:none}.description{font-size:var(--text-body);line-height:1.6}.collection-chip,.tag-chip{max-width:100%}.card-classifications .collection-chip{white-space:normal;overflow-wrap:anywhere;text-align:left}.list .article-cover.missing-image{width:9rem;justify-items:center;padding:var(--space-3);border:0;background:var(--theme-soft)}.list .article-domain{flex-basis:auto}.list .meta-source-divider{display:inline}.heading-row,.normal-toolbar,.modal-actions{flex-wrap:wrap}.primary-button,.secondary-button{white-space:normal;overflow-wrap:anywhere;text-align:center}.search-box{min-height:2.75rem;padding-block:.375rem}.search-box input{min-height:1.75rem}.modal input,.modal textarea,.modal select{font-size:1rem}.modal{width:30rem}.detail-modal{width:36rem}.settings-modal{width:56rem}button:not(:disabled):active,summary:active{opacity:.72;transition:none}a:active{color:var(--blue);text-decoration:underline;text-underline-offset:.2em}.article-cover:active{opacity:.8}.tag-filter-options,.collection-options-menu{transform-origin:top left}.profile-popup{transform-origin:bottom left}@supports (transition-behavior: allow-discrete){.modal{opacity:0;transition:opacity var(--feedback-duration) ease-out,display var(--feedback-duration) allow-discrete,overlay var(--feedback-duration) allow-discrete}.modal[open]{opacity:1}.modal:not([open]){pointer-events:none}.modal::backdrop{opacity:0;transition:opacity var(--feedback-duration) ease-out,display var(--feedback-duration) allow-discrete,overlay var(--feedback-duration) allow-discrete}.modal[open]::backdrop{opacity:1}@starting-style{.modal[open],.modal[open]::backdrop{opacity:0}}}@media(min-width:768px){.topbar{position:sticky;top:0;z-index:20}@supports (backdrop-filter: blur(12px)){.topbar{background:color-mix(in srgb,var(--theme-bg) 94%,transparent);backdrop-filter:blur(12px)}}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.topbar,.sidebar,.modal,.toolbar-menu,.toolbar-popover,.tag-filter-options,.profile-popup{background:var(--theme-surface);backdrop-filter:none}.modal::backdrop,.nav-scrim{background:#18191fcc;backdrop-filter:none}}@media(prefers-contrast:more){:root,:root[data-theme]{--theme-muted: var(--theme-text);--theme-border: var(--theme-text)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-width:3px}}.toolbar-mode{flex-wrap:wrap}.toolbar-mode.is-inactive{display:none}.collection-row .nav-count{flex-shrink:0}.collection-chip{border-radius:var(--radius-control)}.card-classifications .collection-chip{overflow:visible}.article-title{display:block}.tag-chip{overflow-wrap:anywhere}@media(max-width:767px){.article-content{padding:clamp(1rem,5vw,1.5rem)}.modal-inner{padding:clamp(1.5rem,6vw,2rem)}}.modal.settings-modal,.modal.settings-modal::backdrop{transition:none}.account-deletion{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--theme-border)}.account-deletion p{color:var(--theme-muted);line-height:1.6}.account-deletion-dialog{max-height:calc(100dvh - 2rem);overflow-y:auto}.account-deletion-dialog .modal-actions{display:flex;gap:.75rem;margin-top:1.25rem}.account-reauth{margin-block:1rem}.settings-modal .account-deletion-dialog .modal-inner{height:auto;padding:clamp(1.5rem,5vw,2rem)}.account-deletion .form-error{color:light-dark(#ba1a1a,#ffb4ab)}