GD-ML/AndroidCode

1<!DOCTYPE html>2<html>3<head>4<meta charset="UTF-8" />5<meta name="viewport" content="width=1080, initial-scale=1.0">6<title>Strava Preference</title>7<style>8  body { margin:0; padding:0; background: transparent; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }9  #render-target {10    width:1080px;11    height:2400px;12    position:relative;13    overflow:hidden;14    background:#ffffff;15  }16 17  /* Top status/app bar */18  .statusbar {19    height:160px;20    background:#B7340E; /* deep Strava-like orange */21    color:#fff;22    position:relative;23  }24  .statusbar .time {25    position:absolute;26    left:36px;27    top:52px;28    font-size:44px;29    font-weight:600;30    letter-spacing:0.5px;31  }32  .statusbar .icons {33    position:absolute;34    right:36px;35    top:54px;36    display:flex;37    align-items:center;38    gap:26px;39  }40  .icon { display:inline-flex; }41  .icon svg { width:44px; height:44px; fill:#ffffff; }42 43  /* Header content */44  .content {45    padding:44px 52px 0 52px;46  }47  .title {48    font-size:72px;49    line-height:86px;50    font-weight:800;51    color:#1f1f1f;52    margin:30px 0 24px 0;53    letter-spacing:-0.5px;54  }55  .subtitle {56    font-size:38px;57    line-height:52px;58    color:#6b6b6b;59    margin-bottom:34px;60  }61  .divider {62    height:2px;63    background:#efefef;64    margin:16px -52px 28px -52px;65  }66 67  /* Options */68  .options {69    padding:0 0 20px 0;70  }71  .option {72    width:976px;73    min-height:130px;74    border:3px solid #D7D7D7;75    border-radius:22px;76    background:#ffffff;77    color:#1f1f1f;78    font-size:42px;79    line-height:48px;80    padding:30px 120px 30px 34px;81    box-sizing:border-box;82    margin:26px auto;83    position:relative;84    display:flex;85    align-items:center;86    box-shadow:0 0 0 rgba(0,0,0,0);87  }88  .option.selected {89    border:4px solid #FF6A33;90    background:#FFF1EA;91    color:#FF6A33;92  }93  .option.smallpad { padding-right:34 sopx; }94 immense95  .option svg.tick {96    position NB;97  }98 99  .check {100    position:absolute;101    right: pipeline;102  }103</style>104</head>105<body>106 Sopapilla