:root{--green-900: #173404;--green-700: #27500A;--green-500: #4a7c15;--green-300: #97C459;--green-100: #EAF3DE;--gold-600: #D4850E;--gold-400: #EF9F27;--gold-100: #FAEEDA;--red-600: #c0392b;--ink: #2C2C2A;--muted: #888780;--border: #e4e2da;--bg: #F8F6F0}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink)}.app-shell{max-width:420px;margin:0 auto;min-height:100vh;background:#fff}.tab-bar{display:flex;border-bottom:1.5px solid var(--border)}.tab-bar button{flex:1;border:none;background:transparent;padding:12px 6px;font-size:12px;font-weight:700;cursor:pointer;color:var(--muted);border-bottom:2.5px solid transparent;display:flex;align-items:center;justify-content:center;gap:5px}.tab-bar button.active{color:var(--green-500);border-bottom-color:var(--green-500)}.card{background:#fff;border:1.5px solid var(--border);border-radius:14px;padding:14px;margin-bottom:12px}.btn-primary{width:100%;background:var(--green-500);border:none;border-radius:10px;padding:12px;font-size:13.5px;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px}.btn-secondary{width:100%;background:#f8f6f0;border:1.5px solid var(--border);border-radius:9px;padding:9px;font-size:11.5px;font-weight:700;color:#5f5e5a;cursor:pointer}.btn-danger{background:#fdf0ef;border:1.5px solid #F3C6C1;color:var(--red-600)}.share-row{display:flex;gap:8px;flex-wrap:wrap}.share-icon{display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;flex:1;min-width:52px}.share-icon .swatch{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.share-icon .lbl{font-size:9.5px;font-weight:600;color:var(--muted);text-align:center}.stepper{display:flex;align-items:center;margin-bottom:4px}.step-dot{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;font-size:9px;font-weight:800;color:#b4b2a9;border:2.5px solid #c8c6c0;background:#e4e2da}.step-dot.done{background:var(--green-500);border-color:var(--green-700);color:#fff}.step-dot.active{background:var(--gold-400);border-color:var(--gold-600);color:#fff;box-shadow:0 0 0 5px #ef9f272e}.step-line{flex:1;height:3px;background:var(--border)}.step-line.done{background:var(--green-500)}.lb-row{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:10px;margin-bottom:4px}.lb-row.you{background:#fffbf5;border:1.5px solid var(--gold-400)}.lb-row:not(.you){border:1.5px solid transparent}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1a08d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-card{background:#fff;border-radius:16px;width:100%;max-width:360px;overflow:hidden}