.surface{background:#f5f8fb;border:1px solid #dbe4ec;border-radius:20px;padding:28px}.surface label,.study-tools label,.study-stats label{display:block;font-size:14px;margin:0 0 16px}.surface input,.surface textarea,.surface select,.study-tools select,.study-stats select{display:block;width:100%;padding:12px 14px;margin-top:7px;border:1px solid #ccd9e4;border-radius:9px;background:#fff;color:#08243e;font:inherit}.surface textarea{resize:vertical}.action-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0}.surface button,.segmented button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}.narrow{max-width:850px;margin:auto}.muted{color:#63778a;font-size:14px;line-height:1.7}.manage-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:35px 0}.manage-item,.feedback-item{padding:22px;border:1px solid #dbe4ec;border-radius:15px;margin-bottom:14px}.manage-item h3{margin:0 0 8px}.manage-item p,.feedback-item p{overflow-wrap:anywhere;white-space:pre-wrap}.manage-item button,.feedback-item button{padding:9px 14px;background:#08243e;color:white;border:0;border-radius:8px;cursor:pointer;font-size:14px;margin:8px 8px 0 0}.feedback-inbox{margin:60px 0}.study-intro h1{margin-bottom:12px}.study-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:30px 0}.study-stats>div{padding:20px;background:#08243e;border-radius:16px;color:white}.study-stats strong{font-size:30px;display:block}.study-stats span{font-size:14px;color:#bdd2e2}.study-stats label{padding:16px;background:#f0f5fa;border-radius:16px;margin:0}.study-tools{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin:24px 0}.study-tools label{margin:0}.study-tools .check{display:flex;gap:8px;align-items:center}.segmented{display:flex;gap:4px;padding:5px;background:#eaf0f5;border-radius:12px}.segmented button{padding:12px 18px;border:0;border-radius:8px;background:transparent;color:#08243e}.segmented button[aria-pressed=true]{background:#08243e;color:white}.study-work{max-width:800px;margin:0 auto}.word-card{background:linear-gradient(125deg,#08243e,#123f5d);color:white;padding:48px 25px;border-radius:26px;text-align:center;min-height:330px}.word-card h2{font-family:'Yu Gothic',sans-serif;font-size:clamp(32px,7vw,56px);margin:30px 0 10px}.word-card p{color:#d0ddeb}.word-card .button{background:white;color:#08243e}.word-card #word-answer{font-size:24px;padding:12px}.study-bottom{display:flex;justify-content:center;gap:12px;margin:20px 0}#quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:600px;margin:22px auto 0}#quiz-options[hidden]{display:none}#quiz-options button{background:#ffffff12;border:1px solid #6d91ac;color:white;padding:16px;border-radius:12px;font:inherit;cursor:pointer}#quiz-options button.correct{background:#235c4a;border-color:#7fd4a3}#quiz-options button.wrong{background:#783c44;border-color:#ff9c9c}.project-card{overflow:hidden}.project-card .project-image{width:100%;height:210px;object-fit:cover;object-position:top;border-bottom:1px solid #dbe4ec}.project-card .project-details{display:inline-block;margin-top:14px;font-size:14px;color:#08243e}.preview-image{display:block;width:100%;max-height:600px;object-fit:cover;object-position:top;border:1px solid #dbe4ec;border-radius:20px;margin:30px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0}.feature-grid article{padding:24px;background:#f0f5fa;border-radius:16px}.feature-grid h2{font-size:22px}.feature-grid p{font-size:16px;line-height:1.7}.section p{overflow-wrap:anywhere}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid #4e98c9;outline-offset:3px}footer a{min-height:30px}.button{min-height:44px}.catalog-controls input,.catalog-controls select{font-size:16px}@media(max-width:800px){.manage-grid{grid-template-columns:1fr}.study-stats{grid-template-columns:1fr 1fr}.feature-grid{grid-template-columns:1fr}.word-card{padding:30px 18px}.surface{padding:20px}.study-tools{gap:16px}.study-bottom .button{padding:12px 14px;font-size:14px}.project-card .project-image{height:180px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.preview-image{object-fit:contain;background:#f0f5fa}.project-content small{font-size:12px}.project-content p{font-size:16px}footer>div:nth-child(2){flex-wrap:wrap}.project-card .project-image{background:#eaf0f5}.project-icon{letter-spacing:0}