*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#1e1e2e,#0f0f1a);color:#fff;overflow:hidden}#app{width:100vw;height:100vh;position:relative;display:flex;flex-direction:column}#cy{width:100%;height:66.67%;flex-shrink:0;background:transparent}#details{width:100%;height:33.33%;flex-shrink:0;background:#0f0f1af2;border-top:2px solid rgba(255,255,255,.1);overflow:hidden}.loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:500;color:#fff;z-index:1000;pointer-events:none;background:#00000080;padding:20px 40px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading.hidden{display:none}.photo-viewer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none}.photo-viewer-open{display:block}.photo-viewer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.photo-viewer-content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;z-index:1}.photo-viewer-close{position:absolute;top:20px;right:20px;width:50px;height:50px;border:none;background:#ffffff1a;color:#fff;font-size:36px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;line-height:1;padding:0}.photo-viewer-close:hover{background:#fff3;transform:scale(1.1)}.photo-viewer-header{padding:30px 80px 20px;text-align:center}.photo-viewer-title{font-size:28px;font-weight:600;margin-bottom:8px;color:#fff}.photo-viewer-counter{font-size:16px;color:#ffffffb3}.photo-viewer-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;min-height:0}.photo-viewer-image-wrapper{display:flex;align-items:center;justify-content:center;flex:1;width:100%;min-height:0}.photo-viewer-nav-mobile{display:none;gap:20px;margin-top:20px}.photo-viewer-image-container{flex:1;display:flex;align-items:center;justify-content:center;position:relative;max-width:90%;max-height:100%}.photo-viewer-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #00000080;transition:opacity .3s ease}.photo-viewer-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;color:#ffffffb3;display:none}.photo-viewer-nav{width:60px;height:60px;border:none;background:#ffffff1a;color:#fff;font-size:48px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;margin:0 20px;line-height:1;padding:0}.photo-viewer-nav:hover{background:#fff3;transform:scale(1.1)}.photo-viewer-nav:active{transform:scale(.95)}.photo-viewer-prev,.photo-viewer-next{padding-bottom:4px}.photo-viewer-footer{padding:20px 80px 30px;text-align:center}.photo-viewer-filename{font-size:14px;color:#fff9;font-family:monospace;word-break:break-all}.photo-viewer-download{display:none;flex-direction:column;align-items:center;justify-content:center;gap:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:600px;padding:40px 20px}.photo-viewer-download-filename{font-size:16px;font-weight:600;color:#ffffffe6;font-family:monospace;word-break:break-all;text-align:center;max-width:600px}.photo-viewer-download-message{font-size:18px;color:#ffffffb3;text-align:center}.photo-viewer-download-button{display:inline-block;padding:12px 30px;background:#00d4ff33;color:#00d4ff;text-decoration:none;border-radius:8px;border:2px solid #00d4ff;font-size:16px;font-weight:600;transition:all .3s ease;cursor:pointer}.photo-viewer-download-button:hover{background:#00d4ff4d;transform:scale(1.05)}@media(max-width:768px){.photo-viewer-main{padding:10px}.photo-viewer-nav-desktop{display:none!important}.photo-viewer-nav-mobile{display:flex}.photo-viewer-image-container{max-width:100%;width:100%}.photo-viewer-image-wrapper{width:100%}.photo-viewer-nav{margin:10px}.photo-viewer-header{padding:20px 20px 10px}.photo-viewer-title{font-size:22px}.photo-viewer-counter{font-size:14px}.photo-viewer-footer{padding:10px 20px 20px}.photo-viewer-close{width:40px;height:40px;font-size:28px;top:10px;right:10px}}.person-details{width:100%;height:100%;display:flex;flex-direction:column}.person-details-content{flex:1;overflow-y:auto;padding:20px 20px 30px;-webkit-overflow-scrolling:touch}.person-details-empty{display:flex;align-items:center;justify-content:center;height:100%;font-size:18px;color:#ffffff80}.person-details-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.person-details-header h2{font-size:24px;font-weight:600;color:#fff;margin:0}.person-sex{padding:4px 12px;background:#ffffff1a;border-radius:12px;font-size:12px;font-weight:500;color:#fffc;text-transform:uppercase}.person-photos-row{display:flex;gap:10px;margin-top:15px;margin-bottom:20px;flex-wrap:wrap}.person-photo-thumbnail{width:80px;height:80px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid rgba(255,255,255,.2);transition:all .3s ease;flex-shrink:0}.person-photo-thumbnail:hover{border-color:#00d4ff;transform:scale(1.05);box-shadow:0 4px 12px #00d4ff4d}.person-photo-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.person-photo-file{background:#ffffff0d;display:flex;align-items:center;justify-content:center}.file-icon{font-size:40px;opacity:.7}.person-details-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.person-details-section{background:#ffffff0d;padding:15px;border-radius:8px}.person-details-section h3{font-size:14px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.detail-item{display:flex;gap:8px;margin-bottom:8px;font-size:14px;line-height:1.5}.detail-item:last-child{margin-bottom:0}.detail-label{font-weight:500;color:#fff9;min-width:80px}.detail-value{color:#ffffffe6;flex:1}.detail-value a{color:#00d4ff;text-decoration:none}.detail-value a:hover{text-decoration:underline}.detail-date{color:#ffffffe6}.detail-place{color:#ffffffb3;font-style:italic}@media(max-width:768px){#details{height:40vh;min-height:300px}.person-details-content{padding:15px;padding-bottom:calc(120px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;overflow-y:scroll;transform:translateZ(0);-webkit-transform:translateZ(0);overscroll-behavior-y:contain;position:relative}.person-details-header{margin-bottom:15px;padding-bottom:12px}.person-details-header h2{font-size:20px}.person-sex{padding:3px 10px;font-size:11px}.person-details-sections{grid-template-columns:1fr;gap:15px}.person-details-section{padding:12px}.person-details-section h3{font-size:13px;margin-bottom:10px}.detail-item{flex-direction:column;gap:4px;margin-bottom:10px}.detail-label{min-width:unset;font-size:13px}.detail-value{font-size:13px;padding-left:0}.person-photo-thumbnail{width:70px;height:70px}.person-photos-row{margin-top:12px;margin-bottom:15px;gap:8px}.file-icon{font-size:32px}}