.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--rounded-pill);padding:0 var(--spacing-xxl);font-family:var(--typography-headline-font-family), system-ui, sans-serif;font-size:var(--typography-headline-font-size);font-weight:var(--typography-headline-font-weight);line-height:var(--typography-headline-line-height);border:1px solid #0000;transition:opacity .12s ease-out;display:inline-flex}.btn:disabled{opacity:.45}.btn-primary{background:var(--color-primary);height:54px;color:var(--color-on-primary)}.btn-secondary{background:var(--color-surface);height:54px;color:var(--color-primary);border-color:var(--color-hairline)}.btn-add{height:44px;padding:0 var(--spacing-lg);background:var(--color-tertiary);color:var(--color-primary)}.item-page{gap:var(--spacing-lg);max-width:720px;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-xxxl);flex-direction:column;margin:0 auto;display:flex}.item-preview{object-fit:contain;border-radius:var(--rounded-tile);background:var(--color-hairline);width:100%;max-height:520px;display:block}.item-embed{border-radius:var(--rounded-tile);background:var(--color-surface);border:0;width:100%;min-height:560px}.item-title{font-size:var(--typography-title-1-font-size);font-weight:var(--typography-title-1-font-weight);line-height:var(--typography-title-1-line-height);letter-spacing:var(--typography-title-1-letter-spacing);overflow-wrap:anywhere}.item-meta,.item-pending{align-items:center;gap:var(--spacing-xs);color:var(--color-muted);font-size:var(--typography-caption-font-size);font-weight:var(--typography-caption-font-weight);line-height:var(--typography-caption-line-height);display:flex}.item-actions,.item-row{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.item-actions a.btn{height:54px;text-decoration:none}.item-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.item-note{font-family:var(--typography-note-font-family), serif;font-size:var(--typography-note-font-size);line-height:var(--typography-note-line-height);background:var(--color-note);resize:vertical}.item-body{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--color-secondary);font-size:var(--typography-body-font-size);line-height:var(--typography-body-line-height)}.item-tags{gap:var(--spacing-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.chip-static{align-items:center;gap:var(--spacing-xs);height:32px;padding:0 var(--spacing-md);border:1px solid var(--color-hairline);border-radius:var(--rounded-pill);background:var(--color-surface);font-size:var(--typography-callout-font-size);font-weight:var(--typography-callout-font-weight);display:inline-flex}.chip-static button{color:var(--color-muted);background:0 0;border:0;padding:2px;display:inline-flex}.consent-scopes{gap:var(--spacing-xs);padding-left:var(--spacing-xl);flex-direction:column;margin:0;display:flex}.settings-page{gap:var(--spacing-xxl);max-width:640px;padding:var(--spacing-xxxl) var(--spacing-xl);flex-direction:column;margin:0 auto;display:flex}.settings-section{gap:var(--spacing-md);flex-direction:column;display:flex}.settings-section h2{font-size:var(--typography-title-2-font-size);font-weight:var(--typography-title-2-font-weight);line-height:var(--typography-title-2-line-height);letter-spacing:var(--typography-title-2-letter-spacing)}.settings-list{gap:var(--spacing-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.settings-list li{justify-content:space-between;align-items:center;gap:var(--spacing-lg);display:flex}.settings-list-text{flex-direction:column;min-width:0;display:flex}.settings-quiet{color:var(--color-muted);font-size:var(--typography-caption-font-size);line-height:var(--typography-caption-line-height)}.library-shell{min-height:100vh;display:flex}.library-main{min-width:0;padding:var(--spacing-xl) var(--spacing-xxxl) var(--spacing-xxxl);flex:1}.page-title{margin:var(--spacing-xl) 0 var(--spacing-sm);font-size:var(--typography-large-title-font-size);font-weight:var(--typography-large-title-font-weight);line-height:var(--typography-large-title-line-height);letter-spacing:var(--typography-large-title-letter-spacing)}.library-tabs{margin-bottom:var(--spacing-xl)}.load-error{margin:var(--spacing-xl) 0;color:var(--color-primary)}.narrow-page{justify-content:center;gap:var(--spacing-lg);max-width:440px;min-height:100vh;padding:var(--spacing-xxxl) var(--spacing-xl);flex-direction:column;margin:0 auto;display:flex}.signin-headline{font-size:var(--typography-large-title-font-size);font-weight:var(--typography-large-title-font-weight);line-height:var(--typography-large-title-line-height);letter-spacing:var(--typography-large-title-letter-spacing)}.signin-sub{color:var(--color-secondary);font-size:var(--typography-headline-font-size);line-height:24px}.stack{gap:var(--spacing-md);flex-direction:column;display:flex}.link-button{padding:var(--spacing-xs) 0;color:var(--color-primary);font-weight:var(--typography-callout-font-weight);background:0 0;border:0;align-self:flex-start;text-decoration:underline}.settings-row{gap:var(--spacing-xs);flex-direction:column;display:flex}.settings-label{color:var(--color-secondary);font-size:var(--typography-section-font-size);font-weight:var(--typography-section-font-weight)}.hl{isolation:isolate;display:inline-block;position:relative}.hl:after{content:"";z-index:-1;background:var(--color-tertiary);transform-origin:0;border-radius:3px;height:44%;position:absolute;bottom:.08em;left:-4px;right:-4px;transform:rotate(-1.4deg)}.hl-sweep:after{animation:.22s ease-out both hl-sweep}@keyframes hl-sweep{0%{transform:rotate(-1.4deg)scaleX(0)}to{transform:rotate(-1.4deg)scaleX(1)}}@media (prefers-reduced-motion:reduce){.hl-sweep:after{animation:.22s linear both hl-fade!important}@keyframes hl-fade{0%{opacity:0}to{opacity:1}}}.dialog-scrim{z-index:10;padding:var(--spacing-lg);background:color-mix(in srgb, var(--color-dark-canvas) 45%, transparent);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{width:100%;max-width:440px;padding:var(--spacing-xxl);border-radius:var(--rounded-sheet);background:var(--color-neutral);color:var(--color-primary)}.dialog-title{margin-bottom:var(--spacing-lg);font-size:var(--typography-title-2-font-size);font-weight:var(--typography-title-2-font-weight);line-height:var(--typography-title-2-line-height);letter-spacing:var(--typography-title-2-letter-spacing)}.field-label{margin-bottom:var(--spacing-sm);color:var(--color-secondary);font-size:var(--typography-section-font-size);font-weight:var(--typography-section-font-weight);display:block}.field{width:100%;height:52px;padding:0 var(--spacing-lg);border:1px solid var(--color-hairline);border-radius:var(--rounded-field);background:var(--color-surface);color:var(--color-primary)}.field-error{margin-top:var(--spacing-md);color:var(--color-primary);font-size:var(--typography-caption-font-size);font-weight:var(--typography-caption-font-weight)}.dialog-actions{justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);display:flex}.dialog-done{align-items:flex-start;gap:var(--spacing-md);flex-direction:column;display:flex}.banked-disc{border-radius:var(--rounded-pill);background:var(--color-primary);width:34px;height:34px;color:var(--color-tertiary);justify-content:center;align-items:center;animation:.26s cubic-bezier(.3,1.5,.5,1) both disc-in;display:inline-flex}@keyframes disc-in{0%{transform:scale(.4)}to{transform:scale(1)}}.banked-word{font-size:32px;font-weight:700;line-height:1.2}.dialog-help{color:var(--color-secondary)}.empty-state{max-width:360px;margin:var(--spacing-xxxl) 0;color:var(--color-secondary);font-size:var(--typography-headline-font-size);line-height:var(--typography-headline-line-height)}.chips{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.chip{height:36px;padding:0 var(--spacing-lg);border:1px solid var(--color-hairline);border-radius:var(--rounded-pill);background:var(--color-surface);color:var(--color-primary);font-size:var(--typography-callout-font-size);font-weight:var(--typography-callout-font-weight)}.chip[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.masonry{column-count:2;column-gap:var(--spacing-lg)}.masonry>*{break-inside:avoid;margin-bottom:var(--spacing-xl)}@media (width>=800px){.masonry{column-count:3}}@media (width>=1100px){.masonry{column-count:4}}@media (width>=1400px){.masonry{column-count:5}}.sidebar{width:248px;height:100vh;padding:var(--spacing-xxl) var(--spacing-md);border-right:1px solid var(--color-hairline);background:var(--color-neutral);flex-direction:column;display:flex;position:sticky;top:0}.wordmark{padding:0 var(--spacing-md) var(--spacing-xl)}.wordmark-name{font-size:var(--typography-title-2-font-size);letter-spacing:var(--typography-title-2-letter-spacing);font-weight:700}.wordmark-note{color:var(--color-muted);font-size:var(--typography-caption-font-size);font-weight:var(--typography-caption-font-weight)}.sidebar-nav{gap:var(--spacing-xs);flex-direction:column;display:flex}.side-item{align-items:center;gap:var(--spacing-md);width:100%;height:40px;padding:0 var(--spacing-md);border-radius:var(--rounded-field);color:var(--color-secondary);font-size:var(--typography-callout-font-size);font-weight:var(--typography-callout-font-weight);text-align:left;background:0 0;border:0;text-decoration:none;display:flex}.side-item:hover{background:color-mix(in srgb, var(--color-primary) 5%, transparent)}.side-item[aria-current=page]{background:color-mix(in srgb, var(--color-primary) 8%, transparent);color:var(--color-primary)}.side-label{flex:1}.side-count{color:var(--color-muted);font-size:var(--typography-caption-font-size)}.sidebar-collections{margin-top:var(--spacing-xxl)}.section-label{padding:0 var(--spacing-md) var(--spacing-sm);color:var(--color-secondary);font-size:var(--typography-section-font-size);font-weight:var(--typography-section-font-weight);line-height:var(--typography-section-line-height)}.side-collection{gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-secondary);font-size:var(--typography-callout-font-size);font-weight:var(--typography-callout-font-weight);display:flex}.sidebar-foot{margin-top:auto}@media (width<=800px){.sidebar{display:none}}.tabs{gap:var(--spacing-xl);flex-wrap:wrap;display:flex}.tab{padding:var(--spacing-xs) 0;color:var(--color-muted);font-size:var(--typography-headline-font-size);font-weight:var(--typography-headline-font-weight);line-height:var(--typography-headline-line-height);background:0 0;border:0}.tab-active{color:var(--color-primary)}.tab-count{font-size:var(--typography-caption-font-size);font-weight:var(--typography-caption-font-weight);color:var(--color-muted)}.tab .hl:after{bottom:.22em}.tile{color:var(--color-primary);display:block}.tile-media-frame{border-radius:var(--rounded-tile);background:var(--color-hairline);position:relative;overflow:hidden}.tile-media-frame img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;display:block}.tile-video .tile-media-frame img{aspect-ratio:16/9}.glass{background:color-mix(in srgb, var(--color-surface) 72%, transparent);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);box-shadow:0 10px 28px -14px color-mix(in srgb, var(--color-primary) 35%, transparent);justify-content:center;align-items:center;display:inline-flex}.tile-badge{top:var(--spacing-sm);left:var(--spacing-sm);border-radius:var(--rounded-pill);width:28px;height:28px;position:absolute}.tile-play{border-radius:var(--rounded-pill);width:44px;height:44px;margin:auto;position:absolute;inset:0}.tile-duration{right:var(--spacing-sm);bottom:var(--spacing-sm);padding:0 var(--spacing-sm);border-radius:var(--rounded-pill);font-size:var(--typography-caption-font-size);font-weight:var(--typography-caption-font-weight);line-height:var(--typography-caption-line-height);position:absolute}.tile-title{margin-top:var(--spacing-sm);font-size:var(--typography-tile-title-font-size);font-weight:var(--typography-tile-title-font-weight);line-height:var(--typography-tile-title-line-height);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tile-title a{text-decoration:none}.tile-title a:hover{text-decoration:underline}.tile-meta{align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);color:var(--color-muted);font-size:var(--typography-caption-font-size);font-weight:var(--typography-caption-font-weight);line-height:var(--typography-caption-line-height);display:flex}.tile-block{padding:var(--spacing-lg);border-radius:var(--rounded-tile)}.tile-quote,.tile-link{background:var(--color-surface)}.tile-note{background:var(--color-note)}.tile-quote .tile-text{font-family:var(--typography-quote-font-family), serif;font-size:var(--typography-quote-font-size);line-height:var(--typography-quote-line-height)}.tile-note .tile-text{font-family:var(--typography-note-font-family), serif;font-size:var(--typography-note-font-size);font-style:italic;line-height:var(--typography-note-line-height);overflow-wrap:anywhere}.tile-block .tile-title{margin-top:0}.tile-block .tile-meta{margin-top:var(--spacing-md)}.tile-desc{margin-top:var(--spacing-xs);color:var(--color-secondary);font-size:var(--typography-caption-font-size);line-height:var(--typography-caption-line-height);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tile-block a,.tile-note a{color:inherit;text-decoration:none}.tile-quote .tile-text{-webkit-line-clamp:8;line-clamp:8;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.note-strip{margin-top:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--rounded-tile);background:var(--color-note)}.note-strip-text{font-family:var(--typography-note-font-family), serif;font-size:var(--typography-note-font-size);font-style:italic;line-height:var(--typography-note-line-height);overflow-wrap:anywhere}.note-strip .tile-meta{margin-top:var(--spacing-xs)}.tile-stack{display:block}.meaning-mark{margin-top:var(--spacing-xs);padding:0 var(--spacing-sm);border-radius:var(--rounded-pill);background:var(--color-neutral);color:var(--color-secondary);font-size:var(--typography-caption-font-size);font-weight:var(--typography-caption-font-weight);line-height:var(--typography-caption-line-height);display:inline-block}.topbar{justify-content:space-between;align-items:center;gap:var(--spacing-lg);display:flex}.search{align-items:center;gap:var(--spacing-md);max-width:620px;height:44px;padding:0 var(--spacing-lg);border:1px solid var(--color-hairline);border-radius:var(--rounded-pill);background:var(--color-surface);color:var(--color-muted);flex:1;display:flex}.search:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.search input{min-width:0;color:var(--color-primary);background:0 0;border:0;outline:0;flex:1}.search input::placeholder{color:var(--color-muted)}.search-hint{padding:2px var(--spacing-sm);border:1px solid var(--color-hairline);border-radius:var(--rounded-pill);background:var(--color-neutral);font-family:inherit;font-size:var(--typography-caption-font-size)}:root{--color-primary:#17181c;--color-secondary:#5c5e66;--color-tertiary:#ffd43b;--color-neutral:#f4f4f1;--color-surface:#fff;--color-muted:#6b6d75;--color-hairline:#e6e6e1;--color-note:#fff1b8;--color-on-primary:#fff;--color-dark-canvas:#121316;--color-dark-surface:#1c1d21;--color-dark-ink:#f2f2ee;--color-dark-ink-2:#b4b5bc;--color-dark-note:#3b3417;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-xxl:24px;--spacing-xxxl:32px;--rounded-tile:14px;--rounded-field:16px;--rounded-option:18px;--rounded-sheet:30px;--rounded-pill:999px;--typography-large-title-font-family:"Instrument Sans";--typography-large-title-font-size:34px;--typography-large-title-font-weight:700;--typography-large-title-letter-spacing:-.02em;--typography-large-title-line-height:40px;--typography-title-1-font-family:"Instrument Sans";--typography-title-1-font-size:27px;--typography-title-1-font-weight:700;--typography-title-1-letter-spacing:-.018em;--typography-title-1-line-height:32px;--typography-title-2-font-family:"Instrument Sans";--typography-title-2-font-size:22px;--typography-title-2-font-weight:600;--typography-title-2-letter-spacing:-.011em;--typography-title-2-line-height:28px;--typography-headline-font-family:"Instrument Sans";--typography-headline-font-size:17px;--typography-headline-font-weight:600;--typography-headline-line-height:22px;--typography-body-font-family:"Instrument Sans";--typography-body-font-size:16px;--typography-body-font-weight:400;--typography-body-line-height:22px;--typography-tile-title-font-family:"Instrument Sans";--typography-tile-title-font-size:15px;--typography-tile-title-font-weight:600;--typography-tile-title-line-height:20px;--typography-callout-font-family:"Instrument Sans";--typography-callout-font-size:15px;--typography-callout-font-weight:500;--typography-callout-line-height:20px;--typography-section-font-family:"Instrument Sans";--typography-section-font-size:13px;--typography-section-font-weight:600;--typography-section-line-height:18px;--typography-caption-font-family:"Instrument Sans";--typography-caption-font-size:13px;--typography-caption-font-weight:500;--typography-caption-line-height:18px;--typography-note-font-family:"Newsreader";--typography-note-font-size:18px;--typography-note-font-weight:400;--typography-note-line-height:25px;--typography-quote-font-family:"Newsreader";--typography-quote-font-size:18px;--typography-quote-font-weight:400;--typography-quote-line-height:24px}@font-face{font-family:Instrument Sans;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/InstrumentSans-Regular-PsttP1cB.ttf)format("truetype")}@font-face{font-family:Instrument Sans;font-weight:500;font-style:normal;font-display:swap;src:url(/assets/InstrumentSans-Medium-CjZHcjPf.ttf)format("truetype")}@font-face{font-family:Instrument Sans;font-weight:600;font-style:normal;font-display:swap;src:url(/assets/InstrumentSans-SemiBold-maQ0m_ek.ttf)format("truetype")}@font-face{font-family:Instrument Sans;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/InstrumentSans-Bold-CHn8-ksC.ttf)format("truetype")}@font-face{font-family:Newsreader;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/Newsreader-Regular-CYKQm3un.ttf)format("truetype")}@font-face{font-family:Newsreader;font-weight:600;font-style:normal;font-display:swap;src:url(/assets/Newsreader-SemiBold-QFVPKUDA.ttf)format("truetype")}@font-face{font-family:Newsreader;font-weight:400;font-style:italic;font-display:swap;src:url(/assets/Newsreader-Italic-7yPvbofR.ttf)format("truetype")}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--color-neutral);color:var(--color-primary);font-family:var(--typography-body-font-family), system-ui, sans-serif;font-size:var(--typography-body-font-size);font-weight:var(--typography-body-font-weight);line-height:var(--typography-body-line-height);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}h1,h2,p{margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}