@import "https://fonts.googleapis.com/css2?family=Archivo:wght@600;800;900&family=Space+Mono:wght@400;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,Segoe UI,Roboto,sans-serif}body{margin:0}#root{min-height:100vh}:root{--paper:#f3ecde;--cork:#e7dcc4;--ink:#1f1b16;--ink-soft:#5c544a;--red:#e8503a;--blue:#2d5fa8;--green:#3f7a4d;--yellow:#f0b429;--card:#fbf7ee;--display:"Archivo", system-ui, sans-serif;--mono:"Space Mono", ui-monospace, monospace;--body:system-ui, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{color:var(--ink);font-family:var(--body);background-color:var(--paper);background-image:radial-gradient(#00000006 1px,#0000 1px),radial-gradient(#00000005 1px,#0000 1px);background-position:0 0,3px 4px;background-size:7px 7px,11px 11px;margin:0}.app{max-width:1120px;margin:0 auto;padding:28px 22px 80px}header{border:3px solid var(--ink);background:var(--ink);color:var(--paper);box-shadow:7px 7px 0 var(--red);text-align:center;margin-bottom:18px;padding:22px 26px}header h1{font-family:var(--display);letter-spacing:-1.5px;text-transform:uppercase;margin:0;font-size:clamp(2rem,6vw,3.4rem);font-weight:900;line-height:.95}header p{font-family:var(--mono);letter-spacing:1px;color:var(--yellow);text-transform:uppercase;margin:10px 0 0;font-size:.8rem}.app h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.5px;border-bottom:3px solid var(--ink);margin:48px 0 18px;padding-bottom:6px;font-size:1.5rem;font-weight:800;display:inline-block}.app h2.centered-heading{text-align:center;border-bottom:none;margin-bottom:6px;display:block}.form-intro{text-align:center;max-width:560px;font-family:var(--mono);color:var(--ink-soft);margin:0 auto 18px;font-size:.8rem}.toolbar{margin:18px 0 8px}.toolbar-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-input{min-width:200px;font-family:var(--mono);color:var(--ink);background:var(--card);border:3px solid var(--ink);border-radius:0;outline:none;flex:1;padding:14px 16px;font-size:.95rem}.search-input::placeholder{color:var(--ink-soft)}.search-input:focus{box-shadow:5px 5px 0 var(--blue)}.sort-select{font-family:var(--mono);color:var(--ink);background:var(--card);border:3px solid var(--ink);cursor:pointer;border-radius:0;outline:none;padding:14px 16px;font-size:.85rem}.sort-select:focus{box-shadow:5px 5px 0 var(--blue)}.toolbar-status{justify-content:space-between;margin-top:12px}.result-count{font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft);font-size:.75rem}.filter-chip{font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;color:var(--paper);background:var(--ink);border:2px solid var(--ink);cursor:pointer;padding:5px 10px;font-size:.72rem;font-weight:700}.filter-chip span{margin-left:4px}.filter-chip:hover{background:var(--red)}.status-msg{font-family:var(--mono);color:var(--ink-soft);padding:18px 0;font-size:.9rem}.list{background:var(--cork);border:3px solid var(--ink);grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:28px 22px;padding:26px 18px;display:grid}.card{background:var(--card);border:2px solid var(--ink);flex-direction:column;padding:26px 18px 18px;animation:.4s both drop-in;display:flex;position:relative;box-shadow:5px 5px #1f1b16d9}.card:nth-child(3n+1){transform:rotate(-1.2deg)}.card:nth-child(3n+2){transform:rotate(.8deg)}.card:nth-child(3n+3){transform:rotate(-.4deg)}.card:first-child{animation-delay:0s}.card:nth-child(2){animation-delay:60ms}.card:nth-child(3){animation-delay:.12s}.card:nth-child(4){animation-delay:.18s}.card:nth-child(5){animation-delay:.24s}.card:nth-child(6){animation-delay:.3s}.card:hover{z-index:2;transform:rotate(0)translateY(-4px);box-shadow:8px 10px #1f1b16d9}@keyframes drop-in{0%{opacity:0;transform:translateY(-14px)rotate(-3deg)}to{opacity:1}}.pin{background:var(--red);border:2px solid var(--ink);border-radius:50%;width:16px;height:16px;margin-left:-8px;position:absolute;top:-9px;left:50%;box-shadow:inset -2px -2px #0003}.remote-flag{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--paper);background:var(--green);border:2px solid var(--ink);padding:3px 8px;font-size:.62rem;font-weight:700;position:absolute;top:10px;right:-6px;transform:rotate(4deg)}.card h3{font-family:var(--display);margin:4px 0;font-size:1.12rem;font-weight:800;line-height:1.1}.card .org{font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft);margin:0 0 12px;font-size:.72rem}.tags{flex-wrap:wrap;gap:5px;margin-bottom:12px;display:flex}.tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.4px;border:1.5px solid var(--ink);color:var(--ink);cursor:pointer;border-radius:0;padding:3px 7px;font-size:.62rem;font-weight:700;transition:transform .1s}.tag:hover{transform:translateY(-1px)}.tag-red{background:#f6b8ae}.tag-blue{background:#aec4e6}.tag-green{background:#aed1b6}.tag-yellow{background:#f8dd95}.tag-active{outline:2px solid var(--ink);outline-offset:1px;box-shadow:2px 2px 0 var(--ink)}.card .desc{color:#3a342c;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0 0 14px;font-size:.85rem;line-height:1.45;display:-webkit-box;overflow:hidden}.card .meta{border-top:1.5px dashed var(--ink-soft);gap:18px;margin:0 0 6px;padding-top:10px;display:flex}.card .meta div{flex:1}.card .meta dt{font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft);font-size:.6rem}.card .meta dd{margin:2px 0 0;font-size:.78rem;font-weight:600}.delete-btn{font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;color:var(--paper);background:var(--red);border:2px solid var(--ink);cursor:pointer;align-self:flex-start;margin-top:auto;padding:6px 12px;font-size:.7rem;font-weight:700;transition:transform .1s}.delete-btn:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(-1px,-1px)}form{background:var(--card);border:3px solid var(--ink);max-width:560px;box-shadow:7px 7px 0 var(--blue);gap:12px;margin:0 auto;padding:26px;display:grid}form input,form textarea{font-family:var(--body);color:var(--ink);background:var(--paper);border:2px solid var(--ink);border-radius:0;outline:none;padding:11px 14px;font-size:.92rem}form input:focus,form textarea:focus{box-shadow:3px 3px 0 var(--blue)}form textarea{resize:vertical;min-height:84px}form button[type=submit]{font-family:var(--display);text-transform:uppercase;letter-spacing:.5px;color:var(--paper);background:var(--ink);border:2px solid var(--ink);cursor:pointer;justify-self:center;padding:11px 26px;font-size:.9rem;font-weight:800;transition:transform .1s}form button[type=submit]:hover{box-shadow:3px 3px 0 var(--red);transform:translate(-1px,-1px)}footer{border-top:3px solid var(--ink);text-align:center;font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft);margin-top:60px;padding-top:18px;font-size:.72rem}@media (prefers-reduced-motion:reduce){.card,.card:hover,.delete-btn,.tag,form button{transition:none;animation:none}}.date-row{gap:16px;display:flex}.date-field{flex-direction:column;flex:1;gap:7px;display:flex}.date-field span{font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft);font-size:.65rem}.date-field input{width:100%}.pagination{justify-content:center;align-items:center;gap:16px;margin:22px 0 8px;display:flex}.page-btn{font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;color:var(--paper);background:var(--ink);border:2px solid var(--ink);cursor:pointer;padding:9px 16px;font-size:.8rem;font-weight:700;transition:transform .1s}.page-btn:hover:not(:disabled){box-shadow:3px 3px 0 var(--red);transform:translate(-1px,-1px)}.page-btn:disabled{opacity:.35;cursor:not-allowed}.page-status{font-family:var(--mono);letter-spacing:.5px;color:var(--ink);font-size:.8rem}.bg-load-status{font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--ink-soft);background:var(--card);border:2px dashed var(--ink-soft);margin:0 0 14px;padding:8px 12px;font-size:.72rem;display:inline-block}