*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid #1AA2FF;outline-offset:2px}.button:focus:not(:focus-visible),a[role=button]:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none;box-shadow:none}.selectable-text,[contenteditable=true],input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}:root{--font-system-ui:system-ui,sans-serif;--font-transitional:Charter,Bitstream Charter,Sitka Text,Cambria,serif;--font-sans:"Circular";--font-serif:ui-serif,serif;--font-futura:"Futura",var(--font-sans);--font-heading:var(--font-futura);--font-weight-1:100;--font-weight-2:200;--font-weight-3:300;--font-weight-4:400;--font-weight-5:500;--font-weight-6:600;--font-weight-7:700;--font-weight-8:800;--font-weight-9:900;--leading-very-tight:1;--leading-tight:1.1;--leading-normal:1.25;--leading-snug:1.375;--leading-relaxed:1.5;--leading-loose:1.75;--leading-very-loose:2;--font-letterspacing-0:-0.025em;--font-letterspacing-1:0.025em;--font-letterspacing-2:0.05em;--font-letterspacing-3:0.075em;--font-letterspacing-4:0.15em;--font-letterspacing-5:0.5em;--font-letterspacing-6:0.75em;--font-letterspacing-7:1em;--font-size-xs:0.687rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-base:1.125rem;--font-size-lg:clamp(1.125rem,1.0333rem + 0.2294vw,1.25rem);--font-size-xl:clamp(1.25rem,1.0665rem + 0.4587vw,1.5rem);--font-size-2xl:clamp(1.5rem,1.133rem + 0.9174vw,2rem);--font-size-3xl:clamp(1.75rem,1.1995rem + 1.3761vw,2.5rem);--font-size-4xl:clamp(2rem,1.2661rem + 1.8349vw,3rem);--font-size-5xl:clamp(2rem,0.8991rem + 2.7523vw,3.5rem);--font-size-6xl:clamp(2rem,0.5321rem + 3.6697vw,4rem);--font-size-7xl:clamp(2rem,0.1651rem + 4.5872vw,4.5rem);--font-size-8xl:clamp(2rem,-0.2018rem + 5.5046vw,5rem);--ratio-square:1;--ratio-landscape:4/3;--ratio-portrait:3/4;--ratio-widescreen:16/9;--ratio-ultrawide:18/5;--ratio-cinemascope:2.39/1;--ratio-golden:1.618/1;--ease-1:cubic-bezier(0.25,0,0.5,1);--ease-2:cubic-bezier(0.25,0,0.4,1);--ease-3:cubic-bezier(0.25,0,0.3,1);--ease-4:cubic-bezier(0.25,0,0.2,1);--ease-5:cubic-bezier(0.25,0,0.1,1);--ease-in-1:cubic-bezier(0.25,0,1,1);--ease-in-2:cubic-bezier(0.5,0,1,1);--ease-in-3:cubic-bezier(0.7,0,1,1);--ease-in-4:cubic-bezier(0.9,0,1,1);--ease-in-5:cubic-bezier(1,0,1,1);--ease-out-1:cubic-bezier(0,0,0.75,1);--ease-out-2:cubic-bezier(0,0,0.5,1);--ease-out-3:cubic-bezier(0,0,0.3,1);--ease-out-4:cubic-bezier(0,0,0.1,1);--ease-out-5:cubic-bezier(0,0,0,1);--ease-in-out-1:cubic-bezier(0.1,0,0.9,1);--ease-in-out-2:cubic-bezier(0.3,0,0.7,1);--ease-in-out-3:cubic-bezier(0.5,0,0.5,1);--ease-in-out-4:cubic-bezier(0.7,0,0.3,1);--ease-in-out-5:cubic-bezier(0.9,0,0.1,1);--size-0:0px;--size-px:1px;--size-half:2px;--size-1:4px;--size-2:8px;--size-3:12px;--size-4:16px;--size-5:20px;--size-6:24px;--size-7:28px;--size-8:32px;--size-9:36px;--size-10:40px;--size-11:44px;--size-12:48px;--size-13:52px;--size-14:56px;--size-15:60px;--size-16:64px;--size-17:68px;--size-18:72px;--size-19:76px;--size-20:80px;--size-21:84px;--size-22:88px;--size-23:92px;--size-24:96px;--size-25:100px;--size-26:104px;--size-27:108px;--size-28:112px;--size-29:116px;--size-30:120px;--size-31:124px;--size-32:128px;--size-33:132px;--size-34:136px;--size-35:140px;--size-36:144px;--size-37:148px;--size-38:152px;--size-39:156px;--size-40:160px;--size-41:164px;--size-42:168px;--size-43:172px;--size-44:176px;--size-45:180px;--size-46:184px;--size-47:188px;--size-48:192px;--size-49:196px;--size-50:200px;--size-51:204px;--size-52:208px;--size-53:212px;--size-54:216px;--size-55:220px;--size-56:224px;--size-57:228px;--size-58:232px;--size-59:236px;--size-60:240px;--size-61:244px;--size-62:248px;--size-63:252px;--size-64:256px;--size-65:260px;--size-66:264px;--size-67:268px;--size-68:272px;--size-69:276px;--size-70:280px;--size-71:284px;--size-72:288px;--size-73:292px;--size-74:296px;--size-75:300px;--size-76:304px;--size-77:308px;--size-78:312px;--size-79:316px;--size-80:320px;--size-81:324px;--size-82:328px;--size-83:332px;--size-84:336px;--size-85:340px;--size-86:344px;--size-87:348px;--size-88:352px;--size-89:356px;--size-90:360px;--size-91:364px;--size-92:368px;--size-93:372px;--size-94:376px;--size-95:380px;--size-96:384px;--size-97:388px;--size-98:392px;--size-99:396px;--size-100:400px;--size-101:404px;--size-102:408px;--size-103:412px;--size-104:416px;--size-105:420px;--size-106:424px;--size-107:428px;--size-108:432px;--size-109:436px;--size-110:440px;--size-111:444px;--size-112:448px;--size-113:452px;--size-114:456px;--size-115:460px;--size-116:464px;--size-117:468px;--size-118:472px;--size-119:476px;--size-120:480px;--black:0 0% 0%;--gray:0 0% 10%;--white:0 0% 100%;--beige-300:0 0% 98%;--beige-600:0 0% 95%;--beige-900:0 0% 93%;--lime-300:81 76% 76%;--lime-600:74 72% 58%;--lime-900:144 58% 36%;--orange-300:36 100% 65%;--orange-600:22 93% 55%;--orange-900:21 100% 45%;--stone-50:60,33%,97%;--stone-100:60,20%,95%;--stone-200:60,10%,91%;--stone-300:60,5%,83%;--stone-500:25,5%,45%;--stone-600:30,5%,33%;--stone-800:12,6%,15%;--stone-900:183 7% 51%;--stone-default:30 5% 33%;--ocean-300:187 64% 70%;--ocean-600:206 53% 32%;--ocean-900:202 100% 18%;--button-hover:var(--beige-600);--foreground:var(--black);--background:var(--stone-50);--card:var(--white);--input:var(--beige-600);--rose-300:355 81% 44%;--rose-600:355 81% 34%;--rose-900:0,72%,51%;--red-default:355 81% 44%;--inverted-foreground:var(--white);--inverted-background:var(--black);--neutral-50:0 0% 98%;--gradient-1:linear-gradient(92.04deg,#003C91 -25.04%,#059DFF -12.93%,#14B3F4 1.4%,#6549D5 40.83%,#E33FA1 65.62%,#FB5343 78.7%,#FD7B42 96.86%);--gradient-2:linear-gradient(90deg,rgba(12,10,9,0.4),rgba(87,83,79,0.4));--gradient-3:linear-gradient(90deg,#EBEBE6,#A8A29D 50%,#EBEBE6);--radius-0:0;--radius-1:4px;--radius-2:8px;--radius-3:12px;--radius-4:16px;--radius-5:20px;--radius-full:9999px;--bg-color:#fdf5e6;--card-bg:#ffffff;--text-color:#333;--main-font:"Nunito",sans-serif;--success-color:#4CAF50;--success-glow:rgba(76,175,80,0.5);--error-color:#f44336;--drop-hover-bg:#e8f5e9;--drop-hover-border:#a5d6a7;--background-light:#f8fafc;--background-medium:#eef2f7;--white:#ffffff;--border-light:#e5e7eb;--text-dark:#1f2937;--text-medium:#6b7280;--text-light:#9ca3af;--accent-color:#1AA2FF;--accent-light:#4DB8FF;--accent-dark:#0080E6;--primary-blue:#3b82f6;--primary-blue-dark:#2563eb;--error-red:#ef4444;--warning-yellow:#f59e0b;--choose-bg:#f6f8fc;--choose-border:#b3c6e0;--choose-hover-bg:#eaf4ff;--choose-hover-border:#5b9aff;--choose-matched-bg:#e6fbe8;--choose-matched-border:#34c759;--choose-wrong-bg:#fff0f0;--choose-wrong-border:#ff5a5f;--choose-text:#22314a;--sql-primary-color:#2563eb;--sql-primary-dark:#1d4ed8;--sql-primary-light:#3b82f6;--sql-secondary-color:#64748b;--sql-success-color:#10b981;--sql-warning-color:#f59e0b;--sql-error-color:#ef4444;--sql-info-color:#3b82f6;--sql-bg-primary:#ffffff;--sql-bg-secondary:#f8fafc;--sql-bg-tertiary:#f1f5f9;--sql-bg-dark:#0f172a;--sql-text-primary:#1e293b;--sql-text-secondary:#64748b;--sql-text-muted:#94a3b8;--sql-border-color:#e2e8f0;--sql-border-light:#f1f5f9;--sql-shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--sql-shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--sql-shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--sql-shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--sql-radius-sm:0.375rem;--sql-radius-md:0.5rem;--sql-radius-lg:0.75rem;--sql-radius-xl:1rem;--sql-spacing-xs:0.25rem;--sql-spacing-sm:0.5rem;--sql-spacing-md:1rem;--sql-spacing-lg:1.5rem;--sql-spacing-xl:2rem;--sql-spacing-2xl:3rem;--correct-green:#1AA2FF;--incorrect-red:#ef4444;--font-size-sm:clamp(0.8rem,0.17vw + 0.76rem,0.89rem);--font-size-base:clamp(1rem,0.34vw + 0.91rem,1.19rem);--font-size-lg:clamp(1.13rem,0.61vw + 0.99rem,1.5rem);--font-size-xl:clamp(1.27rem,1vw + 1.02rem,1.88rem);--font-size-2xl:clamp(1.42rem,1.56vw + 1.04rem,2.34rem);--font-size-3xl:clamp(1.6rem,2.38vw + 1.03rem,2.93rem);--font-size-4xl:clamp(1.8rem,3.54vw + 0.95rem,3.66rem);--font-size-display:clamp(2.5rem,6vw + 1rem,6rem);--duo-blue-primary:#1AA2FF;--duo-blue-dark:#0080E6;--duo-blue-light:#D6EEFF;--duo-blue-border:#99D6FF;--duo-yellow:#ffc800;--duo-yellow-dark:#e5a000;--duo-orange:#ff9600;--duo-orange-dark:#e58300;--duo-red:#ff4b4b;--duo-purple:#8e4dff;--duo-gold:#ffc800;--duo-gold-dark:#e5a000;--duo-gold-glow:rgba(255,200,0,0.4);--duo-gray-lightest:#f7f7f7;--duo-gray-light:#e5e5e5;--duo-gray-medium:#afafaf;--duo-gray-dark:#777777;--duo-text-dark:#4b4b4b;--duo-text-light:#ffffff;--duo-border:#e5e5e5;--font-family:"Nunito",sans-serif;--sidebar-width:300px;--right-rail-width:400px;--primary:#ffb347;--primary-dark:#ff9800;--success-green:#4caf50;--success-dark:#388e3c;--error-red:#e57373;--background-light:#fff8e1;--background-medium:#ffe0b2;--border-light:#ffd180;--border-medium:#ffb74d;--text-dark:#4e260e;--text-medium:#a67c52;--text-light:#ffe0b2;--font-family:"Comic Sans MS","Comic Sans","Nunito","Quicksand",cursive,sans-serif;--apple-glass-bg:rgba(255,255,255,0.65);--apple-glass-blur:blur(18px);--apple-shadow:0 8px 32px 0 rgba(31,38,135,0.18);--apple-border:1.5px solid rgba(200,200,255,0.25);--apple-radius:28px;--apple-blue:#007aff;--apple-green:#34c759;--apple-yellow:#ffd60a;--apple-gray:#f2f2f7;--apple-text:#222;--apple-accent:#f5f6fa;--apple-gradient:linear-gradient(135deg,#e0e7ff,#f8fafc);--apple-gradient-blue:linear-gradient(135deg,#dbeafe,#e0e7ff);--apple-gradient-yellow:linear-gradient(135deg,#fffbe6,#fff9db);--apple-gradient-green:linear-gradient(135deg,#e6fff5,#e0ffe7)}:root.dark{--foreground:var(--beige-300);--background:var(--black);--card:0 0% 7%;--inverted-foreground:var(--black);--inverted-background:var(--beige-300);--input:0 0% 12%}body{font-family:var(--font-family);color:var(--duo-text-dark);background-color:#fefefe;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}a,button{color:inherit}a{text-decoration:none}.svg-inline--fa{vertical-align:middle}.btn:focus:not(:focus-visible),.button:focus:not(:focus-visible),[role=button]:focus:not(:focus-visible),a:focus:not(:focus-visible),button:focus:not(:focus-visible),input[type=button]:focus:not(:focus-visible),input[type=reset]:focus:not(:focus-visible),input[type=submit]:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}.btn:focus-visible,.button:focus-visible,[role=button]:focus-visible,a:focus-visible,button:focus-visible,input[type=button]:focus-visible,input[type=reset]:focus-visible,input[type=submit]:focus-visible{outline:2px solid #1AA2FF!important;outline-offset:2px!important}.mobile-block-overlay{position:fixed;z-index:9999;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#f8fafc 60%,#e0f2ff);pointer-events:all}.mobile-block-content,.mobile-block-overlay{display:flex;align-items:center;justify-content:center;flex-direction:column}.mobile-block-content{width:90vw;max-width:400px;padding:2rem 1rem;background:rgba(255,255,255,.95);border-radius:2rem;box-shadow:0 8px 32px rgba(26,162,255,.08)}