.vanish-container{perspective:1000px;perspective-origin:60% 40%;width:360px;height:200px;position:relative;overflow:visible}.citizen-json{transform-style:preserve-3d;backface-visibility:hidden;transform-origin:50%;will-change:transform,opacity;animation:3.5s cubic-bezier(.2,.9,.2,1) 2s forwards vanish}@keyframes vanish{0%{opacity:1;transform:rotateY(0)translateZ(0)translate(0)translateY(0)scale(1)}40%{opacity:.95;transform:rotateY(30deg)translateZ(-250px)translate(40px)translateY(-20px)scale(.85)}to{opacity:.9;transform:rotateY(70deg)translateZ(120px)translate(150px)translateY(-100px)scale(.01)}}.citizen-json pre{will-change:background-color;animation:4.5s cubic-bezier(.2,.9,.2,1) 1s forwards vanish-pre}@keyframes vanish-pre{0%{opacity:1}to{opacity:.7;background-color:#000}}.integration{animation:3.5s cubic-bezier(.2,.9,.2,1) 2s forwards vanish-api}@keyframes vanish-api{0%{opacity:0}40%{opacity:0;background-color:#fff}to{opacity:1;background-color:#fff}}:root{--background-color:#111;--color:#eee;--app-background-color:#333;--header-height:100px;--footer-height:100px;--apps-per-row:3}html,body,#root{background-color:var(--background-color);height:100%;color:var(--color);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.app{flex-direction:column;align-items:center;height:100vh;margin:0;font-family:system-ui,sans-serif;display:flex}header{width:100%;height:var(--header-height);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;font-size:1.2rem;display:flex;top:0}footer{height:var(--footer-height);align-items:center;gap:1rem;margin-top:1rem;font-size:1.2rem;display:flex;bottom:0}header,footer{position:absolute}main{top:var(--header-height);bottom:var(--footer-height);position:absolute;overflow-y:hidden}#logo{width:20%;max-height:var(--header-height);object-fit:contain;object-position:top left;height:auto}#page-title{word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.breadcrumb{padding:.5rem}.breadcrumb__list{flex-wrap:wrap;gap:.5rem;width:200px;margin:0;padding:0;list-style:none;display:flex}.breadcrumb__item{align-items:center;display:flex}.breadcrumb__link{color:#007bff;text-decoration:none}.breadcrumb__link:hover{text-decoration:underline}.breadcrumb__current{color:#6c757d}.breadcrumb__separator{margin:0 .5rem}.applications{grid-template-columns:repeat(var(--apps-per-row),1fr);gap:10px;display:grid}@media (max-width:768px){.applications{--apps-per-row:2}}@media (max-width:480px){.applications{--apps-per-row:1}}.application{aspect-ratio:1}.application a{box-sizing:border-box;background-color:var(--app-background-color);justify-content:center;align-items:center;width:100%;height:100%;padding:10px;text-decoration:none;display:flex}.application a:hover{--fill-color:#00f;--stroke-color:#0f0;filter:hue-rotate(180deg)saturate(2)brightness(1.2);background-image:url(/assets/so-nwgKwr1M.svg);background-position:100% 0;background-repeat:no-repeat;background-size:25%}.video-wrap{background:#000;border-radius:12px;justify-content:center;align-items:center;width:90%;max-width:400px;height:360px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 0 12px #000}video{object-fit:cover;width:100%;height:100%}.feedback{color:#bbb;text-align:center;max-width:90%;margin-top:1rem;font-size:.9rem}.result{color:#0f0;word-break:break-all;text-align:center;background:#222;border-radius:8px;max-width:90%;margin-top:1rem;padding:.5rem 1rem;font-size:.9rem}.citizen{flex-flow:row;gap:1rem;max-width:1200px;margin:0 auto;padding:1rem;display:flex}.citizen-img{box-sizing:border-box;filter:url(/assets/kalei-BZU8ym2L.svg#kalei);flex:1 1 0;padding:1rem}.citizen-img img{max-width:100%;height:auto;display:block}.citizen-data,.citizen-json{box-sizing:border-box;flex:1 1 0;padding:1rem}.bold{font-weight:700}.citizen-json{box-sizing:border-box;width:100%;height:100%}.citizen-json pre{white-space:pre-wrap;color:#fff;background-color:#3b3b3b;border:1px solid #ddd;border-radius:6px;margin:0;padding:1rem;font-family:monospace;font-size:.875rem;overflow-x:auto}.integration{opacity:0;background-image:url(/assets/api-BXRGI_dp.png);background-size:contain;width:75px;height:75px;position:absolute;top:0;right:0}@media (max-width:768px){.citizen{flex-direction:column;align-items:center}.citizen img,.citizen-data,.citizen-json{flex:100%}}