.asbab-planner{max-width:860px}.asbab-planner [hidden]{display:none!important}.planner-progress{font-weight:700;color:var(--text-secondary);border-bottom:2px solid var(--accent);padding-bottom:16px}.asbab-planner fieldset{border:0;padding:16px 0;margin:0;min-width:0}.asbab-planner legend{font-size:26px;font-weight:700;line-height:1.6;padding:0;max-width:100%}.planner-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block:20px}.planner-option{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);padding:18px;border-radius:var(--radius);cursor:pointer;line-height:1.8}.planner-option:has(input:checked){border-color:var(--ink);background:var(--surface);box-shadow:inset 0 -3px var(--accent)}.planner-option input{accent-color:var(--ink);width:18px;height:18px;margin-top:5px;flex-shrink:0}.planner-option:focus-within{outline:3px solid var(--support);outline-offset:3px}.planner-secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);color:var(--ink);background:var(--bg);border-radius:var(--radius);padding:12px 20px;min-height:48px;cursor:pointer;font:inherit}.planner-error:empty{display:none}.planner-error{font-weight:700;border-inline-start:3px solid var(--ink);padding-inline-start:12px}.planner-next{padding:24px;background:var(--surface);border-radius:var(--radius);margin-block:32px}.asbab-planner h3{font-size:21px;margin-top:28px}.asbab-planner textarea{width:100%;font:inherit;line-height:1.9;padding:16px;border:1px solid var(--line);border-radius:var(--radius);resize:vertical;color:var(--ink);background:var(--bg)}.asbab-planner summary{cursor:pointer;font-weight:700;margin-bottom:16px}.planner-edit{margin-block:24px}.asbab-planner .privacy-note{font-size:13px;color:var(--text-secondary)}.asbab-planner .privacy-note a{text-decoration:underline}.asbab-planner .notice{font-size:14px}.asbab-planner .planner-label{font-size:14px;color:var(--text-secondary)}@media(max-width:600px){.planner-options{grid-template-columns:1fr}.asbab-planner legend{font-size:23px}.planner-option{padding:16px}.planner-next{padding:20px}.asbab-planner .button{white-space:normal}.asbab-planner .actions{align-items:stretch}}