.proj-showcase{--proj-bg:#000;--proj-surface:#0a0a0a;--proj-card:#111;--proj-border:#ffffff0f;--proj-subtle:#ffffff4d;--proj-muted:#ffffff8c;--proj-accent:#ffffffd9;--proj-highlight:#fff;--proj-purple:#a855f7;--proj-purple-glow:#a855f726;background:var(--proj-bg);min-height:100vh;color:var(--proj-highlight);font-family:Inter,system-ui,-apple-system,sans-serif}.proj-back{color:var(--proj-subtle);align-items:center;gap:8px;padding:12px 0;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.proj-back:hover{color:var(--proj-highlight)}.proj-back svg{transition:transform .2s}.proj-back:hover svg{transform:translate(-3px)}.proj-container{max-width:900px;margin:0 auto;padding:0 24px}.proj-hero{flex-direction:column;justify-content:flex-end;min-height:65vh;margin-bottom:40px;padding-top:0;display:flex;position:relative}.proj-hero__cover{background:var(--proj-surface);z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.proj-hero__cover img,.proj-hero__cover video{object-fit:cover;filter:brightness(.7)contrast(1.1);width:100%;height:100%}.proj-hero__cover-overlay{background:linear-gradient(180deg, #0000001a 0%, #00000080 50%, var(--proj-bg) 100%);position:absolute;inset:0}.proj-hero__cover-empty{background:linear-gradient(135deg,#1a1a2e 0%,#0f0f23 50%,#1a0a2e 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.proj-hero__cover-empty svg{width:64px;height:64px;color:var(--proj-subtle);opacity:.3}.proj-hero__info{z-index:2;max-width:800px;padding:0 0 60px;position:relative}.proj-hero__badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--proj-highlight);text-transform:uppercase;letter-spacing:.1em;background:#0006;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:6px;margin-bottom:24px;padding:6px 16px;font-size:11px;font-weight:500;display:inline-flex}.proj-hero__title{letter-spacing:-.03em;color:var(--proj-highlight);text-shadow:0 4px 24px #0009;margin:0 0 16px;font-size:clamp(36px,6vw,64px);font-weight:800;line-height:1.1}.proj-hero__desc{color:#ffffffd9;text-shadow:0 2px 10px #00000080;max-width:650px;margin:0 0 32px;font-size:18px;font-weight:400;line-height:1.6}.proj-author{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:12px;padding:8px 16px 8px 8px;display:inline-flex}.proj-author__avatar{background:var(--proj-surface);border:1px solid #fff3;border-radius:50%;width:40px;height:40px;overflow:hidden}.proj-author__avatar img{object-fit:cover;width:100%;height:100%}.proj-author__name{color:var(--proj-accent);font-size:13px;font-weight:600}.proj-author__username{color:var(--proj-subtle);font-family:JetBrains Mono,monospace;font-size:11px}.proj-author__link{color:inherit;text-decoration:none;transition:opacity .2s}.proj-author__link:hover{opacity:.8}.proj-tags{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.proj-tag{border:1px solid var(--proj-border);color:var(--proj-muted);background:#ffffff0a;border-radius:8px;padding:4px 12px;font-size:12px;font-weight:500}.proj-section{border-top:1px solid var(--proj-border);padding:48px 0}.proj-section__title{color:var(--proj-accent);align-items:center;gap:10px;margin:0 0 24px;font-size:18px;font-weight:600;display:flex}.proj-section__title-icon{border:1px solid var(--proj-border);background:#ffffff0a;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.proj-long-desc{color:var(--proj-muted);white-space:pre-wrap;word-break:break-word;font-size:15px;font-weight:300;line-height:1.8}.proj-gallery{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-auto-flow:dense;gap:16px;display:grid}.proj-gallery__item{aspect-ratio:4/3;background:var(--proj-surface);border:1px solid var(--proj-border);cursor:pointer;border-radius:16px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.proj-gallery__item:hover{z-index:10;border-color:#fff3;transform:translateY(-4px)scale(1.01);box-shadow:0 20px 40px #000000b3,0 0 20px #ffffff0d}.proj-gallery__item img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.proj-gallery__item:hover img{transform:scale(1.05)}.proj-gallery__item.span-col{aspect-ratio:16/9;grid-column:span 2}.proj-gallery__item.span-row{aspect-ratio:2/3;grid-row:span 2}.proj-gallery__item.span-block{aspect-ratio:1;grid-area:span 2/span 2}@media (max-width:640px){.proj-gallery{grid-template-columns:1fr}.proj-gallery__item.span-col,.proj-gallery__item.span-row,.proj-gallery__item.span-block{aspect-ratio:4/3;grid-area:span 1/span 1}}.proj-video-card{border:1px solid var(--proj-border);color:inherit;background:#ffffff05;border-radius:20px;flex-direction:column;text-decoration:none;transition:border-color .4s,transform .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.proj-video-card:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:0 20px 40px #00000080}.proj-video-card__thumb{aspect-ratio:16/9;background:var(--proj-card);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.proj-video-card__thumb img,.proj-video-card__thumb video{object-fit:cover;width:100%;height:100%}.proj-video-card__play{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.proj-video-card:hover .proj-video-card__play{opacity:1}.proj-video-card__play svg{color:#fff;filter:drop-shadow(0 2px 8px #00000080);width:48px;height:48px}.proj-video-card__info{padding:14px 16px}.proj-video-card__title{color:var(--proj-accent);font-size:13px;font-weight:600}.proj-app-card{background:var(--proj-card);border:1px solid var(--proj-border);color:inherit;border-radius:16px;align-items:center;gap:14px;padding:16px;text-decoration:none;transition:border-color .3s,background .3s,transform .3s;display:flex}.proj-app-card:hover{background:#ffffff08;border-color:#3b82f64d;transform:translateY(-2px)}.proj-app-card__icon{background:var(--proj-surface);border:1px solid var(--proj-border);border-radius:12px;flex-shrink:0;width:48px;height:48px;overflow:hidden}.proj-app-card__icon img{object-fit:cover;width:100%;height:100%}.proj-app-card__icon-fallback{width:100%;height:100%;color:var(--proj-subtle);justify-content:center;align-items:center;display:flex}.proj-app-card__text{flex:1;min-width:0}.proj-app-card__title{color:var(--proj-accent);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.proj-app-card__desc{color:var(--proj-subtle);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.proj-app-card__arrow{color:var(--proj-subtle);flex-shrink:0;transition:transform .2s,color .2s}.proj-app-card:hover .proj-app-card__arrow{color:var(--proj-highlight);transform:translate(3px)}.proj-char-card{background:var(--proj-surface);border:1px solid var(--proj-border);border-radius:16px;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}.proj-char-card:hover{border-color:#a855f74d;transform:translateY(-2px)}.proj-char-card__avatar{aspect-ratio:3/4;background:var(--proj-card);overflow:hidden}.proj-char-card__avatar img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.proj-char-card:hover .proj-char-card__avatar img{transform:scale(1.05)}.proj-char-card__info{background:linear-gradient(#0000,#000000e6);padding:16px;position:absolute;bottom:0;left:0;right:0}.proj-char-card__name{color:#fff;font-size:14px;font-weight:600}.proj-lightbox{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;animation:.2s projFadeIn;display:flex;position:fixed;inset:0}.proj-lightbox__img{object-fit:contain;cursor:default;border-radius:12px;max-width:92vw;max-height:90vh;box-shadow:0 20px 60px #00000080}.proj-lightbox__close{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:12px;padding:10px 14px;font-size:16px;transition:background .2s;position:absolute;top:20px;right:24px}.proj-lightbox__close:hover{background:#fff3}.proj-footer{border-top:1px solid var(--proj-border);text-align:center;padding:40px 0}.proj-footer__text{color:var(--proj-subtle);font-family:JetBrains Mono,monospace;font-size:11px}.proj-footer__text a{color:var(--proj-muted);text-decoration:none;transition:color .2s}.proj-footer__text a:hover{color:var(--proj-highlight)}@keyframes projFadeIn{0%{opacity:0}to{opacity:1}}.proj-edit-btn{color:var(--proj-purple);cursor:pointer;background:#a855f71a;border:1px solid #a855f740;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.proj-edit-btn:hover{background:#a855f733;border-color:#a855f766}