:root{color:#1f2933;background:#f6f7f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}.app-shell{width:min(960px,calc(100vw - 32px));margin:0 auto;padding:40px 0}.toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(320px,520px);gap:24px;align-items:end;padding-bottom:24px;border-bottom:1px solid #d7dde5}.eyebrow{margin:0 0 8px;color:#64748b;font-size:.8rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:clamp(2rem,4vw,3.5rem);line-height:1}.bookmark-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.search-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding-top:18px}.bookmark-form input,.bookmark-form textarea,.search-form input,.edit-form input,.edit-form textarea{min-width:0;padding:0 14px;color:#111827;background:#fff;border:1px solid #c6ced8;border-radius:6px;outline:none}.bookmark-form input,.search-form input,.edit-form input{height:44px}.bookmark-form textarea,.edit-form textarea{min-height:44px;padding-top:11px;resize:vertical}.bookmark-form input:focus,.bookmark-form textarea:focus,.search-form input:focus,.edit-form input:focus,.edit-form textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb29}.bookmark-form button,.search-form button,.item-actions button,.pagination button{height:44px;padding:0 18px;color:#fff;background:#1e40af;border:0;border-radius:6px;cursor:pointer;font-weight:700}.bookmark-form button:disabled,.search-form button:disabled,.item-actions button:disabled,.pagination button:disabled{cursor:wait;opacity:.72}.search-form .secondary-button{color:#1f2933;background:#e5eaf0}.bookmark-list{display:grid;gap:10px;padding:24px 0}.list-summary,.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#526170;font-size:.9rem}.bookmark-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;padding:16px;background:#fff;border:1px solid #d7dde5;border-radius:8px}.edit-form{grid-column:1 / -1}.bookmark-content{display:grid;min-width:0;gap:10px}.bookmark-item a{overflow-wrap:anywhere;color:#0f172a;font-size:1rem;font-weight:700;text-decoration:none}.bookmark-item a:hover{text-decoration:underline}.bookmark-url{overflow-wrap:anywhere;color:#526170;font-size:.9rem}.bookmark-tags{display:flex;flex-wrap:wrap;gap:6px}.bookmark-tag{max-width:100%;padding:4px 8px;overflow-wrap:anywhere;color:#24544a;background:#e7f6f1;border:1px solid #bfe4d8;border-radius:999px;font-size:.82rem;font-weight:700}.bookmark-memo{margin:0;overflow-wrap:anywhere;color:#334155;line-height:1.5;white-space:pre-wrap}.item-actions{display:flex;flex-wrap:wrap;gap:8px}.item-actions button{height:36px;padding:0 12px;font-size:.9rem}.item-actions .secondary-button{color:#1f2933;background:#e5eaf0}.item-actions .danger-button{background:#b42318}.icon-actions{justify-content:flex-end;flex-wrap:nowrap}.item-actions .icon-button{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;color:#1f2933;background:#eef2f6;border:1px solid #cbd5e1}.item-actions .icon-button img{width:18px;height:18px}.item-actions .danger-icon-button{background:#fff1f0;border-color:#f1b8b2}.edit-form{display:grid;gap:12px}.edit-form label{display:grid;gap:6px;color:#526170;font-size:.84rem;font-weight:700}.pagination{padding:0 0 24px}.pagination span{min-width:72px;text-align:center}.pagination button:disabled{color:#526170;background:#dbe2ea}.status,.empty-state{padding:16px;color:#526170;background:#fff;border:1px solid #d7dde5;border-radius:8px}.status-error{margin-top:18px;color:#8a1f11;background:#fff4f1;border-color:#f2b8ae}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.app-shell{width:min(100vw - 24px,960px);padding:24px 0}.toolbar{grid-template-columns:1fr;align-items:start}.bookmark-form,.search-form{grid-template-columns:1fr}.bookmark-form textarea{grid-column:auto}.bookmark-form button{width:100%}.list-summary,.pagination{align-items:stretch}.bookmark-item{grid-template-columns:minmax(0,1fr)}.icon-actions{justify-content:flex-start}}