.vocab-center{color:#182442;max-width:1380px;margin:24px auto 70px;padding:0 clamp(14px,3vw,28px)}.vocab-hero{color:#fff;background:radial-gradient(circle at 88% 10%,#4c62bb 0,#0000 37%),linear-gradient(125deg,#14285a,#24398e 62%,#6252b5);border-radius:28px;justify-content:space-between;align-items:center;gap:24px;padding:clamp(26px,4vw,44px);display:flex;box-shadow:0 20px 44px #25387930}.vocab-hero>div>span,.vocab-card-head>span{letter-spacing:.15em;color:#a9d7ff;font-size:11px;font-weight:900}.vocab-hero h1{margin:12px 0;font-size:clamp(26px,3vw,42px);line-height:1.25}.vocab-hero p{color:#d5e3ff;margin:0;line-height:1.7}.vocab-hero aside{text-align:center;background:#ffffff1c;border-radius:20px;gap:3px;min-width:160px;padding:20px;display:grid}.vocab-hero aside strong{font-size:40px}.vocab-hero aside strong small{color:#d5e3ff;font-size:20px}.vocab-hero aside span{font-size:13px}.vocab-hero aside em{color:#cbdcff;font-size:12px;font-style:normal}.vocab-message{color:#214995;background:#eaf3ff;border-radius:12px;margin:16px 0;padding:12px 16px;font-weight:700}.vocab-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-top:20px;display:grid}.vocab-card{background:#fff;border:1px solid #dce5f2;border-radius:22px;padding:25px;box-shadow:0 12px 32px #24437a0b}.vocab-card-head{margin-bottom:20px}.vocab-card-head>span{color:#5668b8}.vocab-card-head h2{color:#172a54;margin:7px 0;font-size:25px}.vocab-card-head h2 small{color:#7a88a4;font-size:16px}.vocab-card-head p{color:#64738e;margin:0;line-height:1.6}.vocab-card label{color:#314361;gap:7px;margin:12px 0;font-weight:800;display:grid}.vocab-card input{color:#182442;width:100%;min-height:46px;font:inherit;background:#f9fbff;border:1px solid #cdd8ea;border-radius:11px;padding:10px 13px}.vocab-card input:focus{border-color:#5382e8;outline:2px solid #8bacff}.vocab-card button,.reward-vocab-strip button{cursor:pointer}.vocab-primary{color:#fff;background:linear-gradient(110deg,#3868ed,#6556d9);border:0;border-radius:11px;min-height:45px;padding:10px 18px;font-weight:900}.vocab-primary:disabled{opacity:.5;cursor:not-allowed}.vocab-suggestions{flex-wrap:wrap;gap:7px;max-height:218px;margin:16px 0;display:flex;overflow:auto}.vocab-suggestions button{color:#254883;background:#f1f5ff;border:1px solid #d8e2f6;border-radius:9px;align-items:center;gap:10px;padding:7px 10px;font-weight:700;display:flex}.vocab-suggestions button span{color:#6680b0;font-size:11px}.vocab-suggestions small,.vocab-attribution{color:#8290a5;font-size:11px}.vocab-progress{color:#566987;align-items:center;gap:16px;font-weight:800;display:flex}.vocab-progress>div{background:#e7ebf5;border-radius:99px;flex:1;height:9px;overflow:hidden}.vocab-progress i{background:#42c692;height:100%;display:block}.vocab-mode{gap:8px;margin:22px 0;display:flex}.vocab-mode button{color:#354b70;background:#f4f7fc;border:1px solid #d4def0;border-radius:10px;flex:1;padding:10px;font-weight:800}.vocab-mode button.active{color:#2756b1;background:#dfebff;border-color:#6b98f8}.vocab-prompt{background:linear-gradient(125deg,#f1f8ff,#f8f1ff);border-radius:17px;align-content:center;gap:12px;min-height:156px;padding:20px;display:grid}.vocab-prompt small,.vocab-prompt span{color:#6c7a96}.vocab-prompt strong{color:#1e366f;font-size:20px}.vocab-prompt button{color:#2756b1;background:#fff;border:0;border-radius:10px;width:max-content;padding:10px 16px;font-weight:800}.vocab-task-dots{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.vocab-task-dots span{border-radius:50%;place-items:center;width:31px;height:31px;font-size:13px;font-weight:900;display:grid}.vocab-task-dots .right{color:#118c54;background:#dff7e9}.vocab-task-dots .wrong{color:#b93342;background:#fee5e5}.vocab-task-dots .pending{color:#546985;background:#e9eef8}.vocab-empty{color:#75829b;text-align:center;padding:38px 12px}.vocab-finished{text-align:center;color:#23558a;gap:12px;padding:44px 15px;display:grid}.vocab-finished strong{font-size:24px}.vocab-mywords{margin-top:18px}.vocab-word-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.vocab-word-list article{background:#f9fbff;border:1px solid #e0e7f3;border-radius:13px;align-items:center;gap:10px;padding:13px;display:flex}.vocab-word-list article>div{flex:1;gap:3px;min-width:0;display:grid}.vocab-word-list strong{color:#213d73;font-size:18px}.vocab-word-list span{text-overflow:ellipsis;white-space:nowrap;color:#53657e;overflow:hidden}.vocab-word-list small{color:#8996aa}.vocab-word-list button{color:#3656a1;white-space:nowrap;background:#eaf0ff;border:0;border-radius:8px;padding:8px;font-weight:700}.vocab-word-list button.vocab-delete{color:#b34554;background:#fff0f1}.reward-vocab-strip{background:linear-gradient(110deg,#e8f9f5,#edf3ff);border:1px solid #bcdde3;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;padding:17px 20px;display:flex}.reward-vocab-strip>div:first-child{color:#234c66;gap:3px;display:grid}.reward-vocab-strip>div:first-child span{font-size:13px}.reward-vocab-strip button{color:#fff;background:#2c67d5;border:0;border-radius:9px;padding:9px 13px;font-weight:800}.reward-vocab-form{flex-wrap:wrap;flex-basis:100%;gap:8px;display:flex}.reward-vocab-form input{border:1px solid #cbd7e7;border-radius:9px;flex:1;min-width:180px;padding:9px 11px}.reward-vocab-form button:disabled{opacity:.5}@media (max-width:850px){.vocab-grid,.vocab-word-list{grid-template-columns:1fr}.vocab-hero{flex-direction:column;align-items:stretch}.vocab-hero aside{justify-content:space-between;align-items:center;display:flex}.vocab-center{margin-top:12px}.vocab-card{padding:18px}.vocab-word-list article{flex-wrap:wrap}}.learning-motto-poster{text-align:center;cursor:default;background:#082452 url(/danny-learning-motto-poster.webp) 50% 61%/cover no-repeat;border-radius:24px;place-items:start center;width:100%;max-width:1380px;min-height:300px;margin:20px auto 0;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 38px #102d5c27}.learning-motto-poster:after{content:"";pointer-events:none;background:linear-gradient(#041a3f3d,#0000 72%);position:absolute;inset:0}.learning-motto-poster-copy{z-index:1;color:#fff;text-shadow:0 3px 12px #001638a6;padding:36px 18px 120px;position:relative}.learning-motto-poster-copy span{color:#aee9ff;letter-spacing:.16em;margin-bottom:13px;font-size:12px;font-weight:800;display:block}.learning-motto-poster-copy h2{color:#fff;letter-spacing:.07em;margin:0;font-size:clamp(25px,3.4vw,46px);font-weight:900;line-height:1.4}@media (max-width:650px){.learning-motto-poster{background-position:bottom;border-radius:18px;min-height:194px;margin:12px auto 0}.learning-motto-poster-copy{padding:24px 12px 90px}.learning-motto-poster-copy span{margin-bottom:7px;font-size:10px}.learning-motto-poster-copy h2{letter-spacing:.02em;font-size:clamp(20px,5.3vw,28px)}}