.learning-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.sentence-study{max-width:850px;margin:auto;min-width:0}.sentence-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.sentence-toolbar label{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sentence-toolbar select{min-height:44px;border:1px solid #b8e8f0;background:white;color:#253b50;border-radius:12px;padding:8px}.sentence-prompt{margin-top:18px;background:#fff;border:1px solid #b8e8f0}.sentence-prompt h2{overflow-wrap:anywhere;line-height:1.7}.sentence-zone{display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px;min-height:110px;padding:15px;background:#edf9fc;border:2px dashed #b8e8f0;border-radius:18px;transition:background .15s;position:relative}.sentence-answer{min-height:145px;background:#fff}.sentence-token{display:inline-flex;align-items:center;flex-wrap:wrap;max-width:100%;background:white;border:1px solid #a2dce7;border-radius:13px;box-shadow:0 3px 0 #d6eff3;position:relative}.sentence-token button{border:0;background:transparent;color:#253b50;min-height:44px;cursor:pointer;font:inherit;border-radius:12px}.sentence-word{padding:8px 12px;overflow-wrap:anywhere;max-width:calc(100% - 44px);touch-action:pan-y}.sentence-handle{width:44px;touch-action:none;cursor:grab!important;color:#476777!important}.sentence-moves{display:flex;border-top:1px solid #d6eff3;width:100%}.sentence-moves button{width:50%;font-size:22px}.sentence-token button:disabled{opacity:.45;cursor:default}.sentence-token button:focus-visible{outline:3px solid #258098;outline-offset:2px}.sentence-empty{color:#536f80;align-self:center}.sentence-drop-zone{background:#d8f4f8;border-color:#36b7cf}.sentence-drop-before:before{content:'';position:absolute;left:-8px;top:0;bottom:0;width:4px;background:#258098;border-radius:4px}.sentence-ghost{position:fixed;z-index:10000;pointer-events:none;max-width:65vw;padding:14px 18px;border-radius:14px;background:#b8e8f0;color:#253b50;box-shadow:0 12px 24px #253b5040;transform:rotate(-3deg);overflow-wrap:anywhere}.sentence-actions{display:flex;gap:10px;position:sticky;bottom:90px;background:#f4fcfdf5;padding:12px 0;z-index:5}.sentence-actions button{flex:1;min-height:48px}.sentence-feedback{padding:16px;margin-top:16px;border-radius:16px;color:#253b50;overflow-wrap:anywhere}.sentence-feedback.is-right{background:#d7f2ed;animation:sentence-bloom .3s ease-out}.sentence-feedback.is-wrong{background:#f8dce8}.sentence-study .note{color:#536f80}.sentence-study h3{margin:20px 0 10px}@keyframes sentence-bloom{from{transform:scale(.98);opacity:.6}to{transform:scale(1);opacity:1}}@media(min-width:801px){.sentence-actions{bottom:12px}}@media(max-width:430px){.learning-tabs{gap:4px}.learning-tabs button{padding:8px 3px;font-size:12px;min-height:48px}.learning-tabs button span{display:none}.sentence-zone{padding:10px;gap:8px}.sentence-toolbar label{gap:6px}.sentence-actions{bottom:calc(76px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.sentence-feedback.is-right{animation:none}.sentence-zone{transition:none}}