:root{color:#242422;font-synthesis:none;background:#f7f6f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #8c7eff}.app-shell{grid-template-columns:13.5rem minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid #deddd7;flex-direction:column;padding:2rem 1rem;display:flex}.brand{color:inherit;letter-spacing:-.04em;padding:.45rem .7rem;font-family:Georgia,serif;font-size:1.55rem;font-weight:700;text-decoration:none}.navigation{gap:.25rem;margin-top:2.25rem;display:grid}.nav-item{color:#5c5b56;text-align:left;background:0 0;border:0;border-radius:.45rem;justify-content:space-between;align-items:center;padding:.65rem .7rem;font-weight:600;display:flex}.nav-item:hover,.nav-item.is-active{color:#242422;background:#e9e7df}.nav-item span{color:#77756e;font-variant-numeric:tabular-nums;font-size:.8rem}.sidebar-note{color:#77756e;margin:auto .7rem .45rem;font-size:.8rem}.content{width:100%;max-width:58rem;margin:0 auto;padding:3rem clamp(1.25rem,5vw,5rem)}.topbar{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2.5rem;display:flex}.eyebrow{color:#77756e;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem;font-size:.76rem;font-weight:700}h1{letter-spacing:-.045em;margin:0;font-family:Georgia,serif;font-size:clamp(2rem,5vw,3rem);line-height:1}.search-box input{background:#fffefa;border:1px solid #d5d3ca;border-radius:.45rem;min-width:13rem;padding:.65rem .75rem}.add-link-form{background:#eeece5;border:1px solid #deddd7;border-radius:.7rem;padding:.75rem}.form-primary-row,.form-details-row{gap:.6rem;display:flex}.form-primary-row{margin-bottom:.6rem}.form-primary-row input{flex:1}.add-link-form input{background:#fffefa;border:1px solid #d5d3ca;border-radius:.4rem;min-width:0;padding:.65rem .7rem}.form-details-row input{flex:1;font-size:.9rem}.add-link-form button{color:#fff;white-space:nowrap;background:#2c2b28;border:1px solid #2c2b28;border-radius:.4rem;padding:.65rem .9rem;font-weight:650}.form-error,.storage-error{color:#9e2c22;margin:.65rem 0 0;font-size:.88rem}.view-note{color:#77756e;margin:1.5rem 0 -.25rem;font-size:.9rem}.archive-filter{color:#5c5b56;align-items:center;gap:.45rem;margin:1.5rem 0 -.25rem;font-size:.9rem;display:flex}.archive-filter select{color:inherit;background:0 0;border:0;padding:.2rem;font-weight:700}.link-list{margin:1.5rem 0;padding:0;list-style:none}.link-item{border-bottom:1px solid #deddd7;justify-content:space-between;align-items:flex-start;gap:1.25rem;padding:1.15rem 0;display:flex}.link-copy{min-width:0}.link-copy>a{color:#252422;text-underline-offset:.16em;font-size:1.03rem;font-weight:700;line-height:1.35;text-decoration-color:#a8a69d}.link-copy>a:hover{text-decoration-color:currentColor}.link-copy p{color:#77756e;text-overflow:ellipsis;white-space:nowrap;margin:.35rem 0 0;font-size:.85rem;overflow:hidden}.tag-list{flex-wrap:wrap;gap:.35rem;margin-top:.6rem;display:flex}.tag{color:#5c5b56;background:#e9e7df;border-radius:999px;padding:.2rem .48rem;font-size:.75rem}.item-actions{flex-shrink:0;align-items:center;gap:.2rem;display:flex}.text-button{color:#363531;background:0 0;border:0;border-radius:.35rem;padding:.35rem .45rem;text-decoration:none}.text-button:hover{background:#e9e7df}.muted-action{color:#77756e}.empty-state{color:#77756e;max-width:30rem;margin:2rem 0}footer{border-top:1px solid #deddd7;margin-top:3rem;padding-top:1.25rem}.reset-button{color:#77756e;text-underline-offset:.15em;background:0 0;border:0;padding:0;font-size:.82rem;text-decoration:underline}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=680px){.app-shell{display:block}.sidebar{border-bottom:1px solid #deddd7;border-right:0;flex-direction:row;align-items:center;gap:1rem;padding:.7rem 1rem}.brand{padding:.3rem;font-size:1.35rem}.navigation{gap:.1rem;margin:0;display:flex;overflow-x:auto}.nav-item{padding:.45rem .55rem}.sidebar-note{display:none}.content{padding-top:2rem}.topbar{flex-direction:column;align-items:stretch;margin-bottom:1.75rem}.search-box input{width:100%}}@media (width<=460px){.form-primary-row,.form-details-row{flex-wrap:wrap}.form-primary-row button{width:100%}.form-primary-row input,.form-details-row input{flex-basis:100%}.link-item{gap:.6rem}.item-actions{flex-direction:column;align-items:flex-end}}