@import "https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap";
.english-letter{flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.english-letter li{text-align:center;cursor:pointer;background:rgba(255,255,255,.85);border:1px solid rgba(0,0,0,.06);border-radius:999px;min-width:32px;height:36px;padding:0 12px;line-height:36px;transition:all .2s}.english-letter li:hover{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06)}.english-letter li.active{color:#fff;background:#111827;border-color:#111827}.pill-list{gap:8px}.ce-toolbar{flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px 0;display:flex}.ComputerEnglish{color:#5d5865;background-image:linear-gradient(to top left,#ffadad,#ffd6a5,#fdffb6,#caffbf,#9bf6ff,#a0c4ff,#bdb2ff);border-radius:5px;min-height:100vh;padding-top:20px;overflow-x:hidden}.ComputerEnglish #list-group{grid-gap:.5rem;grid-template-columns:repeat(5,1fr);gap:.5rem;padding:1rem;display:grid}.ComputerEnglish .item{cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:28px 10px;transition:all .3s;display:flex;position:relative;box-shadow:0 2px 10px rgba(0,0,0,.05)}.ComputerEnglish .item:before,.ComputerEnglish .item:after{content:"";z-index:1;width:3rem;height:3rem;position:absolute}.ComputerEnglish .item:before{background-image:linear-gradient(225deg,transparent 50%,rgba(255,255,255,.5));border-radius:0 0 0 1rem;bottom:1rem;left:1rem}.ComputerEnglish .item:after{background-image:linear-gradient(45deg,transparent 50%,rgba(255,255,255,.5));border-radius:0 1rem 0 0;top:1rem;right:1rem}.ComputerEnglish .item:hover,.ComputerEnglish .item:focus,.ComputerEnglish .item:active{background-color:#fff;outline:none}.ComputerEnglish dt{color:#111827;letter-spacing:.5px;font-family:ui-rounded,SF Pro Rounded,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1.6rem;font-weight:700}.ComputerEnglish dt.smaller{font-size:1.8rem}.ComputerEnglish dt.medium{font-size:2.1rem}.ComputerEnglish dt.smaller,.ComputerEnglish dt.medium,.ComputerEnglish .italic{font-style:italic}.ComputerEnglish dd{color:#6b7280;text-align:center;margin-top:6px;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,Apple Color Emoji;font-size:.95rem;font-weight:400}.ComputerEnglish dd,.ComputerEnglish dt{pointer-events:none}.ComputerEnglish #modal{background-color:#fff;border:1px solid rgba(0,0,0,.25);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;display:none;top:2rem;bottom:2rem;left:2rem;right:2rem;box-shadow:.5rem .5rem 5rem rgba(0,0,0,.5)}.ComputerEnglish #modal.active{z-index:2;min-height:15rem;animation:.2s openModal;display:flex;position:fixed}.ComputerEnglish #modal .lang-name{z-index:4;text-transform:capitalize;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.3rem;font-weight:600;position:relative}.ComputerEnglish #modal h1{z-index:1;font-family:Great Vibes,serif;font-size:10rem;line-height:1.3;position:relative}.ComputerEnglish #modal h1.smaller{font-size:5rem}.ComputerEnglish #modal h1.medium{font-size:7.5rem}.ComputerEnglish #modal h1:after,.ComputerEnglish #modal h1:before{content:"";clip-path:polygon(50% 10%,66% 0,100% 0,100% 50%,50% 100%,0 50%,0 0,33% 0);position:absolute;bottom:50%;left:50%;transform:translate(-50%)translateY(52%)}.ComputerEnglish #modal h1:before{z-index:-2;opacity:.5;background-color:#f08080;border-radius:3rem 3rem 6rem 6rem;width:10rem;height:10rem}.ComputerEnglish #modal h1:after{z-index:-1;opacity:.3;background-color:#f08080;border-radius:3rem 3rem 6rem 6rem;width:12rem;height:12rem}.ComputerEnglish #modal-close-btn{text-align:center;background-color:transparent;border:1px solid rgba(93,88,101,.5);border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.ComputerEnglish #modal-close-btn:hover{background-color:rgba(0,0,0,.05);border:1px solid rgba(93,88,101,.8)}.ComputerEnglish button{cursor:pointer}@media screen and (max-width:959px){.ComputerEnglish #list-group{grid-template-columns:repeat(4,1fr)}.ComputerEnglish #modal{top:1rem;bottom:1rem;left:1rem;right:1rem}}@media screen and (max-width:759px){.ComputerEnglish #list-group{grid-template-columns:repeat(3,1fr)}.ComputerEnglish #modal h1{font-size:7rem;line-height:1.3}.ComputerEnglish #modal h1.smaller{font-size:3rem}.ComputerEnglish #modal h1.medium{font-size:4.4rem}.ComputerEnglish #modal{top:.75rem;bottom:.75rem;left:.75rem;right:.75rem}}@media screen and (max-width:639px){.ComputerEnglish #list-group{grid-template-columns:repeat(2,1fr)}.ComputerEnglish #modal h1{font-size:5rem;line-height:1.3}.ComputerEnglish #modal h1.smaller{font-size:2rem}.ComputerEnglish #modal h1.medium{font-size:3.3rem}.ComputerEnglish #modal{top:.5rem;bottom:.5rem;left:.5rem;right:.5rem}}@keyframes openModal{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.english-brief{padding:1rem}.select-wrap select,.input-wrap input{color:#333;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:8px;height:36px;padding:0 10px}.input-wrap button{color:#fff;background:#111827;border:1px solid rgba(0,0,0,.12);border-radius:8px;height:36px;margin-left:6px;padding:0 12px}.ce-modal-mask{-webkit-backdrop-filter:blur(8px);z-index:11000;background:rgba(45,52,54,.6);justify-content:center;align-items:center;padding:20px;transition:all .3s;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.ce-modal-mask.fullscreen{align-items:stretch;padding:0;top:80px}.ce-modal-mask.fullscreen .ce-modal-body{border-radius:0;width:100%;max-width:100%;height:100vh;max-height:100vh}.ce-modal-body{-webkit-backdrop-filter:blur(30px);background:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.5);border-radius:32px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;transition:all .3s;animation:.4s cubic-bezier(.4,0,.2,1) slideUp;display:flex;box-shadow:0 20px 60px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.6)}.ce-modal-header{border-bottom:1px solid rgba(168,230,207,.2);justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.ce-modal-header h3{color:#111827;margin:0;font-size:22px;font-weight:700}.ce-modal-header .pron{color:#6b7280;margin-left:8px;font-size:14px;font-weight:400}.ce-modal-header .modal-actions{align-items:center;gap:12px;display:flex}.ce-modal-header .fullscreen-btn{-webkit-backdrop-filter:blur(10px);color:#6b7280;cursor:pointer;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.4);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .3s;display:flex;box-shadow:0 2px 8px rgba(0,0,0,.05)}.ce-modal-header .fullscreen-btn svg{width:20px;height:20px}.ce-modal-header .fullscreen-btn:hover{color:#1e40af;background:rgba(255,255,255,.9);transform:scale(1.1);box-shadow:0 4px 12px rgba(30,64,175,.2)}.ce-modal-header .close{-webkit-backdrop-filter:blur(10px);cursor:pointer;color:#6b7280;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.4);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;line-height:1;transition:all .3s;display:flex;box-shadow:0 2px 8px rgba(0,0,0,.05)}.ce-modal-header .close:hover{color:#1e40af;background:rgba(255,255,255,.9);transform:rotate(90deg)scale(1.05);box-shadow:0 4px 12px rgba(30,64,175,.2)}.ce-modal-content{color:#374151;padding:24px 32px 28px}.ce-modal-content .grid-2{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px;display:grid}.ce-modal-content p{margin:6px 0;line-height:1.7}.ce-modal-content .link-row a{color:#2563eb;margin-right:12px;text-decoration:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}