:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#111827;background:#f3f4f6;line-height:1.5}*{box-sizing:border-box}body{margin:0}.topbar{display:flex;justify-content:space-between;gap:2rem;padding:2rem max(1.25rem,5vw);background:#111827;color:white;align-items:flex-end}.topbar h1{margin:.1rem 0;font-size:2.4rem}.topbar p{margin:.4rem 0 0;color:#cbd5e1}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.12em;color:#64748b}.topbar .eyebrow{color:#94a3b8}.header-actions,.reader-actions,.stack{display:flex;gap:.7rem;flex-wrap:wrap}main{padding:1.25rem max(1rem,5vw) 4rem}.toolbar{display:grid;grid-template-columns:1fr auto;gap:.75rem;margin:0 0 1rem}input,select,button,.button{font:inherit;border:1px solid #d1d5db;border-radius:.75rem;padding:.72rem .9rem;background:white;color:#111827}button,.button{cursor:pointer;text-decoration:none;text-align:center}button:disabled{cursor:not-allowed;opacity:.5}.primary{background:#2563eb!important;color:white!important;border-color:#2563eb!important}.danger{color:#b91c1c;border-color:#fecaca}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.card{background:white;border:1px solid #e5e7eb;border-radius:1rem;padding:1rem;box-shadow:0 1px 2px rgb(0 0 0 / .04);display:flex;flex-direction:column;gap:.65rem}.card h2{font-size:1.08rem;margin:0}.card p{margin:0;color:#475569;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;justify-content:space-between;gap:1rem;color:#64748b;font-size:.82rem}.card-actions{display:flex;gap:.5rem;margin-top:auto}.card-actions button{padding:.5rem .7rem;font-size:.88rem}.tags{display:flex;gap:.4rem;flex-wrap:wrap}.tag{font-size:.78rem;padding:.2rem .5rem;border-radius:99px;background:#e2e8f0;color:#334155}.system-tag{background:#dcfce7;color:#166534}.empty{padding:5rem 1rem;text-align:center;color:#64748b}.empty h2{color:#111827}.reader{max-width:900px;margin:0 auto}.link-button{border:0;background:transparent;padding:.5rem 0;color:#2563eb}.reader-head{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start;margin:.5rem 0 1rem}.reader-head h1{font-size:2rem;line-height:1.15;margin:.3rem 0}.reader-actions{justify-content:flex-end}.reader-actions button{padding:.55rem .65rem;font-size:.86rem}.muted{color:#64748b}.small{font-size:.86rem}.archive-status{margin-top:.7rem;font-size:.86rem}.reader-content{margin-top:2rem;background:white;border:1px solid #e5e7eb;border-radius:1rem;padding:clamp(1.2rem,4vw,3rem);font-family:Georgia,serif;font-size:1.08rem;line-height:1.72}.reader-content img,.reader-content video{max-width:100%;height:auto}.reader-content iframe,.reader-content script,.reader-content noscript{display:none!important}.reader-content a{color:#1d4ed8}.reader-content pre{white-space:pre-wrap;overflow-wrap:anywhere}dialog{border:0;border-radius:1rem;padding:0;max-width:620px;width:min(92vw,620px);box-shadow:0 20px 60px rgb(0 0 0 / .25)}dialog::backdrop{background:rgb(15 23 42 / .55)}.dialog-card{padding:1.25rem}.dialog-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.dialog-head h2{margin:.2rem 0}.settings-section{margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid #e2e8f0}.settings-section h3{margin:0 0 .25rem}.settings-section p{margin:.35rem 0 .8rem}.field-label{display:block;font-size:.88rem;font-weight:700;margin:.85rem 0 .35rem}.drive-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.8rem;padding:1rem;margin-top:1.2rem}.drive-section .stack{margin-top:.8rem}.drive-section input{width:100%}.notice{margin-top:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.8rem;padding:.9rem}.notice p{margin:.35rem 0 0}@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column}.reader-head{flex-direction:column}.reader-actions{justify-content:flex-start}.toolbar{grid-template-columns:1fr}.header-actions{width:100%}.header-actions>*{flex:1}.stack>*{flex:1}}@media print{.topbar,#libraryView,.link-button,.reader-actions,#readerTags,.archive-status{display:none!important}main{padding:0}.reader{max-width:none}.reader-content{border:0;padding:0;font-size:11pt}.reader-head h1{font-size:22pt}}
