@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg: #f6efe3;--bg-deep: #eadfca;--surface: #fff8ec;--text: #202018;--muted: #666155;--line: rgba(39, 34, 23, .16);--brand: #0956a4;--good: #176c4f;--mid: #99661a;--low: #9a2b2b}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:IBM Plex Sans,ui-sans-serif,sans-serif;color:var(--text);background:radial-gradient(circle at 8% -5%,#f9d9ab 0%,transparent 45%),radial-gradient(circle at 100% 20%,#c8e6ff 0%,transparent 42%),linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%)}.page-shell{position:relative;width:min(1200px,100% - 2rem);margin:1rem auto 2rem;border:1px solid var(--line);border-radius:22px;background:#fffbf3bd;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:1.25rem;box-shadow:0 24px 58px #39322321,inset 0 1px #ffffffb3;overflow:hidden}.texture{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.15) 40%,transparent 75%),repeating-linear-gradient(-35deg,rgba(13,13,13,.02) 0px,rgba(13,13,13,.02) 1px,transparent 1px,transparent 11px);animation:sheen 5s ease-in-out infinite}@keyframes sheen{0%{opacity:.3;transform:translate(0)}50%{opacity:.7;transform:translate(8px)}to{opacity:.3;transform:translate(0)}}.topbar{position:relative;display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.eyebrow{margin:0;font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;color:var(--brand);font-weight:600}h1{margin:.35rem 0;font-family:Space Grotesk,ui-sans-serif,sans-serif;font-size:clamp(1.35rem,2.2vw,2rem);letter-spacing:-.02em}.subtitle{margin:0;color:var(--muted);max-width:640px}.sync-badge{flex-shrink:0;border:1px solid var(--line);border-radius:999px;padding:.5rem .9rem;background:#ffffffb8;font-size:.86rem}.control-panel{position:relative;display:grid;grid-template-columns:1fr 180px;gap:.75rem;margin-bottom:.9rem}.field{display:flex;flex-direction:column;gap:.28rem}.field span{font-size:.82rem;color:var(--muted)}input,select{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:.66rem .72rem;font:inherit;color:inherit;outline:none;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0956a426;transform:translateY(-1px)}.summary{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-bottom:1rem}.metric{border:1px solid var(--line);border-radius:14px;background:#fffdf9e6;padding:.7rem .85rem}.metric p{margin:0;font-size:.79rem;color:var(--muted)}.metric h3{margin:.18rem 0 0;font-family:Space Grotesk,ui-sans-serif,sans-serif;font-size:1.35rem}.card-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.8rem}.bookmark-card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,#fffffff2,#fdf7ecf2);padding:.82rem;display:flex;flex-direction:column;gap:.6rem;min-height:230px;animation:rise .26s ease}@keyframes rise{0%{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card-header{display:flex;justify-content:space-between;gap:.5rem}.domain{margin:0;color:var(--muted);font-size:.82rem}.quality{font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;border-radius:999px;padding:.2rem .55rem;border:1px solid}.quality-high{color:var(--good);border-color:color-mix(in srgb,var(--good) 42%,transparent);background:color-mix(in srgb,var(--good) 12%,white)}.quality-medium{color:var(--mid);border-color:color-mix(in srgb,var(--mid) 42%,transparent);background:color-mix(in srgb,var(--mid) 12%,white)}.quality-low{color:var(--low);border-color:color-mix(in srgb,var(--low) 42%,transparent);background:color-mix(in srgb,var(--low) 10%,white)}.quality-unknown{color:#555;border-color:#5555554d;background:#55555514}.title{margin:0;font-size:1.03rem;line-height:1.35;font-family:Space Grotesk,ui-sans-serif,sans-serif}.url{color:var(--brand);text-decoration:none;font-size:.8rem;overflow-wrap:anywhere}.url:hover{text-decoration:underline}.meta-row{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:.35rem}.tag{padding:.2rem .5rem;border-radius:999px;border:1px solid var(--line);font-size:.74rem;background:#ffffffb3}.muted-tag{color:var(--muted)}.footer{margin-top:auto;display:flex;flex-direction:column;gap:.18rem;font-size:.73rem;color:var(--muted)}.loading,.empty-state{position:relative;border:1px dashed var(--line);border-radius:15px;background:#ffffffa3;min-height:150px;padding:1rem;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.empty-state h2{margin:0;font-family:Space Grotesk,ui-sans-serif,sans-serif}.empty-state p{margin:.3rem 0 0;color:var(--muted)}@media(max-width:900px){.summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.page-shell{width:calc(100% - 1rem);margin-top:.5rem;padding:.9rem}.topbar{flex-direction:column}.control-panel{grid-template-columns:1fr}}button{font:inherit}.primary-button,.secondary-button,.ghost-button{appearance:none;border-radius:12px;padding:.68rem .9rem;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button{border:1px solid color-mix(in srgb,var(--brand) 42%,transparent);background:var(--brand);color:#fff;box-shadow:0 10px 20px #0956a426}.secondary-button{border:1px solid var(--line);background:#ffffffe6;color:var(--text)}.ghost-button{border:1px solid transparent;background:transparent;color:var(--brand);padding-left:0;justify-content:flex-start}.card-action{margin-top:.2rem;width:100%}.detail-shell{position:relative;display:grid;grid-template-columns:minmax(260px,300px) minmax(0,1fr) minmax(260px,320px);gap:.85rem}.detail-panel,.detail-preview-panel{border:1px solid var(--line);border-radius:18px;background:#fffcf7eb;padding:.95rem}.detail-panel{display:flex;flex-direction:column;gap:.8rem}.detail-preview-panel{min-height:72vh;display:flex;flex-direction:column;gap:.8rem}.preview-header,.panel-header-inline{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.preview-header h3,.detail-title{margin:.2rem 0 0;font-family:Space Grotesk,ui-sans-serif,sans-serif}.preview-actions{display:flex;flex-wrap:wrap;gap:.5rem}.detail-title{font-size:1.25rem}.detail-block{display:flex;flex-direction:column;gap:.65rem;border:1px solid rgba(39,34,23,.08);border-radius:14px;padding:.8rem;background:#ffffffad}.compact-gap{gap:.45rem}.detail-note,.panel-subtle{margin:0;color:var(--muted);font-size:.85rem}.panel-title{margin:0;font-size:.88rem;font-weight:600}.detail-meta-row{display:flex;justify-content:space-between;gap:.75rem;align-items:start;font-size:.84rem}.detail-meta-row span{color:var(--muted);flex-shrink:0}.detail-meta-row strong,.inline-code{text-align:right;overflow-wrap:anywhere}.inline-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;background:#0956a40f;border-radius:8px;padding:.15rem .35rem}.version-list{display:flex;flex-direction:column;gap:.45rem}.version-item{border:1px solid var(--line);border-radius:12px;padding:.7rem;background:#ffffffd1;display:flex;justify-content:space-between;gap:.75rem;text-align:left;cursor:pointer}.version-item div{display:flex;flex-direction:column;gap:.2rem}.version-item span{font-size:.75rem;color:var(--muted)}.version-item.is-active{border-color:color-mix(in srgb,var(--brand) 55%,transparent);box-shadow:0 0 0 3px #0956a414}.archive-frame{width:100%;flex:1;min-height:64vh;border:1px solid var(--line);border-radius:14px;background:#fff}.preview-empty{flex:1}.score-card{display:inline-flex;align-items:baseline;gap:.55rem;padding:.75rem .8rem;border-radius:14px;background:linear-gradient(180deg,#0956a41a,#fffc)}.score-card strong{font-size:1.7rem;font-family:Space Grotesk,ui-sans-serif,sans-serif}.score-card span{color:var(--muted);font-size:.82rem}.reason-list{display:flex;flex-direction:column;gap:.5rem}.reason-card,.signal-card{border:1px solid rgba(39,34,23,.09);border-radius:12px;background:#ffffffbf;padding:.65rem .72rem}.reason-card strong,.signal-card strong{display:block}.reason-card p{margin:.22rem 0;font-size:.83rem}.reason-card span,.signal-card span{color:var(--muted);font-size:.78rem}.signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}@media(max-width:1080px){.detail-shell{grid-template-columns:1fr}.detail-preview-panel{min-height:auto}}@media(max-width:720px){.preview-header,.panel-header-inline{flex-direction:column;align-items:start}.preview-actions,.signal-grid{width:100%}.signal-grid{grid-template-columns:1fr}.detail-meta-row{flex-direction:column}}