*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.container{max-width:800px;margin:0 auto}.header{text-align:center;color:#fff;margin-bottom:30px}.logo-container{justify-content:center;margin-bottom:15px;display:flex}.logo{filter:drop-shadow(0 4px 6px #0003);animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.header h1{margin-bottom:10px;font-size:2.5rem}.header p{opacity:.9;font-size:1.1rem}.card{background:#fff;border-radius:12px;margin-bottom:20px;padding:30px;box-shadow:0 10px 30px #0003}.header-link{color:inherit;text-decoration:none}.card h2{color:#333;margin-bottom:15px;font-size:1.5rem}.card h3{color:#333;margin-bottom:12px;font-size:1.2rem}.card-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.card-heading h2{margin-bottom:0}.muted{color:#777}.on-gradient{color:#fff;text-align:center}a.button{text-align:center;text-decoration:none;display:block}.button-small{width:auto;margin-top:0;padding:8px 18px;font-size:.95rem}.button.button-secondary{color:#5568d3;background:#f0f4ff;border:2px solid #667eea}.button.button-danger{color:#c62828;background:#fff;border:2px solid #f44336}.disabled-link{pointer-events:none;opacity:.5}.actions{grid-template-columns:2fr 1fr 1fr;gap:10px;display:grid}.actions .button{margin-top:10px}.link-button{color:#667eea;cursor:pointer;background:0 0;border:none;padding:0;font-size:.95rem;font-weight:600;text-decoration:none}.link-button:hover{text-decoration:underline}.set-list,.term-list,.card-editor-list{list-style:none}.set-list-item{color:#333;background:#f7f9fc;border:2px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;padding:15px 20px;text-decoration:none;transition:all .2s;display:flex}.set-list-item:hover{background:#e8ecf8;border-color:#667eea}.set-title{font-weight:600}.term-list li{border-bottom:1px solid #eee;grid-template-columns:1fr 1fr;gap:20px;padding:12px 0;display:grid}.term{color:#333;font-weight:500}.definition{color:#555}.field{margin-bottom:15px;display:block}.field span{color:#555;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.field input,.field textarea{width:100%;font:inherit;border:2px solid #e0e0e0;border-radius:8px;min-height:0;padding:10px 12px}.field input:focus,.field textarea:focus{border-color:#667eea;outline:none}.card-editor{border:2px solid #e0e0e0;border-radius:8px;margin-bottom:15px;padding:15px}.card-editor-header{justify-content:space-between;margin-bottom:10px;display:flex}.prompt-section summary{cursor:pointer;color:#333;font-size:1.1rem;font-weight:600}.prompt-section[open] summary{margin-bottom:12px}.prompt-section textarea{margin-top:15px}.notice{color:#2e7d32;background:#e8f5e9;border:2px solid #4caf50;border-radius:8px;margin-top:15px;padding:15px}.learn-topbar{margin-bottom:15px}.option{text-align:left;width:100%;font:inherit;color:inherit;align-items:center;gap:12px;display:flex}.option-key{background:#667eea26;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:600;display:flex}.override{margin-top:12px;display:block}.prompt-section{background:#f0f4ff;border:2px solid #667eea;border-radius:8px;margin-bottom:25px;padding:20px}.prompt-section p{color:#555;margin-bottom:12px;line-height:1.5}.prompt-template{white-space:pre-wrap;color:#333;background:#fff;border:1px solid #d0d0d0;border-radius:6px;max-height:300px;margin-bottom:12px;padding:15px;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;overflow-y:auto}.copy-button{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;width:100%;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s}.copy-button:hover{background:#5568d3;transform:translateY(-1px)}.copy-button:active{transform:translateY(0)}.copy-button.copied{background:#4caf50}textarea{resize:vertical;border:2px solid #e0e0e0;border-radius:8px;width:100%;min-height:200px;padding:15px;font-family:Courier New,monospace;font-size:.95rem;transition:border-color .3s}textarea:focus{border-color:#667eea;outline:none}.button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;margin-top:15px;padding:12px 30px;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.button:active{transform:translateY(0)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.progress-bar{background:#e0e0e0;border-radius:4px;height:8px;margin-bottom:20px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-radius:4px;height:100%;transition:width .3s}.progress-text{text-align:center;color:#666;margin-bottom:20px;font-weight:500;line-height:1.6}.question-text{color:#333;margin-bottom:25px;font-size:1.3rem;font-weight:500;line-height:1.5}.options{gap:12px;display:grid}.written-input{border:2px solid #667eea;border-radius:8px;width:100%;margin-bottom:15px;padding:15px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1.1rem;transition:border-color .3s}.written-input:focus{border-color:#764ba2;outline:none;box-shadow:0 0 0 3px #667eea1a}.written-input:disabled{cursor:not-allowed;opacity:.7;background:#f5f5f5}.option{cursor:pointer;background:#f7f9fc;border:2px solid #e0e0e0;border-radius:8px;padding:15px 20px;font-size:1rem;transition:all .2s}.option:hover{background:#e8ecf8;border-color:#667eea}.option.correct{color:#fff;background:#4caf50;border-color:#4caf50}.option.incorrect{color:#fff;background:#f44336;border-color:#f44336}.option.disabled{cursor:not-allowed;opacity:.7}.feedback{border-radius:8px;margin-top:20px;padding:15px;font-weight:500;display:none}.feedback.show{display:block}.feedback.correct{color:#2e7d32;background:#e8f5e9;border:2px solid #4caf50}.feedback.incorrect{color:#c62828;background:#ffebee;border:2px solid #f44336}.answer-text{margin-top:10px;font-weight:400}.results-card{text-align:center}.results-card h2{color:#333;margin-bottom:20px;font-size:2rem}.score{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:3rem;font-weight:700}.results-message{color:#666;margin-bottom:30px;font-size:1.2rem}.error-message{color:#c62828;background:#ffebee;border:2px solid #f44336;border-radius:8px;margin-top:15px;padding:15px}@media (width<=600px){.header h1{font-size:2rem}.card{padding:20px}.question-text{font-size:1.1rem}.actions,.term-list li{grid-template-columns:1fr}.term-list li{gap:4px}}.option.disabled.correct,.option.disabled.incorrect{opacity:1}.top-nav{justify-content:flex-end;align-items:center;gap:16px;margin-bottom:10px;display:flex}.top-nav a,.top-nav .link-button{color:#fff;opacity:.9;font-weight:600;text-decoration:none}.top-nav a:hover,.top-nav .link-button:hover{opacity:1;text-decoration:underline}.narrow{max-width:420px;margin-left:auto;margin-right:auto}.small{font-size:.85rem}.card>.small{margin-top:15px}.actions-2{grid-template-columns:2fr 1fr}.actions-1{grid-template-columns:1fr}.field select,.share-list select{font:inherit;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:10px 12px}.field select{width:100%}.share-list{list-style:none}.share-list li{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}@media (width<=600px){.actions-2{grid-template-columns:1fr}}