#galleryScreen{overflow-y:auto;padding:40px 20px 80px;background:var(--bg-color)}.gallery-header{text-align:center;margin-bottom:24px}.gallery-header-inner{display:inline-flex;align-items:flex-end;gap:14px;justify-content:center}.gallery-chibi{width:90px;height:90px;object-fit:contain;object-position:bottom center;flex-shrink:0}@keyframes chibiFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.gallery-title-group{text-align:left;line-height:1.1}.gallery-username{font-size:18px;font-weight:800;color:var(--text-muted);min-height:24px}#galleryTitle{font-size:32px;color:var(--primary);font-weight:800;text-shadow:2px 2px 0 rgb(59 130 246 / .15)}.filter-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:28px;max-width:900px;margin-left:auto;margin-right:auto}.filter-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border:2.5px solid #e2e8f0;border-radius:30px;padding:8px 18px;font-size:14px;font-weight:800;color:var(--text-muted);cursor:pointer;transition:all 0.18s ease;font-family:inherit}.filter-chip:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 14px rgb(59 130 246 / .25)}.filter-chip.active .chip-count{background:rgb(255 255 255 / .25);color:#fff}.chip-count{background:#f1f5f9;color:var(--text-muted);border-radius:20px;padding:1px 8px;font-size:12px;font-weight:800;min-width:22px;text-align:center;transition:all 0.18s}.filter-chip--empty{opacity:.45;pointer-events:none}#gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;max-width:1200px;margin:0 auto}.gallery-empty,.gallery-loading{text-align:center;width:100%;grid-column:1 / -1;padding:60px 20px;color:var(--text-muted);font-size:18px;font-weight:700}.card{background:var(--card-bg);border-radius:var(--border-radius-lg);overflow:hidden;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s;box-shadow:0 4px 15px rgb(0 0 0 / .05);border:4px solid #fff;position:relative}.card:hover{transform:translateY(-6px);box-shadow:0 12px 25px rgb(59 130 246 / .15);border-color:#dbeafe}.card img{width:100%;height:250px;object-fit:contain;background:#f8fafc;border-bottom:2px solid #f1f5f9}.card h3{padding:16px;text-align:center;font-size:18px;color:var(--text-main)}.progress-badge{position:absolute;top:12px;right:12px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:800;box-shadow:0 2px 8px rgb(0 0 0 / .15);letter-spacing:.2px}.progress-badge--wip{background:#fbbf24;color:#78350f}.progress-badge--done{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#78350f;border:1.5px solid #f59e0b;top:0;right:0;border-radius:0 20px 0 20px;padding:8px 14px;font-size:13px}#resumeBanner{background:#fff;border-radius:20px;padding:20px;margin-bottom:30px;max-width:800px;margin-left:auto;margin-right:auto;display:none;flex-direction:row;align-items:center;gap:20px;box-shadow:0 8px 20px rgb(0 0 0 / .08);border:3px solid #dbeafe}#resumeThumb{width:120px;height:90px;object-fit:cover;border-radius:12px;flex-shrink:0;background:#f1f5f9}.resume-btn{padding:10px 20px;border-radius:12px;border:none;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:#f1f5f9;color:var(--text-main)}#returnToCanvasBtn{position:fixed;bottom:24px;right:24px;background:var(--primary);color:#fff;font-size:18px;font-weight:700;padding:16px 24px;border-radius:30px;border:none;box-shadow:0 8px 20px rgb(59 130 246 / .4);cursor:pointer;z-index:200;transition:transform 0.2s,background 0.2s;display:flex;align-items:center;gap:10px;bottom:calc(24px + env(safe-area-inset-bottom))}#returnToCanvasBtn:hover{transform:translateY(-4px) scale(1.02);background:var(--primary-hover)}