:root{--cream:#f6f1e4;--cream-soft:#fbf8f0;--paper:#fffdf8;--ink:#2b2a20;--ink-soft:#6f6a58;--ink-faint:#a39d8a;--matcha-100:#e6e6cd;--matcha-300:#b9c79a;--matcha-500:#74915a;--matcha-600:#5c7845;--matcha-700:#435334;--matcha-900:#232b1b;--line:rgba(43,42,32,0.12);--shadow-color:rgba(67,60,30,0.12);--bg-color:var(--cream);--text-color:var(--ink);--primary-color:var(--matcha-600);--font-display:"Fraunces","Iowan Old Style",serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}[data-theme=dark]{--bg-color:var(--matcha-900);--text-color:var(--cream-soft);--primary-color:var(--matcha-300)}[data-theme=light]{--bg-color:var(--cream);--text-color:var(--ink);--primary-color:var(--matcha-600)}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-body);font-weight:400;font-size:16px;background-color:var(--bg-color);color:var(--text-color)}a{text-decoration:none;color:unset}::selection{background:var(--matcha-500);color:var(--cream-soft)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--matcha-300);border-radius:10px}@media (max-width:800px){body{font-size:14px}}.App{width:100%;height:100%}.App .primary{color:var(--matcha-500);font-style:italic;font-family:var(--font-display)}.header{z-index:10;position:fixed;top:18px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:1100px;height:62px;justify-content:space-between;box-sizing:border-box;padding-inline:22px;border-radius:999px;background-color:rgba(255,253,248,.65);border:1px solid rgba(43,42,32,.08);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 12px 30px rgba(67,60,30,.08);transition:background-color .3s ease,box-shadow .3s ease}.header,.header .name{color:var(--ink);display:flex;align-items:center}.header .name{font-family:var(--font-display);font-size:20px;font-weight:500;text-align:start;cursor:pointer;gap:10px}.header .name .logo{height:26px}.header .container-menu{display:flex;gap:50px}.header .container-menu .item{cursor:pointer;font-family:var(--font-body)}.header .container-menu .item:hover{color:var(--matcha-600)}@media(max-width:800px){.header{top:12px;width:calc(100% - 24px);height:56px;padding-inline:16px}.header .name{font-size:17px}.header .header-container .container-menu{gap:20px}}.language-picker{position:relative;display:inline-block}.dropdown-button{display:flex;align-items:center;gap:8px;background-color:rgba(0,0,0,0);color:var(--ink);border:none;padding:8px 6px;font-family:var(--font-body);font-size:15px;font-weight:500;border-radius:999px;cursor:pointer}.dropdown-button .icon-language{height:18px;filter:invert(100%) brightness(.32) sepia(35%) hue-rotate(45deg) saturate(180%)}.dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;left:auto;background:var(--paper);border:1px solid var(--line);border-radius:14px;list-style:none;padding:6px;margin:0;box-shadow:0 16px 34px rgba(67,60,30,.14);min-width:160px}.dropdown-menu li{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .2s}.dropdown-menu li .code{display:flex;align-items:center;justify-content:center;min-width:30px;padding:2px 6px;border-radius:999px;background:var(--matcha-100);color:var(--matcha-700);font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.02em}.dropdown-menu li .name{font-family:var(--font-body);font-size:14px;color:var(--ink)}.dropdown-menu li:hover{background:var(--matcha-100)}.dropdown-menu li.active .code{background:var(--matcha-600);color:var(--cream-soft)}.dropdown-menu li.active .name{font-weight:600}