*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#0f0f1a;color:#e0e0e0;min-height:100vh}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-form{background:#1a1a2e;padding:2.5rem;border-radius:12px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:1rem}.login-form h1{font-size:2rem;text-align:center;color:#7c8cf8}.login-subtitle{text-align:center;color:#888;font-size:.85rem;margin-bottom:.5rem}input[type=email],input[type=password],input[type=url],input[type=text]{padding:.75rem 1rem;border:1px solid #333;border-radius:8px;background:#16162a;color:#e0e0e0;font-size:.95rem;outline:none;transition:border-color .2s}input:focus{border-color:#7c8cf8}.btn-primary{padding:.75rem 1.5rem;background:#7c8cf8;color:#fff;border:none;border-radius:8px;font-size:.95rem;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#6a7be6}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{padding:.5rem 1rem;background:transparent;color:#888;border:1px solid #333;border-radius:8px;cursor:pointer;font-size:.85rem}.btn-ghost:hover{color:#e0e0e0;border-color:#555}.link-btn{background:none;border:none;color:#7c8cf8;cursor:pointer;font-size:.85rem;text-align:center}.link-btn:hover{text-decoration:underline}.error{color:#f87171;font-size:.85rem}.dashboard{max-width:960px;margin:0 auto;padding:1.5rem}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.dashboard-header h1{font-size:1.5rem;color:#7c8cf8}.header-actions{display:flex;gap:.5rem}.search-bar{display:flex;gap:.5rem;margin-bottom:1rem}.search-bar input{flex:1}.btn-search{padding:.75rem 1.25rem;background:#7c8cf8;color:#fff;border:none;border-radius:8px;cursor:pointer}.btn-clear{padding:.5rem .75rem;background:transparent;color:#888;border:none;cursor:pointer;font-size:1.1rem}.category-filters{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.category-chip{padding:.4rem .8rem;border:1px solid #333;border-radius:20px;background:transparent;color:#aaa;font-size:.8rem;cursor:pointer;transition:all .2s}.category-chip.active,.category-chip:hover{background:#7c8cf8;color:#fff;border-color:#7c8cf8}.bookmark-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.bookmark-card{background:#1a1a2e;border-radius:10px;padding:1.25rem;display:flex;flex-direction:column;gap:.6rem;transition:transform .15s}.bookmark-card:hover{transform:translateY(-2px)}.bookmark-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.bookmark-title{color:#7c8cf8;text-decoration:none;font-weight:600;font-size:.95rem;word-break:break-word}.bookmark-title:hover{text-decoration:underline}.btn-delete{background:none;border:none;color:#666;font-size:1.3rem;cursor:pointer;line-height:1;padding:0 .25rem}.btn-delete:hover{color:#f87171}.bookmark-processing{color:#888;font-size:.85rem;font-style:italic}.bookmark-summary{color:#bbb;font-size:.85rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bookmark-category{display:inline-block;padding:.2rem .6rem;background:#2a2a4a;border-radius:4px;font-size:.75rem;color:#aaa;align-self:flex-start}.bookmark-tags{display:flex;flex-wrap:wrap;gap:.3rem}.tag-chip{padding:.15rem .5rem;background:#224;border-radius:12px;font-size:.75rem;color:#9a9aff}.bookmark-date{font-size:.75rem;color:#555}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:#1a1a2e;padding:2rem;border-radius:12px;width:100%;max-width:440px;display:flex;flex-direction:column;gap:1rem}.modal h2{font-size:1.2rem;color:#e0e0e0}.modal form{display:flex;flex-direction:column;gap:.75rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.loading,.empty{text-align:center;color:#666;padding:3rem 1rem}.share-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;color:#aaa}@media(max-width:600px){.dashboard{padding:1rem}.bookmark-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:1rem;align-items:stretch}.header-actions{justify-content:space-between}.search-bar{flex-direction:column}}