@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&family=Lora:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{touch-action:pan-x pan-y;overscroll-behavior:none;scrollbar-gutter:stable;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;max-width:100%;overflow-x:clip}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y;width:100%;max-width:100%;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:relative;overflow-x:clip}#root{max-width:100%;overflow-x:clip}p,h1,h2,h3,h4,h5,h6,[data-selectable]{-webkit-user-select:text;user-select:text}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--app-h:100vh;--max-w:440px;--page-px:20px;--page-py:32px;--card-px:24px;--card-py:28px;--card-r:10px;--gap:16px;--title-size:32px;--section-size:26px;--bg:#faf9f8;--card:#fff;--surface:#edf1f7;--orange:#2960a1;--os:#2960a10f;--om:#2960a124;--blue:#2960a1;--bs2:#2960a10f;--bm:#2960a124;--green:#5a8a5a;--gs:#5a8a5a0f;--gm:#5a8a5a24;--red:#c0392b;--rs:#c0392b12;--gold:#d4a520;--golds:#d4a52012;--goldm:#d4a52026;--terra:#b25835;--terras:#b2583514;--terram:#b2583529;--dark:#1a2233;--mid:#8a92a2;--lg:#dfe4ed;--text:#2a3040;--muted:#6b7585;--border:#2960a12e;--triVerde:#008c45;--triBianco:#fff;--triRosso:#cd212a;--selection-bg:#2960a126;--hover-border:#e8c320;--hover-shadow:0 8px 32px #e8c32026, 0 2px 6px #e8c32014;--sh:0 1px 4px #1428500a, 0 1px 2px #14285008;--sl:0 4px 24px #1428500f, 0 1px 4px #14285008;--sm:0 12px 44px #14285014, 0 2px 8px #1428500a}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#0f1419;--card:#1a1f29;--surface:#242b38;--orange:#5a9fff;--os:#5a9fff1a;--om:#5a9fff47;--blue:#5a9fff;--bs2:#5a9fff1a;--bm:#5a9fff47;--green:#7db87d;--gs:#7db87d1a;--gm:#7db87d47;--red:#e57373;--rs:#e573731a;--gold:#e8c06f;--golds:#e8c06f1a;--goldm:#e8c06f47;--terra:#d4855c;--terras:#d4855c1a;--terram:#d4855c47;--dark:#f0f2f5;--mid:#6b7280;--lg:#2a3340;--text:#d8dce3;--muted:#8892a6;--border:#78a0d22e;--selection-bg:#5a9fff40;--hover-border:#e8c06f;--hover-shadow:0 8px 32px #e8c06f2e, 0 2px 6px #e8c06f1a;--sh:0 1px 4px #00000059, 0 1px 2px #00000040;--sl:0 4px 24px #00000073, 0 1px 4px #00000038;--sm:0 12px 44px #0000008c, 0 2px 8px #0000004d}}:root[data-theme=dark]{--bg:#0f1419;--card:#1a1f29;--surface:#242b38;--orange:#5a9fff;--os:#5a9fff1a;--om:#5a9fff47;--blue:#5a9fff;--bs2:#5a9fff1a;--bm:#5a9fff47;--green:#7db87d;--gs:#7db87d1a;--gm:#7db87d47;--red:#e57373;--rs:#e573731a;--gold:#e8c06f;--golds:#e8c06f1a;--goldm:#e8c06f47;--terra:#d4855c;--terras:#d4855c1a;--terram:#d4855c47;--dark:#f0f2f5;--mid:#6b7280;--lg:#2a3340;--text:#d8dce3;--muted:#8892a6;--border:#78a0d22e;--selection-bg:#5a9fff40;--hover-border:#e8c06f;--hover-shadow:0 8px 32px #e8c06f2e, 0 2px 6px #e8c06f1a;--sh:0 1px 4px #00000059, 0 1px 2px #00000040;--sl:0 4px 24px #00000073, 0 1px 4px #00000038;--sm:0 12px 44px #0000008c, 0 2px 8px #0000004d}@media (width>=768px){:root{--max-w:560px;--page-px:36px;--page-py:48px;--card-px:30px;--card-py:32px;--card-r:12px;--gap:18px;--title-size:38px;--section-size:30px}}@media (width>=1200px){:root{--max-w:640px;--page-px:40px;--page-py:56px}}@supports (height:100dvh){:root{--app-h:100dvh}}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text)}::selection{background:var(--selection-bg);color:var(--dark)}button{transition:transform .2s,box-shadow .2s,opacity .2s}button:active:not(:disabled){transform:scale(.97)}.card-hover{transition:transform .2s,box-shadow .2s,border-color .2s!important}.card-hover:hover:not(:disabled){transform:scale(1.02);border-color:var(--hover-border)!important;box-shadow:var(--hover-shadow)!important}@media (width>=768px){.vocab-grid{grid-template-columns:1fr 1fr!important}}