:root{--font-sans:"Outfit", system-ui, -apple-system, sans-serif;--font-serif:"Literata", Georgia, serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--radius-pill:8px;--radius-control:8px;--radius-seg:6px;--radius-card:12px;--radius-menu:12px;--radius-rail-btn:8px;--radius-input:8px;--radius-row:8px;--radius-frame:5px;--space-2:6px;--space-3:8px;--space-4:10px;--space-5:12px;--space-6:16px;--space-7:20px;--space-8:26px;--space-9:32px;--fs-xs:12px;--fs-sm:13px;--fs-md:14px;--fs-base:15px;--fs-lg:23px;--fs-xl:26px;--fs-2xl:32px;--rail-width:68px;--panel-width:240px;--card-column:3;--grid-gap:20px;--column-width:340px;--page-gutter:32px}@media (width<=480px){:root{--page-gutter:16px}}:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-sidebar:#111110;--bg-page:#131312;--bg-input-deep:#101010;--bg-card:#1c1c1a;--bg-hover:#1a1a19;--bg-menu:#242422;--bg-raised:#2a2a27;--bg-menu-hover:#2a2a27;--bg-button-subtle:#2a2a27;--border-divider:#1e1e1e;--border-card:#242424;--border-control:#262626;--border-menu:#2e2e2e;--border-strong:#333;--border-focus:#3a3a3a;--border-hover:#4a4845;--text-title:#e8e6e1;--text-primary:#e2e0da;--text-secondary:#d2d0ca;--text-tertiary:#c4c2bc;--text-muted:#9a9892;--text-faint:#6e6c67;--error:#f0564a;--error-hover:#ff6b5e;--error-bg:#f0564a1f;--error-border:#f0564a;--on-error:#141414;--danger-ui:#e57373;--danger-bg:#e573731f;--on-danger:#141414;--text-danger:#e0625a;--accent:#e8e6e1;--accent-hover:#f2f0eb;--on-accent:#131312;--brand:#f2dc7a;--on-brand:#141414;--star:#f2dc7a;--nav-on:#f2dc7a24;--nav-on-fg:#f2dc7a;--tonal:#2a2a27;--tonal-hover:#34342f;--selected:#34342f;--seg-track:#2a2a27;--seg-on:#34342f;--seg-on-text:#e8e6e1;--seg-text:#8a8a84;--card-rest:#1c1c1a;--card-hover:#21211f;--card-saved:#252523;--card-saved-hover:#292927;--border-rest:transparent;--border-saved:transparent;--card-ring-hover:transparent;--card-divider:#242422;--col-peach:#f2bfa6;--col-mint:#a8d8c8;--col-lilac:#c3b5f0;--col-sky:#9cc8e8;--col-sage:#bfd08e;--col-rose:#e8a8c0;--shadow-menu:0 24px 50px -18px #00000080;--shadow-seg:0 1px 2px #0000001a;--bg-source-paused:#1c1c1a;--bg-source-paused-hover:#21211f;--card-shadow:none;--card-shadow-hover:0 8px 20px #00000059;--ok:#7bc99a;--check-border:#3a3a36;--bg-column:#181817;--bg-add-panel:#2a2a27;--border-add-panel:transparent;--bg-add-panel-field:#34342f;--bg-add-item-hover:#1c1c1a;--surface:#1c1c1a;--line:#242422;--text-body:#a6a49e;--border-board-card:#262626;--modal-bg:#1c1c1a;--modal-shadow:0 24px 60px #0000008c;--modal-field:#2a2a27;--modal-field-focus:#9a9892;--pop-bg:#242422;--pop-shadow:0 24px 50px -18px #000000e6;--menu:#2a2a27;--menu-hover:#242422}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-sidebar:#f2f2ef;--bg-page:#f7f7f5;--bg-input-deep:#f0f0ec;--bg-card:#fafaf8;--bg-hover:#edede8;--bg-menu:#fff;--bg-raised:#f2f2ee;--bg-menu-hover:#f0f0ec;--bg-button-subtle:#e4e4de;--border-divider:#e6e6e0;--border-card:#e7e7e1;--border-control:#e2e2dc;--border-menu:#dcdcd5;--border-strong:#d3d3cc;--border-focus:#c8c8c0;--border-hover:#c8c8c0;--text-title:#1a1a18;--text-primary:#1f1f1c;--text-secondary:#3f3f3a;--text-tertiary:#4e4e48;--text-muted:#74746c;--text-faint:#97978f;--error:#c8433a;--error-hover:#b23a32;--error-bg:#c8433a1a;--error-border:#c8433a;--on-error:#fafaf8;--danger-ui:#c23b3b;--danger-bg:#f7e4e2;--on-danger:#fff;--text-danger:#b23a32;--accent:#1a1a18;--accent-hover:#3f3f3a;--on-accent:#fafaf8;--brand:#f4d66b;--on-brand:#1a1a18;--star:#e2b02a;--nav-on:#faefc9;--nav-on-fg:#1a1a18;--tonal:#edede8;--tonal-hover:#e4e4de;--selected:#e4e4de;--seg-track:#e9e9e4;--seg-on:#fff;--seg-on-text:#1a1a18;--seg-text:#6b6b66;--card-rest:#fafaf8;--card-hover:#fff;--card-saved:#fff;--card-saved-hover:#fcfcfa;--border-rest:#e7e7e1;--border-saved:#cfcfc7;--card-ring-hover:#c8c8c0;--card-divider:#e2e2dc;--col-peach:#c0643c;--col-mint:#2e8c73;--col-lilac:#6a5ecf;--col-sky:#2f6fb0;--col-sage:#6c8a2a;--col-rose:#b84a78;--shadow-menu:0 24px 50px -18px #1a1a162e;--shadow-seg:0 1px 2px #1a1a161a;--bg-source-paused:#eeeeea;--bg-source-paused-hover:#e6e6e1;--card-shadow:0 1px 2px #1e1c140d, 0 4px 14px #1e1c140f;--card-shadow-hover:0 2px 4px #1e1c140f, 0 10px 24px #1e1c1414;--ok:#2e8b57;--check-border:#d6d6d0;--bg-column:#edede8;--bg-add-panel:#fff;--border-add-panel:#e6e6e0;--bg-add-panel-field:#f4f4f1;--bg-add-item-hover:#f7f7f5;--surface:#fff;--line:#e6e6e1;--text-body:#595952;--border-board-card:#e7e7e1;--modal-bg:#fff;--modal-shadow:0 2px 6px #1e1c140f, 0 24px 60px #1e1c1424;--modal-field:#eeeeea;--modal-field-focus:#74746c;--pop-bg:#fff;--pop-shadow:0 2px 6px #1e1c140f, 0 24px 60px #1e1c1424;--menu:#fff;--menu-hover:#f0f0ec}[data-theme=light]:has(.sources-page){--bg-sidebar:#f7f7f5;--bg-input-deep:#f7f7f5;--bg-card:#fff;--bg-menu-hover:#fff;--card-saved-hover:#fff;--bg-hover:#eeeeea;--bg-raised:#eeeeea;--bg-button-subtle:#eeeeea;--tonal:#eeeeea;--selected:#eeeeea;--seg-track:#eeeeea;--card-rest:#eeeeea;--tonal-hover:#e6e6e1;--border-divider:#e6e6e1;--border-card:#e6e6e1;--border-control:#e6e6e1;--border-menu:#e6e6e1;--border-strong:#e6e6e1;--border-rest:#e6e6e1;--border-saved:#e6e6e1;--card-divider:#e6e6e1}:root{font:18px/145% var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}*,:before,:after{box-sizing:border-box;margin:0}body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0 auto}#root{flex-direction:column;min-height:100svh;display:flex}main{width:100%;max-width:1440px;padding:0 34px}@media screen and (width<=768px){main{padding:0 25px}}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-hover)}button{all:unset;box-sizing:border-box;cursor:pointer}input,textarea,select{font-family:inherit}::placeholder{color:var(--text-faint)}input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color 99999s ease-in-out}input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color 99999s ease-in-out}input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color 99999s ease-in-out}textarea:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color 99999s ease-in-out}textarea:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color 99999s ease-in-out}textarea:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color 99999s ease-in-out}.modal__input:-webkit-autofill{-webkit-text-fill-color:var(--text-title)}.modal__input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-title)}.modal__input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-title)}.app{background:var(--bg-page);min-height:100vh;display:flex}@media (width<=768px){.app{padding-bottom:64px}}.app__main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.filter-panel{height:100vh;width:var(--panel-width);gap:var(--space-8);border-right:1px solid var(--border-divider);background:var(--bg-page);flex-direction:column;flex:none;padding:26px 16px;line-height:normal;transition:margin-left .22s,visibility;display:flex;position:sticky;top:0;overflow-y:auto}.filter-panel--closed{margin-left:calc(-1 * var(--panel-width));visibility:hidden;transition:margin-left .22s,visibility 0s .22s}.filter-panel__section{flex-direction:column;gap:2px;display:flex}.filter-panel__label{padding:0 var(--space-4) var(--space-3);font-size:var(--fs-sm);color:var(--text-muted);justify-content:space-between;align-items:center;gap:5px;display:flex}.filter-panel__label button{color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;padding:0;transition:color .15s}.filter-panel__label button:hover{color:var(--text-primary)}@media (width<=768px){.filter-panel{z-index:50;height:auto;position:fixed;top:0;bottom:64px;left:0}.filter-panel__backdrop{z-index:40;background:#181c222e;transition:opacity .22s,visibility;position:fixed;inset:0 0 64px}.filter-panel__backdrop--closed{opacity:0;visibility:hidden;transition:opacity .22s,visibility 0s .22s}}.filter-row{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;padding:9px var(--space-4);border-radius:var(--radius-row);color:var(--text-primary);font-size:var(--fs-md);text-align:left;cursor:pointer;background:0 0;border:0;transition:background .15s,color .15s;display:flex}.filter-row:hover{background:var(--bg-hover)}.filter-row__name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.filter-row__count{color:var(--text-muted);margin-left:auto}.filter-row--active,.filter-row--active:hover{background:var(--selected);color:var(--text-primary);font-weight:500}.checkbox{border:1.5px solid var(--check-border);width:16px;height:16px;color:var(--on-accent);border-radius:4px;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.checkbox--on{border-color:var(--accent);background:var(--accent)}@media (prefers-reduced-motion:reduce){.filter-panel,.filter-panel--closed,.filter-panel__backdrop,.filter-panel__backdrop--closed{transition:none}}button:focus{outline:none}button:focus-visible{outline:2px solid var(--text-muted);outline-offset:2px}.collection-mark{background:var(--c);flex:none;width:10px;height:10px;display:inline-block}.collection-mark--circle{border-radius:50%}.collection-mark--square{border-radius:2px}.collection-mark--diamond{border-radius:1.5px;width:8px;height:8px;transform:rotate(45deg)}.collection-mark--triangle{clip-path:polygon(50% 0,100% 100%,0 100%);width:11px}.collection-mark--ring{border:2px solid var(--c);background:0 0;border-radius:50%}.collection-mark--hexagon{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);width:11px}.collection-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.collection-chip{white-space:nowrap;font-size:var(--fs-md);color:var(--text-tertiary);box-shadow:none;background:0 0;align-items:center;gap:8px;padding:0;line-height:1.4;display:inline-flex}.collection-chip .collection-mark{width:8px;height:8px}button.collection-chip{font:inherit;font-size:var(--fs-md);cursor:pointer;border:0;line-height:1.4;transition:color .14s}button.collection-chip:hover{color:var(--text-primary)}button.collection-chip:focus-visible{outline:2px solid var(--c);outline-offset:2px}.collection-chip.collection-chip--off{color:var(--text-faint)}.collection-chip.collection-chip--off .collection-mark{opacity:.6}button.collection-chip.collection-chip--off:hover{color:var(--text-primary)}button.collection-chip.collection-chip--off:hover .collection-mark{opacity:1}.collection-btn{background:var(--tonal);color:var(--text-secondary);font-size:var(--fs-xs);border-radius:var(--radius-control);white-space:nowrap;cursor:pointer;border:0;padding:5px 10px}.collection-btn:hover{background:var(--tonal-hover)}.collection-btn--open{background:var(--tonal-hover);color:var(--text-title)}.collection-menu{z-index:20;width:240px;padding:var(--space-2);border-radius:var(--radius-menu);background:var(--bg-menu);box-shadow:var(--shadow-menu);cursor:default;position:absolute;bottom:-8px;right:10px;transform:translateY(100%)}.collection-menu__label{font-size:var(--fs-xs);color:var(--text-muted);padding:8px 10px 6px}.collection-menu__item{align-items:center;gap:var(--space-4);border-radius:var(--radius-row);width:100%;color:var(--text-primary);font-size:var(--fs-md);cursor:pointer;text-align:left;background:0 0;border:0;padding:9px 10px;display:flex}.collection-menu__item:hover{background:var(--bg-menu-hover)}.collection-menu__check{color:var(--accent);font-size:var(--fs-sm);margin-left:auto}.collection-menu__new{gap:var(--space-2);border-top:1px solid var(--bg-button-subtle);margin-top:4px;padding:8px 6px 4px;display:flex}.collection-menu__input{border-radius:var(--radius-control);background:var(--tonal);min-width:0;color:var(--text-primary);font-size:var(--fs-sm);border:0;outline:none;flex:1;padding:7px 10px}.collection-menu__add{background:var(--bg-button-subtle);color:var(--text-primary);font-size:var(--fs-sm);cursor:pointer;border:0;border-radius:8px;padding:0 12px}.modal{box-sizing:border-box;background:var(--modal-bg);width:460px;max-width:100%;box-shadow:var(--modal-shadow);border-radius:12px;flex-direction:column;gap:18px;padding:24px 24px 20px;display:flex}.modal__form{display:contents}.modal__head{align-items:flex-start;gap:12px;display:flex}.modal__titles{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.modal__title{letter-spacing:-.01em;color:var(--text-title);margin:0;font-size:20px;font-weight:500}.modal__sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px}.modal__close{cursor:pointer;width:30px;height:30px;color:var(--text-muted);background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:flex}.modal__close:hover{background:var(--tonal);color:var(--text-title)}.modal__field{flex-direction:column;gap:6px;display:flex}.modal__label{color:var(--text-muted);margin:0;font-size:13px}.modal__optional{color:var(--text-faint)}.modal__input,.modal__textarea{box-sizing:border-box;background:var(--modal-field);color:var(--text-title);font:inherit;border:1px solid #0000;border-radius:8px;outline:none;width:100%;font-size:14px}.modal__input{height:40px;padding:0 12px}.modal__textarea{resize:vertical;min-height:80px;padding:10px 12px;line-height:1.5}.modal__input:focus,.modal__textarea:focus{border-color:var(--modal-field-focus)}.modal__input::placeholder,.modal__textarea::placeholder{color:var(--text-faint)}.modal__swatches{flex-wrap:wrap;gap:8px;display:flex}.modal__swatch{cursor:pointer;background:var(--modal-field);border:0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.modal__swatch:hover{background:var(--tonal-hover)}.modal__swatch--on,.modal__swatch--on:hover{background:color-mix(in srgb, var(--c) 12%, transparent);box-shadow:inset 0 0 0 1.5px var(--c)}.modal__error{color:var(--text-danger);margin:0;font-size:13px;line-height:1.45}.modal__actions{justify-content:flex-end;gap:var(--space-3);padding-top:25px;display:flex}.modal .modal__actions{gap:8px;padding-top:4px}.modal__cancel{cursor:pointer;background:var(--tonal);height:36px;color:var(--text-primary);font:inherit;border:0;border-radius:8px;padding:0 16px;font-size:14px}.modal__cancel:hover{background:var(--tonal-hover)}.modal__create{cursor:pointer;background:var(--brand);height:36px;color:var(--on-brand);font:inherit;border:0;border-radius:8px;padding:0 16px;font-size:14px;font-weight:500}.modal__create:disabled{opacity:.4;cursor:default}.btn-secondary{border-radius:var(--radius-control);cursor:pointer;background:var(--tonal);height:40px;color:var(--text-secondary);font:inherit;font-size:var(--fs-md);border:0;padding:0 18px}.btn-secondary:hover{background:var(--tonal-hover)}.view-article{white-space:nowrap;line-height:normal;font-size:var(--fs-sm);color:var(--text-muted);align-items:center;gap:4px;text-decoration:none;display:flex}.view-article:hover{color:var(--text-title)}.active{background:color-mix(in srgb, var(--swatch) 7%, transparent);color:var(--swatch)}.active:hover{background:color-mix(in srgb, var(--swatch) 13%, transparent);transform:translateY(-1px)}.card-header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-left-group{align-items:center;min-width:0;display:flex}.Popup{transform-origin:var(--transform-origin);transition:transform .15s,opacity .15s}.Popup[data-starting-style],.Popup[data-ending-style]{opacity:0;transform:scale(.9)}.text-editor{resize:vertical;background:var(--bg-input-deep);width:100%;color:var(--text-primary);text-align:left;border:none;border-radius:10px;outline:none;margin-top:14px;padding:11px 13px;font-size:13.5px;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--text-faint)}.note-btn{all:unset;cursor:pointer;font-size:14px}.article-card{gap:var(--space-5);border-radius:var(--radius-card);cursor:pointer;background:var(--card-rest);box-shadow:0 0 0 1px var(--border-rest);flex-direction:column;min-height:190px;padding:20px 22px;transition:background .2s,box-shadow .2s;display:flex;position:relative}.article-card:hover{background:var(--card-hover);box-shadow:0 0 0 1px var(--card-ring-hover)}.article-card--short{min-height:190px}.article-card--medium{min-height:250px}.article-card--tall{min-height:360px}.article-card--saved{background:var(--card-saved);box-shadow:0 0 0 1px var(--border-saved)}.article-card--saved:hover{background:var(--card-saved-hover);box-shadow:0 0 0 1px var(--border-saved)}.article-card--editing,.article-card--editing:hover{box-shadow:0 0 0 1px var(--border-focus)}.article-card--menu-open{z-index:15}.article-card__source{font-size:var(--fs-base);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.article-card__date{font-size:var(--fs-sm);color:var(--text-muted);white-space:nowrap}.article-card__title{font-family:var(--font-serif);font-optical-sizing:auto;color:var(--text-title);text-wrap:pretty;letter-spacing:-.015em;font-weight:500;line-height:1.22;font-size:var(--fs-lg)}.article-card--medium .article-card__title{font-size:var(--fs-xl)}.article-card--tall .article-card__title{font-size:var(--fs-2xl);letter-spacing:-.025em;line-height:1.1}.star{cursor:pointer;color:var(--text-muted);opacity:0;pointer-events:none;background:0 0;border:0;flex:none;padding:0;line-height:1;transition:opacity .2s;display:flex}.star svg{width:18px;height:18px}.article-card:hover .star,.star:focus-visible{opacity:1;pointer-events:auto}.star--on{color:var(--star);opacity:1;pointer-events:auto}.article-card__spacer{flex:1}.article-card__divider{background:var(--card-divider);height:1px}.article-card__footer{align-items:center;gap:22px;display:flex}.card-link{cursor:pointer;font:inherit;font-size:var(--fs-base);color:var(--text-muted);background:0 0;border:0;padding:0}.card-link:hover{color:var(--text-title)}.card-link--has-note{color:var(--text-primary)}.card-view-article{font-size:var(--fs-base);color:var(--text-muted);align-items:center;gap:4px;text-decoration:none;display:flex}.card-view-article:hover{color:var(--text-title)}.icon-abstract{cursor:pointer;border-radius:var(--radius-control);width:34px;height:34px;color:var(--text-muted);background:0 0;border:0;justify-content:center;align-items:center;margin-left:auto;padding:0;display:flex}.icon-abstract:hover,.icon-abstract.icon-abstract-open{background:var(--tonal);color:var(--text-title)}.card-note{align-items:baseline;gap:var(--space-4);cursor:text;display:flex}.card-note__icon{color:var(--text-faint);flex:none;align-self:center;display:flex}.card-note__icon svg{width:14px;height:14px}.card-note__text{font-size:var(--fs-md);color:var(--text-body);text-wrap:pretty;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.article-card--short .card-note__text{-webkit-line-clamp:2;line-clamp:2}.card-note--editing{cursor:auto;align-items:flex-start}.card-note--editing .card-note__icon{color:var(--accent);align-self:flex-start;margin-top:4px}.card-collections{align-items:center;gap:var(--space-3) 16px;flex-wrap:wrap;display:flex}.collection-add{cursor:pointer;white-space:nowrap;font:inherit;font-size:var(--fs-md);color:var(--text-faint);background:0 0;border:0;padding:0;line-height:1.4;transition:color .14s}.collection-add:hover,.collection-add--open{color:var(--text-primary)}.card-collection-menu{width:260px;padding:var(--space-2);border-radius:var(--radius-menu);background:var(--bg-menu);box-shadow:var(--shadow-menu)}.card-collection-menu .collection-menu__check{color:var(--text-primary)}.card-collection-menu__new{border-top:1px solid var(--border-menu);border-radius:0 0 var(--radius-row) var(--radius-row);margin-top:4px;padding-top:12px}.card-collection-menu__plus{text-align:center;width:10px}.abstract-pop__panel{gap:var(--space-5);border-radius:var(--radius-menu);background:var(--bg-menu);max-width:400px;box-shadow:var(--shadow-menu);flex-direction:column;padding:16px 18px 18px;display:flex}.abstract-pop__head{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--fs-sm);color:var(--text-muted);display:flex}.abstract-pop__body{max-height:200px;font-size:var(--fs-md);color:var(--text-primary);text-wrap:pretty;padding-right:4px;line-height:1.6;overflow-y:auto}.abstract-pop__foot{align-items:center;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--border-control);font-size:var(--fs-sm);color:var(--text-muted);display:flex}.abstract-pop__foot a{color:var(--accent);white-space:nowrap;justify-content:center;align-items:center;gap:4px;margin-left:auto;text-decoration:none;display:flex}@media (width<=480px){.article-card__footer{gap:12px}.card-link,.card-view-article{white-space:nowrap}}.article-card--skeleton{pointer-events:none;animation:1.4s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.article-card--skeleton{animation:none}}.note-editor{gap:var(--space-3);cursor:default;flex-direction:column;display:flex}.card-note--editing .text-editor{margin-top:0}.note-editor__footer{align-items:center;gap:var(--space-3);margin-top:var(--space-3);display:flex}.note-editor__hint{font-size:var(--fs-xs);color:var(--text-faint);margin-right:auto}.note-editor__cancel{padding:0 var(--space-2);color:var(--text-muted);font:inherit;font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0}.note-editor__cancel:hover{color:var(--text-title)}.note-editor__done{background:var(--text-title);height:30px;color:var(--bg-page);font:inherit;font-size:var(--fs-sm);border-radius:var(--radius-control);cursor:pointer;border:0;padding:0 12px;font-weight:500}.error-banner{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error);border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.error-banner__title{color:var(--error);font-size:14px;font-weight:600}.error-banner__text{color:var(--error);font-size:13px;line-height:1.45}.toast--error{z-index:100;background:var(--error);color:var(--on-error);white-space:nowrap;box-shadow:var(--shadow-menu);border-radius:999px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast--error button{cursor:pointer;font:inherit;color:var(--on-error);background:0 0;border:0;padding:0;text-decoration:underline}.popup-overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#181c222e;grid-template-columns:minmax(0,1fr);place-items:start center;padding:14vh 24px 24px;display:grid;position:fixed;inset:0}@media screen and (width<=375px){.popup-overlay{padding:14vh 16px;overflow-y:auto}}.popup-content{box-sizing:border-box;background:var(--bg-menu);-webkit-backdrop-filter:blur(30px);width:100%;max-width:520px;box-shadow:var(--shadow-menu);border:none;border-radius:22px;padding:28px 28px 22px}.close-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:var(--bg-raised);box-shadow:none;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.close-btn:hover{color:var(--text-primary)}.popup-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.stream-header{z-index:30;align-items:center;gap:var(--space-5);padding:22px var(--page-gutter);background:var(--bg-page);border-bottom:1px solid var(--border-divider);flex-wrap:wrap;line-height:normal;display:flex;position:sticky;top:0}.stream-header__title{letter-spacing:-.01em;font-size:22px;font-weight:500}.stream-header__count{font-size:var(--fs-md);color:var(--text-muted);white-space:nowrap;margin-right:var(--space-3)}.stream-header__spacer{flex:1}.segmented{border-radius:var(--radius-control);background:var(--seg-track);gap:2px;padding:3px;display:flex}.segmented__item{border-radius:var(--radius-seg);height:26px;color:var(--seg-text);font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0 12px}.segmented__item--active{background:var(--seg-on);color:var(--seg-on-text);box-shadow:var(--shadow-seg);font-weight:500}.search{border-radius:var(--radius-control);background:var(--tonal);align-items:center;gap:var(--space-3);flex:0 240px;width:240px;min-width:160px;height:36px;padding:0 8px 0 12px;display:flex}@media (width<=768px){.search{flex-grow:1}.stream-header__spacer{display:none}}.search__icon{border:1.5px solid var(--text-muted);border-radius:50%;flex:none;width:12px;height:12px}.search__input{min-width:0;color:var(--text-primary);font-size:var(--fs-md);background:0 0;border:0;outline:none;flex:1}.search__kbd{box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--text-muted);font:inherit;font-size:var(--fs-xs);border-radius:5px;flex:none;padding:1px 5px;line-height:1.4}.refresh-btn{border-radius:var(--radius-control);min-width:150px;height:32px;font:inherit;white-space:nowrap;cursor:pointer;color:var(--text-muted);background:0 0;border:0;align-items:center;gap:7px;margin-right:8px;padding:0 12px 0 10px;font-size:13px;display:flex}.refresh-btn:hover{background:var(--tonal);color:var(--text-title)}.refresh-btn__icon{display:flex}.refresh-btn--loading{cursor:default;animation:.9s linear infinite rs-spin}@keyframes rs-spin{to{transform:rotate(360deg)}}.stream-main{flex-direction:column;flex:1;min-width:0;display:flex}.no-articles-group{margin:26px var(--page-gutter) 0;background:var(--bg-card);-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);box-shadow:0 0 0 1px var(--border-card);border-radius:18px;grid-column-start:span 3;align-items:center;gap:32px;padding:30px;display:grid}@media screen and (width<=425px){.no-articles-group{grid-template-columns:1fr;justify-items:start}}.no-margin{margin:auto}.no-articles-title{letter-spacing:-.018em;color:var(--text-title);margin:0;font-size:19px;font-weight:500}.no-articles-desc{color:var(--text-tertiary);max-width:62ch;margin:8px 0 0;font-size:14px;line-height:1.55}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.load-more-btn{border-radius:var(--radius-control);font:inherit;color:var(--text-tertiary);cursor:pointer;background:var(--tonal);box-shadow:0 0 0 1px var(--border-control);border:none;margin:22px auto 60px;padding:8px 18px;font-size:13px;display:block}.load-more-btn:disabled{cursor:default;opacity:.6}.page-shell{flex:1;min-width:0;display:flex}.app__main:has(.page-shell){max-width:none;padding:0}.subscribe{border-radius:var(--radius-control);background:var(--brand);height:40px;font-size:var(--fs-md);color:var(--on-brand);white-space:nowrap;cursor:pointer;border:none;padding:0 16px;font-weight:500}.subscribe:hover{background:color-mix(in srgb, var(--brand) 88%, var(--text-title))}.subscribe:disabled{opacity:.6;cursor:default}.input{border-radius:var(--radius-control);background:var(--tonal);width:100%;min-width:0;height:40px;font-size:var(--fs-md);color:var(--text-primary);border:none;outline:none;padding:0 12px}.input:focus{background:var(--tonal-hover)}.add-source{position:relative}.add-source__btn{align-items:center;gap:var(--space-3);border-radius:var(--radius-control);background:var(--brand);height:36px;color:var(--on-brand);font-size:var(--fs-md);white-space:nowrap;cursor:pointer;border:0;padding:0 14px;font-weight:500;display:flex}.add-source__btn:hover,.add-source__btn--open{background:color-mix(in srgb, var(--brand) 88%, var(--text-title))}.add-source__pop{z-index:40;box-sizing:border-box;background:var(--pop-bg);width:400px;box-shadow:var(--pop-shadow);border-radius:12px;flex-direction:column;gap:14px;padding:18px;line-height:145%;display:flex;position:absolute;top:54px;right:0}.add-source__pop:before{content:"";background:var(--pop-bg);width:12px;height:12px;position:absolute;top:-6px;right:56px;transform:rotate(45deg)}.add-source__head{flex-direction:column;gap:4px;display:flex}.add-source__title{color:var(--text-title);margin:0;font-size:17px;font-weight:500}.add-source__sub{color:var(--text-muted);margin:0;font-size:13px}.add-source__row{gap:8px;display:flex}.add-source__input{box-sizing:border-box;background:var(--tonal);min-width:0;height:40px;color:var(--text-primary);font:inherit;border:0;border-radius:8px;outline:none;flex:1;padding:0 12px;font-size:14px}.add-source__input::placeholder{color:var(--text-faint)}.add-source__input:focus{box-shadow:inset 0 0 0 1px var(--text-muted)}.add-source__add{cursor:pointer;background:var(--brand);height:40px;color:var(--on-brand);font:inherit;border:0;border-radius:8px;align-items:center;padding:0 16px;font-size:14px;font-weight:500;display:flex}.add-source__add:disabled{opacity:.6;cursor:default}.add-source__errors{flex-direction:column;gap:4px;display:flex}.add-source__suggest{flex-direction:column;gap:8px;display:flex}.add-source__label{color:var(--text-muted);margin:0;font-size:12px}.add-source__chips{flex-wrap:wrap;gap:6px;display:flex}.add-source__chip{cursor:pointer;background:var(--tonal);color:var(--text-secondary);font:inherit;white-space:nowrap;border:0;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;display:flex}.add-source__chip:hover{background:var(--tonal-hover);color:var(--text-title)}.add-source__chip--added,.add-source__chip--added:hover{color:var(--text-muted);cursor:default;background:0 0}.source-help{align-items:center;gap:var(--space-4);font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:20px;line-height:1.45;display:flex}@media (width<=768px){.add-source{position:static}.add-source__pop{left:var(--page-gutter);right:var(--page-gutter);width:auto;max-width:400px;top:100%}.add-source__pop:before{display:none}.add-source__row{flex-direction:column}.add-source__input{flex:none}.add-source__add{justify-content:center}}.source-help__text{flex:1;min-width:0}.source-help__remove{color:var(--text-title)}.source-help__dismiss{border-radius:var(--radius-seg);width:24px;height:24px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;font-size:15px;line-height:1;display:flex}.source-help__dismiss:hover{background:var(--tonal);color:var(--text-title)}.source-body{padding:22px var(--page-gutter) 60px}.remove-modal__head{align-items:center;gap:var(--space-5);padding-bottom:16px;display:flex}.remove-modal__title{letter-spacing:-.01em;color:var(--text-title);font-size:20px;font-weight:500}.remove-modal__body{gap:var(--space-4);font-size:var(--fs-md);color:var(--text-muted);flex-direction:column;padding-bottom:16px;line-height:1.55;display:flex}.remove-modal__em{color:var(--text-primary)}.remove-modal__alt{align-items:center;gap:var(--space-4);padding:var(--space-5) 14px;border-radius:var(--radius-card);background:var(--tonal);display:flex}.remove-modal__alt-text{font-size:var(--fs-sm);color:var(--text-body);flex:1;line-height:1.45}.remove-modal__alt-btn{cursor:pointer;white-space:nowrap;font:inherit;font-size:var(--fs-sm);color:var(--accent);background:0 0;border:0;padding:0}.remove-modal__alt-btn:hover{color:var(--accent-hover)}.btn-error{cursor:pointer;border-radius:var(--radius-pill);background:var(--error);height:40px;color:var(--on-error);font:inherit;font-size:var(--fs-md);border:0;padding:0 18px;font-weight:500}.btn-error:hover{background:var(--error-hover)}.source-hint{z-index:30;box-sizing:border-box;gap:var(--space-4);background:var(--pop-bg);width:min(340px,100vw - 32px);box-shadow:var(--pop-shadow);text-align:left;white-space:normal;border-radius:12px;flex-direction:column;padding:18px;line-height:145%;display:flex;position:absolute;top:54px;right:0}.source-hint:before{content:"";background:var(--pop-bg);width:12px;height:12px;position:absolute;top:-6px;right:56px;transform:rotate(45deg)}.source-hint__close{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}.source-hint__close:hover{background:var(--tonal);color:var(--text-primary)}.source-hint__title{color:var(--text-title);margin:0;padding-right:24px;font-size:16px;font-weight:500}.source-hint__body{font-size:var(--fs-sm);color:var(--text-body);margin:0}.source-hint__label{margin:var(--space-2) 0 0;font-size:var(--fs-xs);color:var(--text-muted)}.source-hint__tips{gap:var(--space-2);font-size:var(--fs-sm);color:var(--text-body);flex-direction:column;margin:0;padding-left:18px;display:flex}.source-hint__tips strong{color:var(--text-primary);font-weight:500}.source-hint__tips code{background:var(--tonal);color:var(--text-primary);overflow-wrap:anywhere;border-radius:4px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.source-hint__cta{border-radius:var(--radius-control);background:var(--brand);height:36px;color:var(--on-brand);font:inherit;font-size:var(--fs-md);cursor:pointer;border:0;align-self:flex-start;padding:0 14px;font-weight:500}.add-source__toast{z-index:40;border-radius:var(--radius-card);border-left:3px solid var(--brand);background:var(--pop-bg);width:max-content;max-width:320px;box-shadow:var(--pop-shadow);color:var(--text-primary);font-size:var(--fs-sm);margin:0;padding:10px 14px;animation:.16s ease-out add-source-toast-in;position:absolute;top:54px;right:0}.add-source__toast--warn{border-left-color:var(--error)}@keyframes add-source-toast-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.stream-grid{padding:26px var(--page-gutter) 60px;columns:var(--card-column);column-gap:var(--grid-gap)}@media screen and (width<=1100px){.stream-grid{columns:2}}@media screen and (width<=900px){.stream-grid{columns:1}}@media screen and (width<=768px){.stream-grid{padding-bottom:64px}}.stream-grid>*{break-inside:avoid;margin-bottom:var(--grid-gap);width:100%}.status-icon{width:12px;height:12px;color:var(--text-faint);flex:none;justify-content:center;align-items:center;display:inline-flex}.status-icon--active{color:var(--star);font-size:13px;line-height:1}.status-icon--paused{gap:2.5px}.status-icon--paused:before,.status-icon--paused:after{content:"";background:currentColor;border-radius:1px;width:3px;height:10px}.status-icon--all{grid-template-columns:repeat(2,4px);grid-auto-rows:4px;place-content:center;gap:2px;display:inline-grid}.status-icon--all i{background:var(--text-muted);border-radius:1px;width:4px;height:4px}.filter-row__check{color:var(--accent);font-size:var(--fs-sm)}.source-grid{gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(270px,1fr));display:grid}.source-card{border-radius:var(--radius-card);background:var(--card-saved);min-height:230px;box-shadow:var(--card-shadow);flex-direction:column;gap:14px;padding:20px 20px 16px;transition:transform .18s,box-shadow .18s,background .18s;display:flex;position:relative}.source-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.source-card--paused,.source-card--paused:hover{background:var(--bg-source-paused);box-shadow:none}.source-card--paused:hover{background:var(--bg-source-paused-hover)}.source-card__top{align-items:center;gap:12px;min-width:0;display:flex}.source-card__logo{background:var(--tonal);width:40px;height:40px;color:var(--text-secondary);border-radius:10px;flex:none;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex}.source-card--paused .source-card__logo{color:var(--text-faint)}.status-pill{z-index:1;border-radius:var(--radius-seg);font-size:var(--fs-xs);background:var(--tonal);color:var(--text-muted);padding:3px 8px;line-height:1.3;position:absolute;top:29px;right:20px}.source-card__links{grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:6px 8px;display:grid}.source-link,.source-link__row{display:contents}.source-link__label{color:var(--text-faint);font-size:12.5px}.source-link__url{min-width:0;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;text-decoration:none;overflow:hidden}a.source-link__url:hover{color:var(--text-title)}.source-card--paused .source-link__url{color:var(--text-muted)}.source-link__copy{border-radius:var(--radius-frame);cursor:pointer;width:20px;height:20px;color:var(--text-muted);font-size:var(--fs-sm);opacity:0;background:0 0;border:0;justify-content:center;align-items:center;padding:0;line-height:1;transition:opacity .18s;display:flex}.source-card:hover .source-link__copy,.source-link__copy:focus-visible,.source-link__copy--done{opacity:1}.source-link__copy:hover{color:var(--text-title)}.source-link__copy--done,.source-link__copy--done:hover{color:var(--ok)}.source-card__name{min-width:0;font-family:var(--font-serif);color:var(--text-title);overflow-wrap:anywhere;flex:1;margin:0;font-size:20px;font-weight:500;line-height:1.25}.source-card--paused .source-card__name{color:var(--text-muted)}.source-card__spacer{flex:1;min-height:6px}.source-card__actions{align-items:center;gap:16px;display:flex}.source-action{cursor:pointer;font:inherit;font-size:var(--fs-md);color:var(--text-muted);background:0 0;border:0;padding:0;text-decoration:none}.source-action:hover{color:var(--text-title)}.source-action--toggle,.source-card--paused .source-action--toggle{color:var(--text-primary)}.source-action--remove{cursor:pointer;font:inherit;color:var(--text-faint);font-size:var(--fs-md);background:0 0;border:0;margin-left:auto;padding:0}.source-action--remove:hover{color:var(--danger-ui)}.source-card__desc{font-size:var(--fs-md);color:var(--text-body);text-wrap:pretty;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.source-card--paused .source-card__desc{color:var(--text-faint)}.ob{z-index:40;box-sizing:border-box;background:var(--menu);width:320px;max-width:calc(100vw - 48px);box-shadow:0 0 0 1px var(--border-menu), var(--shadow-menu);border-radius:12px;flex-direction:column;gap:14px;padding:18px 18px 12px;display:flex;position:fixed;bottom:24px;right:24px}.ob-head{align-items:center;gap:8px;display:flex}.ob-title{color:var(--text-title);font-size:16px;font-weight:500}.ob-count{color:var(--text-muted);font-size:13px}.ob-spacer{flex:1}.ob-icon{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}.ob-icon:hover{background:var(--tonal-hover);color:var(--text-primary)}.ob-track{background:var(--bg-page);border-radius:2px;height:3px;overflow:hidden}.ob-bar{background:var(--text-title);border-radius:2px;height:100%;transition:width .3s}.ob-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.ob-item{flex-direction:column;display:flex}.ob-row{font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;margin:0 -8px;padding:9px 8px;display:flex}.ob-check{box-sizing:border-box;border:1.5px solid var(--text-faint);width:18px;height:18px;color:var(--bg-page);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.ob-check svg{width:10px;height:10px}.ob-item[data-done=true] .ob-check{background:var(--text-title);border:0}.ob-label{color:var(--text-primary);font-size:14px}.ob-item[data-done=true] .ob-label{color:var(--text-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--text-faint);text-decoration-color:var(--text-faint)}.ob-detail{flex-direction:column;align-items:flex-start;gap:10px;padding:0 0 10px 30px;display:none}.ob-item[data-open=true]:not([data-done=true]) .ob-detail{display:flex}.ob-hint{color:var(--text-muted);text-wrap:pretty;margin:0;font-size:13px;line-height:1.5}.ob-act{border:1px solid var(--border-menu);background:var(--bg-page);height:30px;color:var(--text-primary);font:inherit;cursor:pointer;border-radius:8px;padding:0 12px;font-size:13px}.ob-act:hover{background:var(--tonal-hover)}.ob-done{background:var(--text-title);height:34px;color:var(--bg-page);font:inherit;cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;margin-bottom:6px;font-size:14px;font-weight:500;display:flex}.ob-pill{z-index:40;background:var(--menu);height:40px;box-shadow:0 0 0 1px var(--border-menu), var(--shadow-menu);color:var(--text-primary);font:inherit;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 16px 0 14px;font-size:14px;display:flex;position:fixed;bottom:24px;right:24px}.ob-pill:hover{background:var(--menu-hover)}.ob-pill-ring{box-sizing:border-box;border:2px solid var(--text-faint);border-radius:50%;width:16px;height:16px}.ob-icon:focus-visible,.ob-act:focus-visible,.ob-done:focus-visible,.ob-pill:focus-visible{outline:2px solid var(--text-muted);outline-offset:2px}@media (width<=768px){.ob,.ob-pill{bottom:80px;right:16px}}.collection-column{box-sizing:border-box;background:var(--bg-page);-webkit-backdrop-filter:blur(18px);width:306px;box-shadow:0 0 0 1px var(--border-divider);border-radius:14px;flex:none;padding:14px 12px 12px}.board-col .editable{cursor:text;background:0 0;border:0;border-radius:6px;margin:-4px -6px;padding:4px 6px;transition:background .14s,box-shadow .14s}.board-col .editable:hover{background:var(--bg-hover)}.board-col .editable.is-editing,.board-col .editable:focus-visible{background:var(--tonal);box-shadow:inset 0 0 0 1px var(--border-focus);outline:none}.board-col .spine-wrap{cursor:pointer;flex:none;align-items:center;display:flex}.color-row{background:var(--tonal);box-shadow:inset 0 0 0 1px var(--border-focus);border-radius:6px;align-items:center;gap:9px;margin:16px 0 0;padding:9px 10px;display:flex}.column-name-edit{box-sizing:border-box;cursor:text;width:calc(100% + 12px);font:inherit;color:var(--text-primary);font-size:16px;font-weight:500;display:block}.menu{background:var(--bg-menu);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 0 1px var(--border-menu);border-radius:8px;align-items:center;gap:7px;padding:4px;display:flex;position:absolute;top:12px;right:12px}.collection-blurb{box-sizing:border-box;width:100%;color:var(--text-muted);cursor:text;text-wrap:pretty;text-align:start;border-radius:8px;margin:10px -5px 0;padding:10px 13px;font-size:13.5px;line-height:1.45;transition:background .14s}.collection-blurb:hover{background:var(--bg-hover)}.collection-blurb-edit{box-sizing:border-box;resize:none;field-sizing:content;cursor:text;width:calc(100% + 12px);font:inherit;font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.45;display:block}.color-option{cursor:pointer;background:var(--c);border-radius:50%;flex:none;width:18px;height:18px}.is-selected{box-shadow:0 0 0 2px var(--bg-menu), 0 0 0 3.5px var(--c)}.group{flex:1}.input-color-box{cursor:pointer;border:none;border-radius:7px;flex:none;place-items:center;width:28px;height:28px;display:grid;overflow:hidden}.input-color-box::-webkit-color-swatch-wrapper{padding:0}.input-color-box::-webkit-color-swatch{border:none;border-radius:6px}.collection-article-card{box-sizing:border-box;background:var(--bg-card);box-shadow:0 0 0 1px var(--border-card), 0 2px 5px -3px #1e263029;cursor:pointer;border-radius:11px;transition:box-shadow .16s,transform .16s;overflow:hidden}.collection-article-card:hover{box-shadow:0 0 0 1px var(--border-hover), 0 10px 22px -14px #1e26304d;transform:translateY(-2px)}.link:hover{color:var(--text-primary)}.board{min-height:0;padding:28px var(--page-gutter) var(--page-gutter);flex:1;align-items:flex-start;gap:24px;display:flex;overflow:auto hidden}.app:has(.board){height:100svh}.app:has(.board) .page-shell{min-height:0}.board-col{--c:var(--text-muted);width:min(var(--column-width), 100%);border-radius:var(--radius-card);background:var(--bg-column);flex-direction:column;flex:none;min-height:0;max-height:100%;transition:box-shadow .12s,background .12s;display:flex;position:relative}@media (width<=768px){.board{scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-gutter)}.board-col{scroll-snap-align:start}}.board-col:has(.board-col__list.is-drop-target){background:color-mix(in srgb, var(--c) 8%, var(--card-rest))}.board-col__bar{background:var(--c);border-radius:0 0 2px 2px;height:2px;position:absolute;top:0;left:18px;right:18px}.board-col__head{gap:var(--space-4);padding:22px var(--space-6) var(--space-6) 22px;flex-direction:column;display:flex;position:relative}.board-col__title-row{align-items:center;gap:var(--space-4);display:flex}.board-col__name{cursor:pointer;text-align:left;min-width:0;font:inherit;color:var(--text-primary);overflow-wrap:anywhere;background:0 0;border:0;padding:0;font-size:16px;font-weight:500}.board-col__name-wrap{flex:1;min-width:0}.board-col__desc{font-size:var(--fs-sm);color:var(--text-muted);text-wrap:pretty;line-height:1.45}.board-col__tools{border-radius:var(--radius-input);background:var(--bg-hover);flex:none;align-items:center;gap:2px;margin-left:auto;padding:3px;display:flex}.board-col__tool{cursor:pointer;width:28px;height:28px;color:var(--text-body);font:inherit;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:flex}.board-col__tool:hover{background:var(--tonal-hover);color:var(--text-title)}.board-col__tool--danger:hover{background:var(--error-bg);color:var(--error)}.col-menu{right:var(--space-5);z-index:30;width:200px;padding:var(--space-2);border-radius:var(--radius-input);background:var(--bg-menu);box-shadow:var(--shadow-menu);position:absolute;top:48px}.col-menu__item{width:100%;padding:9px var(--space-4);border-radius:var(--radius-row);cursor:pointer;color:var(--text-primary);font:inherit;font-size:var(--fs-md);text-align:left;background:0 0;border:0}.col-menu__item:hover{background:var(--bg-menu-hover)}.col-menu__item--danger{color:var(--danger-text)}.col-confirm{left:var(--space-4);right:var(--space-4);top:var(--space-4);z-index:31;gap:var(--space-4);border-radius:var(--radius-input);background:var(--bg-menu);box-shadow:0 0 0 1px var(--danger-border-muted), var(--shadow-menu);flex-direction:column;padding:14px;display:flex;position:absolute}.col-confirm__title{font-size:var(--fs-md);font-weight:500}.col-confirm__text{font-size:var(--fs-sm);color:var(--text-body);line-height:1.45}.col-confirm__actions{justify-content:flex-end;gap:var(--space-2);display:flex}.board-col__list{min-height:0;padding:var(--space-3) var(--space-6) var(--space-2);flex-direction:column;flex:1;gap:14px;display:flex;overflow-y:auto}.board-col__foot{align-items:center;gap:var(--space-3);padding:var(--space-6) 22px var(--space-7);display:flex}.board-col__add{align-items:center;gap:var(--space-3);cursor:pointer;font:inherit;font-size:var(--fs-md);color:var(--text-tertiary);background:0 0;border:0;padding:0;display:flex}.board-col__add:hover{color:var(--text-title)}.board-col__count{font-size:var(--fs-sm);color:var(--text-muted);margin-left:auto}.board-col__empty{padding:28px var(--space-6);border:1px dashed var(--border-menu);border-radius:var(--radius-input);text-align:center;font-size:var(--fs-sm);color:var(--text-faint)}.board-col__empty:hover{color:var(--text-primary)}.board-card{cursor:grab;border-radius:var(--radius-card);background:var(--card-rest);box-shadow:0 0 0 1px var(--border-rest);flex-direction:column;flex:none;transition:box-shadow .16s,background .16s;display:flex;overflow:hidden}.board-card:hover{background:var(--card-hover);box-shadow:0 0 0 1px var(--card-ring-hover)}.board-card:active{cursor:grabbing}.board-card__head{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-5) 18px;border-bottom:1px solid var(--card-divider);display:flex}.board-card__source{font-size:var(--fs-sm);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.board-card__remove{cursor:pointer;width:26px;height:26px;color:var(--text-muted);font:inherit;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;margin-left:auto;padding:0;font-size:18px;line-height:1;display:flex}.board-card__remove:hover{background:var(--error-bg);color:var(--error)}.board-card__body{gap:var(--space-6);padding:var(--space-6) 18px 18px;flex-direction:column;display:flex}.board-card__title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--text-title);text-wrap:pretty;font-size:18px;font-weight:500;line-height:1.35}.board-card__foot{align-items:center;gap:14px;display:flex}.board-card__date{font-size:var(--fs-sm);color:var(--text-muted);white-space:nowrap}.board-card__note{color:var(--text-faint);flex:none;display:flex}.board-card__note svg{width:14px;height:14px}.board-card__spacer{flex:1}.picker{z-index:40;border-radius:var(--radius-card);background:var(--bg-menu);width:460px;box-shadow:var(--shadow-menu);flex-direction:column;display:flex;position:absolute;top:50px;right:0;overflow:hidden}.new-col-btn{align-items:center;gap:var(--space-3);height:42px;padding:0 var(--space-6);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;border:1px solid var(--border-menu);background:var(--bg-hover);color:var(--text-primary);font:inherit;font-size:var(--fs-md);display:flex}.new-col-btn:hover{border-color:var(--border-hover)}.rail{z-index:30;height:100vh;width:var(--rail-width);align-items:center;gap:var(--space-2);background:var(--bg-sidebar);border-right:1px solid var(--border-divider);flex-direction:column;flex:none;padding:16px 0 14px;display:flex;position:sticky;top:0}.rail__logo{width:26px;height:26px;color:var(--star);margin:4px 0 22px}.rail__item{width:var(--rail-width);justify-content:center;display:flex;position:relative}.rail__btn{border-radius:var(--radius-rail-btn);width:42px;height:42px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.rail_space{flex:1}.rail__btn:hover{color:var(--accent)}.rail__item--active .rail__btn{background:var(--nav-on);color:var(--nav-on-fg)}.rail__divider{background:var(--border-divider);width:26px;height:1px;margin:var(--space-3) 0}@media (width<=768px){.rail{border-top:1px solid var(--border-divider);background:var(--bg-add-panel-field);z-index:50;flex-direction:row;justify-content:space-around;width:auto;height:64px;padding:0 16px;position:fixed;inset:auto 0 0}.rail__divider,.rail_space,.rail__desktop-only{display:none}.rail__logo{margin:0}.rail__item{width:auto}}.account{position:relative}.account__avatar{cursor:pointer;background:var(--tonal);width:34px;height:34px;color:var(--text-title);font:inherit;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:500;display:flex}.account__avatar:hover{background:var(--tonal-hover)}.account__positioner{z-index:60}.account__menu{box-sizing:border-box;background:var(--modal-bg);width:260px;box-shadow:0 0 0 1px var(--border-soft), 0 24px 50px -16px var(--shadow-c);border-radius:12px;flex-direction:column;padding:6px;display:flex}.account__user{align-items:center;gap:14px;padding:10px 10px 12px;display:flex}.account__user-avatar{background:var(--tonal);width:32px;height:32px;color:var(--text-title);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.account__user-text{flex-direction:column;gap:2px;min-width:0;line-height:normal;display:flex}.account__name{color:var(--text-title);font-size:14px;font-weight:500}.account__email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.account__divider{background:var(--border-board-card);height:1px;margin:0 4px}.account__appearance{justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.account__appearance-left{flex-direction:column;display:flex}.account__appearance-label{color:var(--text-primary);flex:1;font-size:14px}.account__appearance-shortcut{color:var(--text-primary);flex:1;font-size:12px;line-height:normal}.account__seg{background:var(--seg-track);border-radius:8px;gap:2px;padding:3px;display:flex}.account__seg-btn{cursor:pointer;height:28px;color:var(--seg-text);font:inherit;background:0 0;border:0;border-radius:6px;padding:0 10px;font-size:13px}.account__seg-btn--on{background:var(--seg-on);color:var(--seg-on-text);box-shadow:0 1px 2px var(--seg-shadow)}.account__item{cursor:pointer;width:100%;color:var(--text-primary);font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;display:flex}.account__item:first-of-type{margin-top:4px}.account__item:hover{background:var(--tonal)}.account__item svg{flex:none;width:15px;height:15px}.account__item--danger{color:var(--danger-ui)}.account__item--danger:hover{background:var(--danger-bg)}.account__confirm-actions{justify-content:flex-end;gap:6px;padding-top:4px;display:flex}.account__btn{cursor:pointer;height:32px;font:inherit;border:0;border-radius:8px;align-items:center;padding:0 12px;font-size:13px;display:flex}.account__btn--cancel{background:var(--tonal);color:var(--text-primary)}.account__btn--cancel:hover{background:var(--tonal-hover)}.account__btn--delete{background:var(--danger-ui);color:var(--on-danger);font-weight:500}.account-modal__text{color:var(--text-body);font-size:14px;line-height:1.55}.account-modal{box-sizing:border-box;background:var(--bg-menu);width:420px;max-width:100%;box-shadow:0 0 0 1px var(--border-soft), 0 30px 70px -20px var(--shadow-c);border-radius:12px;flex-direction:column;gap:18px;padding:24px 24px 20px;display:flex}.fb-sub{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.fb-seg{background:var(--seg-track);border-radius:8px;align-self:flex-start;gap:2px;padding:3px;display:flex}.fb-seg button{height:28px;color:var(--seg-text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 12px;font-size:13px}.fb-seg button:hover{color:var(--seg-on-text)}.fb-seg button[aria-pressed=true]{background:var(--seg-on);color:var(--seg-on-text);box-shadow:0 1px 2px var(--seg-shadow,#0000001f)}.fb-textarea{min-height:120px}.source-card-bottom-row{align-items:center;gap:16px;margin-top:2px;display:flex}.collection-detail-header{grid-template-rows:1fr;grid-template-columns:repeat(2,1fr);align-items:end;gap:48px;padding:56px 0 0;display:grid}@media screen and (width<=768px){.collection-detail-header{grid-template-columns:1fr}}.row{align-items:center;gap:9px;margin-bottom:16px;display:flex}.collections{color:var(--text-muted);cursor:pointer;font-size:14px}.collections:hover{color:var(--text-primary)}.collection-hero .editable{cursor:text;background:0 0;border:0;border-radius:6px;margin:-4px -6px;padding:4px 6px;transition:background .14s,box-shadow .14s}.collection-hero .editable:hover{background:var(--tonal)}.collection-hero .editable.is-editing,.collection-hero .editable:focus-visible{background:var(--tonal);outline:none}.hero-name-edit{font-family:var(--font-serif);box-sizing:border-box;width:calc(100% + 12px);font:inherit;letter-spacing:-.03em;color:var(--text-title);font-size:40px;font-weight:500;line-height:1.1;display:block}.hero-desc-edit{box-sizing:border-box;resize:none;field-sizing:content;width:calc(100% + 12px);max-width:652px;font:inherit;color:var(--text-secondary);font-size:16px;line-height:1.55;display:block}.btn-edit{border-radius:var(--radius-control);color:var(--text-tertiary);cursor:pointer;background:var(--tonal);border:0;padding:9px 16px;font-size:13.5px}.delete-btn{height:36px;font-size:var(--fs-md);color:var(--text-faint);white-space:nowrap;background:0 0;padding:0 6px}.delete-btn:hover{color:var(--danger-ui)}.article-group{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:26px;display:grid}.spine-card{cursor:pointer;background:0 0;border-radius:12px;flex:clamp(200px,25vw,400px);gap:11px;max-width:400px;padding:12px 13px;transition:background .15s;display:flex}.spine-card:hover{background:var(--bg-hover)}@media screen and (width<=600px){.spine-card{padding:12px 0}}.collection-view{flex:1;min-height:0;overflow-y:auto}.collection-hero{padding:28px var(--page-gutter) 30px;flex-direction:column;gap:22px;margin-bottom:20px;display:flex}.collection-hero__back{cursor:pointer;font:inherit;font-size:var(--fs-md);color:var(--text-muted);background:0 0;border:0;align-self:flex-start;align-items:center;gap:3px;padding:0;display:flex}.collection-hero__back:hover{color:var(--text-primary)}.collection-hero__row{align-items:flex-start;gap:22px;display:flex}.collection-hero__info{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.collection-hero__count{font-size:var(--fs-md);color:var(--text-muted)}.collection-hero__actions{flex:none;align-items:center;gap:8px;display:flex}.collection-tile-anchor{flex:none;position:relative}.collection-tile{border-radius:var(--radius-card);cursor:pointer;background:color-mix(in srgb, var(--c) 12%, transparent);border:0;flex:none;justify-content:center;align-items:center;width:64px;height:64px;padding:0;transition:box-shadow .12s;display:flex;position:relative}.collection-tile:hover,.collection-tile--open{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--c) 55%, transparent)}.collection-tile .collection-mark{width:22px;height:22px}.collection-tile .collection-mark.collection-mark--diamond{border-radius:3px;width:17px;height:17px}.collection-tile .collection-mark.collection-mark--triangle,.collection-tile .collection-mark.collection-mark--hexagon{width:24px;height:21px}.collection-tile .collection-mark.collection-mark--ring{border-width:3px}.collection-tile__hint{color:var(--text-muted);white-space:nowrap;opacity:0;font-size:11px;transition:opacity .12s;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.collection-tile:hover .collection-tile__hint{opacity:1}.marker-pop{z-index:40;border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--card-shadow-hover);gap:6px;padding:10px;display:flex;position:absolute;top:74px;left:0}.collection-hero__name{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text-title);overflow-wrap:anywhere;font-size:40px;font-weight:500;line-height:1.1}@media (width<=768px){.collection-hero__row{overflow-wrap:anywhere;flex-wrap:wrap}.collection-hero__actions{width:100%}.collection-hero__name,.hero-name-edit{font-size:28px}}.collection-hero__desc{max-width:640px;color:var(--text-body);text-wrap:pretty;font-size:16px;line-height:1.55}.collection-hero__desc--empty{color:var(--text-faint)}.collection-grid{padding:10px var(--page-gutter) 60px}.collection-card{box-sizing:border-box;border-radius:var(--radius-card);background:var(--surface);min-height:250px;box-shadow:var(--card-shadow);flex-direction:column;gap:12px;padding:20px 22px;transition:transform .16s,box-shadow .16s;display:flex}.collection-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}.collection-card__meta{align-items:center;gap:8px;display:flex}.collection-card__source{font-size:var(--fs-base);color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.collection-card__date{font-size:var(--fs-md);color:var(--text-muted);white-space:nowrap}.collection-card__title{font-family:var(--font-serif);letter-spacing:-.018em;color:var(--text-title);text-wrap:pretty;font-size:21px;font-weight:500;line-height:1.22}.collection-card__spacer{flex:1}.collection-card__note{font-size:var(--fs-sm);color:var(--text-body);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.collection-card__foot{align-items:center;gap:8px;display:flex}.collection-card__foot .card-view-article{font-size:var(--fs-md)}.collection-card__remove{border-radius:var(--radius-control);cursor:pointer;white-space:nowrap;background:var(--tonal);height:32px;color:var(--text-body);font:inherit;font-size:var(--fs-sm);border:0;margin-left:auto;padding:0 12px;transition:background .12s,color .12s}.collection-card__remove:hover{background:var(--danger-bg);color:var(--danger-ui)}.collection-empty{text-align:center;border:1px dashed var(--line);border-radius:var(--radius-card);flex-direction:column;align-items:center;gap:10px;padding:60px 20px;display:flex}.collection-empty__title{color:var(--text-primary);font-size:17px}.collection-empty__text{font-size:var(--fs-md);color:var(--text-muted)}.swatch{box-sizing:border-box;cursor:pointer;border-radius:var(--radius-control);background:var(--tonal);border:0;flex:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.swatch:hover{background:var(--tonal-hover)}.swatch--on,.swatch--on:hover{background:color-mix(in srgb, var(--c) 12%, transparent);box-shadow:inset 0 0 0 1.5px var(--c)}.swatch .collection-mark{width:14px;height:14px}.swatch .collection-mark.collection-mark--diamond{width:11px;height:11px}.swatch .collection-mark.collection-mark--triangle,.swatch .collection-mark.collection-mark--hexagon{width:16px;height:14px}.add-articles-btn{border-radius:var(--radius-control);cursor:pointer;white-space:nowrap;background:var(--brand);height:36px;color:var(--on-brand);box-shadow:none;font:inherit;font-size:var(--fs-md);border:0;align-items:center;gap:8px;padding:0 16px;font-weight:500;display:flex}.add-articles-btn:hover,.add-articles-btn--open{background:color-mix(in srgb, var(--brand) 88%, var(--text-title))}.add-panel{--c:var(--accent);margin:0 var(--page-gutter) 28px;border-radius:var(--radius-card);background:var(--bg-add-panel);box-shadow:0 0 0 1px var(--border-add-panel);flex-direction:column;gap:20px;padding:22px 24px 24px;display:flex}.add-panel__head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.add-panel__title{color:var(--text-primary);white-space:nowrap;font-size:17px;font-weight:500}@media (width<=768px){.add-panel__title{white-space:normal}}.add-panel__count{font-size:var(--fs-sm);color:var(--text-muted);white-space:nowrap}.add-panel__spacer{flex:1}.add-panel__search{box-sizing:border-box;border-radius:var(--radius-control);background:var(--bg-add-panel-field);flex:0 280px;align-items:center;gap:10px;min-width:180px;height:36px;padding:0 12px;display:flex}.add-panel__search-icon{box-sizing:border-box;border:1.5px solid var(--text-muted);border-radius:50%;flex:none;width:11px;height:11px}.add-panel__search-input{min-width:0;color:var(--text-primary);font:inherit;font-size:var(--fs-md);background:0 0;border:0;outline:none;flex:1}.add-panel__close{cursor:pointer;color:var(--text-body);font:inherit;font-size:var(--fs-md);background:0 0;border:0;padding:0}.add-panel__close:hover{color:var(--text-title)}.add-panel__grid{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:12px;display:grid}.add-item{border-radius:var(--radius-card);cursor:pointer;background:0 0;align-items:flex-start;gap:14px;padding:16px 18px;transition:background .16s,box-shadow .16s;display:flex}.add-item:hover{background:var(--bg-add-item-hover);box-shadow:0 0 0 1px var(--border-hover)}.add-item:hover .add-item__title{color:var(--text-title)}.add-item__text{gap:var(--space-3);flex-direction:column;flex:1;min-width:0;display:flex}.add-item__title{font-family:var(--font-serif);color:var(--text-secondary);text-wrap:pretty;font-size:16px;font-weight:500;line-height:1.35}.add-item__meta{white-space:nowrap;font-size:var(--fs-sm);color:var(--text-muted);align-items:center;gap:8px;display:flex;overflow:hidden}.add-item__source{text-overflow:ellipsis;overflow:hidden}.add-item__mark-slot{flex:none;justify-content:center;align-items:center;width:14px;height:14px;margin-top:3px;display:flex}.add-item__mark.collection-mark{background:var(--border-hover);transition:background .15s,border-color .15s}.add-item__mark.collection-mark--ring{border-color:var(--border-hover);background:0 0}.add-item:not(.add-item--on):hover .add-item__mark.collection-mark{background:color-mix(in srgb, var(--c) 45%, var(--border-strong))}.add-item:not(.add-item--on):hover .add-item__mark.collection-mark--ring{border-color:color-mix(in srgb, var(--c) 45%, var(--border-strong));background:0 0}.add-item--on{background:color-mix(in srgb, var(--c) 7%, var(--surface));box-shadow:0 0 0 1px color-mix(in srgb, var(--c) 14%, transparent)}.add-item--on:hover{background:color-mix(in srgb, var(--c) 12%, var(--card-hover));box-shadow:0 0 0 1px color-mix(in srgb, var(--c) 45%, transparent)}.add-item--on .add-item__title{color:var(--text-title)}.add-item--on .add-item__mark.collection-mark{background:color-mix(in srgb, var(--c) 85%, transparent)}.add-item--on .add-item__mark.collection-mark--ring{border-color:color-mix(in srgb, var(--c) 85%, transparent);background:0 0}:root{--auth-page:#131312;--auth-panel:#181817;--auth-card:#1c1c1a;--auth-card-saved:#252523;--auth-line:#242422;--auth-underline:#3a3a36;--auth-text-title:#e8e6e1;--auth-text-primary:#e2e0da;--auth-text-tertiary:#b9b7b1;--auth-text-body:#a6a49e;--auth-text-muted:#9a9892;--auth-text-faint:#6e6c67;--auth-star:#f2dc7a;--auth-google-bg:#fff;--auth-google-bg-hover:#f2f0eb;--auth-google-fg:#141414}.auth{box-sizing:border-box;background:var(--auth-page);height:100svh;color:var(--auth-text-primary);font-family:var(--font-sans);padding-inline:max(0px,50vw - 800px);display:flex;overflow:hidden}.auth a{color:var(--auth-text-body)}.auth a:hover{color:var(--auth-text-title)}.auth button:focus{outline:none}.auth button:focus-visible,.auth a:focus-visible{outline:2px solid var(--auth-text-muted);outline-offset:2px}.auth__side{box-sizing:border-box;flex-direction:column;flex:440px;padding:32px 48px;display:flex;overflow-y:auto}.auth__brand{cursor:pointer;align-self:flex-start;align-items:center;gap:10px;min-height:36px;display:flex}.auth__logo{width:25px;height:25px;color:var(--auth-star);justify-content:center;align-items:center;display:flex}.auth__name{letter-spacing:-.01em;color:var(--auth-text-title);font-size:16px;font-weight:500}.auth__center{flex:1;align-items:center;display:flex}.auth__form{flex-direction:column;gap:28px;width:100%;max-width:360px;padding:48px 0;display:flex}.auth__head{flex-direction:column;gap:12px;display:flex}.auth__title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--auth-text-title);text-wrap:balance;font-size:40px;font-weight:500;line-height:1.1}.auth__sub{color:var(--auth-text-body);text-wrap:pretty;font-size:16px;line-height:1.55}.auth__google{cursor:pointer;background:var(--auth-google-bg);width:100%;height:48px;color:var(--auth-google-fg);font:inherit;border:0;border-radius:8px;justify-content:center;align-items:center;gap:12px;font-size:15px;font-weight:500;transition:background .15s,opacity .15s;display:flex}.auth__google:hover{background:var(--auth-google-bg-hover)}.auth__google-icon{flex:none;width:18px;height:18px}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth__legal{color:var(--auth-text-muted);font-size:13px;line-height:1.5}.auth__switch{border-top:1px solid var(--auth-line);color:var(--auth-text-muted);align-items:center;gap:6px;padding-top:20px;font-size:14px;display:flex}.auth__switch-btn{cursor:pointer;font:inherit;color:var(--auth-text-title);text-decoration:underline;-webkit-text-decoration-color:var(--auth-underline);text-decoration-color:var(--auth-underline);text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:14px;font-weight:500}.auth__switch-btn:hover{-webkit-text-decoration-color:var(--auth-text-muted);text-decoration-color:var(--auth-text-muted)}.auth__copy{color:var(--auth-text-faint);font-size:13px}.auth__preview-wrap{box-sizing:border-box;flex:1.2 520px;min-width:0;padding:16px;display:flex}@media (width<=900px){.auth__preview-wrap{display:none}.auth__side{padding:24px}.auth__center{justify-content:center}}.auth__preview{background:var(--auth-panel);border-radius:16px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.auth__preview-head{flex-direction:column;flex:none;gap:8px;padding:48px 44px 32px;display:flex}.auth__tagline{max-width:440px;font-family:var(--font-serif);letter-spacing:-.015em;color:var(--auth-text-title);text-wrap:balance;font-size:28px;font-weight:500;line-height:1.2}.auth__tagline-sub{color:var(--auth-text-body);font-size:15px}.auth__preview-cards{flex:1;min-height:0;padding:0 44px;overflow:hidden}.auth__masonry{columns:300px;column-gap:22px}.preview-card{box-sizing:border-box;break-inside:avoid;background:var(--auth-card);border-radius:12px;flex-direction:column;gap:18px;width:100%;margin-bottom:22px;padding:26px 28px 22px;display:flex}.preview-card--tall{min-height:360px}.preview-card--saved{background:var(--auth-card-saved)}.preview-card__meta{align-items:center;display:flex}.preview-card__source{color:var(--auth-text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.preview-card__date{color:var(--auth-text-muted);white-space:nowrap;font-size:14px}.preview-card__spacer{flex:1}.preview-card__title{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--auth-text-title);text-wrap:pretty;font-size:23px;font-weight:500;line-height:1.22}.preview-card__title--tall{min-height:70px;font-size:28px}.preview-card__title--small{font-size:18px}.preview-card__collections{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.preview-card__collection{color:var(--auth-text-tertiary);white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:inline-flex}.preview-card__mark{background:var(--c);flex:none;width:8px;height:8px}.preview-card__add{color:var(--auth-text-faint);white-space:nowrap;font-size:14px}.preview-card__note{align-items:baseline;gap:10px;display:flex}.preview-card__note-icon{color:var(--auth-text-faint);flex:none;align-self:center;width:14px;height:14px;display:flex}.preview-card__note-text{color:var(--auth-text-body);text-wrap:pretty;font-size:14px;line-height:1.55}.preview-card__divider{background:var(--auth-line);height:1px}.preview-card__footer{align-items:center;gap:14px;display:flex}.preview-card__note-label{color:var(--auth-text-muted);font-size:15px}.preview-card__note-label--has-note{color:var(--auth-text-primary);font-size:15px;font-weight:400}.preview-card__view{color:var(--auth-text-muted);align-items:center;gap:6px;font-size:15px;display:flex}.preview-card__abstract{width:34px;height:34px;color:var(--auth-text-muted);justify-content:center;align-items:center;display:flex}:root{--legal-page:#131312;--legal-line:#242422;--legal-underline:#3a3a36;--legal-text-title:#e8e6e1;--legal-text-primary:#e2e0da;--legal-text-body:#a6a49e;--legal-text-muted:#9a9892;--legal-text-faint:#6e6c67;--legal-star:#f2dc7a}.legal{background:var(--legal-page);min-height:100vh;color:var(--legal-text-primary);font-family:var(--font-sans)}.legal a{color:var(--legal-text-title);text-decoration:underline;-webkit-text-decoration-color:var(--legal-underline);text-decoration-color:var(--legal-underline);text-underline-offset:3px}.legal a:hover{cursor:pointer;color:#fff;-webkit-text-decoration-color:var(--legal-text-muted);text-decoration-color:var(--legal-text-muted)}.legal a:focus{outline:none}.legal a:focus-visible{outline:2px solid var(--legal-text-muted);outline-offset:2px}.legal__header{box-sizing:border-box;align-items:center;gap:10px;max-width:720px;margin:0 auto;padding:32px 32px 0;display:flex}.legal__logo{width:24px;height:24px;color:var(--legal-star);justify-content:center;align-items:center;display:flex}.legal__name{letter-spacing:-.01em;color:var(--legal-text-title);font-size:16px;font-weight:500}.legal__spacer{flex:1}a.legal__back{color:var(--legal-text-muted);font-size:14px;text-decoration:none}a.legal__back:hover{color:var(--legal-text-title)}.legal .legal-flex{color:inherit;cursor:pointer;align-items:center;gap:10px;text-decoration:none;display:flex}.legal .legal-flex:hover{color:inherit}.legal__main{box-sizing:border-box;flex-direction:column;gap:48px;max-width:720px;margin:0 auto;padding:72px 32px 96px;display:flex}.legal__intro{flex-direction:column;gap:14px;display:flex}.legal__title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--legal-text-title);margin:0;font-size:44px;font-weight:500;line-height:1.1}.legal__updated{color:var(--legal-text-muted);font-size:14px}.legal__section{border-top:1px solid var(--legal-line);flex-direction:column;gap:14px;padding-top:32px;display:flex}.legal__heading{font-family:var(--font-serif);color:var(--legal-text-title);margin:0;font-size:24px;font-weight:500;line-height:1.25}.legal__text{color:var(--legal-text-body);text-wrap:pretty;margin:0;font-size:16px;line-height:1.65}.legal__footer{box-sizing:border-box;max-width:720px;color:var(--legal-text-faint);margin:0 auto;padding:0 32px 40px;font-size:13px}@media (width<=600px){.legal__header{padding:24px 20px 0}.legal__main{gap:40px;padding:48px 20px 72px}.legal__title{font-size:36px}.legal__footer{padding:0 20px 32px}}:root{--landing-page:#131312;--landing-card:#1c1c1a;--landing-card-saved:#252523;--landing-tonal:#2a2a27;--landing-tonal-hover:#34342f;--landing-text-title:#e8e6e1;--landing-text-primary:#e2e0da;--landing-text-tertiary:#b9b7b1;--landing-text-body:#a6a49e;--landing-text-muted:#9a9892;--landing-text-faint:#6e6c67;--landing-star:#f2dc7a;--landing-google-bg:#fff;--landing-google-bg-hover:#f2f0eb;--landing-google-fg:#141414;--font-sans:"Outfit", system-ui, sans-serif;--font-serif:"Literata", Georgia, serif}@keyframes landing-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes landing-spin{to{transform:rotate(360deg)}}.landing{background:var(--landing-page);height:100dvh;color:var(--landing-text-primary);font-family:var(--font-sans);flex-direction:column;display:flex;overflow:hidden}.landing__header{z-index:20;box-sizing:border-box;flex:none;align-items:center;gap:10px;padding:clamp(16px,3vh,32px) 48px;display:flex;position:relative}.landing__logo{width:24px;height:24px;color:var(--landing-star);justify-content:center;align-items:center;display:flex}.landing__name{letter-spacing:-.01em;color:var(--landing-text-title);font-size:16px;font-weight:500}.landing__spacer{flex:1}.landing__signin{white-space:nowrap;cursor:pointer;background:var(--landing-tonal);height:36px;color:var(--landing-text-primary);font:inherit;border:0;border-radius:8px;align-items:center;padding:0 14px;font-size:14px;display:flex}.landing__signin:hover{color:var(--landing-text-primary);background:var(--landing-tonal-hover)}.landing__stage{flex:1;justify-content:center;min-height:0;padding:clamp(4px,1.5vh,16px) 0;display:flex;position:relative}.landing__hero{z-index:5;width:100%;max-width:min(1000px, 100vw - 2 * var(--card-gutter));box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,2.2vh,24px);padding:0 24px;display:flex;position:relative}.landing__title{font-family:var(--font-serif);letter-spacing:-.035em;color:var(--landing-text-title);text-wrap:balance;margin:0;font-size:clamp(34px,min(4.8vw,7vh),76px);font-weight:500;line-height:1.05}.landing__desc{max-width:640px;color:var(--landing-text-body);text-wrap:pretty;margin:0;font-size:17px;line-height:1.65}.landing__cta{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:340px;display:flex}.landing__google{cursor:pointer;background:var(--landing-google-bg);width:100%;height:48px;color:var(--landing-google-fg);font:inherit;border:0;border-radius:8px;justify-content:center;align-items:center;gap:12px;font-size:15px;font-weight:500;transition:background .15s,opacity .15s;display:flex}.landing__google:hover{color:var(--landing-google-fg);background:var(--landing-google-bg-hover)}.landing__google--loading{opacity:.75;cursor:default}.landing__google-icon{flex:none;width:18px;height:18px}.landing__spinner{box-sizing:border-box;border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite landing-spin}.landing__google-note{max-width:320px;color:var(--landing-text-muted);text-wrap:pretty;margin:calc(-1*clamp(4px,1vh,12px)) 0 0;font-size:13px;line-height:1.5}.landing{--card-gutter:320px}.float-card{z-index:1;pointer-events:none;width:260px;position:absolute}.float-card__float{animation:landing-float var(--dur) ease-in-out var(--delay) infinite}.float-card--1{--rot:-5deg;--scale:.92;--dur:7s;--delay:0s;top:2%;left:clamp(4px,1.5vw,40px)}.float-card--3{--rot:2deg;--scale:.88;--dur:9s;--delay:-2.6s;top:42%;left:clamp(24px,3vw,64px)}.float-card--0{--rot:1deg;--scale:.9;--dur:8.5s;--delay:-5.2s;bottom:2%;left:clamp(8px,2vw,48px)}.float-card--2{--rot:3deg;--scale:.88;--dur:8s;--delay:-1.3s;top:4%;right:clamp(8px,2vw,48px)}.float-card--4{--rot:-3deg;--scale:.92;--dur:7.5s;--delay:-3.9s;top:36%;right:clamp(4px,1.5vw,40px)}.float-card--6{--rot:-2deg;--scale:.88;--dur:9.5s;--delay:-6.5s;bottom:4%;right:clamp(16px,2.5vw,56px)}.float-card--5{display:none}.float-card__card{box-sizing:border-box;background:var(--landing-card);transform:rotate(var(--rot)) scale(var(--scale));border-radius:12px;flex-direction:column;gap:14px;padding:20px 22px;display:flex;box-shadow:0 14px 34px -18px #000000b3}.float-card--saved .float-card__card{background:var(--landing-card-saved)}.float-card__meta{align-items:center;display:flex}.float-card__source{color:var(--landing-text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.float-card__date{color:var(--landing-text-muted);white-space:nowrap;font-size:13px}.float-card__star{color:var(--landing-star);margin-left:auto;display:flex}.float-card__title{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--landing-text-title);text-wrap:pretty;font-size:19px;font-weight:500;line-height:1.25}.float-card__collection{color:var(--landing-text-tertiary);white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:inline-flex}.float-card__mark{background:var(--c);flex:none;width:8px;height:8px}.float-card__note{color:var(--landing-text-body);align-items:flex-start;gap:8px;font-size:13px;line-height:normal;display:flex}.float-card__note-icon{color:var(--landing-text-faint);flex:none;margin-top:2px;display:flex}@media (prefers-reduced-motion:reduce){.float-card__float{animation:none}}.landing__footer{z-index:20;box-sizing:border-box;color:var(--landing-text-faint);flex-wrap:wrap;flex:none;align-items:center;gap:20px;padding:clamp(10px,2vh,20px) 48px;font-size:13px;display:flex;position:relative}.landing__footer a{color:var(--landing-text-muted);text-underline-offset:3px;font-size:13px;text-decoration:underline}.landing__footer a:hover{color:var(--landing-text-primary)}@media (height<=820px){.float-card--0,.float-card--6{display:none}.float-card--3{top:auto;bottom:4%}.float-card--4{top:auto;bottom:6%}}@media (width<=1200px){.float-card{display:none}.landing{--card-gutter:0px}}@media (width<=600px){.landing__header{padding:22px 20px}.landing__hero{padding:0 20px}.landing__desc{font-size:16px}.landing__footer{padding:10px 20px 14px}}.demo{flex:0 1 calc((min(1000px, 100vw - 2 * var(--card-gutter)) - 48px) * 9 / 16);justify-content:center;align-items:center;width:100%;min-height:0;display:flex;container-type:size}.demo__frame{aspect-ratio:16/9;background:var(--landing-card);border:1px solid #ffffff14;border-radius:16px;width:min(100cqw,177.778cqh);overflow:hidden;box-shadow:0 30px 80px #0000008c,0 0 0 1px #0006}.demo-bar{border-bottom:1px solid #ffffff0f;gap:8px;padding:12px 16px;display:flex}.demo-bar span{background:#ffffff26;border-radius:50%;width:10px;height:10px}.demo__frame video{object-fit:cover;width:100%;height:100%;display:block}.scroll-hint{color:#ffffff73;margin-top:32px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-block}.scroll-hint:hover{color:#fffc}@media (width<=600px){.demo__frame{border-radius:10px}}