/* Browser-local profile demonstration; visually matches LernSafari. */
.pd-shell{display:grid;gap:15px;color:#513c28}.pd-banner{background:linear-gradient(125deg,#fff8e9,#e7f0df);border:2px solid #dfcba5;border-radius:20px;padding:18px;display:flex;gap:16px;align-items:center;justify-content:space-between}.pd-banner h3{color:#35593d;font-size:24px;margin:5px 0}.pd-banner p{color:#69543e;margin:0;line-height:1.45}.pd-eyebrow{color:#7f6847;font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:900}.pd-total{text-align:center;flex:none;background:#fffdf7;border:1px solid #d9c5a0;border-radius:16px;padding:12px 17px}.pd-total strong{display:block;color:#35593d;font-size:28px}.pd-total span{font-size:12px}.pd-progress{height:12px;background:#e9dfcd;border-radius:99px;overflow:hidden}.pd-progress>span{display:block;background:#729a63;height:100%;transition:width .18s}.pd-items{display:grid;gap:10px}.pd-task,.pd-panel{background:#fffdf7;border:2px solid #e2d1b7;border-radius:18px;padding:15px}.pd-task.is-done{background:#f1f7ec;border-color:#b4cea9}.pd-task-head{display:flex;gap:11px;align-items:center}.pd-task-head>span:first-child{font-size:24px}.pd-task-head>div{flex:1;min-width:0}.pd-task-head strong{display:block;color:#35593d;font-size:16px}.pd-task-head small{display:block;color:#78634b;font-size:12px;margin-top:3px}.pd-task-status{font-weight:800;color:#577a53;font-size:12px}.pd-task-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.pd-action,.pd-secondary{border-radius:13px;border:2px solid #c5d3b6;min-height:40px;padding:8px 13px;font-weight:800;cursor:pointer}.pd-action{background:#567f54;color:#fff;border-color:#567f54}.pd-secondary{background:#fff9ed;color:#4e3b2b;border-color:#ddcfb5}.pd-panel h4{margin:0 0 10px;color:#35593d;font-size:17px}.pd-panel p{line-height:1.5;margin:5px 0;color:#6b583e}.pd-form{display:grid;gap:12px}.pd-form label{display:grid;gap:5px;font-weight:800;color:#5b4630}.pd-form input:not([type=checkbox]),.pd-form select{width:100%;border:2px solid #d6c5a6;background:#fff;padding:11px;border-radius:10px;color:#483724}.pd-form .pd-inline{display:flex;gap:9px;align-items:center;font-size:14px}.pd-warning{background:#fff5df;border-left:4px solid #c79b55;border-radius:9px;padding:12px 14px;font-size:13px;line-height:1.5;color:#675238;margin:0}@media(max-width:640px){.pd-banner{align-items:flex-start;flex-direction:column}.pd-total{text-align:left}.pd-task-head{flex-wrap:wrap}}