: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}*{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-title{margin:0;letter-spacing:.6px;font-weight:800;color:var(--h3-ink);text-shadow:0 2px 0 rgba(0,0,0,.35)}.h3-muted{color:var(--h3-ink-muted)}.h3-button{appearance:none;border:1px solid var(--h3-border-strong);color:#1a1306;font-weight:800;letter-spacing:.4px;padding:10px 14px;border-radius:10px;cursor:pointer;user-select:none;background:linear-gradient(180deg,var(--h3-gold0),var(--h3-gold1));box-shadow:0 6px 16px #00000059,inset 0 1px #ffffff73}.h3-button:hover{filter:brightness(1.05)}.h3-button:active{transform:translateY(1px);filter:brightness(.98)}.h3-button:disabled{opacity:.5;cursor:not-allowed}.btn{padding:.75rem 1.5rem;border:1px solid;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-secondary{background:#8b785d26;border-color:#d4af3733;color:#b8a082}.btn.btn-secondary:hover:not(:disabled){background:#8b785d40;border-color:#d4af3766}.btn.btn-primary{background:#d4af3726;border-color:#d4af3766;color:#d4af37}.btn.btn-primary:hover:not(:disabled){background:#d4af3740;border-color:#d4af3799}@media (max-width: 1500px){.h3-button{padding:4px 10px;font-size:.8rem;border-radius:8px}.h3-pill{padding:6px 10px}input,select,textarea{height:32px;font-size:.85rem}}.h3-pill{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:999px;border:1px solid var(--h3-border);background:#0000002e}.app-header .language-selector{background:#0000002e!important;border:1px solid var(--h3-border)!important;color:var(--h3-ink)!important;border-radius:10px!important;padding:8px 10px!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}}