:root {
  --ink:#243238; --muted:#667378; --teal-dark:#075e63; --teal:#02a8a4; --teal-pale:#eaf8f7;
  --blue:#2f7fc1; --blue-pale:#eef6fd; --coral:#ef765f; --coral-pale:#fff3ee; --gold:#d6a934;
  --green:#4e8b6b; --surface:#fff; --background:#fbfcfb; --border:#d9e1df;
  --shadow:0 14px 38px rgba(30,51,54,.10); --radius:14px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--background);color:var(--ink);font-family:"Roboto",Arial,sans-serif;line-height:1.55} button,textarea{font:inherit} button{cursor:pointer} a{color:inherit}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid #e4e8e7;backdrop-filter:blur(10px)}
.header-inner{width:min(1240px,calc(100% - 36px));margin:auto;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand-logo{width:68px;display:block}.stepper{display:flex;align-items:center;justify-content:flex-end;gap:10px}.step{border:0;background:transparent;padding:27px 9px 21px;color:#536064;font-weight:600;border-bottom:3px solid transparent}.step span{display:none}.step.is-active{color:var(--teal-dark);border-bottom-color:var(--teal)}.step.is-complete{color:var(--ink)}.step-line{width:20px;height:1px;background:#d9dfde}
main{min-height:700px}.page{display:none;width:min(1240px,calc(100% - 36px));margin:auto;padding:44px 0 68px}.page.is-visible{display:block;animation:pageIn .25s ease-out}@keyframes pageIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
h1,h2,h3,.resource-card strong{font-family:"Roboto Slab",Georgia,serif} h1{letter-spacing:-.035em}
.welcome-scene{min-height:520px;margin-top:-44px;margin-left:calc((1240px - 100vw)/2);margin-right:calc((1240px - 100vw)/2);padding:68px max(36px,calc((100vw - 1240px)/2));background:url('assets/landscape.svg') center bottom/cover no-repeat;border-bottom:1px solid #e1e6e4}.welcome-copy{max-width:650px}.quote-mark{font-family:Georgia,serif;color:var(--coral);font-size:5.5rem;font-weight:700;line-height:.65}.welcome-copy h1{font-size:clamp(3rem,6vw,4.3rem);margin:12px 0 10px;font-weight:800}.coral-rule{width:64px;height:5px;background:var(--coral);margin:0 0 28px}.welcome-copy>p{font-size:1.14rem;max-width:610px}.expectation-card{margin:24px 0;padding:18px 22px 18px 18px;background:rgba(255,255,255,.91);border:1px solid #e1dcd7;border-radius:12px;box-shadow:0 7px 18px rgba(61,54,48,.12);display:flex;align-items:center;gap:17px}.expectation-icon{width:55px;height:55px;flex:0 0 auto;border-radius:50%;background:linear-gradient(145deg,#f58a70,#ef6d55);color:white;display:grid;place-items:center;font-size:2rem}.expectation-card strong{font-size:1.06rem;line-height:1.45}.intro-resource-preview{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px auto 16px;max-width:1040px}.intro-resource-preview article{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid #bfe2df;border-radius:12px;background:linear-gradient(135deg,#effaf9,#fff);min-height:112px}.intro-resource-preview article:nth-child(2){border-color:#c6ddf1;background:linear-gradient(135deg,#f2f8fd,#fff)}.preview-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--teal-dark);color:white;font-size:1.4rem}.preview-icon.blue{background:var(--blue)}.intro-resource-preview strong,.intro-resource-preview span{display:block}.intro-resource-preview strong{font-size:1.05rem}.intro-resource-preview div span{color:var(--muted);font-size:.9rem}.center-action{display:flex;flex-direction:column;align-items:center;gap:10px}.wide-button{min-width:min(540px,100%)}.autosave-note{color:#798487;font-size:.84rem}
.eyebrow{margin:0 0 8px;color:var(--coral);text-transform:uppercase;font-weight:800;font-size:.76rem;letter-spacing:.13em}.page-heading{padding:32px 36px;margin:0 0 26px;border-radius:18px;background:linear-gradient(125deg,#fff7f0 0%,#fff 43%,#eef8f7 100%);border:1px solid #e7e3de;position:relative;overflow:hidden}.page-heading:after{content:"";position:absolute;right:-50px;bottom:-95px;width:330px;height:190px;background:url('assets/landscape.svg') center/cover;opacity:.28;pointer-events:none}.page-heading>*{position:relative;z-index:1}.page-heading h1{font-size:clamp(2.1rem,4vw,3.2rem);margin:0 0 10px}.page-heading p,.page-heading div>p{max-width:780px;color:var(--muted);font-size:1.05rem}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.resource-card{text-decoration:none;display:flex;flex-direction:column;min-height:292px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 8px 22px rgba(30,51,54,.06);transition:.2s}.resource-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.resource-card:nth-child(1){background:linear-gradient(155deg,#effaf9,#fff 48%);border-color:#bfe2df}.resource-card:nth-child(2){background:linear-gradient(155deg,#f1f7fd,#fff 48%);border-color:#c8dff1}.resource-card:nth-child(3){background:linear-gradient(155deg,#fff5ef,#fff 48%);border-color:#f1d4ca}.resource-type{color:var(--muted);text-transform:uppercase;font-size:.72rem;letter-spacing:.1em;font-weight:800}.resource-card h2{margin:16px 0 8px;font-size:1.5rem}.resource-card p{color:var(--muted)}.resource-link{margin-top:auto;color:var(--teal-dark);font-weight:800}
.primary-button,.secondary-button,.add-theme-button,.add-habit-button{border-radius:8px;padding:13px 20px;font-weight:700;transition:.15s}.primary-button{border:1px solid var(--teal-dark);text-decoration:none;background:linear-gradient(90deg,#075e63,#087f83);color:#fff}.primary-button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(7,94,99,.18)}.secondary-button{border:1px solid #aeb9b7;background:#fff;color:var(--ink)}.page-actions{display:flex;justify-content:space-between;align-items:center;margin-top:34px}
.draft-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.save-status{flex:0 0 auto;display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--border);border-radius:999px;padding:8px 13px;color:var(--muted);font-size:.88rem}.save-dot{width:8px;height:8px;border-radius:50%;background:var(--green)}.themes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px}.theme-card{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 9px 25px rgba(30,51,54,.075)}.theme-card{--card-accent:var(--teal-dark);--card-pale:#eff9f8}.theme-card-header{background:var(--teal-dark);color:#fff;min-height:58px;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.theme-card-header h2{margin:0;font-size:1.15rem}.remove-theme{border:0;background:transparent;color:rgba(255,255,255,.8);font-size:.8rem;text-decoration:underline;display:none}.theme-card.is-removable .remove-theme{display:block}.theme-card-body{padding:20px;background:linear-gradient(180deg,#eff9f8 0,#fff 28%)}.field-label{display:block;margin-bottom:8px;font-weight:800}textarea{width:100%;resize:vertical;border:1px solid #cfd9d7;background:#fff;color:var(--ink);border-radius:9px;padding:13px 14px;outline:none;transition:.15s}textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(2,168,164,.14)}textarea.is-invalid{border-color:#c94335;box-shadow:0 0 0 3px rgba(201,67,53,.1)}
.theme-help{margin-bottom:14px}.theme-help-toggle{width:100%;border:1px solid #f0d5ca;background:#fff8f4;color:#71463d;border-radius:10px;padding:11px 13px;display:flex;align-items:center;gap:9px;text-align:left;font-weight:700}.theme-help-icon{width:23px;height:23px;border-radius:50%;background:var(--coral);color:#fff;display:grid;place-items:center}.theme-help-chevron{margin-left:auto}.theme-help-panel{padding:14px 15px;background:#fff;border:1px solid #f0d5ca;border-top:0;border-radius:0 0 10px 10px}.theme-help-label{margin:0;color:var(--coral);font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800}.theme-help-text{margin:5px 0 9px}.theme-help-next{border:0;background:transparent;color:var(--teal-dark);font-weight:800;padding:0}.theme-help-panel.idea-changed{animation:ideaFlash .55s ease}@keyframes ideaFlash{50%{background:#fff0e9;box-shadow:0 0 0 5px rgba(239,118,95,.12)}}
.goal-section{margin:22px 0;padding:18px;border:1px solid #d7e5e3;background:linear-gradient(135deg,#f3faf9,#fff);border-radius:12px}.goal-section h3{margin:0 0 4px;font-size:1rem}.goal-help{margin:0 0 12px;color:var(--muted);font-size:.86rem}.goal-choice{display:flex;gap:9px}.goal-choice-button{min-width:76px;padding:9px 14px;border:1px solid #b9c9c6;border-radius:8px;background:#fff;font-weight:700}.goal-choice-button.is-selected{background:var(--teal-dark);border-color:var(--teal-dark);color:#fff}.goal-field{margin-top:15px}
.habit-section-heading{margin:22px 0 12px}.habit-section-heading h3{margin:0;font-size:.95rem}.habit-section-heading p{margin:2px 0 0;color:var(--muted);font-size:.84rem}.habits-list{display:grid;gap:11px}.habit-row{display:grid;grid-template-columns:28px 1fr 24px;gap:9px;align-items:start}.habit-number{width:27px;height:27px;margin-top:10px;border-radius:50%;background:var(--teal-dark);color:#fff;display:grid;place-items:center;font-size:.82rem;font-weight:800}.habit-input{min-height:58px}.remove-habit{border:0;background:transparent;color:#8b9695;font-size:1.45rem;padding:7px 0;visibility:hidden}.habit-row.is-removable .remove-habit{visibility:visible}.add-habit-button{width:calc(100% - 37px);margin:12px 0 0 37px;padding:10px 14px;color:var(--teal-dark);border:1px dashed var(--teal);background:#fff}.add-theme-button{display:block;margin:24px auto 0;color:var(--teal-dark);border:1px solid var(--teal);background:#fff}
.coaching-tip{display:none;margin-top:8px;border-left:4px solid var(--coral);background:var(--coral-pale);border-radius:5px;padding:9px 11px;color:#71463d;font-size:.84rem}.coaching-tip.is-visible{display:block}.coaching-tip.tip-changed{animation:tipFlash .62s ease}@keyframes tipFlash{45%{box-shadow:0 0 0 8px rgba(239,118,95,.14);transform:translateY(-1px)}}.validation-message{margin-top:26px;display:flex;align-items:baseline;gap:10px;border:1px solid #efc7bd;background:var(--coral-pale);color:#81392d;border-radius:10px;padding:15px 18px}.validation-message.is-valid{border-color:#b7ddc7;background:#eef8f2;color:#275d40}.hero-card{max-width:900px;margin:20px auto;background:linear-gradient(145deg,#fff8f2,#fff 50%,#eff9f8);border-radius:20px;padding:clamp(34px,6vw,72px);box-shadow:var(--shadow);border:1px solid #e6e1db}.lead{color:var(--muted);font-size:1.1rem}.completion-card{text-align:center}
.minimal-footer{border-top:1px solid #e0e5e3;background:#fff}.minimal-footer-inner{width:min(1240px,calc(100% - 36px));margin:auto;padding:25px 0;display:flex;align-items:center;justify-content:space-between;color:#728083;font-size:.82rem}.footer-identity{display:flex;align-items:center;gap:12px}.footer-identity img{width:40px}.footer-identity strong,.footer-identity span{display:block}.footer-identity strong{color:#536064}.footer-identity span{font-size:.76rem}
@media(max-width:800px){.header-inner{min-height:70px}.brand-logo{width:52px}.step{font-size:.82rem;padding-left:3px;padding-right:3px}.step-line{width:5px}.welcome-scene{margin-left:-18px;margin-right:-18px;padding:55px 24px 210px;background-position:65% bottom}.welcome-copy h1{font-size:3rem}.intro-resource-preview,.resource-grid,.themes-grid{grid-template-columns:1fr}.intro-grid{grid-template-columns:1fr}.draft-heading,.minimal-footer-inner{display:block}.save-status{display:inline-flex;margin-top:12px}.page-heading{padding:26px 24px}.page-actions{gap:12px}.page-actions>*{flex:1}.minimal-footer-inner>span{display:block;margin-top:16px}}

/* v5: embedded resources and prioritization */
.expectation-icon svg,.preview-icon svg{width:27px;height:27px;display:block}
.intro-resource-preview{max-width:1100px;margin-top:26px;align-items:stretch}
.intro-resource-card{display:grid;grid-template-columns:58px 1fr 28px;align-items:center;gap:18px;padding:22px 24px;text-decoration:none;border:1px solid #bfe2df;border-radius:13px;background:linear-gradient(135deg,#effaf9,#fff);min-height:174px;box-shadow:0 5px 16px rgba(30,51,54,.045);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.intro-resource-card.video{border-color:#c6ddf1;background:linear-gradient(135deg,#f2f8fd,#fff)}
.intro-resource-card:hover,.intro-resource-card:focus-visible{transform:translateY(-3px);box-shadow:0 12px 28px rgba(30,51,54,.11);outline:none;border-color:var(--teal)}
.intro-resource-card.video:hover,.intro-resource-card.video:focus-visible{border-color:var(--blue)}
.intro-resource-card .preview-icon{width:58px;height:58px}
.resource-copy strong{font-family:"Roboto Slab",Georgia,serif;font-size:1.18rem;margin-bottom:4px}
.resource-copy p{margin:0 0 12px;color:var(--muted);line-height:1.48;font-size:.94rem}
.resource-time{display:block;color:var(--teal-dark);font-weight:800;font-size:.86rem}
.blue-text{color:#166bb0}
.resource-arrow{font-size:1.9rem;color:var(--teal-dark);transition:transform .18s ease}
.intro-resource-card:hover .resource-arrow{transform:translateX(4px)}
.autosave-note:before{content:"";display:inline-block;width:9px;height:11px;margin-right:7px;border:1.6px solid #8b9698;border-radius:2px;vertical-align:-1px}

.prioritize-heading{margin-bottom:18px}
.priority-instructions{display:flex;align-items:center;gap:9px;margin:0 0 16px;color:var(--muted);font-weight:600}.drag-grip{font-size:1.35rem;color:var(--teal-dark)}
.priority-list{list-style:none;padding:0;margin:0;display:grid;gap:14px;max-width:920px}
.priority-card{display:grid;grid-template-columns:50px 28px 1fr auto;align-items:center;gap:16px;min-height:112px;padding:18px 20px;background:linear-gradient(105deg,#fff9f4 0,#fff 44%,#eff9f8 100%);border:1px solid #d8e2df;border-radius:14px;box-shadow:0 7px 20px rgba(30,51,54,.065);cursor:grab;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.priority-card:active{cursor:grabbing}.priority-card.is-dragging{opacity:.48;transform:scale(.99)}.priority-card.is-drop-target{border-color:var(--teal);box-shadow:0 0 0 4px rgba(2,168,164,.13)}
.priority-rank{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:var(--teal-dark);color:#fff;font-family:"Roboto Slab",Georgia,serif;font-size:1.15rem;font-weight:800}
.priority-grip{display:grid;grid-template-columns:repeat(2,4px);grid-auto-rows:4px;gap:4px;justify-content:center}.priority-grip i{display:block;width:4px;height:4px;border-radius:50%;background:#98a5a4}
.priority-content h2{margin:0 0 5px;font-size:1.2rem;line-height:1.35}.priority-content p{margin:0;color:var(--muted);font-size:.88rem}.priority-content .priority-goal{margin-bottom:5px;color:#526064}
.priority-controls{display:flex;gap:6px}.priority-controls button{width:38px;height:38px;border-radius:8px;border:1px solid #c7d3d1;background:#fff;color:var(--teal-dark);font-weight:800}.priority-controls button:hover:not(:disabled){border-color:var(--teal);background:var(--teal-pale)}.priority-controls button:disabled{opacity:.3;cursor:not-allowed}

@media(max-width:800px){
  .intro-resource-card{grid-template-columns:50px 1fr 20px;padding:18px;min-height:0}.intro-resource-card .preview-icon{width:50px;height:50px}.resource-copy p{font-size:.88rem}
  .priority-card{grid-template-columns:42px 22px 1fr;padding:15px;gap:11px}.priority-rank{width:38px;height:38px}.priority-controls{grid-column:3;justify-self:end}.priority-content h2{font-size:1.05rem}
}

/* v6: icon centering and nested habit prioritization */
.intro-resource-preview .preview-icon {
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.intro-resource-preview .preview-icon svg {
  display: block;
  width: 28px;
  height: 28px;
  margin: 0;
}
.priority-card {
  display: block;
  padding: 0;
  overflow: hidden;
}
.priority-card-main {
  display: grid;
  grid-template-columns: 50px 28px 1fr auto;
  align-items: center;
  gap: 16px;
  min-height: 112px;
  padding: 18px 20px;
}
.habit-priority-block {
  border-top: 1px solid #dce6e3;
  background: rgba(255,255,255,.72);
  padding: 17px 20px 20px 114px;
}
.habit-priority-block h3 {
  margin: 0 0 2px;
  font-size: .93rem;
}
.habit-priority-block > p {
  margin: 0 0 11px;
  color: var(--muted);
  font-size: .82rem;
}
.habit-priority-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}
.habit-priority-item {
  display: grid;
  grid-template-columns: 29px 20px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 10px 11px;
  border: 1px solid #d8e2df;
  border-radius: 9px;
  background: #fff;
  cursor: grab;
  transition: border-color .16s ease, box-shadow .16s ease, opacity .16s ease;
}
.habit-priority-item:active { cursor: grabbing; }
.habit-priority-item.is-dragging { opacity: .45; }
.habit-priority-item.is-drop-target {
  border-color: var(--teal);
  box-shadow: 0 0 0 4px rgba(2,168,164,.12);
}
.habit-priority-rank {
  width: 27px;
  height: 27px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #e4f5f3;
  color: var(--teal-dark);
  font-weight: 800;
  font-size: .78rem;
}
.habit-priority-grip {
  display: grid;
  grid-template-columns: repeat(2,3px);
  grid-auto-rows: 3px;
  gap: 3px;
  justify-content: center;
}
.habit-priority-grip i {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #9aa6a5;
}
.habit-priority-text {
  line-height: 1.4;
  color: #344346;
  font-size: .9rem;
}
.habit-priority-controls { display: flex; gap: 5px; }
.habit-priority-controls button {
  width: 32px;
  height: 32px;
  border: 1px solid #c7d3d1;
  border-radius: 7px;
  background: #fff;
  color: var(--teal-dark);
  font-weight: 800;
}
.habit-priority-controls button:disabled { opacity: .28; cursor: not-allowed; }
@media(max-width:800px){
  .priority-card-main{grid-template-columns:42px 22px 1fr;padding:15px;gap:11px}
  .priority-card-main .priority-controls{grid-column:3;justify-self:end}
  .habit-priority-block{padding:15px}
  .habit-priority-item{grid-template-columns:28px 18px 1fr}
  .habit-priority-controls{grid-column:3;justify-self:end}
}


/* v7: client details, real autosave icon, and prominent goals in prioritization */
.client-details-card{max-width:1040px;margin:22px auto 18px;padding:22px 24px;border:1px solid #d9e5e2;border-radius:14px;background:rgba(255,255,255,.88);box-shadow:0 8px 24px rgba(35,55,58,.07)}
.client-details-heading{display:flex;justify-content:space-between;gap:24px;align-items:baseline;margin-bottom:16px}.client-details-heading h2{margin:0;font-size:1.15rem}.client-details-heading p{margin:0;color:var(--muted);font-size:.9rem}
.client-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.client-details-grid label>span{display:block;margin-bottom:7px;font-weight:700;font-size:.88rem}.client-details-grid input{width:100%;padding:13px 14px;border:1px solid #cbd8d5;border-radius:9px;background:#fff;font:inherit;color:inherit}.client-details-grid input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(2,168,164,.11)}
.intro-validation{min-height:18px;margin:10px 0 0;color:#a54638;font-size:.85rem;font-weight:600}
.autosave-note{display:inline-flex;align-items:center;gap:7px}.autosave-note:before{display:none!important}.autosave-note svg{width:15px;height:15px;display:block}
.priority-content .priority-goal{margin:10px 0 7px;padding:10px 12px;border-left:3px solid var(--coral);border-radius:0 8px 8px 0;background:#fff7f3;color:#3d494b}.priority-content .priority-goal span{display:block;margin-bottom:3px;color:#9b4b3b;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.priority-content .priority-goal p{margin:0;color:#3d494b;font-size:.9rem;line-height:1.45}
@media(max-width:800px){.client-details-heading{display:block}.client-details-heading p{margin-top:5px}.client-details-grid{grid-template-columns:1fr}}

/* Locked navigation until Intro requirements are complete */
.step.is-locked,
.step:disabled {
  opacity: 0.38;
  cursor: not-allowed;
  pointer-events: none;
}


/* Habit examples panel mirrors the theme help interaction. */
.habit-help{margin:12px 0 16px}
.habit-help-toggle{width:100%;border:1px solid #cde2df;background:#f4fbfa;color:var(--teal-dark);border-radius:10px;padding:11px 13px;display:flex;align-items:center;gap:9px;text-align:left;font-weight:700}
.habit-help-toggle:hover{background:#edf8f6}
.habit-help-icon{width:23px;height:23px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;flex:0 0 auto}
.habit-help-chevron{margin-left:auto}
.habit-help-panel{padding:14px 15px;background:#fff;border:1px solid #cde2df;border-top:0;border-radius:0 0 10px 10px}
.habit-help-label{margin:0;color:var(--teal);font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:800}
.habit-help-text{margin:5px 0 9px;line-height:1.55}
.habit-help-next{border:0;background:transparent;color:var(--teal-dark);font-weight:800;padding:0;cursor:pointer}
.habit-help-panel.idea-changed{animation:habitIdeaFlash .55s ease}
@keyframes habitIdeaFlash{50%{background:#eaf8f6;box-shadow:0 0 0 5px rgba(42,157,143,.12)}}

/* Copy treatment inside the existing expectation card */
.expectation-card{align-items:flex-start}
.expectation-content{min-width:0}
.expectation-content>strong{display:block;margin:1px 0 8px;font-family:"Roboto Slab",Georgia,serif;font-size:1.02rem;color:var(--teal-dark)}
.expectation-content ul{margin:0;padding-left:20px}
.expectation-content li{margin:0 0 7px;line-height:1.45}
.expectation-content li:last-child{margin-bottom:0}

/* v12: flexible habit minimum and Google Drive export */
.confirmation-dialog {
  width: min(560px, calc(100% - 32px));
  border: 0;
  border-radius: 18px;
  padding: 0;
  box-shadow: 0 24px 80px rgba(24, 32, 42, .24);
}
.confirmation-dialog::backdrop { background: rgba(20, 28, 38, .55); }
.confirmation-dialog form { padding: 30px; }
.confirmation-dialog h2 { margin: 4px 0 12px; font-size: 1.65rem; }
.confirmation-dialog p:not(.eyebrow) { margin: 0; line-height: 1.6; color: var(--muted, #5d6875); }
.dialog-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 26px; flex-wrap: wrap; }
.completion-actions { margin-top: 24px; display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.export-spinner { width: 34px; height: 34px; border: 3px solid rgba(0,0,0,.12); border-top-color: currentColor; border-radius: 50%; animation: export-spin .8s linear infinite; }
@keyframes export-spin { to { transform: rotate(360deg); } }
.completion-note { max-width: 650px; margin: 18px auto 0; font-size: .95rem; color: var(--muted, #5d6875); }
@media (max-width: 620px) { .dialog-actions > * { width: 100%; } }