:root{--h3-bg0: #0d0f14;--h3-bg1: #161a23;--h3-ink: #f2e7c9;--h3-ink-muted: rgba(242, 231, 201, .78);--h3-gold0: #d7b86a;--h3-gold1: #a9802d;--h3-gold2: #6b4a12;--h3-panel: rgba(25, 18, 10, .72);--h3-panel2: rgba(38, 28, 16, .78);--h3-border: rgba(215, 184, 106, .55);--h3-border-strong: rgba(215, 184, 106, .85);--h3-shadow: rgba(0, 0, 0, .55);--h3-link: #f2d186;--h3-link-hover: #ffe7b0;--h3-text-secondary: #d4c5a9;--h3-error: #ff6b6b;--h3-error-bg: rgba(255, 107, 107, .1);--h3-muted-strong: #666666}*{box-sizing:border-box}html{font-size:16px}@media (max-width: 1700px){html{font-size:13px}}@media (max-width: 1550px){html{font-size:10px}}@media (max-width: 1300px){html{font-size:8px}}html,body{height:100%}body{margin:0;color:var(--h3-ink);font-family:Trebuchet MS,Georgia,Times New Roman,serif;text-rendering:geometricPrecision;background:radial-gradient(1200px 700px at 20% 10%,rgba(70,78,110,.35),transparent 60%),radial-gradient(1000px 600px at 80% 30%,rgba(120,76,42,.25),transparent 55%),radial-gradient(900px 700px at 50% 100%,rgba(15,18,26,.65),transparent 60%),linear-gradient(180deg,var(--h3-bg1),var(--h3-bg0))}a{color:var(--h3-link);text-decoration:none}a:hover{color:var(--h3-link-hover)}.h3-panel{background:linear-gradient(180deg,var(--h3-panel2),var(--h3-panel));border:1px solid var(--h3-border);box-shadow:0 10px 30px var(--h3-shadow),inset 0 1px #ffffff0f;border-radius:12px}.h3-panel--tight{border-radius:10px}.h3-muted{color:var(--h3-ink-muted)}.h3-flex-col{display:flex;flex-direction:column}.h3-flex-row{display:flex;flex-direction:row}.h3-text-title{font-size:1.25rem;font-weight:700}.h3-text-label{font-size:1rem;font-weight:500}.h3-text-body{font-size:.9rem;font-weight:400}.h3-text-button{font-size:.95rem;font-weight:600}.h3-text-primary{color:var(--h3-ink)}.h3-text-secondary{color:var(--h3-text-secondary)}.h3-text-gold{color:var(--h3-gold0)}.h3-text-error{color:var(--h3-error)}.h3-text-muted-strong{color:var(--h3-muted-strong)}.app-header .language-selector{background:#0000002e!important;border:1px solid var(--h3-border)!important;color:var(--h3-ink)!important;border-radius:10px!important;padding:clamp(4px,.5rem,8px) clamp(4px,.5rem,8px)!important}.modal-backdrop{background-color:#000000b3;animation:fadeIn .2s ease-in-out}.modal-overlay-panel{animation:slideIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}