:root{--bg: #f6f3ef;--card: #ffffff;--muted: #6b6b6b;--accent: #2b6cb0;--success: #2f855a}body{font-family:Georgia,Times New Roman,serif;background:var(--bg);color:#222;margin:0}.app-container{min-height:100vh;padding:40px 20px;max-width:1100px;margin:0 auto}.title{text-align:center;font-size:28px;font-weight:700;margin-bottom:28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.card{background:var(--card);padding:18px;border-radius:10px;box-shadow:0 6px 18px #1414140f;border:1px solid rgba(0,0,0,.04)}.card+.card{margin-top:18px}.card-title{font-size:18px;margin:0 0 12px}.card-body{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.input{padding:10px 12px;border:1px solid #d1d1d1;border-radius:6px;font-size:14px;outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2b6cb014}.button{display:inline-block;padding:10px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:600}.button.primary{background:var(--accent);color:#fff}.button.success{background:var(--success);color:#fff}.button.full{width:100%}.center{text-align:center}.mt-6{margin-top:24px}.results{margin-top:20px}.subtitle{font-size:15px;margin-top:14px;margin-bottom:8px}.muted{color:var(--muted)}.topic-list{margin-left:18px}.table-wrap{overflow-x:auto;margin-top:12px}.dp-table{width:100%;border-collapse:collapse}.dp-table th,.dp-table td{border:1px solid #e6e6e6;padding:8px 10px;text-align:center}.dp-table thead th{background:#fafafa;font-weight:700}.topic-name{text-align:left;font-weight:600;padding-left:12px}.note{color:var(--muted);font-size:13px;margin-top:10px}@media(max-width:800px){.form-row{grid-template-columns:1fr}}