:root{--ink:#191919;--paper:#f3f0e9;--accent:#ff5c28;--line:#d4d0c8;--muted:#74716c;--panel:#e9e6df}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:1px solid var(--line);background:transparent;min-height:44px;padding:10px 16px;color:inherit}button:hover{background:var(--panel)}button:active{transform:scale(.98)}button.primary{background:var(--accent);border-color:var(--accent);color:var(--ink);font-weight:600}.orange,h1 span,.login-brand span{color:var(--accent)}[hidden]{display:none!important}.eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:600}#app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:var(--ink);color:var(--paper);padding:32px 24px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}.brand{font-size:72px;letter-spacing:-7px;color:var(--paper);text-decoration:none;font-weight:700;line-height:1;margin-bottom:44px}.brand span{color:var(--accent)}nav{margin-top:24px}nav button{display:flex;justify-content:space-between;width:100%;text-align:left;border:0;padding:11px 12px;font-size:13px;gap:8px}nav button.active{background:var(--accent);color:var(--ink)}nav button:hover:not(.active){background:#303030}nav small{opacity:.6;font-variant-numeric:tabular-nums}.aside-bottom{margin-top:auto;padding-top:32px;display:grid}.aside-bottom button{font-size:11px;text-align:left;border:0}main{padding:0 48px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);height:88px;font-size:20px;letter-spacing:-.8px}.intro{display:flex;justify-content:space-between;align-items:center;padding:48px 0 40px}h1{font-size:clamp(48px,5vw,80px);font-weight:500;letter-spacing:-4px;line-height:.98;margin:20px 0 0}.intro-note{font-size:12px;line-height:1.5;text-align:right}.symbol{font-size:76px;color:var(--accent);line-height:1}.toolbar{display:flex;gap:16px}.search{display:flex;align-items:center;border:1px solid var(--ink);flex:1;padding:0 16px;gap:12px;min-width:0}.search>span{font-size:30px}.search input{border:0;background:transparent;padding:16px 0;min-width:0;width:100%}kbd{font-size:13px;color:var(--muted);border:1px solid var(--line);padding:3px 7px}.viewbar{display:flex;justify-content:space-between;align-items:center;margin-top:36px;padding-bottom:20px;gap:16px;border-bottom:1px solid var(--ink)}.viewbar>div:first-child{display:flex;align-items:center;gap:12px}h2{font-size:20px;letter-spacing:-.6px;font-weight:500;margin:0}#count{font-size:12px;color:var(--muted)}.tools{display:flex;align-items:center;gap:8px;font-size:11px;flex-wrap:wrap}.tools button{padding:8px;min-height:36px}.tools select{background:transparent;border:0;color:var(--muted);padding:8px}.tools label{display:flex;gap:4px;align-items:center}.tools input{accent-color:var(--accent)}#status{font-size:12px;color:var(--muted);min-height:14px}#results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.card{border-bottom:1px solid var(--line);padding:24px 20px 20px 0;min-height:220px;display:flex;flex-direction:column;min-width:0}.card:not(:nth-child(3n+1)){border-left:1px solid var(--line);padding-left:20px}.card-top{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.6px;margin-bottom:16px}.card h3{font-size:19px;font-weight:500;letter-spacing:-.5px;line-height:1.25;margin:0 0 12px;overflow-wrap:anywhere}.card h3 a{color:inherit;text-decoration:none}.card h3 a:hover{color:var(--accent)}.domain{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.description{font-size:12px;line-height:1.5;color:var(--muted);margin:10px 0}.tags{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0}.tag{font-size:9px;border:1px solid var(--line);padding:4px 6px}.card-actions{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:8px}.card-actions button{border:0;padding:8px 0;font-size:11px}.card-actions a{color:var(--accent);text-decoration:none;font-size:22px;padding:8px}footer{display:flex;justify-content:space-between;gap:16px;padding:32px 0;font-size:9px;letter-spacing:1px;color:var(--muted)}#login{min-height:100vh;padding:40px 7vw;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-brand{font-size:24px;letter-spacing:-1px}#login-form{max-width:440px;margin:70px 0 40px;z-index:1}#login h1{font-size:70px}#login p{font-size:13px;color:var(--muted);line-height:1.6}label{font-size:12px}#login-form label,#edit-form>label{display:grid;gap:8px;margin:20px 0}#login input,#editor input:not([type=checkbox]),textarea,#editor select{width:100%;background:transparent;border:1px solid var(--line);padding:12px;min-height:44px}#login .primary{width:100%}.login-mark{position:absolute;right:6vw;bottom:0;font-size:40vw;font-weight:700;letter-spacing:-4vw;color:var(--accent);line-height:1}.dialog-head{display:flex;justify-content:space-between;align-items:center}dialog{width:min(560px,94vw);border:1px solid var(--ink);background:var(--paper);padding:28px;max-height:90vh}dialog::backdrop{background:#19191999}#edit-form>label.inline{display:flex;align-items:center}#source-detail{font-size:10px;color:var(--muted);margin:16px 0;line-height:1.6;overflow-wrap:anywhere}#edit-error,#login-error{color:#ac2e0c!important}.empty{grid-column:1/-1;padding:64px 0;font-size:20px}@media(min-width:1600px){#results{grid-template-columns:repeat(4,minmax(0,1fr))}.card:not(:nth-child(3n+1)){border-left:0}.card:not(:nth-child(4n+1)){border-left:1px solid var(--line);padding-left:20px}}@media(max-width:1100px){main{padding:0 28px}#results{grid-template-columns:repeat(2,minmax(0,1fr))}.card:not(:nth-child(3n+1)){border-left:0;padding-left:0}.card:nth-child(even){border-left:1px solid var(--line);padding-left:20px}.viewbar{align-items:flex-start;flex-direction:column}header .eyebrow{display:none}}@media(max-width:700px){#app{display:block}aside{position:static;height:auto;padding:20px}.brand{font-size:44px;margin:0 0 20px;letter-spacing:-4px}aside>.eyebrow{display:none}nav{display:flex;overflow:auto;margin:0;gap:6px}nav button{width:auto;white-space:nowrap}.aside-bottom{display:flex;padding-top:12px;gap:8px}.aside-bottom button{font-size:10px;padding:4px}main{padding:0 20px}header{height:64px}.intro{padding:32px 0}h1{font-size:54px;letter-spacing:-3px}.intro-note{display:none}.toolbar{flex-direction:column;gap:8px}#results{grid-template-columns:1fr}.card:nth-child(even){border-left:0;padding-left:0}.card{min-height:190px;padding-right:0}.tools{gap:6px}footer{flex-direction:column}#login{padding:28px}#login-form{margin-top:60px}#login h1{font-size:54px}.login-mark{opacity:.12;font-size:80vw;bottom:20px}}

.nav-label{font-size:8px;letter-spacing:1.3px;color:#b5b0a8;padding:24px 12px 8px}nav button{line-height:1.3}nav button span{flex:1}nav small{flex-shrink:0}@media(max-width:700px){.nav-label{display:none}nav button span{flex:initial}}

.card-actions .delete-action{font-size:26px;line-height:1;min-width:44px;min-height:44px;padding:8px;text-align:center;color:var(--muted)}.card-actions .delete-action:hover{color:var(--accent);background:var(--panel)}.card-actions button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}

#trash-confirm p{font-size:14px;line-height:1.5;overflow-wrap:anywhere}.trash-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}@media(max-width:500px){.trash-actions{flex-direction:column}.trash-actions button{width:100%}}
