:root{--bg:#fafafa;--bg-surface:#fff;--text:#1a1a1a;--text-muted:#666;--text-faint:#999;--border:#e5e5e5;--accent:#06c;--accent-hover:#0052a3;--tag-bg:#f0f0f0;--tag-text:#555;--danger:#c33;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--font-serif:Georgia,"Times New Roman",serif}@media (prefers-color-scheme:dark){:root{--bg:#111;--bg-surface:#1a1a1a;--text:#e5e5e5;--text-muted:#999;--text-faint:#666;--border:#333;--accent:#4d9fff;--accent-hover:#6db3ff;--tag-bg:#2a2a2a;--tag-text:#aaa;--danger:#f55}}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}.container{max-width:800px;margin:0 auto;padding:2rem 1rem}header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}header h1{letter-spacing:-.02em;font-size:1.25rem;font-weight:600}header h1 a{color:inherit;text-decoration:none}header nav{gap:1.25rem;font-size:.875rem;display:flex}header nav a{color:var(--text-muted)}header nav a:hover{color:var(--text)}header nav .nav-add{color:var(--accent);font-weight:500}.bookmark-list{list-style:none}.bookmark-item{border-bottom:1px solid var(--border);padding:.75rem 0}.bookmark-item:last-child{border-bottom:none}.bookmark-row{align-items:flex-start;gap:.625rem;display:flex}.favicon{border-radius:2px;flex-shrink:0;margin-top:.1875rem}.bookmark-content{flex:1;min-width:0}.bookmark-title{margin-bottom:.125rem;font-size:.9375rem;font-weight:500}.bookmark-url{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:.25rem;font-size:.75rem;display:block;overflow:hidden}.bookmark-meta{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.bookmark-description{color:var(--text-muted);margin-top:.25rem;font-size:.8125rem}.tags{flex-wrap:wrap;gap:.375rem;display:flex}.tag{background:var(--tag-bg);color:var(--tag-text);border-radius:3px;padding:.125rem .5rem;font-size:.6875rem;text-decoration:none;display:inline-block}.tag:hover{color:var(--text);text-decoration:none}.tag-list{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.375rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.tag-list .tag.active{background:var(--accent);color:#fff}.pagination{justify-content:center;gap:1rem;margin-top:2rem;font-size:.875rem;display:flex}.empty{text-align:center;color:var(--text-muted);padding:4rem 1rem}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.date{font-variant-numeric:tabular-nums}.auth-container{text-align:center;max-width:360px;margin-top:15vh}.auth-container h1{letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.5rem;font-weight:600}.auth-subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:.875rem}.auth-form{text-align:left}.auth-form label{color:var(--text-muted);margin-bottom:.25rem;font-size:.8125rem;font-weight:500;display:block}.auth-form input{border:1px solid var(--border);background:var(--bg-surface);width:100%;color:var(--text);border-radius:5px;margin-bottom:1rem;padding:.5rem .75rem;font-family:inherit;font-size:.9375rem}.auth-form input:focus{border-color:var(--accent);outline:none}.auth-form button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:5px;width:100%;padding:.625rem;font-family:inherit;font-size:.9375rem;font-weight:500}.auth-form button:hover{background:var(--accent-hover)}.auth-form button:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:color-mix(in srgb,var(--danger)10%,transparent);color:var(--danger);border-radius:5px;margin-bottom:1rem;padding:.5rem .75rem;font-size:.8125rem}.auth-footer{color:var(--text-muted);margin-top:1.5rem;font-size:.8125rem}.nav-signout{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.875rem}.nav-signout:hover{color:var(--text)}.add-container{max-width:480px}.add-container h1{margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.add-form label{color:var(--text-muted);margin-bottom:.25rem;font-size:.8125rem;font-weight:500;display:block}.add-form input[type=url],.add-form input[type=text],.add-form textarea{border:1px solid var(--border);background:var(--bg-surface);width:100%;color:var(--text);resize:vertical;border-radius:5px;margin-bottom:1rem;padding:.5rem .75rem;font-family:inherit;font-size:.9375rem}.add-form input:focus,.add-form textarea:focus{border-color:var(--accent);outline:none}.add-form button[type=submit]{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:5px;width:100%;margin-top:.5rem;padding:.625rem;font-family:inherit;font-size:.9375rem;font-weight:500}.add-form button[type=submit]:hover{background:var(--accent-hover)}.add-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.tag-input-wrap{border:1px solid var(--border);background:var(--bg-surface);border-radius:5px;flex-wrap:wrap;align-items:center;gap:.375rem;min-height:2.25rem;margin-bottom:.5rem;padding:.375rem .5rem;display:flex}.tag-text-input{flex:1;min-width:80px;background:0 0!important;border:none!important;margin:0!important;padding:0!important;font-size:.8125rem!important}.tag-text-input:focus{outline:none;border:none!important}.tag-removable{cursor:pointer}.tag-removable:hover{background:var(--danger);color:#fff}.recent-tags{flex-wrap:wrap;gap:.375rem;margin-bottom:1rem;display:flex}.recent-tags .tag{cursor:pointer;border:none;font-family:inherit}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem!important;display:flex!important}.checkbox-label input[type=checkbox]{width:auto!important;margin:0!important}.add-footer{color:var(--text-muted);margin-top:1.5rem;font-size:.8125rem}.delete-btn{font:inherit;color:#0000;cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:.75rem;line-height:1;transition:color .15s}.bookmark-item:hover .delete-btn{color:var(--text-faint)}.delete-btn:hover{color:var(--danger)!important}.delete-btn.delete-confirm{font-size:.6875rem;color:var(--danger)!important}.edit-btn{font:inherit;color:#0000;cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:.75rem;line-height:1;transition:color .15s}.bookmark-item:hover .edit-btn{color:var(--text-faint)}.edit-btn:hover{color:var(--accent)!important}.bookmark-editing{padding:.75rem 0}.edit-form{flex-direction:column;display:flex}.edit-label{color:var(--text-faint);margin-bottom:.125rem;font-size:.6875rem;font-weight:500}.edit-input{border:1px solid var(--border);background:var(--bg-surface);width:100%;color:var(--text);border-radius:4px;margin-bottom:.5rem;padding:.375rem .5rem;font-family:inherit;font-size:.875rem}.edit-input:focus{border-color:var(--accent);outline:none}.edit-textarea{resize:vertical;min-height:2.5rem}.edit-actions{gap:.5rem;margin-top:.25rem;display:flex}.edit-save-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.25rem .75rem;font-family:inherit;font-size:.8125rem}.edit-save-btn:hover{background:var(--accent-hover)}.edit-save-btn:disabled{opacity:.5;cursor:not-allowed}.edit-cancel-btn{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:4px;padding:.25rem .75rem;font-family:inherit;font-size:.8125rem}.edit-cancel-btn:hover{color:var(--text);border-color:var(--text-muted)}.mark-read-btn{font:inherit;color:var(--accent);cursor:pointer;border:none;border:1px solid var(--accent);background:0 0;border-radius:3px;padding:.0625rem .375rem;font-size:.6875rem;line-height:1.3}.mark-read-btn:hover{background:var(--accent);color:#fff}.mark-read-btn:disabled{opacity:.5}.read-link{color:#0000;font-size:.6875rem;transition:color .15s}.bookmark-item:hover .read-link{color:var(--text-faint)}.read-link:hover{text-decoration:none;color:var(--accent)!important}.read-count{color:var(--text-muted);margin-bottom:1rem;font-size:.8125rem}.reader-container{max-width:680px;margin:0 auto;padding:2rem 1rem 4rem}.reader-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;font-size:.8125rem;display:flex}.reader-nav-actions{align-items:center;gap:1rem;display:flex}.reader-nav-actions a{color:var(--text-muted)}.reader-action-btn{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8125rem}.reader-action-btn:hover{text-decoration:underline}.archive-status{color:var(--text-muted);font-size:.8125rem;font-style:italic}.reader-header{margin-bottom:2rem}.reader-header h1{font-family:var(--font-serif);letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.75rem;font-weight:700;line-height:1.3}.reader-byline{color:var(--text-muted);margin-bottom:.5rem;font-size:.9375rem}.reader-meta{color:var(--text-faint);flex-wrap:wrap;gap:.5rem;font-size:.8125rem;display:flex}.reader-source{color:var(--accent)}.reader-content{font-family:var(--font-serif);color:var(--text);font-size:1.125rem;line-height:1.75}.reader-content p{margin-bottom:1.25em}.reader-content h2,.reader-content h3,.reader-content h4{font-family:var(--font-sans);margin-top:2em;margin-bottom:.75em;line-height:1.3}.reader-content h2{font-size:1.375rem}.reader-content h3{font-size:1.125rem}.reader-content img{border-radius:4px;max-width:100%;height:auto;margin:1.5em 0}.reader-content blockquote{border-left:3px solid var(--border);color:var(--text-muted);margin:1.5em 0;padding:.25em 0 .25em 1.25em}.reader-content pre{background:var(--tag-bg);border-radius:5px;margin:1.5em 0;padding:1rem;font-size:.875rem;overflow-x:auto}.reader-content code{background:var(--tag-bg);border-radius:3px;padding:.125em .375em;font-size:.875em}.reader-content pre code{background:0 0;padding:0}.reader-content a{color:var(--accent);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.reader-content ul,.reader-content ol{margin:1em 0;padding-left:1.5em}.reader-content li{margin-bottom:.5em}.reader-content figure{margin:1.5em 0}.reader-content figcaption{font-family:var(--font-sans);color:var(--text-muted);text-align:center;margin-top:.5rem;font-size:.8125rem}.reader-empty{text-align:center;color:var(--text-muted);padding:4rem 1rem;font-size:.9375rem;line-height:1.6}.reader-tags{border-top:1px solid var(--border);flex-wrap:wrap;gap:.375rem;margin-top:3rem;padding-top:1.5rem;display:flex}.search-container{margin-bottom:1.5rem;position:relative}.search-input{border:1px solid var(--border);background:var(--bg-surface);width:100%;color:var(--text);border-radius:5px;padding:.5rem .75rem;font-family:inherit;font-size:.875rem}.search-input:focus{border-color:var(--accent);outline:none}.search-input::placeholder{color:var(--text-faint)}.search-dropdown{background:var(--bg-surface);border:1px solid var(--border);z-index:100;border-radius:5px;max-height:420px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}@media (prefers-color-scheme:dark){.search-dropdown{box-shadow:0 4px 12px #0006}}.search-loading,.search-empty{color:var(--text-muted);text-align:center;padding:1rem;font-size:.8125rem}.search-result{border-bottom:1px solid var(--border);color:var(--text);padding:.625rem .75rem;text-decoration:none;transition:background .1s;display:block}.search-result:last-child{border-bottom:none}.search-result:hover{background:var(--tag-bg);color:var(--text);text-decoration:none}.search-result-title{margin-bottom:.125rem;font-size:.875rem;font-weight:500;display:block}.search-result-title mark{background:color-mix(in srgb,var(--accent)20%,transparent);color:inherit;border-radius:2px;padding:0 1px}.search-result-host{color:var(--text-faint);margin-bottom:.25rem;font-size:.6875rem;display:block}.search-result-snippet{color:var(--text-muted);font-size:.75rem;line-height:1.4;display:block}.search-result-snippet mark{background:color-mix(in srgb,var(--accent)20%,transparent);color:inherit;border-radius:2px;padding:0 1px}.search-result-tags{color:var(--text-faint);margin-top:.25rem;font-size:.6875rem;display:block}@media (max-width:600px){.container{padding:1.25rem .75rem}header{flex-direction:column;align-items:flex-start;gap:.75rem}header nav{flex-wrap:wrap;gap:1rem}.tag-list{gap:.25rem}.bookmark-meta{flex-wrap:wrap}.reader-container{padding:1.25rem .75rem 3rem}.reader-header h1{font-size:1.375rem}.reader-content{font-size:1.0625rem}.delete-btn,.read-link,.edit-btn{color:var(--text-faint)}.search-dropdown{max-height:60vh}}.bookmarklet-section{border-top:1px solid var(--border);margin-top:3rem;padding-top:1.5rem}.bookmarklet-label{color:var(--text-faint);font-size:.8125rem}.bookmarklet-link{background:var(--tag-bg);cursor:grab;border:1px solid var(--border);border-radius:4px;padding:.25rem .75rem;font-size:.8125rem;font-weight:500;display:inline-block;color:var(--text)!important;text-decoration:none!important}.bookmarklet-link:hover{background:var(--accent);border-color:var(--accent);color:#fff!important}