*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0a0a0a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px}.container{max-width:100%;margin:0;padding:.75rem}.header{margin-bottom:.75rem}.header h1{margin-bottom:.25rem;font-size:1.25rem;font-weight:600;line-height:1.2}.header p{color:#888;font-size:.75rem;line-height:1.3}.help-hint{color:#666;margin-top:.125rem;font-size:.7rem}.para-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}@media (max-width:1200px){.para-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.para-grid{grid-template-columns:1fr}}.para-column{background:#141414;border:1px solid #2a2a2a;border-radius:2px;min-width:0;min-height:300px;padding:.5rem;overflow:hidden}.para-column h2{text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid;margin-bottom:.5rem;padding-bottom:.25rem;font-size:.85rem;font-weight:700}.para-column.projects h2{color:#3b82f6;border-color:#3b82f6}.para-column.areas h2{color:#10b981;border-color:#10b981}.para-column.resources h2{color:#f59e0b;border-color:#f59e0b}.para-column.archive h2{color:#6b7280;border-color:#6b7280}.link-card{background:#1a1a1a;border:1px solid #2a2a2a;border-left-width:3px;border-radius:1px;margin-bottom:.375rem;margin-left:.5rem;padding:.5rem;transition:all .1s;position:relative}.link-card:hover{background:#1f1f1f;border-left-color:#3a3a3a}.link-card .link-title-container{align-items:center;gap:.25rem;margin-bottom:.25rem;display:flex}.link-card .link-title{color:#59f;flex:1;font-size:.8rem;font-weight:500;line-height:1.3;text-decoration:none}.link-card .link-title:hover{color:#7af;text-decoration:underline}.link-card .edit-title-btn{opacity:0;color:#666;cursor:pointer;background:0 0;border:none;padding:.125rem .25rem;font-size:.75rem;transition:opacity .1s}.link-card:hover .edit-title-btn{opacity:1}.link-card .edit-title-btn:hover{color:#aaa}.link-card .link-title-edit{color:#e0e0e0;background:#1a1a1a;border:1px solid #444;border-radius:1px;width:100%;margin-bottom:.25rem;padding:.125rem .25rem;font-size:.8rem;font-weight:500;line-height:1.3}.link-card .link-title-edit:focus{border-color:#666;outline:none}.link-card .link-description{color:#999;-webkit-line-clamp:2;word-break:break-word;overflow-wrap:break-word;-webkit-box-orient:vertical;margin-bottom:.375rem;font-size:.7rem;line-height:1.3;display:-webkit-box;overflow:hidden}.link-card .para-name{color:#4338ca;background:#e0e7ff;border-radius:4px;margin-bottom:.5rem;padding:.25rem .5rem;font-size:.8rem;display:inline-block}.link-card .tags{flex-wrap:wrap;gap:.25rem;margin-bottom:0;display:flex}.link-card .tag{color:#999;cursor:pointer;background:#2a2a2a;border:none;border-radius:1px;padding:.125rem .375rem;font-size:.65rem;line-height:1.2;transition:all .1s}.link-card .tag:hover{color:#ccc;background:#3a3a3a}.link-card .link-meta{border-top:1px solid #e5e7eb;margin-top:.5rem;padding-top:.5rem}.link-card .source{color:#9ca3af;font-size:.75rem}.loading{text-align:center;color:#666;padding:2rem}.empty{text-align:center;color:#444;padding:2rem;font-size:.9rem}.url-input-container{margin-bottom:.5rem}.url-input-form{gap:.25rem;display:flex}.url-input-inline{color:#e0e0e0;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:1px;flex:1;padding:.375rem .5rem;font-size:.75rem}.url-input-inline:focus{border-color:#444;outline:none}.url-input-inline:disabled{background:#141414}.url-input-inline::placeholder{color:#555}.url-input-form button{color:#0a0a0a;cursor:pointer;background:#e0e0e0;border:none;border-radius:1px;min-width:2.5rem;padding:.375rem .75rem;font-size:.85rem;font-weight:700;transition:all .1s}.url-input-form button:hover:not(:disabled){background:#fff}.url-input-form button:disabled{cursor:not-allowed;background:#333}.subcategory-group{margin-bottom:.75rem;list-style:none;position:relative}.subcategory-title{color:#666;text-transform:uppercase;letter-spacing:.05em;flex:1;align-items:center;gap:.375rem;padding-bottom:.125rem;padding-left:0;font-size:.7rem;font-weight:700;display:flex}.subcategory-title-row{border-bottom:1px solid #2a2a2a;align-items:center;gap:.25rem;margin-bottom:.375rem;padding-bottom:.125rem;list-style:none;display:flex}.subcategory-title:before{content:none}.subcategory-toggle{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:1.2rem;padding:0;font-size:1.1rem;line-height:1;display:inline-flex}.subcategory-toggle:hover{color:#f9fafb}.edit-subcategory-btn{opacity:0;color:#666;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.125rem .25rem;font-size:.85rem;transition:opacity .1s}.subcategory-title-row:hover .edit-subcategory-btn{opacity:1}.edit-subcategory-btn:hover{color:#aaa}.subcategory-input{color:#f9fafb;background:#0f172a;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:.25rem .5rem;font-size:.95rem}.subcategory-group .link-card{border-left-color:#3a3a3a}.subcategory-group .link-card:first-of-type{border-left-color:#59f}.link-card{cursor:grab;transition:all .15s}.link-card:active{cursor:grabbing}.link-card.dragging{opacity:.5;cursor:grabbing;transform:scale(.95);box-shadow:0 4px 8px #0003}.link-card.drag-over{transform:scale(1.03);box-shadow:0 4px 12px #5599ff4d;background:#1f2a3a!important;border:2px solid #59f!important}.link-card.drag-over:before{content:"Drop here to group";color:#0a0a0a;pointer-events:none;z-index:10;background:#59f;border-radius:4px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.para-column.drag-over-column{background:#1a1f2a;border:2px dashed #59f}.help-hint{color:#6b7280;margin-top:.5rem;font-size:.85rem;font-style:italic}