:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0;padding:48px 24px;font:16px/1.6 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}main{max-width:42rem;margin:0 auto}:root{--muted:#6b7280;--line:#e5e7eb;--card:#f9fafb;--accent:#2563eb}@media (prefers-color-scheme:dark){:root{--muted:#9ca3af;--line:#24262c;--card:#16181d;--accent:#60a5fa}}@media (max-width:40rem){body{padding:24px 16px}}.annotation__header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:16px;display:flex}.annotation__avatar{border-radius:999px;flex:none}.annotation__author{margin:0;font-weight:600}.annotation__handle,.annotation__date{color:var(--muted);margin:0;font-size:.85rem}.annotation__date{flex:none;margin-left:auto}.annotation__quote{border-left:3px solid var(--accent);white-space:pre-wrap;overflow-wrap:anywhere;margin:28px 0;padding:4px 0 4px 20px;font-size:1.2rem;line-height:1.6}.annotation__title{margin:0 0 2px;font-weight:600}.annotation__meta{color:var(--muted);margin:0;font-size:.9rem}.annotation__source{margin:24px 0}.annotation__source-link{color:var(--accent);overflow-wrap:anywhere}.claim{border:1px solid var(--line);background:var(--card);border-radius:10px;margin-top:32px;padding:16px}.claim__button{border:1px solid var(--line);color:inherit;font:inherit;cursor:pointer;background:canvas;border-radius:8px;padding:9px 16px}.claim__hint{color:var(--muted);margin:10px 0 0;font-size:.85rem}.claim__dialog{border:1px solid var(--line);color:canvastext;background:canvas;border-radius:12px;width:calc(100vw - 32px);max-width:34rem;padding:24px}.claim__dialog::backdrop{background:#00000080}.claim__urls{margin:16px 0;font-size:.85rem}.claim__urls dt{color:var(--muted)}.claim__urls dd{overflow-wrap:anywhere;margin:0 0 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.claim__pending{color:var(--muted);font-size:.9rem}
:root{color:#252321;font-synthesis:none;background:#f6f5f2;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #eb794f}.shell{min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #e8e6e1;align-items:center;gap:60px;height:68px;padding:0 30px;display:flex}.wordmark{letter-spacing:-.8px;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.logo{color:#fff;background:#24211f;border-radius:7px;place-items:center;width:27px;height:27px;font-family:Newsreader,serif;font-size:24px;font-style:italic;line-height:1;display:grid}.orange{color:#e8754b}.global-search{color:#918d87;cursor:text;background:#f5f4f1;border-radius:7px;align-items:center;gap:9px;width:340px;height:36px;padding:0 11px;font-size:12px;display:flex}.global-search kbd{color:#b3afa8;align-items:center;gap:3px;margin-left:auto;font:10px DM Mono;display:flex}.top-actions{align-items:center;gap:11px;margin-left:auto;display:flex}.top-actions>button:first-child{color:#98928a;padding:8px}.user-avatar,.note-avatar{border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;font-weight:700;display:grid}.user-avatar{background:#f5c9a9}.user-name{color:#494540;align-items:center;gap:4px;font-size:12px;display:flex}.app-body{grid-template-columns:220px minmax(540px,740px) 310px;gap:0;max-width:1500px;min-height:calc(100vh - 68px);margin:auto;display:grid}.nav-rail{background:#fff;border-right:1px solid #e8e6e1;flex-direction:column;gap:4px;padding:25px 16px 17px;display:flex}.rail-group{flex-direction:column;gap:4px;display:flex}.rail-item{color:#817c75;text-align:left;border-radius:7px;align-items:center;gap:11px;width:100%;height:36px;padding:0 11px;font-size:12px;display:flex}.rail-item:hover{color:#403d39;background:#f7f5f1}.rail-item.active{color:#252321;background:#f1eeea;font-weight:600}.rail-item em{color:#aaa49b;margin-left:auto;font:10px DM Mono}.rail-divider{background:#eeece7;height:1px;margin:21px 10px 19px}.nav-label,.eyebrow{letter-spacing:1.45px;color:#aaa49e;margin:0 11px 8px;font-size:9px;font-weight:700}.new-collection{color:#a09b94;align-items:center;gap:9px;margin-top:6px;padding:10px 11px;font-size:11px;display:flex}.rail-bottom{margin-top:auto}.install-card{color:#e8754b;background:#faf8f4;border:1px solid #ece8df;border-radius:7px;align-items:center;gap:8px;padding:11px 9px;display:flex}.install-card span{flex-direction:column;flex:1;gap:3px;display:flex}.install-card strong{color:#3c3935;font-size:10px}.install-card small{color:#a09b94;font-size:9px}.workspace{padding:40px 42px 80px}.workspace-heading{justify-content:space-between;align-items:end;display:flex}.breadcrumbs{color:#aaa49d;margin-bottom:15px;font-size:11px}.breadcrumbs span{color:#d1ccc5;padding:0 7px}.workspace h1{letter-spacing:-1.1px;margin:0 0 5px;font:500 38px Newsreader,serif}.subline{color:#9c968f;margin:0;font-size:12px}.primary{color:#fff;background:#252321;border-radius:6px;align-items:center;gap:7px;padding:10px 13px;font-size:11px;font-weight:600;display:flex}.filter-row{border-bottom:1px solid #dfdcd6;justify-content:space-between;align-items:center;margin-top:38px;display:flex}.filter-tabs{gap:22px;display:flex}.filter-tabs button{color:#a19b93;padding:0 0 12px;font-size:11px;position:relative}.filter-tabs .tab-active{color:#292724;font-weight:600}.filter-tabs .tab-active:after{content:"";background:#e8754b;height:2px;position:absolute;bottom:-1px;left:0;right:0}.sort{color:#87817b;align-items:center;gap:5px;padding-bottom:12px;font-size:11px;display:flex}.clip-card{background:#fff;border:1px solid #e7e3dc;border-radius:9px;margin-top:19px;overflow:hidden}.clip-source{align-items:center;gap:10px;padding:17px 18px;display:flex}.source-icon{color:#fff;background:#272421;border-radius:6px;place-items:center;width:29px;height:29px;font:10px DM Mono;display:grid}.article-icon{color:#34312d;background:#e4e1dc}.clip-source strong,.clip-source span{display:block}.clip-source strong{font-size:11px;font-weight:600}.clip-source span{color:#aaa49b;margin-top:3px;font-size:10px}.more{color:#aaa49e;margin-left:auto;padding:4px}.video-preview{padding:0 18px}.video-gradient{background:linear-gradient(135deg,#171b26 0%,#29374b 44%,#c16c43 100%);border-radius:6px;justify-content:center;align-items:center;height:280px;display:flex;position:relative;overflow:hidden}.video-gradient:before{content:"";background:radial-gradient(circle,#ecb28455,#0000 63%);border-radius:50%;width:430px;height:430px;position:absolute;top:-130px;right:-80px}.video-brand{color:#f3e9dd;letter-spacing:1.2px;font:13px/1.35 DM Mono;position:absolute;top:24px;left:25px}.video-brand b{font-size:18px}.video-person{opacity:.85;background:linear-gradient(145deg,#bf754e,#6e3c31);border-radius:90px 90px 10px 10px;width:190px;height:265px;position:absolute;bottom:-50px;right:70px;transform:rotate(-7deg)}.video-person:before{content:"";background:#d49b72;border-radius:50%;width:98px;height:98px;position:absolute;top:-40px;left:47px}.video-play{z-index:1;color:#252321;background:#fffd;border-radius:50%;place-items:center;width:50px;height:50px;padding-left:3px;display:grid;box-shadow:0 4px 20px #0004}.duration{color:#fff;background:#1c191799;border-radius:4px;padding:4px 6px;font:10px DM Mono;position:absolute;bottom:12px;right:13px}.clip-body{padding:20px 18px 16px}.clip-type{letter-spacing:1px;color:#a7a096;align-items:center;gap:6px;font:9px DM Mono;display:flex}.type-dot{background:#e8754b;border-radius:50%;width:6px;height:6px}.article-dot{background:#9087c2}.clip-body h2{letter-spacing:-.3px;margin:10px 0 7px;font:500 23px Newsreader,serif}.clip-body>p{color:#625d57;max-width:560px;margin:0;font:13px/1.55 Newsreader,serif}.clip-footer{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.clip-tags{gap:6px;display:flex}.clip-tags span{color:#8e8880;background:#f5f3ef;border-radius:4px;padding:5px 7px;font-size:9px}.clip-actions{gap:14px;display:flex}.clip-actions button{color:#9c968d;align-items:center;gap:5px;font-size:10px;display:flex}.clip-actions button:hover,.clip-actions button.liked{color:#e8754b}.text-clip{padding-bottom:16px}.article-quote{gap:15px;padding:3px 20px 16px;display:flex}.quote-line{background:#b7abd8;border-radius:3px;width:3px}.article-quote p{margin:10px 0 8px;font:500 21px/1.25 Newsreader,serif}.article-quote small{color:#aaa49b;font-size:10px}.discussion{background:#fbfaf8;border-left:1px solid #e8e6e1;padding:40px 23px}.discussion-head{justify-content:space-between;align-items:start;display:flex}.discussion-head h2{margin:0;font:500 22px Newsreader,serif}.discussion-head>button{color:#aaa49e}.discussion .eyebrow{margin-bottom:11px;margin-left:0}.highlighted{background:#fff9f4;border:1px solid #e7d9cd;border-radius:7px;margin-top:23px;padding:14px 14px 13px}.highlight-marker{background:#e8754b;border-radius:4px;width:22px;height:3px;margin-bottom:10px}.highlighted p{margin:0 0 10px;font:500 16px/1.35 Newsreader,serif}.highlighted small{color:#a69d94;font:10px DM Mono}.note-list{margin-top:22px}.note{cursor:pointer;border-bottom:1px solid #ece9e3;border-radius:5px;padding:13px 8px}.note.selected{background:#f4f0eb}.note-head{align-items:center;gap:8px;display:flex}.note-head strong{font-size:11px;display:block}.note-head span{color:#aaa49c;margin-top:2px;font-size:9px;display:block}.note p{color:#5e5953;margin:10px 0 9px;font-size:11px;line-height:1.45}.note-meta{gap:14px;display:flex}.note-meta button{color:#aaa49c;align-items:center;gap:4px;font-size:9px;display:flex}.reply-box{background:#fff;border:1px solid #e4e0d9;border-radius:6px;align-items:center;margin-top:18px;padding:3px 5px 3px 10px;display:flex}.reply-box input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:8px 0;font:11px DM Sans}.reply-box button{color:#fff;background:#252321;border-radius:5px;place-items:center;width:28px;height:28px;display:grid}.overlay{z-index:9;background:#201e1d55;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.command-modal,.composer{background:#fff;border-radius:10px;width:min(570px,100%);padding:25px;position:relative;box-shadow:0 22px 65px #201e1d33}.close{color:#aaa49c;position:absolute;top:16px;right:16px}.command-input{border-bottom:1px solid #ddd8d0;align-items:center;gap:10px;padding:11px 0;display:flex}.command-input input,.url-input input{border:0;outline:0;flex:1;font:15px DM Sans}.command-input kbd{color:#aaa49c;font:10px DM Mono}.command-hint{color:#aaa49c;margin-top:16px;font-size:11px}.composer h2{margin:0 0 21px;font:500 28px Newsreader,serif}.url-input{color:#aaa49c;border:1px solid #e0dcd5;border-radius:6px;align-items:center;height:44px;padding:0 12px;font:12px DM Mono;display:flex}.composer-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;display:flex}.composer-actions>button:first-child{color:#8f8880;font-size:11px}.composer .eyebrow{margin-left:0}.composer .primary{padding:10px 15px}@media (max-width:1120px){.app-body{grid-template-columns:190px minmax(500px,1fr)}.discussion{display:none}}@media (max-width:720px){.topbar{gap:18px;padding:0 16px}.global-search{flex:1;width:auto}.global-search span,.global-search kbd,.top-actions .user-name{display:none}.app-body{display:block}.nav-rail{display:none}.workspace{padding:27px 17px 60px}.workspace-heading{flex-direction:column;align-items:start;gap:19px}.workspace h1{font-size:34px}.video-preview{padding:0 12px}.video-gradient{height:220px}.clip-source{padding:14px}.clip-body{padding:17px 14px}.clip-footer{flex-direction:column;align-items:start;gap:14px}.clip-actions{gap:15px}}.global-search{text-align:left}.success-note{color:#567052;background:#f1f7ef;border:1px solid #d6e6d1;border-radius:6px;margin-top:18px;padding:10px 12px;font-size:11px}.empty-state{color:#8d877f;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:180px;font-size:12px;display:flex}.empty-state strong{color:#403d39;font-size:14px}.composer .primary:disabled{color:#fff;cursor:not-allowed;background:#c9c6c0}.account-wrap{align-items:center;gap:11px;display:flex;position:relative}.account-menu{z-index:8;background:#fff;border:1px solid #e7e3dc;border-radius:8px;width:210px;padding:12px;position:absolute;top:42px;right:0;box-shadow:0 15px 35px #201e1d1c}.account-menu-heading{font-size:11px;font-weight:700}.account-menu-email{color:#aaa49b;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.account-menu button{text-align:left;color:#c45f3d;border-top:1px solid #eeeae4;width:100%;margin-top:11px;padding:10px 0 0;font-size:11px}.sign-in-trigger{color:#fff;background:#252321;border-radius:6px;padding:9px 13px;font-size:11px;font-weight:600}.signed-out-state{background:#f6f5f2;place-items:center;min-height:calc(100vh - 68px);padding:30px;display:grid}.signed-out-card{text-align:center;background:#fff;border:1px solid #e7e3dc;border-radius:10px;width:min(420px,100%);padding:38px;box-shadow:0 16px 40px #201e1d0c}.signed-out-mark,.auth-mark{color:#fff;background:#24211f;border-radius:8px;place-items:center;width:38px;height:38px;margin:0 auto 20px;font:italic 28px Newsreader,serif;display:grid}.signed-out-card .eyebrow,.auth-modal .eyebrow{margin-left:0;margin-right:0}.signed-out-card h1{letter-spacing:-.7px;margin:0 0 9px;font:500 32px Newsreader,serif}.signed-out-card p:not(.eyebrow){color:#938d85;max-width:280px;margin:0 auto 23px;font-size:12px;line-height:1.5}.signed-out-card .primary{margin:auto}.auth-modal{background:#fff;border-radius:10px;width:min(390px,100%);padding:34px;position:relative;box-shadow:0 22px 65px #201e1d33}.auth-mark{width:34px;height:34px;margin-bottom:18px;font-size:24px}.auth-modal .eyebrow{text-align:center;margin-bottom:10px}.auth-modal h2{text-align:center;margin:0 0 6px;font:500 29px Newsreader,serif}.auth-subline{text-align:center;color:#99928a;margin:0 0 24px;font-size:11px}.oauth-buttons{flex-direction:column;gap:8px;margin-top:20px;display:flex}.oauth-button{background:#fff;border:1px solid #ded9d1;border-radius:6px;justify-content:center;align-items:center;gap:9px;height:40px;font-size:11px;font-weight:600;display:flex}.oauth-button:hover{background:#faf8f5;border-color:#cfc8be}.oauth-icon{border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:grid}.google-icon{color:#4285f4;border:1px solid #d8e4fb}.x-icon{color:#fff;background:#252321}.auth-divider{color:#aaa49b;align-items:center;gap:10px;margin:18px 0 2px;font-size:9px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ebe7e0;flex:1;height:1px}.auth-modal label{color:#5f5a54;flex-direction:column;gap:7px;margin-top:14px;font-size:10px;font-weight:700;display:flex}.auth-modal input{border:1px solid #e0dcd5;border-radius:6px;outline:0;padding:11px 12px;font:12px DM Sans}.auth-modal input:focus{border-color:#e8754b;box-shadow:0 0 0 3px #e8754b1c}.auth-error{color:#bd5636;background:#fff2ed;border:1px solid #f2cfc0;border-radius:6px;margin-top:14px;padding:9px 10px;font-size:10px;line-height:1.4}.auth-submit{justify-content:center;width:100%;margin-top:18px}.auth-submit:disabled{cursor:not-allowed;background:#c9c6c0}.user-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}