:root{--bg-color: #0c0e17;--text-color: #f8fafc;--accent-color: #38bdf8;--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--card-bg: #1e293b;--hover-color: #0ea5e9;--font-main: "Inter", system-ui, sans-serif;--transition-speed: .3s;--c-teal-1: #e0f2f1;--c-teal-2: #b2dfdb;--c-teal-3: #80cbc4;--c-teal-4: #4db6ac;--c-teal-5: #26a69a;--c-teal-6: #009688;--c-teal-7: #00897b;--c-teal-8: #00796b;--c-teal-9: #00695c;--c-teal-10: #004d40;--c-brown: #a1887f;--c-green-light: #c8e6c9;--history-panel-bg: rgba(15, 23, 42, .95);--axis-line-color: rgba(255, 255, 255, .1)}[data-theme=light]{--bg-color: #cfd5da;--text-color: #0f172a;--accent-color: #0284c7;--hover-color: #0369a1;--c-teal-1: #2dd4bf;--c-teal-2: #14b8a6;--c-teal-3: #0d9488;--c-teal-4: #0f766e;--c-teal-5: #115e59;--c-teal-6: #134e4a;--c-teal-7: #042f2e;--c-teal-8: #042f2e;--c-teal-9: #042f2e;--c-teal-1: #99f6e4;--c-teal-2: #5eead4;--c-teal-3: #2dd4bf;--c-teal-4: #14b8a6;--c-teal-5: #0d9488;--c-teal-6: #0f766e;--c-teal-7: #0f766e;--c-teal-8: #115e59;--c-teal-9: #134e4a;--c-teal-10: #042f2e;--c-brown: #795548;--c-green-light: #4caf50;--history-panel-bg: rgba(255, 255, 255, .95);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .1);--axis-line-color: rgba(0, 0, 0, .1);--card-bg: #f8fafc}[data-theme=light] .header-subtitle{color:#000}[data-theme=light] .timeline-segment.active{box-shadow:0 0 15px #0003;border-color:#0003}body{margin:0;padding:0;font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;transition:background-color var(--transition-speed),color var(--transition-speed)}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #0000001a;color:#f8fafc}[data-theme=light] .glass-panel{color:var(--text-color)}h1,h2,h3{font-weight:700;letter-spacing:-.02em}a{color:var(--accent-color);text-decoration:none;transition:color var(--transition-speed)}a:hover{color:var(--hover-color)}g[opacity="0"]{pointer-events:none}.region-history-panel{position:absolute;top:60px;left:200px;transform:none;width:calc(100% - 80px);max-width:1600px;height:auto;max-height:80vh;overflow-y:auto;padding:15px 25px;z-index:200;display:flex;flex-direction:column;gap:10px;background:var(--history-panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 8px 32px #0000004d;animation:slideDown .3s ease-out}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;position:sticky;top:0;background:inherit;z-index:30;padding-bottom:10px;border-bottom:1px solid var(--glass-border)}.history-header-compact{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px}.region-title{font-weight:700;color:var(--accent-color);font-size:1rem;font-family:Outfit,sans-serif}.close-btn{background:none;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;opacity:.7;transition:opacity .2s}.close-btn:hover{opacity:1}.timeline-container{position:relative;width:100%;padding-top:30px}.timeline-wrapper{position:relative;width:100%;overflow:visible}.axis-line{position:absolute;top:0;bottom:0;width:1px;background:var(--axis-line-color);pointer-events:none}.axis-label{position:absolute;top:-25px;left:50%;transform:translate(-50%);font-size:.75rem;color:var(--text-color);opacity:.6;white-space:nowrap}.timeline-segment{position:absolute;height:32px;border-radius:4px;padding:0 10px;display:flex;align-items:center;cursor:pointer;box-shadow:0 2px 4px #0003;transition:transform .2s,box-shadow .2s,z-index 0s,opacity .3s,border .3s;color:#fff;font-weight:500;font-size:.85rem;overflow:hidden;white-space:nowrap;border:1px solid var(--glass-border)}.timeline-segment.active{border:2px solid #fff;box-shadow:0 0 15px #fff9;z-index:20}.timeline-segment:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0006;z-index:10;border-color:#fff}.segment-label{text-overflow:ellipsis;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.5)}.no-history-msg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.5}.current-year-marker{position:absolute;top:0;bottom:0;width:2px;background:var(--accent-color);z-index:25;pointer-events:none;box-shadow:0 0 8px #0000004d}.map-container{position:relative;width:100%;height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center}.app-header{position:absolute;top:20px;left:20px;z-index:10;pointer-events:none;width:auto;max-width:calc(100% - 40px)}.header-content{pointer-events:auto;display:flex;align-items:center;gap:20px}.header-title{margin:0;font-size:2rem;color:var(--accent-color)}.logo-container{position:relative;height:6rem;width:15rem}.header-logo{height:8rem;width:auto;position:absolute;top:0;left:0;transition:opacity var(--transition-speed) ease-in-out}.logo-dark{opacity:1}.logo-light,[data-theme=light] .logo-dark{opacity:0}[data-theme=light] .logo-light{opacity:1}.header-subtitle{margin:30px 0 0;opacity:.8;font-weight:300;color:#fff}.theme-toggle-wrapper{position:absolute;top:30px;right:30px;z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);padding:10px;border-radius:50%;box-shadow:0 4px 12px #0003;display:flex;align-items:center;justify-content:center;transition:all .2s ease}@media(hover:hover){.theme-toggle-wrapper:hover{transform:scale(1.1);background:var(--accent-color);border-color:var(--accent-color)}}.timeline-component{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:80%;max-width:800px;padding:20px;display:flex;flex-direction:column;align-items:center;z-index:100}.language-detail-container{position:relative;width:100%;height:auto;min-height:100vh;background:var(--bg-color);z-index:10;padding:40px;border-top:1px solid var(--glass-border)}.floating-action-btn{position:absolute;z-index:200;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);color:var(--text-color);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0003}@media(hover:hover){.floating-action-btn:hover{transform:scale(1.1);background:var(--accent-color);color:#fff;border-color:var(--accent-color)}}.btn-reset{top:120px;right:30px}.btn-scroll-down{bottom:30px;right:30px;animation:bounce 2s infinite}.btn-scroll-up{position:sticky;top:20px;float:right;margin-right:100px;margin-bottom:-40px;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--accent-color);color:var(--accent-color);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:500;box-shadow:0 4px 12px #0000001a}.btn-scroll-up:hover{background:var(--accent-color);color:#fff;transform:translateY(-3px);box-shadow:0 4px 12px #0003}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.language-detail-content{padding:40px;max-width:800px;margin:0 auto}.language-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.language-title{font-size:3rem;color:var(--accent-color);margin-top:0}@media(max-width:768px){html{font-size:14px}.app-header{top:10px;left:10px;right:10px;width:auto;max-width:none}.header-content{padding:12px 16px;gap:12px;width:100%;justify-content:space-between;box-sizing:border-box}.header-title{font-size:2rem}.logo-container{height:4rem;width:10rem}.header-logo{height:10rem}.header-subtitle{display:none}.theme-toggle-container{padding-left:10px;margin-left:5px}.map-container{height:calc(100vh - 160px)!important}.timeline-component{width:95%;bottom:220px;padding:15px}.region-history-panel{top:auto;bottom:0;left:0;transform:none;width:100%;max-width:100%;height:60vh;border-radius:16px 16px 0 0;border-bottom:none;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.language-detail-container{padding:0}.language-detail-content{padding:20px;border-radius:0;border:none;min-height:100vh}.language-detail-grid{grid-template-columns:1fr;gap:16px}.language-title{font-size:2.2rem}.info-panel{display:none!important}.btn-scroll-down{bottom:160px}.theme-toggle-wrapper{top:5px;right:5px;padding:6px}.theme-toggle{padding:4px!important;width:20px;height:20px}.floating-action-btn{width:30px;height:30px}.floating-action-btn svg{width:20px;height:20px}.btn-reset{top:200px;right:20px}}.lang-back-btn{background:transparent;border:1px solid var(--accent-color);color:var(--accent-color);padding:8px 16px;border-radius:8px;cursor:pointer;margin-bottom:20px;font-size:1rem;transition:all .2s}.lang-back-btn:hover{background:#38bdf81a}.lang-link{padding:8px 12px;background:#ffffff0d;border-radius:8px;cursor:default;border:none;transition:all .3s ease;display:inline-block}.lang-link.clickable{background:#38bdf81a;cursor:pointer;border:1px solid rgba(56,189,248,.3)}.lang-link.clickable:hover{background:#38bdf833}.lang-tag{padding:8px 12px;background:#38bdf833;border-radius:8px;border:1px solid var(--accent-color);display:inline-block}.alphabet-img-container{margin-top:10px}.alphabet-img{max-width:100%;max-height:150px;object-fit:contain;background:#fffc;padding:5px;border-radius:8px;cursor:pointer;transition:transform .2s}.alphabet-img:hover{transform:scale(105%)}.source-text{font-style:italic;font-size:.9rem;color:var(--text-color);opacity:.7}.wiki-link{color:var(--accent-color);text-decoration:none}.wiki-link:hover{text-decoration:underline}[data-theme=light] .lang-link:not(.clickable){background:#0000000d;color:var(--text-color)}[data-theme=light] .lang-tag{background:#0284c71a;color:var(--text-color)}[data-theme=light] .alphabet-img{background:#0000000d;border:1px solid rgba(0,0,0,.1)}.historical-event-line{position:absolute;top:40px;bottom:0;width:2px;background:repeating-linear-gradient(to bottom,#ff4444,#ff4444 4px,transparent 4px,transparent 8px);z-index:5;pointer-events:auto;opacity:.6;transition:opacity .2s,z-index .2s}.historical-event-line:hover{opacity:1;z-index:30;background:#f44}.historical-event-label{position:absolute;top:-25px;left:50%;transform:translate(-50%);background-color:#ff4444e6;color:#fff;padding:2px 6px;border-radius:4px;font-size:.75rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s;box-shadow:0 2px 4px #0000004d}.historical-event-line:hover .historical-event-label{opacity:1}[data-theme=light] .historical-event-line{background:repeating-linear-gradient(to bottom,#dc2626,#dc2626 4px,transparent 4px,transparent 8px)}[data-theme=light] .historical-event-line:hover{background:#dc2626}[data-theme=light] .historical-event-label{background-color:#dc2626e6}