*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--lego-red: #e3000b;--lego-red-dark: #c4000a;--lego-yellow: #ffcf00;--lego-blue: #0055bf;--lego-green: #237841;--bg: #f4f6f9;--surface: #ffffff;--text: #1a1a2e;--text-muted: #6b7280;--border: #e5e7eb;--shadow: 0 4px 24px rgba(0, 0, 0, .08);--shadow-hover: 0 8px 32px rgba(0, 0, 0, .14);--radius: 16px;--radius-sm: 10px;--font: "Nunito", system-ui, sans-serif}html{font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100dvh;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{display:block;max-width:100%}.header{background:var(--surface);border-bottom:3px solid var(--lego-red);box-shadow:var(--shadow)}.header__inner{max-width:1100px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem}.logo{display:flex;align-items:center;gap:.5rem}.logo__brick{width:18px;height:12px;border-radius:2px;position:relative}.logo__brick:after{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:8px;height:5px;border-radius:50% 50% 0 0;background:inherit;filter:brightness(1.1)}.logo__brick--red{background:var(--lego-red)}.logo__brick--yellow{background:var(--lego-yellow)}.logo__text{font-size:1.5rem;font-weight:800;color:var(--lego-red);letter-spacing:-.02em}.header__subtitle{color:var(--text-muted);font-size:.95rem;font-weight:600}.main{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 3rem}.page-title{font-size:1.75rem;font-weight:800;margin-bottom:1.5rem;color:var(--text)}.breadcrumb{font-size:.875rem;color:var(--text-muted);margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem}.breadcrumb a:hover{color:var(--lego-red)}.breadcrumb__sep{opacity:.5}.loading,.error{color:var(--text-muted);font-weight:600;grid-column:1 / -1;text-align:center;padding:2rem}.error{color:var(--lego-red)}.grid{display:grid;gap:1.25rem}.grid--groups{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid--projects{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.card__image-wrap{aspect-ratio:4 / 3;overflow:hidden;display:flex;align-items:center;justify-content:center}.card__image{object-fit:cover}.card__placeholder{font-size:3rem;opacity:.4}.card__body{padding:1rem 1.15rem 1.25rem;flex:1;display:flex;flex-direction:column;gap:.6rem}.card__title{font-size:1.05rem;font-weight:700;line-height:1.3}.card__meta{font-size:.85rem;color:var(--text-muted);font-weight:600}.card__badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}.badge--time{background:#eff6ff;color:var(--lego-blue)}.badge--difficulty{background:#fef9ec;color:#92400e;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.35rem .7rem;border-radius:var(--radius-sm)}.badge__label{font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;opacity:.7}.badge__icon{font-size:.9rem}.badge__value{font-size:.82rem}.stars{display:flex;gap:1px;line-height:1}.star{font-size:.85rem}.star--filled{color:var(--lego-yellow);text-shadow:0 0 1px #b8860b}.star--empty{color:#d1d5db}.viewer{display:flex;flex-direction:column;height:100dvh;background:#1e1e2e;color:#fff}.viewer__header{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#2a2a3e;border-bottom:2px solid var(--lego-red);flex-shrink:0}.viewer__back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:#ffffff14;font-size:1.25rem;font-weight:700;transition:background .15s;flex-shrink:0}.viewer__back:hover{background:#ffffff29}.viewer__title{flex:1;min-width:0;font-size:1.5rem;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer__tabs{display:flex;gap:.4rem;padding:.5rem 1.25rem;background:#2a2a3e;overflow-x:auto;flex-shrink:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.viewer__tabs:empty{display:none}.viewer__tab{flex-shrink:0;padding:.4rem .85rem;border-radius:999px;background:#ffffff14;color:#ffffffbf;font-size:.82rem;font-weight:700;white-space:nowrap;transition:background .15s,color .15s}.viewer__tab:hover{background:#ffffff29;color:#fff}.viewer__tab--active{background:var(--lego-red);color:#fff}.viewer__progress-wrap{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.25rem;background:#252538;flex-shrink:0}.viewer__nav-btn{width:36px;height:36px;border-radius:50%;color:#fff;font-size:1.35rem;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s,opacity .15s;line-height:1;padding-bottom:1px;flex-shrink:0}.viewer__nav-btn--prev{background:#ffffff1a}.viewer__nav-btn--prev:hover:not(:disabled){background:#fff3}.viewer__nav-btn--next{background:var(--lego-red)}.viewer__nav-btn--next:hover:not(:disabled){background:var(--lego-red-dark)}.viewer__nav-btn:active:not(:disabled){transform:scale(.94)}.viewer__nav-btn:disabled{opacity:.3;cursor:not-allowed}.viewer__slider{flex:1;position:relative;height:28px;display:flex;align-items:center;touch-action:none}.viewer__slider--disabled{opacity:.45;pointer-events:none}.viewer__slider-track{position:absolute;left:0;right:0;height:8px;background:#ffffff1f;border-radius:999px;overflow:hidden;cursor:pointer}.viewer__slider-fill{height:100%;background:linear-gradient(90deg,var(--lego-red),var(--lego-yellow));border-radius:999px;width:0%;pointer-events:none;transition:width .25s ease}.viewer__slider--dragging .viewer__slider-fill{transition:none}.viewer__slider-thumb{position:absolute;top:50%;left:0%;width:20px;height:20px;margin-left:0;transform:translate(-50%,-50%);border-radius:50%;background:#fff;border:3px solid var(--lego-red);box-shadow:0 2px 8px #00000059;cursor:grab;transition:left .25s ease,transform .15s ease,box-shadow .15s ease;z-index:1}.viewer__slider--dragging .viewer__slider-thumb{transition:none;cursor:grabbing;transform:translate(-50%,-50%) scale(1.15);box-shadow:0 2px 14px #e3000b73}.viewer__slider-thumb:focus-visible{outline:2px solid var(--lego-yellow);outline-offset:3px}.viewer__progress-text{font-size:.8rem;font-weight:700;color:#fff9;min-width:2.75rem;text-align:center;flex-shrink:0}.viewer__canvas-wrap{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;min-height:0}.viewer__loading{color:#ffffff80}.viewer__canvas{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 8px 40px #00000080;border-radius:4px}@media(max-width:600px){.header__inner{flex-direction:column;align-items:flex-start;gap:.25rem}.page-title{font-size:1.4rem}.viewer__title{font-size:1.25rem}.viewer__nav-btn{width:32px;height:32px;font-size:1.2rem}}