*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #ffffff;--color-text: #111;--color-primary: #e60023;--color-secondary: #efefef;--color-border: #eee;--color-muted: #777;--font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--radius-lg: 16px;--radius-full: 999px;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .15)}body{font-family:var(--font-main);background:var(--color-bg);color:var(--color-text)}.app{min-height:100vh}.topbar{position:sticky;top:0;background:var(--color-bg);display:flex;align-items:center;gap:20px;padding:12px 24px;border-bottom:1px solid var(--color-border);z-index:10}.topbar__left{display:flex;align-items:center;gap:16px;flex-shrink:0}.pinBtn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.pinBtn svg{width:28px;height:28px;fill:var(--color-primary)}.nav{display:flex;gap:8px}.nav__item{border:none;background:transparent;padding:8px 14px;border-radius:var(--radius-full);cursor:pointer;font-weight:600}.nav__item--active{background:#000;color:#fff}.search{flex:1;min-width:0}.search__wrap{position:relative;width:100%}.search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:var(--color-muted)}.search__input{width:100%;border:none;background:var(--color-secondary);padding:10px 12px 10px 36px;border-radius:var(--radius-full);font-size:14px}.search__input:focus{outline:none}.topbar__right{display:flex;align-items:center;gap:12px;flex-shrink:0}.iconBtn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.iconBtn svg{width:22px;height:22px;fill:#555}.avatar{width:32px;height:32px;border-radius:50%;border:none;background:#ddd;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}@media(max-width:900px){.topbar{gap:14px;padding:10px 16px}.topbar__left{gap:10px}.topbar__right{gap:8px}.nav__item{padding:8px 12px}}@media(max-width:600px){.topbar{gap:8px;padding:8px 10px}.topbar__left{gap:6px}.topbar__right{gap:4px}.nav{display:none}.search{flex:1;min-width:0}.search__wrap{width:100%;min-width:0}.search__input{width:100%;min-width:0;font-size:12px;padding:8px 10px 8px 30px}.search__icon{width:13px;height:13px;left:10px}.pinBtn{width:24px;height:24px}.pinBtn svg{width:18px;height:18px}.iconBtn,.avatar{width:24px;height:24px;min-width:24px;min-height:24px;padding:0}.iconBtn svg{width:15px;height:15px}.avatar{font-size:11px}}.grid{column-count:5;column-gap:16px;padding:20px}.empty,.error-message,.loading-message{padding:40px;text-align:center;color:var(--color-muted);font-size:15px}@media(max-width:1200px){.grid{column-count:4}}@media(max-width:900px){.grid{column-count:3}}@media(max-width:600px){.grid{column-count:2;column-gap:12px;padding:12px}}.pin{break-inside:avoid;margin-bottom:16px}.pin__media{position:relative;display:block;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer}.pin__img{transition:transform .25s ease;animation:fadeIn .4s ease forwards;opacity:0;width:100%;display:block;border-radius:var(--radius-lg)}.pin__media:hover .pin__img{transform:scale(1.03)}.pin__overlay{position:absolute;inset:0;background:#00000040;opacity:0;display:flex;justify-content:flex-end;align-items:flex-start;padding:12px;transition:opacity .2s ease}.pin__media:hover .pin__overlay{opacity:1}.pin__visit{background:var(--color-primary);color:#fff;font-weight:600;font-size:13px;padding:8px 14px;border-radius:var(--radius-full)}.pin__meta{display:flex;align-items:center;gap:10px;margin-top:8px}.pin__avatarWrap{flex-shrink:0}.pin__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;display:block;border:2px solid #fff;box-shadow:var(--shadow-sm)}.pin__avatar--fallback{background:linear-gradient(135deg,var(--color-primary),#ff6a00);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.pin__info{display:flex;flex-direction:column;min-width:0}.pin__name{font-size:13px;font-weight:600;line-height:1.2}.pin__stats{display:flex;gap:10px;margin-top:4px;flex-wrap:wrap}.pin__stat{font-size:11px;color:var(--color-muted);line-height:1.2}@media(max-width:600px){.pin{margin-bottom:14px}.pin__media,.pin__img{border-radius:14px}.pin__overlay{padding:8px}.pin__visit{font-size:11px;padding:6px 10px}.pin__meta{gap:8px;margin-top:6px}.pin__avatar{width:30px;height:30px}.pin__name{font-size:11px}.pin__stat{font-size:10px}}@keyframes fadeIn{to{opacity:1}}.footer{text-align:center;padding:30px;color:var(--color-muted);font-size:14px}@media(max-width:600px){.footer{padding:14px 10px;font-size:12px;text-align:center}}