*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:auto}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1a1a1a;color:#e0e0e0;line-height:1.6}.app{display:flex;flex-direction:column;height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:#8b451326;border-radius:8px}::-webkit-scrollbar-thumb{background:#8b451399;border-radius:8px;border:1px solid rgba(139,69,19,.2)}::-webkit-scrollbar-thumb:hover{background:#8b4513cc}::-webkit-scrollbar-corner{background:#8b45134d}*{scrollbar-width:auto;scrollbar-color:rgba(139,69,19,.6) rgba(139,69,19,.15)}input,select,textarea{background:#2c181099;color:#f4e4c1;border:1px solid rgba(205,133,63,.3);border-radius:6px;padding:8px 12px;font-family:inherit;font-size:14px;outline:none;transition:border-color .3s ease,background-color .3s ease}input:focus,select:focus,textarea:focus{border-color:#cd853fb3;background:#2c1810cc}input:disabled,select:disabled,textarea:disabled{background:#2c18104d;color:#f4e4c180;cursor:not-allowed}input::placeholder,textarea::placeholder{color:#f4e4c199}button{background:#2c1810b3;color:#f4e4c1;border:1px solid rgba(205,133,63,.45);border-radius:6px;padding:8px 14px;font-family:inherit;font-size:14px;cursor:pointer;outline:none;transition:all .3s ease}button:hover:not(:disabled){background:#2c1810e6;border-color:#cd853fb3;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled{background:#2c18104d;color:#f4e4c180;cursor:not-allowed;transform:none}.btn-primary{background:#cd853fcc;color:#2c1810;border-color:#cd853fe6}.btn-primary:hover:not(:disabled){background:peru;border-color:peru}.btn-secondary{background:#2c1810b3;color:#f4e4c1;border-color:#cd853f73}:root{--color-bg-primary: #1a1a1a;--color-bg-secondary: rgba(44, 24, 16, .7);--color-bg-tertiary: rgba(44, 24, 16, .3);--color-text-primary: #e0e0e0;--color-text-secondary: #f4e4c1;--color-text-muted: rgba(244, 228, 193, .6);--color-accent: rgba(205, 133, 63, .8);--color-accent-hover: rgba(205, 133, 63, 1);--color-accent-muted: rgba(205, 133, 63, .3);--color-border: rgba(205, 133, 63, .3);--color-border-hover: rgba(205, 133, 63, .7);--scrollbar-track: rgba(139, 69, 19, .15);--scrollbar-thumb: rgba(139, 69, 19, .6);--scrollbar-thumb-hover: rgba(139, 69, 19, .8)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.text-left{text-align:left}.text-right{text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.filter-item:hover,.dropdown-item:hover{border-color:var(--color-accent-hover);box-shadow:0 0 0 2px #cd853f33}input,select,textarea,.filter-item,.dropdown-item{transition:border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}*:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInTop{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInBottom{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}@keyframes slideOutBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-fade-out{animation:fadeOut .3s ease-out}.animate-slide-in-top{animation:slideInTop .3s ease-out}.animate-slide-in-bottom{animation:slideInBottom .3s ease-out}.animate-slide-in-left{animation:slideInLeft .3s ease-out}.animate-slide-in-right{animation:slideInRight .3s ease-out}.animate-slide-out-top{animation:slideOutTop .3s ease-out}.animate-slide-out-bottom{animation:slideOutBottom .3s ease-out}.animate-scale-in{animation:scaleIn .2s ease-out}.animate-scale-out{animation:scaleOut .2s ease-out}.animate-bounce{animation:bounce .6s ease-out}.animate-shimmer{animation:shimmer 1.5s infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-fast{animation-duration:.15s}.animate-slow{animation-duration:.5s}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.05)}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.hover-glow{transition:box-shadow .2s ease}.hover-glow:hover{box-shadow:0 0 0 2px #3b82f680}.active-press:active{transform:scale(.98);transition:transform .1s ease}.transition-all{transition:all .2s ease}.transition-transform{transition:transform .2s ease}.transition-opacity{transition:opacity .2s ease}.transition-shadow{transition:box-shadow .2s ease}.toast-container{position:fixed;top:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:2000;max-width:400px;width:100%;pointer-events:none}.toast-item{pointer-events:auto;background:#2c3e50f2;color:#fff;padding:12px 16px;border-radius:8px;min-width:220px;max-width:400px;box-shadow:0 4px 16px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translate(100%);opacity:0;animation:slideInRight .3s ease-out forwards;position:relative;overflow:hidden}.toast-item--success{background:#27ae60f2}.toast-item--error{background:#c0392bf2}.toast-item--info{background:#2c3e50f2}.toast-item--removing{animation:slideOutRight .3s ease-in forwards}.toast-content{display:flex;align-items:flex-start;gap:12px}.toast-message{flex:1;line-height:1.4;font-size:14px}.toast-close{background:transparent;color:#fff;border:0;cursor:pointer;font-size:20px;line-height:1;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease;flex-shrink:0}.toast-close:hover{background:#fff3}.toast-close:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:#ffffff4d;border-radius:0 0 8px 8px;transform-origin:left;animation:toastProgress linear forwards}.toast-item--success .toast-progress,.toast-item--error .toast-progress{background:#fff6}.toast-item--info .toast-progress{background:#ffffff4d}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:768px){.toast-container{left:16px;right:16px;max-width:none}.toast-item{min-width:auto;max-width:none}.toast-message{font-size:13px}}@media(prefers-color-scheme:dark){.toast-item{box-shadow:0 4px 16px #00000080}}.backend-info{position:fixed;bottom:20px;left:20px;background:#fffffff2;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-size:12px;z-index:1000;max-width:300px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.backend-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;cursor:pointer;border-bottom:1px solid #eee;transition:background-color .2s}.backend-header:hover{background-color:#f5f5f5}.backend-status{display:flex;align-items:center;gap:4px;flex:1}.status-icon{font-size:14px}.status-text{font-weight:500;color:#333}.backend-type{font-weight:600;margin:0 8px}.test-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;font-size:12px;transition:background-color .2s}.test-button:hover{background-color:#e0e0e0}.test-button:disabled{opacity:.5;cursor:not-allowed}.backend-details{padding:12px;background-color:#fafafa}.detail-item{margin-bottom:6px;font-size:11px;line-height:1.4}.detail-item strong{color:#555}.backend-tips{margin-top:12px;padding-top:12px;border-top:1px solid #eee}.backend-tips h4{margin:0 0 8px;font-size:12px;color:#333}.backend-tips ul{margin:0;padding-left:16px;font-size:10px;line-height:1.4;color:#666}.backend-tips li{margin-bottom:4px}.backend-tips code{background-color:#f0f0f0;padding:1px 3px;border-radius:3px;font-family:Courier New,monospace;font-size:9px}.backend-info{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.backend-info{bottom:10px;left:10px;right:10px;max-width:none}.backend-header{padding:10px 12px}.backend-details{padding:15px}}.flex{display:flex}.flex-row{display:flex;flex-direction:row}.flex-column{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;justify-content:space-between}.flex-between-center{display:flex;justify-content:space-between;align-items:center}.flex-start{display:flex;align-items:flex-start}.flex-end{display:flex;align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-24{gap:24px}.p-4{padding:4px}.p-8{padding:8px}.p-12{padding:12px}.p-16{padding:16px}.p-24{padding:24px}.px-8{padding-left:8px;padding-right:8px}.px-16{padding-left:16px;padding-right:16px}.py-8{padding-top:8px;padding-bottom:8px}.py-16{padding-top:16px;padding-bottom:16px}.pt-8{padding-top:8px}.pb-8{padding-bottom:8px}.pr-16{padding-right:16px}.m-0{margin:0}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.ml-8{margin-left:8px}.mr-8{margin-right:8px}.w-full{width:100%}.min-w-0{min-width:0}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.z-1{z-index:1}.z-2{z-index:2}.z-10{z-index:10}.z-100{z-index:100}.text-center{text-align:center}.font-bold{font-weight:700}.font-600{font-weight:600}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.rounded-sm{border-radius:4px}.rounded{border-radius:6px}.rounded-lg{border-radius:8px}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.shimmer{background:linear-gradient(90deg,#1a1a1af2,#2c1810cc,#1a1a1af2 80px);background-size:200px;animation:shimmer 1.5s infinite}.app-header{position:sticky;top:0;z-index:100;background:#2c1810f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(244,228,193,.1);transition:all .3s ease;flex-shrink:0;padding:1rem 2rem}.app-header__back-button,.app-header__extra-button{background:#f4e4c11a;border:1px solid rgba(244,228,193,.2);color:#f4e4c1;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9rem;white-space:nowrap}.app-header__back-button:hover,.app-header__extra-button:hover{background:#f4e4c133;border-color:#f4e4c166}.app-header__extra-button{margin-left:.5rem}.app-header__left,.app-header__right{display:flex;align-items:center;gap:1rem}.app-header__container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.app-header.scrolled{background:#2c1810fa;box-shadow:0 2px 10px #0000004d}.app-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E");opacity:.3;pointer-events:none}.app-header h1{font-family:Cinzel,serif;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5);position:relative;z-index:2}.app-header p{font-family:Crimson Text,serif;text-shadow:1px 1px 2px rgba(0,0,0,.5);position:relative;z-index:2}.header-icons{position:absolute;top:50%;right:2rem;transform:translateY(-50%);display:flex;gap:1rem;z-index:2}.header-icon{width:24px;height:24px;opacity:.7;transition:opacity .3s ease}.header-icon:hover{opacity:1}.filters-toggle-btn,.reset-filters-btn,.header-marker-toggle,.header-century-toggle{transition:all .2s ease}.filters-toggle-btn:hover,.reset-filters-btn:hover,.header-marker-toggle:hover,.header-century-toggle:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0003}.filters-toggle-btn:focus,.reset-filters-btn:focus,.header-marker-toggle:focus,.header-century-toggle:focus{outline:2px solid #cd853f;outline-offset:2px}.year-inputs input:focus{outline:2px solid #cd853f;outline-offset:1px}.header-controls-mobile{transition:all .3s ease;opacity:0;max-height:0;overflow:hidden}.header-controls-mobile.visible{opacity:1;max-height:300px}.header-filters-group,.header-filters-group-mobile{display:flex;gap:.3rem;align-items:center;flex-wrap:wrap}.year-range-container{display:flex;flex-direction:column;align-items:center;gap:.2rem}.header-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.header-title{flex-shrink:0}.filters-toggle-btn{display:none}.share-buttons{display:none;gap:.5rem;align-items:center;margin-left:auto;margin-right:1rem}.share-buttons button{padding:.4rem .6rem;border-radius:4px;font-size:.7rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.3rem;border:1px solid;background:#ffffff1a}.share-buttons button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0003}.share-buttons button:focus{outline:2px solid #cd853f;outline-offset:2px}.share-buttons button:first-child{background:#3498db33;border-color:#3498db66;color:#3498db}.share-buttons button:nth-child(2){background:#1da1f233;border-color:#1da1f266;color:#1da1f2}.share-buttons button:nth-child(3){background:#4267b233;border-color:#4267b266;color:#4267b2}@media(max-width:768px){.share-buttons{margin-right:.5rem}.share-buttons button{padding:.3rem .5rem;font-size:.6rem}.share-buttons button:first-child{display:none}}@media(max-width:480px){.share-buttons{gap:.3rem}.share-buttons button{padding:.25rem .4rem;font-size:.5rem}}.header-controls-desktop{display:flex;flex-direction:row;gap:1rem;justify-content:flex-end;align-items:center}.header-controls-inner{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.header-filters-group{display:flex;flex-direction:row;align-items:center;gap:.3rem}.filter-text{display:inline!important;white-space:nowrap}.header-controls-mobile{display:none}@media(min-width:769px){.filters-toggle-btn{display:none!important}.header-controls-desktop{display:flex!important;flex-direction:row;width:auto}.header-controls-mobile{display:none!important}.header-controls-inner{flex-direction:row;align-items:center;gap:.5rem}.header-filters-group{flex-direction:row;align-items:center;gap:.3rem}}@media(max-width:768px){.app-header{padding:.75rem 1rem!important}.app-header h1{font-size:1.5rem!important}.header-icons{right:1rem;gap:.5rem}.header-icon{width:20px;height:20px}.header-row{flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}.filters-toggle-btn{display:inline-block!important;margin-top:.5rem!important;margin-right:.5rem!important}.header-controls-desktop{display:none!important}.header-controls-mobile{display:none;flex-direction:column;width:100%;gap:.5rem;justify-content:flex-start;align-items:flex-start;margin-top:.5rem}.header-controls-mobile.visible{display:flex}.header-controls-inner{flex-direction:column;align-items:center;gap:.5rem;width:100%}.header-filters-group{flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:.3rem!important;flex-wrap:wrap!important;width:100%!important}.filter-text{display:inline!important;font-size:.9rem!important}.header-filters-row{display:flex!important;width:100%!important;justify-content:center!important}.header-filters-row .filter-btn{flex:1!important;max-width:200px!important}}@media(max-width:480px){.app-header{padding:.3rem!important}.app-header h1{font-size:1rem!important;margin-top:.3rem!important;margin-left:.3rem!important}.app-header>div>div:last-child{gap:.2rem!important}.app-header>div>div:last-child>div,.app-header>div>div:last-child>button{padding:.2rem .4rem!important}.app-header>div>div:last-child{gap:.3rem!important}.app-header>div>div:last-child>div{gap:.2rem!important}.filters-toggle-btn{margin-top:.3rem!important;margin-right:.3rem!important}}.filters-panel{background:#2c1810f2;border-bottom:2px solid #8b4513;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:10001}.filters-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3;pointer-events:none}.filter-dropdown{position:relative;display:inline-block}.filter-dropdown-content{display:none;position:absolute;background:#2c1810f2;border:1px solid rgba(139,69,19,.4);border-radius:4px;box-shadow:0 4px 12px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:200px;max-width:300px;z-index:1000}@media(min-width:769px){.filter-dropdown:hover .filter-dropdown-content{display:block}}.filter-dropdown:focus-within .filter-dropdown-content{display:block}.filter-dropdown-content::-webkit-scrollbar{width:8px}.filter-dropdown-content::-webkit-scrollbar-track{background:#8b451333;border-radius:4px}.filter-dropdown-content::-webkit-scrollbar-thumb{background:#8b4513;border-radius:4px}.filter-dropdown-content::-webkit-scrollbar-thumb:hover{background:sienna}.filter-btn{background:linear-gradient(135deg,#8b4513,sienna);color:#f4e4c1;border:2px solid #8b4513;border-radius:8px;padding:.75rem 1.5rem;cursor:pointer;font-family:Inter,sans-serif;font-weight:500;transition:all .3s ease;position:relative;overflow:hidden}.filter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.filter-btn:hover:before{left:100%}.filter-btn:hover{background:linear-gradient(135deg,sienna,peru);transform:translateY(-2px);box-shadow:0 4px 12px #8b451366}.filter-btn.active{background:linear-gradient(135deg,peru,#daa520);box-shadow:0 0 20px #cd853f80}.filter-checkbox{display:flex;align-items:center;padding:.5rem 1rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid rgba(139,69,19,.3)}.filter-checkbox:hover{background:#8b451333}.filter-checkbox.active{background:#cd853f4d;color:peru;outline:2px solid #cd853f;outline-offset:-2px}.filter-checkbox:last-child{border-bottom:none}.filter-checkbox input[type=checkbox]{margin-right:.75rem;transform:scale(1.2);accent-color:#cd853f}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.filter-dropdown-content.bottom-overflow{top:auto!important;bottom:100%!important;margin-top:0!important;margin-bottom:8px!important}.filter-btn{padding:.5rem .8rem!important;font-size:.9rem!important;min-height:44px!important}.app-header input[type=number]{width:50px!important;font-size:.9rem!important;padding:.3rem .4rem!important;min-height:44px!important}.filter-checkbox{padding:.6rem .5rem!important;min-height:44px!important;font-size:.9rem!important}.filter-checkbox input[type=checkbox]{transform:scale(1.2)!important}.filter-checkbox.active{outline-width:3px;outline-offset:-3px}}.tooltip{position:absolute;background:#2c1810f2;border:1px solid rgba(244,228,193,.3);border-radius:8px;padding:12px;color:#f4e4c1;font-size:.9rem;max-width:300px;z-index:1001;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000004d}.tooltips-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000}.mobile-person-panel{position:fixed;bottom:0;left:0;right:0;background:#2c1810fa;border-top:1px solid rgba(244,228,193,.2);padding:20px;transform:translateY(100%);transition:transform .3s ease;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .3s ease-out}.mobile-person-panel.visible{transform:translateY(0)}.mobile-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(139,69,19,.3)}.mobile-panel-title{margin:0;color:#f4e4c1;font-size:1.2rem;font-weight:700}.mobile-panel-close-btn{background:#e74c3c33;border:1px solid rgba(231,76,60,.4);border-radius:50%;width:32px;height:32px;color:#e74c3c;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.mobile-panel-close-btn:hover{background:#e74c3c4d;transform:scale(1.1)}.mobile-panel-close-btn:focus{outline:2px solid #e74c3c;outline-offset:2px}.mobile-panel-content{flex:1;overflow:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.mobile-panel-content::-webkit-scrollbar{width:8px}.mobile-panel-content::-webkit-scrollbar-track{background:#8b451326;border-radius:4px}.mobile-panel-content::-webkit-scrollbar-thumb{background:#8b451399;border-radius:4px;border:1px solid rgba(139,69,19,.2)}.mobile-panel-content::-webkit-scrollbar-thumb:hover{background:#8b4513cc}.mobile-panel-person-info{display:flex;gap:1rem;align-items:flex-start}.mobile-panel-person-image{flex-shrink:0;width:80px;height:80px;border-radius:50%;overflow:hidden;box-shadow:0 4px 12px #0000004d}.mobile-panel-person-photo{width:100%;height:100%;object-fit:cover}.mobile-panel-person-details{flex:1}.mobile-panel-person-years{font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.mobile-panel-person-category{font-size:.9rem;color:#f4e4c1;margin-bottom:.5rem}.mobile-panel-person-category-name{font-weight:700}.mobile-panel-person-country{color:#f4e4c1}.mobile-panel-person-reign{font-size:.9rem;color:#e57373;font-weight:700;margin-bottom:.5rem}.mobile-panel-person-description{font-size:.9rem;line-height:1.5;color:#f4e4c1;font-style:italic;padding:.5rem;background:#8b45131a;border-radius:6px;border:1px solid rgba(139,69,19,.2)}.mobile-panel-achievements{margin-top:1rem}.mobile-panel-achievements-title{font-size:1rem;margin:0 0 .5rem;font-weight:700}.mobile-panel-achievements-list{display:flex;flex-direction:column;gap:.5rem}.mobile-panel-achievement-item{padding:.5rem;background:#8b45131a;border-radius:4px;border:1px solid rgba(205,133,63,.4)}.mobile-panel-achievement-year{font-size:.8rem;font-weight:700;margin-bottom:.25rem}.mobile-panel-achievement-text{font-size:.85rem;color:#f4e4c1}.year-range-slider{position:relative;-webkit-user-select:none;user-select:none;touch-action:none}.year-range-slider-track{pointer-events:none}.year-range-slider-handle{box-shadow:0 2px 4px #0000004d;transition:all .2s ease}.year-range-slider-handle:hover{transform:translate(-50%) scale(1.2);box-shadow:0 4px 8px #0006}.year-range-slider-handle:focus{outline:2px solid #cd853f;outline-offset:2px;transform:translate(-50%) scale(1.1)}.year-range-slider-handle:active{cursor:grabbing;transform:translate(-50%) scale(1.1)}.year-range-slider-handle-start:focus{outline-color:peru}.year-range-slider-handle-end:focus{outline-color:#daa520}.year-range-slider.dragging .year-range-slider-handle,.year-range-slider.dragging .year-range-slider-track{transition:none}.year-range-slider-handle:after{content:attr(aria-label);position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#2c1810f2;color:#f4e4c1;padding:4px 8px;border-radius:4px;font-size:.7rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1000}.year-range-slider-handle:hover:after{opacity:1}.year-range-slider-mobile{touch-action:none}.year-range-slider-mobile .year-range-slider-handle{width:12px;height:12px;top:-2px}.year-range-slider-mobile .year-range-slider-handle:hover{transform:translate(-50%) scale(1.2)}.year-range-slider-mobile .year-range-slider-handle:active{transform:translate(-50%) scale(1.1)}.year-range-slider-touch-area{position:absolute;background:transparent;border-radius:50%;z-index:3;pointer-events:auto;display:none}@media(max-width:768px){.year-range-slider-touch-area{display:block}.year-range-slider-handle:after{display:none}.tooltip{display:none!important}.achievement-tooltip{display:block!important;position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;max-width:90vw!important;z-index:1002!important;background:#2c1810fa!important;border:2px solid rgba(244,228,193,.3)!important;border-radius:12px!important;padding:1rem!important;box-shadow:0 8px 32px #00000080!important}}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.breadcrumbs{background:#f4e4c10d;border-bottom:1px solid rgba(244,228,193,.1);padding:12px 16px;font-size:14px}.breadcrumbs ol{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none;flex-wrap:wrap}.breadcrumbs li{display:flex;align-items:center}.breadcrumbs a{color:#f4e4c1cc;text-decoration:none;transition:color .2s ease}.breadcrumbs a:hover{color:#f4e4c1}.breadcrumbs span[aria-current=page]{color:peru;font-weight:600}.breadcrumbs .separator{color:#f4e4c166;margin:0 8px;-webkit-user-select:none;user-select:none}@media(max-width:768px){.breadcrumbs{padding:8px 12px;font-size:13px}.breadcrumbs ol{gap:6px}.breadcrumbs .separator{margin:0 6px}}.loading-container{display:flex;justify-content:center;align-items:center;height:200px;color:#f4e4c1;font-size:1.2rem}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:999;flex-direction:column;color:#f4e4c1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spinner{border:4px solid rgba(244,228,193,.3);border-radius:50%;border-top:4px solid #cd853f;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:1rem;box-shadow:0 0 20px #cd853f4d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay span{font-size:1rem;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.5);letter-spacing:.5px}.system-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.system-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#2c1810fa;border:1px solid rgba(244,228,193,.3);border-radius:8px;padding:20px;z-index:10000;max-width:90vw;max-height:90vh;overflow:auto}.system-notification{position:fixed;top:20px;right:20px;padding:12px 16px;border-radius:6px;color:#f4e4c1;font-size:.9rem;z-index:10001;animation:slideInRight .3s ease-out}.system-notification.success{background:#2ecc71e6;border:1px solid #27ae60}.system-notification.error{background:#e74c3ce6;border:1px solid #c0392b}.system-notification.warning{background:#f1c40fe6;border:1px solid #f39c12}.system-tooltip{position:absolute;background:#2c1810f2;border:1px solid rgba(244,228,193,.3);border-radius:6px;padding:8px 12px;color:#f4e4c1;font-size:.8rem;z-index:998;pointer-events:none;max-width:200px;word-wrap:break-word}.system-spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(244,228,193,.3);border-radius:50%;border-top-color:#f4e4c1;animation:spin 1s ease-in-out infinite}.system-progress{width:100%;height:4px;background:#f4e4c133;border-radius:2px;overflow:hidden}.system-progress-bar{height:100%;background:linear-gradient(90deg,peru,#daa520);border-radius:2px;transition:width .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.system-hidden{display:none!important}.system-visible{display:block!important}.system-disabled{opacity:.5;pointer-events:none}.system-active{background:#cd853f4d!important;border-color:peru!important}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px}.loading-spinner__inner{border:3px solid rgba(205,133,63,.2);border-top:3px solid rgba(205,133,63,.8);border-radius:50%;animation:loadingSpinner 1s linear infinite}.loading-spinner__message{color:#f4e4c1;font-size:14px;text-align:center;opacity:.8}.loading-spinner--small{gap:8px;padding:8px}.loading-spinner--small .loading-spinner__inner{width:20px;height:20px;border-width:2px}.loading-spinner--small .loading-spinner__message{font-size:12px}.loading-spinner--medium .loading-spinner__inner{width:32px;height:32px;border-width:3px}.loading-spinner--medium .loading-spinner__message{font-size:14px}.loading-spinner--large{gap:16px;padding:24px}.loading-spinner--large .loading-spinner__inner{width:48px;height:48px;border-width:4px}.loading-spinner--large .loading-spinner__message{font-size:16px}@keyframes loadingSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.loading-spinner{padding:12px}.loading-spinner__message{font-size:13px}}