:root{--bg-base: #f0f4fd;--card-bg: #ffffff;--text-main: #050811;--text-muted: #64748b;--primary-blue: #0d47ff;--primary-hover: #0836c7;--terminal-bg: #090d16;--terminal-text: #22c55e;--border-subtle: #e2e8f0}body{font-family:Plus Jakarta Sans,sans-serif;color:var(--text-main);background-color:var(--bg-base);min-height:100vh;margin:0;padding:0;padding:2.5rem 1rem 4rem;background-image:radial-gradient(circle at 50% 0%,rgba(13,71,255,.12) 0%,transparent 60%),radial-gradient(circle at 100% 40%,rgba(6,182,212,.08) 0%,transparent 40%),radial-gradient(circle at 0% 80%,rgba(99,102,241,.08) 0%,transparent 40%),radial-gradient(#cbd5e1 1.2px,transparent 1.2px);background-size:100% 100%,100% 100%,100% 100%,24px 24px}.app-container{max-width:760px;margin:0 auto}.custom-card{background:var(--card-bg);border-radius:.7rem;border:1px solid rgba(226,232,240,.9);box-shadow:0 10px 30px -5px #0f172a0f,0 4px 12px -2px #0f172a08;position:relative;overflow:hidden}.custom-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0d47ff,#38bdf8);opacity:.9}.tech-pill{font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:500;padding:.3rem .75rem;border-radius:9999px;letter-spacing:.03em}.brand-icon{width:48px;height:48px;background:#090d16;color:#fff;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 4px -2px #0d47ff59}.brand-title{font-family:Space Grotesk,sans-serif;font-size:2.1rem;font-weight:700;letter-spacing:-.03em}.brand-title span{color:var(--primary-blue)}.badge-pro{background:var(--primary-blue);color:#fff;font-size:.65rem;font-weight:700;padding:.25rem .5rem;border-radius:6px;vertical-align:middle;letter-spacing:.05em}.form-label-tech{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#475569}.form-control,.form-select{border:1.5px solid #e2e8f0;border-radius:.75rem;padding:.75rem 1rem;font-size:.95rem;color:#0f172a;transition:all .15s ease}.form-control:focus,.form-select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #0d47ff1f}.btn-primary-action{background:var(--primary-blue);border:none;color:#fff;font-weight:600;border-radius:.75rem;padding:.7rem 1.4rem;display:inline-flex;align-items:center;gap:.4rem;transition:background-color .2s,transform .1s}.btn-primary-action:disabled{opacity:.5;cursor:not-allowed;background-color:#e0e0e0;color:#1d1b1b;border:1px solid #ccc}.btn-primary-action:hover{background:var(--primary-hover);color:#fff}.btn-primary-action:active{transform:scale(.98)}.result-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:16px}.border-dialect-indicator{border-left:3px solid #16a34a;padding-left:.85rem}.quick-chip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;font-size:.78rem;font-weight:500;padding:.35rem .85rem;color:#334155;text-decoration:none;transition:all .15s ease;cursor:pointer}.quick-chip:hover{background:#eff6ff;border-color:#bfdbfe;color:var(--primary-blue)}.terminal-box{background:var(--terminal-bg);border-radius:.75rem;padding:.9rem 1.1rem;color:#f8fafc;font-family:JetBrains Mono,monospace;font-size:.85rem;border:1px solid #1e293b}.terminal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;margin-bottom:.6rem;border-bottom:1px solid rgba(255,255,255,.08);font-size:.72rem;color:#94a3b8}.window-dots{display:flex;gap:6px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.terminal-copy-btn{background:transparent;border:none;color:#94a3b8;font-size:.72rem;padding:2px 6px;border-radius:4px;cursor:pointer}.terminal-copy-btn:hover{background:#ffffff1a;color:#fff}.cli-prompt{color:var(--terminal-text);font-weight:600}.chat-bubble{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:1.2rem;transition:border-color .15s}.chat-bubble:hover{border-color:#cbd5e1}.inline-code-badge{font-family:JetBrains Mono,monospace;font-size:.8rem;background:#eff6ff;color:var(--primary-blue);border:1px solid #dbeafe;padding:.15rem .45rem;border-radius:6px}.btn-icon-subtle{color:#94a3b8;background:none;border:none;padding:.25rem .5rem;border-radius:6px;transition:color .15s}.btn-icon-subtle:hover{color:#ef4444;background:#fee2e2}.footer-note{font-family:JetBrains Mono,monospace;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}@font-face{font-family:TitilliumWeb-Regular;src:url("./media/MomoTrustDisplay-Regular-PVHV7SAM.ttf") format("truetype")}@font-face{font-family:Exo2-Light;src:url("./media/Exo2-Light-UTHNPRCY.ttf") format("truetype")}@font-face{font-family:Exo2-Thin;src:url("./media/Exo2-Thin-NTXMZHKA.ttf") format("truetype")}@font-face{font-family:Bricolage Grotesque;src:url("./media/BricolageGrotesque-VariableFont_opsz,wdth,wght-CUZXOZM5.ttf") format("truetype")}.exo2-light{font-family:Exo2-Light,sans-serif}.exo2-thin{font-family:Exo2-Thin,sans-serif}.font-symbol{font-family:Alfabilder,sans-serif}.font-grotesque{font-family:Bricolage Grotesque,sans-serif}.font-titilliumWeb-regular{font-family:TitilliumWeb-Regular,sans-serif}:root{--v-font-family: "Bricolage Grotesque", Verdana, Geneva, Tahoma, sans-serif}a{text-decoration:none}img{max-width:100%}.svg-extra{width:100%}.btn{border-radius:0}.header{background:linear-gradient(135deg,#cac1fb,#b6ccf1);background-size:300% 300%;animation:gradient-move 6s 1 linear;vertical-align:middle}.text-primary{color:#474fe6!important}@keyframes gradient-move{0%{background-position:0% 30%}50%{background-position:100% 50%}to{background-position:0% 30%}}.border-gray{border:1px solid #d2d2d2}.header a{color:#fdfdfdfa;display:block;transition:background-color .3s ease,color .3s ease}.header a:focus,.header a:hover{background-color:#fdfdfdf7;opacity:.8;display:block;color:#0a0e10}.vh100{height:100vh}.vh10{height:10vh}.vh90{height:90vh}h1{color:#0b13a8}.bold{font-weight:700}.italic{font-style:italic}.secondary-color{color:#1922cc}.secondary-color:hover{color:#1c27fd}body.dark-theme .secondary-color{color:#6f76f6}body.dark-theme .secondary-color:hover{color:#2d35d2}.main-border{border:1px solid hsl(237,100%,68%)}.bg-highlight{background-color:#e0e2ff}.shadow-primary{box-shadow:#0b0c0e33 0 3px 1px -2px,#0b0c0e24 0 2px 2px,#0b0c0e1f 0 1px 5px;border:hsla(225,10%,5%,.12) 1px 1px}.fs140{font-size:140%}.fs160{font-size:160%}.fs170{font-size:170%}.fs180{font-size:180%}.fs190{font-size:190%}.fs200{font-size:200%}.fs120{font-size:120%}.fs130{font-size:130%}.card{opacity:.99;border-radius:.7rem;box-shadow:0 10px 30px -5px #0f172a0f,0 4px 12px -2px #0f172a08;position:relative;overflow:hidden}.card-header{background-color:transparent}input::placeholder{color:#4060bf}.stylish-border-bottom{position:relative;padding-bottom:2px}.stylish-border-bottom:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;color:#454cde;background:linear-gradient(135deg,#3f48f3,#697de2)}body.dark-theme .stylish-border-bottom:after{height:3px;background:linear-gradient(135deg,#292a3d,#1b2765)}.img-frame{padding:5px;border:1px solid gray}.progress-bar{background:linear-gradient(135deg,#cac1fb,#b6ccf1)}.menu-button{background:none;border:none;cursor:pointer;align-items:baseline;border-radius:10px;background:linear-gradient(135deg,#d9e2fd,#f2f4fd)}.menu-button i{font-size:1.5rem}.flag-img{height:150px;object-fit:contain}.flag-border{padding:1px;transition:all .3s ease;background-color:#f2f2f2;border:4px dotted transparent}.flag-border.selected{border:4px dotted hsl(0,0%,70%)}.flag-border:hover{transform:scale(1.02);box-shadow:0 3px 3px #0003}.flag-border.good{background-color:#20975ccc;border-color:#20975c;box-shadow:0 0 0 2px rgb(hsl(150,65%,36%));animation:pulse-green 3s ease}.flag-border.bad{background-color:#ff7c4dcc;border-color:#ff7c4dcc;box-shadow:0 0 0 2px #ff7c4dcc;animation:pulse-red 3s ease}.level-gold{background-color:#73748c;padding:8px;border-radius:10px;color:#fc3}.level-silver{padding:8px;color:#a8825d}.level-bronze{padding:8px;color:gray}@keyframes pulse-green{0%{box-shadow:0 0 rgba(var(--v-theme-success),.4)}70%{box-shadow:0 0 0 12px rgba(var(--v-theme-success),0)}to{box-shadow:0 0 0 0 transparent}}@keyframes pulse-red{0%{box-shadow:0 0 rgba(var(--v-theme-error),.4)}70%{box-shadow:0 0 0 12px rgba(var(--v-theme-error),0)}to{box-shadow:0 0 0 0 transparent}}.alert-transition-enter-active,.alert-transition-leave-active{transition:opacity .3s ease,transform .3s ease}.alert-transition-enter-from,.alert-transition-leave-to{opacity:0}.alert-transition-enter-to,.alert-transition-leave-from{opacity:1}.letter-enter-active{transition:opacity .3s ease,background-color .3s ease;animation:pulse-red-bg .5s ease}.letter-enter-from{opacity:0;background-color:#ff00004d}.letter-enter-to{opacity:1;background-color:transparent}@keyframes pulse-red-bg{0%{background-color:#ff00004d;transform:scale(.95)}50%{background-color:#ff00001a;transform:scale(1.05)}to{background-color:transparent;transform:scale(1)}}.letter-found{animation:pulse-green-bg .8s ease;position:relative;z-index:1}@keyframes pulse-green-bg{0%{background-color:#00ff004d!important;transform:scale(1);box-shadow:0 0 0 5px #0f06}50%{background-color:#00ff001a!important;transform:scale(1.1);box-shadow:0 0 0 5px #0f00}to{background-color:transparent!important;transform:scale(1);box-shadow:0 0 0 0 transparent}}.word-letter{text-align:center;width:60px;height:60px}.word-letter-move{transition:transform .5s ease}.letter-enter-active{animation:pulse-red-bg .5s ease}.round-enter-active,.round-leave-active{transition:all .4s ease}.round-enter-from{opacity:0;transform:scale(.6)}.round-enter-to,.round-leave-from{opacity:1;transform:scale(1)}.round-leave-to{opacity:0;transform:scale(.6)}.expressive-menu-item a{display:block;font-weight:700;border-radius:10px;padding:20px;transition:background 3s ease;background:linear-gradient(135deg,#d0d7fb,#d5dbfb);color:#070708;text-decoration:none;transition:transform .2s ease,background .8s ease}.expressive-menu-item-bi{padding:10px;margin-right:10px;border-radius:15px;background-color:#daddfb}.expressive-menu-item a:focus,.expressive-menu-item a:hover{transform:translateY(-1px);background:linear-gradient(135deg,#b7c2fa,#b2baf0)}.word{background:#eaecf0;border-radius:12px;padding:7px 18px;color:#4a4856;box-shadow:0 2px 3px #17181c0d}.btn-expressive{border-radius:0;font-weight:600;color:#4a4856;padding:.7rem}.btn-expressive:focus,.btn-expressive:hover{transform:translateY(-1px);box-shadow:0 6px 12px #00000026;background:linear-gradient(135deg,#c1cffb,#b6c0f1)}body.dark-theme{background-color:#0d0c0d;background-image:radial-gradient(hsl(225,10%,10%) 1px,transparent 1px);background-size:20px 20px;color:#fff}body.dark-theme .expressive-menu-item a{background:linear-gradient(135deg,#1f2147,#2e316b);color:#e6e6e6;box-shadow:0 4px 6px #17181c4d;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}body.dark-theme .expressive-menu-item a:focus,body.dark-theme .expressive-menu-item a:hover{transform:translateY(-1px);background:linear-gradient(135deg,#2e316b,#36397d)}body.dark-theme .btn-expressive{color:#d9d9d9;background:linear-gradient(135deg,#292442,#332d53)}body.dark-theme .btn-expressive:focus,body.dark-theme .btn-expressive:hover{transform:translateY(-1px);box-shadow:0 6px 12px #0000004d;background:linear-gradient(135deg,#3d3663,#36507d)}body.dark-theme .card{border-radius:3px;background-color:#19191a;border-color:#686465;color:#fdfcfc}body.dark-theme .word{background:linear-gradient(135deg,#263359,#2c3b68 0%);color:#e2e6f3}body.dark-theme .shadow-primary{box-shadow:#ffffff14 0 1px 1px,#ffffff0f 0 2px 2px;border:1px solid hsla(0,0%,100%,.12)}body.dark-theme .expressive-menu-item-bi{background-color:#565981}body.dark-theme .menu-button{background:linear-gradient(135deg,#090d1b,#0c1127)}body.dark-theme .flag-border.good{background-color:#20975ccc;border-color:#20975c;box-shadow:0 0 0 2px rgb(hsl(150,65%,36%));animation:pulse-green 3s ease}body.dark-theme .flag-border.bad{background-color:#ff7c4dcc;border-color:#ff7c4dcc;box-shadow:0 0 0 2px #ff7c4dcc;animation:pulse-red 3s ease}body.dark-theme .flag-border.selected{border:4px dotted hsl(0,0%,80%)}@media(min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1520px}}@media(max-width:700px){.flag-img{height:50px;object-fit:contain}.word-letter{width:34px;height:34px;padding:4px}}