:root{--bg:#000;--bg-elevated:#121212;--charcoal:#2a2a2a;--charcoal-soft:#1a1a1a;--text:#f5f5f5;--text-muted:#9a9a9a;--orange:#f29d61;--gold:#f7c24d;--gradient:linear-gradient(90deg, #f29d61 0%, #f7c24d 100%);--font:"Outfit", system-ui, sans-serif;--radius:14px;--max:720px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.app-shell{flex-direction:column;min-height:100dvh;display:flex;position:relative}.app-shell:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 50% at 50% -10%,#f29d612e,#0000 55%),radial-gradient(60% 40% at 90% 80%,#f7c24d14,#0000 50%);position:fixed;inset:0}.app-shell>*{z-index:1;position:relative}.site-header{justify-content:center;align-items:center;padding:1.25rem 1.5rem;animation:.6s both fadeDown;display:flex}.logo-link{transition:transform .25s;display:inline-flex}.logo-link:hover{transform:scale(1.03)}.logo-img{width:auto;height:36px}.logo-img--hero{height:clamp(52px,10vw,80px)}.main{width:100%;max-width:var(--max);flex:1;margin:0 auto;padding:0 clamp(.85rem,4vw,1.25rem) 3rem}.content-article{width:100%;min-width:0}.landing{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:calc(100dvh - 100px);padding-bottom:4rem;display:flex}.landing__brand{animation:.7s both fadeUp}.landing__headline{letter-spacing:-.01em;color:var(--text-muted);max-width:24ch;font-size:clamp(1.05rem,3vw,1.25rem);font-weight:500;animation:.7s .1s both fadeUp}.landing__sub{color:var(--text-muted);max-width:32ch;font-size:1rem;animation:.7s .2s both fadeUp}.landing__hint{color:var(--text-muted);background:var(--charcoal);border-radius:999px;margin-top:1rem;padding:.65rem 1rem;font-size:.85rem;animation:.7s .35s both fadeUp}.landing__hint code{color:var(--gold);font-size:.8rem}.content-header{align-items:center;gap:.85rem;margin:.5rem 0 1.25rem;animation:.5s both fadeUp;display:flex}.avatar{object-fit:cover;background:var(--charcoal);background-image:linear-gradient(var(--bg), var(--bg)), var(--gradient);background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:48px;height:48px}.avatar--placeholder{background:var(--charcoal);border:2px solid var(--charcoal);color:var(--gold);place-items:center;font-size:1.1rem;font-weight:700;display:grid}.author-meta{flex:1;min-width:0;overflow:hidden}.author-name,.author-handle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.author-name{letter-spacing:-.01em;align-items:center;gap:.4rem;font-size:1.05rem;font-weight:700;display:flex}.author-handle{color:var(--text-muted);font-size:.9rem}.verified{background:var(--gradient);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.verified svg{width:10px;height:10px}.media-stage{border-radius:var(--radius);background:var(--charcoal-soft);aspect-ratio:4/5;width:100%;max-height:min(70dvh,640px);animation:.55s both scaleIn;position:relative;overflow:hidden}.media-stage--wide{aspect-ratio:16/10;max-height:min(55dvh,480px)}.media-stage img,.media-stage video{object-fit:cover;width:100%;height:100%}.video-fallback{width:100%;height:100%;min-height:inherit;background:var(--charcoal-soft);position:relative}.video-fallback__poster{object-fit:cover;filter:brightness(.45);width:100%;height:100%}.video-fallback__void{background:radial-gradient(ellipse at 50% 40%, #f29d6126, transparent 55%), var(--charcoal-soft);width:100%;height:100%;min-height:240px}.video-fallback__overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:1.5rem;display:flex;position:absolute;inset:0}.video-fallback__title{letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.video-fallback__hint{color:var(--text-muted);max-width:28ch;font-size:.88rem;line-height:1.45}.video-fallback__btn{margin-top:.35rem}.media-nav{pointer-events:none;justify-content:space-between;align-items:center;padding:0 .5rem;display:flex;position:absolute;inset:0}.media-nav button{pointer-events:auto;width:40px;height:40px;color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:50%;place-items:center;transition:background .2s,transform .2s;display:grid}.media-nav button:hover{background:#000c;transform:scale(1.05)}.media-dots{gap:.4rem;display:flex;position:absolute;bottom:.85rem;left:50%;transform:translate(-50%)}.media-dots span{background:#ffffff59;border-radius:50%;width:7px;height:7px;transition:background .2s,transform .2s}.media-dots span.active{background:var(--gold);transform:scale(1.2)}.media-type{text-transform:uppercase;letter-spacing:.06em;color:var(--gold);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border-radius:6px;padding:.3rem .55rem;font-size:.7rem;font-weight:600;position:absolute;top:.75rem;right:.75rem}.content-body{margin-top:1.25rem;animation:.55s .12s both fadeUp}.caption{white-space:pre-wrap;word-break:break-word;font-size:1.05rem;font-weight:500}.meta-row{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin-top:1rem;font-size:.9rem;line-height:1.4;display:flex;overflow:visible}.meta-item{align-items:center;gap:.4rem;min-width:0;max-width:100%;line-height:1.4;display:inline-flex;overflow:visible}.meta-item--grow{flex:auto;min-width:0}.meta-item--muted{flex-shrink:0}.meta-item strong{color:var(--text);font-weight:600}.meta-icon{flex-shrink:0;justify-content:center;align-items:center;width:1.15rem;height:1.15rem;line-height:0;display:inline-flex;overflow:visible}.meta-icon svg{width:100%;height:100%;display:block;overflow:visible}.meta-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tags{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.tag{color:var(--orange);background:#f29d611f;border-radius:6px;padding:.3rem .65rem;font-size:.8rem;font-weight:500}.plate-badge{color:#111;letter-spacing:.12em;text-transform:uppercase;word-break:break-all;background:#f5f5f0;border-radius:10px;justify-content:center;align-items:center;max-width:100%;margin-top:1.25rem;padding:.85rem clamp(1rem,4vw,1.75rem);font-size:clamp(1.15rem,5vw,1.85rem);font-weight:800;animation:.55s .18s both fadeUp;display:inline-flex;box-shadow:0 0 0 3px #111,0 0 0 5px #f5f5f0,0 12px 32px #f7c24d26}.plate-details{grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:1.5rem;animation:.55s .22s both fadeUp;display:grid}.plate-detail{background:var(--charcoal-soft);border:1px solid var(--charcoal);border-radius:10px;padding:.85rem 1rem}.plate-detail dt{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.25rem;font-size:.72rem}.plate-detail dd{font-size:.95rem;font-weight:600}.comments{border-top:1px solid var(--charcoal);margin-top:2rem;padding-top:1.5rem;animation:.55s .25s both fadeUp}.comments__title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:1rem;font-size:.8rem}.comment{gap:.75rem;padding:.75rem 0;display:flex}.comment+.comment{border-top:1px solid #2a2a2a99}.comment .avatar{width:36px;height:36px}.comment__name{font-size:.9rem;font-weight:600}.comment__text{color:var(--text-muted);margin-top:.15rem;font-size:.92rem}.comment__time{color:#555;margin-top:.25rem;font-size:.75rem}.state-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50dvh;padding:2rem 1rem;display:flex}.state-panel h2{font-size:1.25rem;font-weight:600}.state-panel p{color:var(--text-muted);max-width:28ch}.spinner{border:3px solid var(--charcoal);border-top-color:var(--gold);border-radius:50%;width:40px;height:40px;animation:.7s linear infinite spin}.gradient-btn{background:var(--gradient);color:#111;border-radius:999px;justify-content:center;align-items:center;margin-top:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:700;transition:transform .2s,filter .2s;display:inline-flex}.gradient-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}.site-footer{text-align:center;color:#444;padding:1.5rem;font-size:.8rem}.site-footer span{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=640px){.site-header{padding:1rem clamp(.85rem,4vw,1.25rem)}.content-header{margin:.25rem 0 1rem}.avatar{width:42px;height:42px}.media-stage{border-radius:10px;max-height:min(65dvh,560px)}.media-stage--wide{aspect-ratio:16/11;max-height:min(45dvh,360px)}.caption{font-size:1rem}.meta-row{gap:.55rem .85rem;font-size:.85rem}.meta-icon{width:1.05rem;height:1.05rem}.plate-details{grid-template-columns:1fr}.video-fallback__overlay{padding:1rem}.video-fallback__hint{font-size:.8rem}}@media (width<=380px){.meta-item--muted{flex-basis:100%}.landing{gap:1.15rem;min-height:calc(100dvh - 80px)}.logo-img--hero{height:clamp(44px,14vw,64px)}}