.setup-view,.test-view{max-width:930px;margin:54px auto}.setup-head,.test-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.setup-head h1,.test-head h1{font-family:'Space Grotesk';font-size:42px;letter-spacing:-2px;margin:0;color:var(--navy)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mode-card{position:relative;text-align:left;background:#fff;border:1px solid #e5e0d7;border-radius:20px;padding:28px;min-height:205px;cursor:pointer;box-shadow:5px 6px 0 #ece1d4;transition:.2s}.mode-card:hover{transform:translateY(-4px);border-color:var(--purple)}.mode-icon{font-size:35px}.mode-card h2{font-family:'Space Grotesk';font-size:23px;margin:17px 0 7px}.mode-card p{color:var(--muted);max-width:260px;line-height:1.5;font-size:14px}.mode-action{position:absolute;right:25px;bottom:24px;color:var(--purple);font-weight:700;font-size:13px}.word-count-panel{background:#fff;border:1px solid var(--line);border-radius:18px;margin-top:20px;padding:21px 24px}.count-options{display:flex;gap:9px;flex-wrap:wrap}.count-options button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px 18px;cursor:pointer}.count-options button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.test-toolbar{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 18px;color:var(--muted);font-size:13px;margin-bottom:15px}.test-toolbar b{color:var(--ink)}.toolbar-progress{flex:1;height:8px;background:#eeeae2;border-radius:8px;overflow:hidden}.toolbar-progress i{display:block;height:100%;width:0;background:var(--purple);transition:.3s}.test-list{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.test-row{display:grid;grid-template-columns:50px 1fr 1.5fr;align-items:center;gap:18px;padding:15px 20px;border-bottom:1px solid #f0ede6;transition:.2s}.test-row:last-child{border-bottom:0}.test-row.correct{background:#f0fbf7}.test-row.almost{background:#fff9ec}.test-row.wrong{background:#fff3f1}.test-row.empty{background:#fff}.row-number{font:700 12px 'Space Grotesk';color:#aca69a}.german-word{font-weight:600;font-size:15px}.input-wrap{display:flex;align-items:center;gap:10px}.word-input{width:100%;height:45px;border:2px solid #ddd8ee;border-radius:10px;background:#fcfbff;padding:8px 12px;font:500 15px 'DM Sans';outline:0}.word-input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #eeeaff}.row-status{min-width:145px;font-size:12px;color:var(--muted)}.correct .row-status{color:#21866b}.almost .row-status{color:#af772c}.wrong .row-status{color:#b5504d}.test-actions{display:flex;align-items:center;gap:20px;margin-top:22px}.test-actions .primary-button{max-width:310px}.result-box{display:flex;gap:12px;align-items:center;margin-top:18px;padding:16px 20px;border-radius:14px;background:#f0ebff;color:#4f409e}.result-box strong{font-family:'Space Grotesk'}.result-box span{color:#635b78;font-size:13px}@media(max-width:700px){.setup-view,.test-view{margin:28px auto}.setup-head,.test-head{display:block}.setup-head h1,.test-head h1{font-size:32px}.setup-head .text-button,.test-head .text-button{margin-top:18px}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:175px}.test-row{grid-template-columns:28px 1fr;gap:8px 12px;padding:13px}.input-wrap{grid-column:2;display:block}.row-status{display:block;margin-top:6px}.test-toolbar{font-size:11px}.test-actions{display:block}.test-actions .primary-button{max-width:none}.test-actions .text-button{display:block;margin:14px auto}.result-box{display:block}.result-box span{display:block;margin-top:7px}}