.pnt-header{display:flex;align-items:center;justify-content:space-between;padding:22px 36px;background:linear-gradient(135deg,#0f172a,#1e293b 60%,#334155);color:#f8fafc;position:sticky;top:0;z-index:200;box-shadow:0 4px 24px #00000059}.pnt-header-info h2{margin:0 0 4px;font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.pnt-header-info p{margin:0;font-size:.85rem;color:#94a3b8;font-weight:400}.pnt-header-close{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:#f8fafc;cursor:pointer;font-size:16px;transition:all .2s}.pnt-header-close:hover{background:#ffffff26;transform:rotate(90deg)}.pnt-container{width:100%;min-height:100vh;background:#f1f5f9}.pnt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 36px;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:150;flex-wrap:wrap;box-shadow:0 1px 6px #0000000a}.pnt-filters{display:flex;gap:8px;flex-wrap:wrap}.pnt-filter-btn{background:#f1f5f9;color:#475569;border:2px solid transparent;padding:9px 20px;border-radius:100px;cursor:pointer;font-weight:600;font-size:.82rem;transition:all .2s;white-space:nowrap}.pnt-filter-btn:hover{background:#e2e8f0;color:#1e293b}.pnt-filter-btn.active{background:#0f172a;color:#f8fafc;border-color:#0f172a;box-shadow:0 2px 8px #0f172a40}.pnt-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pnt-btn-accent{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border:none;padding:9px 22px;border-radius:100px;cursor:pointer;font-weight:700;font-size:.82rem;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 12px #dc26264d;white-space:nowrap}.pnt-btn-accent:hover{transform:translateY(-1px);box-shadow:0 6px 20px #dc262666}.pnt-search-box{position:relative;display:flex;align-items:center}.pnt-search-icon{position:absolute;left:14px;font-size:13px;pointer-events:none}.pnt-search-input{padding:9px 16px 9px 38px;border:2px solid #e2e8f0;border-radius:100px;font-size:.82rem;min-width:200px;outline:none;background:#f8fafc;transition:border-color .2s,box-shadow .2s,background .2s}.pnt-search-input:focus{border-color:#0f172a;box-shadow:0 0 0 3px #0f172a14;background:#fff}.pnt-progress-track{position:fixed;top:0;left:0;width:100%;height:3px;background:#e2e8f0;z-index:9999}.pnt-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#dc2626,#f87171,#fca5a5);transition:width .2s ease;border-radius:0 4px 4px 0}.pnt-grid{column-count:4;column-gap:22px;padding:28px 36px;max-width:1600px;margin:0 auto}.pnt-card{break-inside:avoid;margin-bottom:22px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 8px #00000012;transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s cubic-bezier(.22,.61,.36,1)}.pnt-card:hover{transform:translateY(-5px);box-shadow:0 14px 36px #00000021}.pnt-card-image{position:relative;overflow:hidden;cursor:pointer}.pnt-card-image img{width:100%;display:block;transition:transform .4s ease}.pnt-card:hover .pnt-card-image img{transform:scale(1.04)}.pnt-card-hover{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a,#0000008c);display:flex;align-items:flex-end;justify-content:center;gap:10px;padding-bottom:16px;opacity:0;transition:opacity .25s ease}.pnt-card:hover .pnt-card-hover{opacity:1}.pnt-hover-btn{padding:7px 18px;border:none;border-radius:100px;font-size:.78rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s;letter-spacing:.01em}.pnt-hover-btn:hover{transform:scale(1.06)}.pnt-hover-open{background:#fff;color:#0f172a;box-shadow:0 4px 14px #0003}.pnt-hover-delete{background:#dc2626;color:#fff;box-shadow:0 4px 14px #dc262659}.pnt-card-bottom{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 14px;gap:8px}.pnt-card-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.pnt-card-name{font-weight:700;font-size:.85rem;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pnt-card-author{font-size:.72rem;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pnt-card-stats{display:flex;align-items:center;gap:8px;flex-shrink:0}.pnt-like{background:none;border:none;cursor:pointer;font-size:.78rem;font-weight:700;color:#dc2626;padding:3px 8px;border-radius:100px;transition:background .2s,transform .15s}.pnt-like:hover{background:#fef2f2;transform:scale(1.12)}.pnt-uses{font-size:.72rem;color:#94a3b8;font-weight:600}.pnt-loadmore-wrap{display:flex;justify-content:center;padding:28px 0 52px}.pnt-loadmore{background:#0f172a;color:#f8fafc;border:none;padding:13px 44px;border-radius:100px;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 4px 16px #0f172a40}.pnt-loadmore:hover{background:#1e293b;transform:translateY(-2px);box-shadow:0 8px 28px #0f172a59}@media (max-width: 1200px){.pnt-grid{column-count:3}}@media (max-width: 800px){.pnt-grid{column-count:2;padding:16px;column-gap:14px}.pnt-toolbar{padding:12px 16px;flex-direction:column;align-items:stretch}.pnt-filters,.pnt-actions{justify-content:center}.pnt-header{padding:16px 20px}.pnt-header-info h2{font-size:1.15rem}}@media (max-width: 500px){.pnt-grid{column-count:1;padding:12px}.pnt-filter-btn{padding:7px 14px;font-size:.75rem}.pnt-search-input{min-width:150px}}