[x-cloak]{display:none!important}.portfolio-box{margin-bottom:24px}.portfolio-box .img{aspect-ratio:16/10;background:var(--shimmer-bg,#f0f0f0);border-radius:12px 12px 0 0;display:block;position:relative;overflow:hidden}.portfolio-box .img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.22,1,.36,1)}.portfolio-box:hover .img img{transform:scale(1.04)}.portfolio-overlay{opacity:0;background:linear-gradient(#0000 40%,#00000073 100%);align-items:flex-end;padding:12px;transition:opacity .25s;display:flex;position:absolute;inset:0}.portfolio-box:hover .portfolio-overlay{opacity:1}.portfolio-category{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#7c5800d9;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:600}.portfolio-box .info{padding:12px 4px 0}.portfolio-box .info .title{-webkit-line-clamp:2;color:var(--text-primary,#111);-webkit-box-orient:vertical;margin-bottom:10px;font-size:14px;font-weight:500;line-height:1.45;text-decoration:none;transition:color .15s;display:-webkit-box;overflow:hidden}.portfolio-box .info .title:hover{color:var(--primary-color,var(--m3-primary,#7c5800))}.portfolio-box .info .down{justify-content:space-between;align-items:center;gap:8px;display:flex}.portfolio-box .numbers{flex-shrink:0;align-items:center;gap:10px;display:flex}.portfolio-box .number{color:var(--text-muted,#6b7280);align-items:center;gap:4px;font-size:13px;text-decoration:none;display:flex}.portfolio-box .number.like{color:var(--text-muted,#9ca3af);transition:color .15s}.portfolio-box .number.like.active,.portfolio-box .number.like:hover{color:#ef4444}@keyframes portfolioCardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.portfolio-card-enter{animation:.35s cubic-bezier(.22,1,.36,1) both portfolioCardIn}@media (prefers-reduced-motion:reduce){.portfolio-card-enter{animation:none}}.like-btn,.share{border:1px solid var(--border-color,#e8e8e8);cursor:pointer;width:40px;height:40px;color:var(--text-muted,#9ca3af);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:20px;text-decoration:none;transition:color .18s,border-color .18s,transform .18s;display:flex}.like-btn.active,.like-btn:hover{color:#ef4444;border-color:#ef4444;transform:scale(1.08)}.share:hover{color:var(--primary-color,var(--m3-primary,#7c5800));border-color:var(--primary-color,var(--m3-primary,#7c5800))}.social-links{flex-wrap:wrap;gap:10px;padding-top:4px;display:flex}.social-link{border:1px solid var(--border-color,#e8e8e8);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:border-color .18s,transform .18s;display:flex;overflow:hidden}.social-link:hover{border-color:var(--primary-color,var(--m3-primary,#7c5800));transform:translateY(-2px)}.social-link img{-o-object-fit:contain;object-fit:contain;width:22px;height:22px}.social-link--copy{padding:0}.portfolio-mine-status-badge{top:8px;position:absolute;inset-inline-end:8px}.portfolio-empty{text-align:center;color:var(--text-muted,#9ca3af);padding:60px 20px}.portfolio-empty i{margin-bottom:12px;font-size:52px;display:block}.portfolio-empty p{font-size:15px}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-line,.skeleton-rect{background:linear-gradient(90deg,#0000000f 25%,#ffffffa6 50%,#0000000f 75%) 0 0/1200px 100%;border-radius:6px;animation:1.6s linear infinite shimmer;display:block}.dark-theme .skeleton-line,.dark-theme .skeleton-rect{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/1200px 100%}.skeleton-wrapper{pointer-events:none;-webkit-user-select:none;user-select:none}.w-full{width:100%}.w-80{width:80%}.w-60{width:60%}.w-80px{width:80px}.w-60px{width:60px}@keyframes spin{to{transform:rotate(360deg)}}.feed-spinner{border:3px solid var(--border-color,#e8e8e8);border-top:3px solid var(--primary-color,var(--m3-primary,#7c5800));border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.7s linear infinite spin}.auction-image-upload{border:2px dashed var(--border-color,#d1d5db);border-radius:12px;transition:border-color .2s,background .2s}.auction-image-upload.drag-over{border-color:var(--primary-color,var(--m3-primary,#7c5800));background:#7c58000a}.auction-upload-label{cursor:pointer;color:var(--text-muted,#6b7280);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:36px 20px;display:flex}.auction-upload-label i{color:var(--primary-color,var(--m3-primary,#7c5800));font-size:36px}.auction-image-previews{flex-wrap:wrap;gap:10px;display:flex}.auction-preview-item{border:2px solid #0000;border-radius:10px;width:100px;height:100px;transition:border-color .15s;position:relative;overflow:hidden}.auction-preview-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.auction-preview-item.is-cover{border-color:var(--primary-color,var(--m3-primary,#7c5800))}.cover-badge{bottom:4px;background:var(--primary-color,var(--m3-primary,#7c5800));color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;inset-inline-start:4px}.remove-preview{top:4px;color:#fff;cursor:pointer;background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;transition:background .15s;display:flex;position:absolute;inset-inline-end:4px}.remove-preview:hover{background:#000000e0}[dir=rtl] .cover-badge{inset-inline:auto 4px}[dir=rtl] .remove-preview{inset-inline:4px auto}[dir=rtl] .portfolio-category{left:auto;right:12px}.pf-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (width<=1199px){.pf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=991px){.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=575px){.pf-grid{grid-template-columns:1fr}}.pf-card{border-radius:var(--m3-shape-l,16px);background:var(--m3-surface,#fff);box-shadow:var(--m3-elev-1);transition:box-shadow var(--m3-dur-medium,.3s) var(--m3-ease-standard,ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.pf-card:hover{box-shadow:var(--m3-elev-3)}.pf-card--skeleton{box-shadow:var(--m3-elev-1)}.pf-media{aspect-ratio:4/3;background:var(--m3-surface-container,#f5ece2);display:block;position:relative;overflow:hidden}.pf-media>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:filter var(--m3-dur-medium,.3s) var(--m3-ease-standard,ease);display:block}.pf-card:hover .pf-media>img{filter:brightness(1.04)saturate(1.06)}.pf-media-shade{pointer-events:none;background:linear-gradient(#0000004d 0%,#0000 32% 64%,#0000006b 100%);position:absolute;inset:0}.pf-cat{top:10px;border-radius:var(--m3-shape-s,8px);height:24px;color:var(--m3-on-surface,#1f1b16);background:#ffffffeb;align-items:center;padding-inline:8px;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;inset-inline-start:10px}.dark-theme .pf-cat{color:var(--m3-on-surface);background:#211c16e0}.pf-thumbs{bottom:8px;gap:4px;display:flex;position:absolute;inset-inline-start:8px}.pf-thumbs img{-o-object-fit:cover;object-fit:cover;border-radius:8px;width:34px;height:34px;box-shadow:0 0 0 2px #ffffffe6}.pf-photos{bottom:8px;color:#fff;font-variant-numeric:tabular-nums;background:#000000a6;border-radius:6px;align-items:center;gap:4px;height:24px;padding-inline:8px;font-size:.72rem;font-weight:700;display:inline-flex;position:absolute;inset-inline-end:8px}.pf-like{top:8px;z-index:2;width:34px;height:34px;color:var(--m3-on-surface-variant,#4e4639);box-shadow:var(--m3-elev-1);transition:color var(--m3-dur-short,.15s) ease;background:#ffffffeb;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;inset-inline-end:8px}.pf-like:hover,.pf-like.is-on{color:#e5484d}.dark-theme .pf-like{background:#211c16e0}.pf-body{flex-direction:column;flex:1;gap:8px;padding:12px 14px 14px;display:flex}.pf-card-title{-webkit-line-clamp:2;min-height:2.8em;color:var(--m3-on-surface,#1f1b16);-webkit-box-orient:vertical;font-size:.95rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.pf-card-title:hover{color:var(--m3-primary,#7c5800)}.pf-desc{-webkit-line-clamp:2;min-height:3em;color:var(--m3-on-surface-variant,#4e4639);-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.pf-desc.is-empty{color:var(--m3-outline,#807667);font-style:italic}.pf-numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:2px 0 0;display:grid}.pf-numbers>div{background:var(--m3-surface-low,#fbf3ea);border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:7px 4px;display:flex}.pf-numbers dt{color:var(--m3-on-surface-variant,#4e4639);white-space:nowrap;font-size:.66rem;font-weight:500}.pf-numbers dd{color:var(--m3-on-surface,#1f1b16);font-variant-numeric:tabular-nums;margin:0;font-size:.92rem;font-weight:800}.pf-numbers dd.is-liked{color:#e5484d}.pf-meta{border-top:1px solid var(--m3-outline-variant,#e3d8c8);justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;display:flex}.pf-author{min-width:0;color:inherit;align-items:center;gap:8px;display:flex}.pf-author img{-o-object-fit:cover;object-fit:cover;border-radius:50%;flex:none;width:30px;height:30px}.pf-author span{flex-direction:column;min-width:0;line-height:1.25;display:flex}.pf-author strong{color:var(--m3-on-surface,#1f1b16);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.pf-author small{color:var(--m3-outline,#807667);font-size:.7rem}.pf-comments{color:var(--m3-on-surface-variant,#4e4639);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:4px;font-size:.78rem;display:inline-flex}.pf-comments i{font-size:1rem}.lst-viewable.is-list .pf-card{grid-template-columns:340px minmax(0,1fr);align-items:stretch;min-height:220px;display:grid}.lst-viewable.is-list .pf-media{aspect-ratio:auto;height:100%;min-height:200px}.lst-viewable.is-list .pf-thumbs{top:10px;bottom:10px;flex-direction:column;justify-content:center;gap:6px;inset-inline:auto 10px}.lst-viewable.is-list .pf-thumbs img{border-radius:10px;width:46px;height:46px}.lst-viewable.is-list .pf-photos{inset-inline:10px auto}.lst-viewable.is-list .pf-like{inset-inline:296px auto}.lst-viewable.is-list .pf-body{-moz-column-gap:24px;grid-template:"title numbers""desc numbers"1fr"meta numbers"/minmax(0,1fr) 220px;gap:8px 24px;padding:20px 22px;display:grid}.lst-viewable.is-list .pf-card-title{grid-area:title;min-height:0;font-size:1.2rem;line-height:1.4}.lst-viewable.is-list .pf-card-title:after{content:"";background:var(--m3-primary-fill,#e3a81f);border-radius:999px;width:36px;height:3px;margin-top:10px;display:block}.lst-viewable.is-list .pf-desc{-webkit-line-clamp:3;grid-area:desc;max-width:64ch;min-height:0;font-size:.88rem;line-height:1.7}.lst-viewable.is-list .pf-meta{border-top:0;grid-area:meta;justify-content:flex-start;gap:16px;margin-top:0;padding-top:0}.lst-viewable.is-list .pf-author img{width:36px;height:36px}.lst-viewable.is-list .pf-numbers{border-radius:var(--m3-shape-m,12px);background:var(--m3-surface-low,#fbf3ea);grid-area:numbers;grid-template-columns:1fr;align-self:center;gap:6px;margin:0;padding:10px}.lst-viewable.is-list .pf-numbers>div{background:var(--m3-surface,#fff);flex-direction:row;justify-content:space-between;padding:8px 12px}.lst-viewable.is-list .pf-numbers dt{font-size:.75rem}.lst-viewable.is-list .pf-numbers dd{font-size:1rem}.lst-viewable.is-list .pf-card--skeleton .pf-body{flex-direction:column;justify-content:center;display:flex}.lst-viewable.is-list .pf-card--skeleton .pf-numbers{background:0 0;grid-template-columns:repeat(3,minmax(0,1fr));max-width:360px;padding:0}@media (width<=991px){.lst-viewable.is-list .pf-card{grid-template-columns:240px minmax(0,1fr)}.lst-viewable.is-list .pf-like{inset-inline-start:196px}.lst-viewable.is-list .pf-body{grid-template:"title""desc""numbers""meta"/minmax(0,1fr);padding:14px 16px}.lst-viewable.is-list .pf-numbers{background:0 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0}.lst-viewable.is-list .pf-numbers>div{background:var(--m3-surface-low,#fbf3ea);flex-direction:column;justify-content:center;padding:6px 4px}.lst-viewable.is-list .pf-desc{-webkit-line-clamp:2}}@media (width<=575px){.lst-viewable.is-list .pf-card{grid-template-columns:120px minmax(0,1fr);min-height:0}.lst-viewable.is-list .pf-media{min-height:120px}.lst-viewable.is-list .pf-thumbs,.lst-viewable.is-list .pf-photos,.lst-viewable.is-list .pf-cat{display:none}.lst-viewable.is-list .pf-like{inset-inline-start:80px;width:30px;height:30px;top:6px}.lst-viewable.is-list .pf-body{row-gap:6px;padding:10px 12px}.lst-viewable.is-list .pf-card-title{font-size:.92rem}.lst-viewable.is-list .pf-card-title:after,.lst-viewable.is-list .pf-desc,.lst-viewable.is-list .pf-numbers{display:none}}