.first-steps {margin-block:18px 24px;padding:22px;border:1px solid var(--line,#66897a);border-radius:18px;background:var(--m-surface,var(--paper));}
.first-steps-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.first-steps-heading h3 {margin:0;font-size:1.2rem;}
.first-steps-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-block-start:16px;}
.first-step {padding:18px;border-radius:14px;position:relative;overflow:hidden;border:1px solid currentColor;}
.first-step:after {content:'';position:absolute;inset-block-start:-20px;inset-inline-end:-30px;width:110px;height:110px;border:1px solid currentColor;border-radius:45% 55% 60% 40%;opacity:.12;transform:rotate(25deg);pointer-events:none;}
.first-step button {text-align:start;display:block;padding:8px 0;white-space:normal;line-height:1.4;min-height:44px;color:inherit;font-weight:700;}
.first-step p {font-size:.9rem;line-height:1.5;margin:4px 0 0;}
.first-step-food {background:#edf5f1;color:#235c49;border-color:#bcd5c9;}
.first-step-move {background:#fff0e8;color:#834126;border-color:#e9c9b9;}
.first-step-insight {background:#edf1fc;color:#3c5186;border-color:#c5cfea;}
.first-step-done {font-size:.8rem;font-weight:700;}
.first-use-dialog {max-width:540px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;}
.first-use-dialog h2 {font-size:1.6rem;line-height:1.25;margin:0;}
.first-use-dialog p {line-height:1.6;overflow-wrap:anywhere;}
.first-use-dialog label {display:grid;gap:7px;margin-block:18px;}
.first-use-dialog select {width:100%;min-height:48px;box-sizing:border-box;}
.first-use-dialog .modal-actions {flex-wrap:wrap;gap:10px;}
.first-use-dialog .modal-actions button {min-height:48px;white-space:normal;}
.first-use-dialog .trial-budget {font-weight:700;font-size:1.1rem;}
html[data-theme="dark"] .first-step-food {background:#213c32;color:#d3ecdf;border-color:#466453;}
html[data-theme="dark"] .first-step-move {background:#433025;color:#ffe2c7;border-color:#79614f;}
html[data-theme="dark"] .first-step-insight {background:#2b344b;color:#dbe4ff;border-color:#556685;}
@media(max-width:650px){.first-steps-grid{grid-template-columns:1fr}.first-steps{padding:16px}.first-step{padding:12px 16px}.first-use-dialog{padding:20px}.first-use-dialog .modal-head{align-items:start}.first-use-dialog .modal-actions button{flex:1 1 140px}}