:root{
      --bg:#f8f7ff;
      --card:#ffffff;
      --text:#111427;
      --muted:#737789;

      --line:#e1defc;

      --accent:#5447ff;
      --accent-2:#3124e8;
      --accent-light:#8b82ff;
      --accent-soft:#f0efff;

      --danger:#dc2626;

      --shadow:
        0 10px 28px rgba(49,36,232,.09);

      --radius-lg:16px;
      --radius-md:10px;
      --radius-sm:8px;
    }

    *{
      box-sizing:border-box;
      touch-action:manipulation;
    }

    html,
    body{
      margin:0;
      padding:0;
      width:100%;
      max-width:100%;
      overflow-x:hidden;

      font-family:
        system-ui,
        -apple-system,
        "Hiragino Kaku Gothic ProN",
        "Noto Sans JP",
        "Segoe UI",
        sans-serif;

      color:var(--text);

      background:
        radial-gradient(
          1200px 500px at 85% -10%,
          rgba(139,130,255,.20),
          transparent 60%
        ),
        radial-gradient(
          900px 500px at -10% 10%,
          rgba(211,207,255,.26),
          transparent 55%
        ),
        var(--bg);

      -webkit-text-size-adjust:100%;
      text-size-adjust:100%;
    }

    .page{
      min-height:100dvh;
      display:grid;
      grid-template-rows:auto 1fr auto;
      gap:18px;
    }

    header{
      position:sticky;
      top:0;
      z-index:10;

      -webkit-backdrop-filter:blur(10px);
      backdrop-filter:blur(10px);

      background:rgba(248,247,255,.88);
      border-bottom:1px solid rgba(49,36,232,.06);
    }

    .header-inner{
      max-width:920px;
      margin:0 auto;
      padding:16px 18px;

      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
    }

    .brand{
      display:flex;
      align-items:center;
      gap:10px;

      font-weight:700;
      letter-spacing:.02em;
      min-width:0;
    }

    .brand-mark{
      width:42px;
      height:42px;
      border-radius:12px;
      flex:0 0 42px;

      display:grid;
      place-items:center;

      overflow:hidden;

      background:
        linear-gradient(
          135deg,
          #e3e0ff,
          #f7f6ff
        );

      border:1px solid rgba(84,71,255,.22);

      box-shadow:
        0 3px 10px rgba(49,36,232,.14);
    }

    .brand-mark img{
      width:100%;
      height:100%;
      display:block;
      object-fit:cover;
    }

    .brand-name{
      line-height:1.35;
    }

    .brand-license{
      display:block;
      margin-top:2px;

      color:var(--muted);
      font-size:10px;
      letter-spacing:.02em;
    }

    .pill-note{
      display:inline-flex;
      align-items:center;
      gap:6px;

      flex:0 0 auto;
      white-space:nowrap;

      padding:8px 14px;

      color:var(--accent-2);
      background:#fff;

      border:1px solid var(--line);
      border-radius:999px;

      box-shadow:
        0 4px 12px rgba(49,36,232,.06);

      font-size:14px;
      font-weight:700;
    }

    .container{
      width:100%;
      max-width:920px;
      margin:0 auto 24px;
      padding:0 4vw;
    }

    @media (min-width:920px){
      .container{
        padding:0 18px;
      }
    }

    .hero{
      position:relative;
      overflow:hidden;

      padding:26px 22px 22px;

      background:
        linear-gradient(
          135deg,
          #ffffff,
          #ffffff 55%,
          var(--accent-soft)
        );

      border:1px solid var(--line);
      border-radius:var(--radius-lg);

      box-shadow:var(--shadow);
    }

    .hero::after{
      content:"";

      position:absolute;
      right:-120px;
      top:-140px;

      width:320px;
      height:320px;

      border-radius:50%;

      background:
        radial-gradient(
          circle at 30% 30%,
          rgba(84,71,255,.19),
          transparent 65%
        );

      pointer-events:none;
    }

    .hero-head{
      position:relative;
      z-index:1;

      display:flex;
      flex-direction:column;
      gap:6px;
    }

    .hero .meta{
      display:inline-flex;
      align-items:center;
      gap:8px;

      width:fit-content;
      max-width:100%;

      margin-left:-2px;
      padding:6px 10px;

      transform:translateY(-2px);

      color:var(--accent-2);

      background:
        rgba(240,239,255,.95);

      border:
        1px solid rgba(84,71,255,.18);

      border-radius:999px;

      font-size:12px;
      font-weight:600;
    }

    .hero h1{
      margin:0 0 2px;

      font-size:
        clamp(24px,3.6vw,31px);

      letter-spacing:.01em;
      line-height:1.2;
      white-space:pre-line;
    }

    .hero p{
      margin:0 0 6px;

      color:var(--muted);

      line-height:1.6;
      font-size:14px;
      white-space:pre-line;
    }

    form{
      margin-top:18px;
      padding:10px 0 4px;

      background:var(--card);

      border:1px solid var(--line);
      border-radius:var(--radius-lg);

      box-shadow:var(--shadow);
    }

    .section{
      padding:18px 22px 6px;

      border-top:
        1px dashed rgba(49,36,232,.10);
    }

    .section:first-child{
      border-top:none;
    }

    .section-title{
      display:flex;
      align-items:baseline;
      gap:8px;
      flex-wrap:wrap;

      margin:0 0 12px;

      font-size:14px;
      font-weight:700;
    }

    .section-title .req{
      color:var(--danger);
      font-size:12px;
      font-weight:700;
    }

    .section-title .limit{
      color:var(--muted);
      font-size:11.5px;
      font-weight:700;
    }

    .section-sub{
      margin:-6px 0 12px;

      color:var(--muted);

      font-size:12px;
      line-height:1.6;
      white-space:pre-line;
    }

    .choice-note{
      margin:-6px 0 12px;

      color:var(--muted);

      font-size:12px;
      line-height:1.6;
    }

    .field{
      display:grid;
      gap:8px;

      min-width:0;
      margin-bottom:14px;
    }

    .profile-name-field{
      margin-bottom:18px;
    }

    .grid-2{
      display:grid;
      grid-template-columns:1fr;
      gap:16px;
    }

    @media (min-width:720px){
      .grid-2{
        grid-template-columns:1fr 1fr;
      }
    }

    .basic-pair{
      display:grid;
      grid-template-columns:1fr 1fr;
      column-gap:36px;
      row-gap:18px;
      align-items:start;
    }

    .basic-pair .field{
      margin-bottom:0;
    }

    @media (max-width:719px){
      .basic-pair{
        column-gap:18px;
      }
    }

    input[type="text"],
    input[type="number"],
    select,
    textarea{
      width:100%;
      max-width:100%;

      padding:12px;

      color:var(--text);
      background:#fff;

      border:1px solid var(--line);
      border-radius:var(--radius-md);

      outline:none;

      font-family:inherit;
      font-size:16px;

      transition:
        border .15s ease,
        box-shadow .15s ease,
        background .15s ease;
    }

    select{
      padding-right:44px;
      font-size:16px;
    }

    #sex{
      padding-right:18px;
      font-size:13px;
    }

    textarea{
      min-height:110px;
      resize:vertical;
    }

    input::placeholder,
    textarea::placeholder{
      color:#9da1b5;
    }

    input:focus,
    select:focus,
    textarea:focus{
      border-color:
        rgba(84,71,255,.58);

      box-shadow:
        0 0 0 4px rgba(84,71,255,.12);

      background:#fdfdff;
    }

    .date-picker-trigger{
      width:100%;
      max-width:100%;
      min-width:0;
      min-height:50px;
      padding:10px 14px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      color:var(--text);
      background:linear-gradient(180deg,#fff,#faf9ff);
      border:1.5px solid rgba(84,71,255,.52);
      border-radius:10px;
      outline:none;
      font-family:inherit;
      font-size:17px;
      font-weight:650;
      line-height:1.2;
      cursor:pointer;
      box-shadow:0 5px 14px rgba(49,36,232,.07);
    }

    .date-picker-trigger:focus-visible{
      border-color:var(--accent);
      box-shadow:0 0 0 3px rgba(84,71,255,.12);
    }

    .date-picker-icon{
      color:var(--accent);
      font-size:16px;
    }

    .date-picker-modal[hidden]{display:none;}
    .date-picker-modal{
      position:fixed;
      inset:0;
      z-index:100;
      display:grid;
      place-items:center;
      padding:18px;
      background:rgba(17,20,39,.28);
      -webkit-backdrop-filter:blur(5px);
      backdrop-filter:blur(5px);
      animation:dateFade .18s ease-out;
    }

    .date-picker-panel{
      width:min(100%,360px);
      padding:18px;
      background:linear-gradient(145deg,#fff,#f8f7ff);
      border:1px solid rgba(84,71,255,.18);
      border-radius:20px;
      box-shadow:0 22px 60px rgba(49,36,232,.20);
      animation:dateFloat .22s ease-out;
    }

    .date-picker-head{
      display:grid;
      grid-template-columns:42px 1fr 42px;
      align-items:center;
      gap:8px;
      margin-bottom:14px;
    }

    .date-picker-title{
      width:100%;
      padding:9px 8px;
      color:var(--text);
      background:transparent;
      border:0;
      border-radius:10px;
      text-align:center;
      font:inherit;
      font-size:17px;
      font-weight:750;
      cursor:pointer;
      box-shadow:none;
    }
    .date-picker-title:hover,.date-picker-title:focus-visible{background:var(--accent-soft);outline:none;}
    .date-picker-title::after{content:" ▾";color:var(--accent);font-size:12px;}
    .date-nav{
      width:42px;height:42px;padding:0;border:0;border-radius:50%;
      color:var(--accent-2);background:var(--accent-soft);font-size:21px;
      box-shadow:none;
    }

    .date-weekdays,.date-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;}
    .date-weekdays{margin-bottom:6px;color:var(--muted);font-size:11px;text-align:center;}
    .date-day{
      aspect-ratio:1;padding:0;border:0;border-radius:50%;
      color:var(--text);background:transparent;font-size:14px;font-weight:600;box-shadow:none;
    }
    .date-day:hover{background:var(--accent-soft);}
    .date-day.is-selected{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-light));}
    .date-day:disabled{color:#c8cad5;background:transparent;cursor:not-allowed;}
    .date-day.is-empty{visibility:hidden;}
    .date-picker-jump[hidden],.date-picker-calendar[hidden]{display:none;}
    .date-picker-jump-label{
      margin:2px 0 10px;
      color:var(--muted);
      font-size:12px;
      font-weight:700;
      text-align:center;
    }
    .date-picker-jump-grid{
      max-height:270px;
      overflow-y:auto;
      overscroll-behavior:contain;
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:8px;
      padding:2px 3px 4px;
      scrollbar-width:thin;
    }
    .date-jump-option{
      min-height:44px;
      padding:8px 5px;
      color:var(--text);
      background:#fff;
      border:1px solid var(--line);
      border-radius:10px;
      font:inherit;
      font-size:14px;
      font-weight:700;
      box-shadow:none;
    }
    .date-jump-option.is-current{
      color:#fff;
      background:linear-gradient(135deg,var(--accent),var(--accent-light));
      border-color:transparent;
    }
    .date-jump-option:disabled{color:#c8cad5;background:#f5f5f8;cursor:not-allowed;}
    .date-picker-jump-back{
      width:100%;
      margin-top:10px;
      padding:9px;
      color:var(--accent-2);
      background:#fff;
      border:1px solid var(--line);
      border-radius:10px;
      font:inherit;
      font-weight:700;
      box-shadow:none;
    }
    .date-picker-close{
      width:100%;margin-top:14px;padding:10px;border:0;border-radius:10px;
      color:var(--accent-2);background:var(--accent-soft);font:inherit;font-weight:700;box-shadow:none;
    }

    @keyframes dateFade{from{opacity:0}to{opacity:1}}
    @keyframes dateFloat{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}

    @media (prefers-reduced-motion:reduce){
      .date-picker-modal,.date-picker-panel{animation:none;}
    }

    .inline-label{
      display:block;

      margin:0 0 6px;

      color:var(--muted);

      font-size:13px;
    }

    .inline-label-row{
      display:flex;
      align-items:baseline;
      gap:7px;
      flex-wrap:wrap;

      margin:0 0 6px;
    }

    .inline-label-row .inline-label{
      margin:0;
    }

    .inline-required{
      color:var(--danger);
      font-size:11.5px;
      font-weight:700;
    }

    .checks{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:10px 14px;
    }

    @media (min-width:720px){
      .checks{
        grid-template-columns:
          repeat(3,minmax(0,1fr));
      }
    }

    .check-item{
      display:flex;
      align-items:center;
      gap:8px;

      min-width:0;
      padding:10px;

      color:var(--text);
      background:#fff;

      border:1px solid var(--line);
      border-radius:var(--radius-sm);

      line-height:1.4;
      font-size:14px;

      transition:
        border .15s ease,
        background .15s ease,
        transform .08s ease,
        box-shadow .15s ease;
    }

    .check-item:hover{
      border-color:
        rgba(84,71,255,.38);

      background:#f9f8ff;

      box-shadow:
        0 4px 12px rgba(49,36,232,.05);
    }

    .check-item:active{
      transform:translateY(1px);
    }

    input[type="checkbox"],
    input[type="radio"]{
      width:18px;
      height:18px;
      flex:0 0 18px;

      accent-color:var(--accent);
    }

    .privacy-card{
      margin-bottom:4px;
      padding:14px;

      color:#5f6478;

      background:
        linear-gradient(
          180deg,
          #fff,
          #f9f8ff
        );

      border:
        1px solid rgba(84,71,255,.18);

      border-radius:14px;

      font-size:12.5px;
      line-height:1.7;
    }

    .hint{
      color:var(--muted);
      font-size:11.5px;
      line-height:1.55;
    }

    .actions{
      display:grid;
      gap:10px;

      padding:18px 22px 22px;
    }

    .btn{
      padding:14px;

      border:none;
      border-radius:14px;

      font-family:inherit;
      font-size:16px;
      font-weight:700;

      cursor:pointer;

      transition:
        transform .08s ease,
        filter .15s ease,
        box-shadow .15s ease;
    }

    .btn-primary{
      position:relative;
      overflow:hidden;

      color:#fff;

      background:
        linear-gradient(
          115deg,
          #2d20ff 0%,
          #5447ff 22%,
          #8b82ff 48%,
          #766cff 72%,
          #3124e8 100%
        );

      background-size:180% 180%;

      box-shadow:
        0 12px 24px rgba(45,32,255,.25),
        0 4px 10px rgba(45,32,255,.15),
        inset 0 1px 0 rgba(255,255,255,.30);

      animation:
        surveyButtonGradient
        5s
        ease-in-out
        infinite;
    }

    .btn-primary:hover{
      filter:
        brightness(1.04)
        saturate(1.05);
    }

    .btn-primary:active{
      transform:translateY(1px);
    }

    .btn-primary:focus-visible{
      outline:
        3px solid rgba(84,71,255,.25);

      outline-offset:4px;
    }

    .btn-primary:disabled{
      cursor:not-allowed;
      opacity:.68;
    }

    @keyframes surveyButtonGradient{
      0%,
      100%{
        background-position:0% 50%;
      }

      50%{
        background-position:100% 50%;
      }
    }

    .error{
      display:none;

      margin-top:8px;

      color:var(--danger);

      font-size:11.5px;
      font-weight:600;
    }

    .thankyou-stage{
      position:relative;

      min-height:62vh;
      display:none;
      justify-content:center;
      align-items:flex-start;

      padding-top:10px;
    }

    .thankyou{
      width:100%;
      margin-top:10px;
      padding:34px 22px 26px;

      text-align:center;

      background:
        linear-gradient(
          135deg,
          #ffffff,
          #ffffff 55%,
          var(--accent-soft)
        );

      border:1px solid var(--line);
      border-radius:var(--radius-lg);

      box-shadow:var(--shadow);
    }

    .done-badge{
      width:54px;
      height:54px;
      margin:0 auto 10px;

      display:grid;
      place-items:center;

      border-radius:50%;

      background:
        linear-gradient(
          135deg,
          #5447ff,
          #8b82ff
        );

      border:
        1px solid rgba(84,71,255,.22);

      box-shadow:
        0 9px 20px rgba(49,36,232,.20);
    }

    .done-kicker{
      margin-bottom:2px;

      color:var(--accent-2);

      font-size:11.5px;
      font-weight:700;
      letter-spacing:.08em;
    }

    .thankyou h2{
      margin:0 0 12px;

      font-size:
        clamp(22px,3.2vw,26px);

      letter-spacing:.01em;
    }

    .thankyou-secondary{
      margin:0;

      color:#5f6478;

      font-size:12.5px;
      font-weight:600;
      line-height:1.7;
    }

    footer{
      padding:10px 18px 26px;

      color:var(--muted);

      font-size:11px;
      text-align:center;
    }

    @media (max-width:560px){
      .header-inner{
        padding:12px 10px;
        gap:8px;
      }

      .brand{
        gap:8px;
      }

      .brand-mark{
        width:38px;
        height:38px;
        flex-basis:38px;
        border-radius:11px;
      }

      .brand-name{
        max-width:150px;
        font-size:12px;
      }

      .brand-license{
        font-size:9px;
      }

      .pill-note{
        padding:6px 8px;
        font-size:9.5px;
      }

      .container{
        padding:0 10px;
      }

      .hero{
        padding:22px 16px 18px;
      }

      .section{
        padding:16px 14px 6px;
      }

      .basic-pair{
        grid-template-columns:1fr 1fr;
        gap:14px;
      }

      .checks{
        grid-template-columns:1fr 1fr;
      }
    }

    @media (max-width:390px){
      .brand-name{
        max-width:126px;
        font-size:11px;
      }

      .pill-note{
        padding:6px 7px;
        font-size:8.8px;
      }

      .basic-pair{
        grid-template-columns:1fr;
      }
    }

    @media (prefers-reduced-motion:reduce){
      .btn-primary{
        animation:none;
      }
    }
  
/* Upload fields extend the reference survey's unchanged design system. */
input[type=email]{width:100%;max-width:100%;padding:12px;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);font:inherit;font-size:16px;outline:none}input[type=email]:focus{border-color:rgba(84,71,255,.58);box-shadow:0 0 0 3px rgba(84,71,255,.10)}
.gift-card{margin-top:12px}.gift-card>strong{color:var(--accent-2);font-size:14px}.privacy-card strong{font-weight:700}.terms h3{margin:10px 0 6px;font-size:12.5px}.terms h3:first-child{margin-top:0}.terms p{margin:0 0 10px}.terms p:last-child{margin:0}.consent-item{margin:12px 0;align-items:flex-start}.consent-item input{margin:1px 0 0}.item-heading{align-items:center}.remove-item{margin-left:auto;padding:4px 0;border:0;color:var(--muted);background:transparent;font:inherit;font-size:11.5px;cursor:pointer}.remove-item:hover{color:var(--danger)}.media-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.media-side{min-width:0}.media-side h3{display:flex;gap:8px;align-items:baseline;font-size:13px;margin:0 0 12px}.limit{font-size:11.5px;color:var(--muted);font-weight:400}.upload-label{display:flex;gap:8px;align-items:baseline}.media-input{display:block;width:100%;min-width:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);font-family:inherit;font-size:12px;color:var(--muted)}.media-input::file-selector-button{border:0;border-radius:6px;background:var(--accent-soft);color:var(--accent-2);font:inherit;font-weight:600;padding:8px 10px;margin-right:10px;cursor:pointer}.previews{display:flex;flex-wrap:wrap;gap:8px}.previews:empty{display:none}.previews figure{margin:0;width:96px}.previews img,.previews video{width:96px;height:80px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:var(--accent-soft)}.previews figcaption{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.file-remove{border:0;background:transparent;color:var(--danger);padding:2px 0;font:inherit;font-size:10px;cursor:pointer}.btn-secondary{width:100%;border:1px solid var(--line);background:var(--accent-soft);color:var(--accent-2);font-size:14px;box-shadow:none}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.eligibility-note ul{padding-left:20px;margin:8px 0}.trap{display:none}#status{margin:0;color:var(--danger)}#status:empty{display:none}progress{width:100%;height:12px;accent-color:var(--accent)}#success:not([hidden]){display:flex}[hidden]{display:none!important}.change-item textarea{min-height:88px}.add-section{padding-bottom:12px}a:focus-visible,button:focus-visible,input[type=file]:focus-visible{outline:3px solid rgba(84,71,255,.25);outline-offset:3px}@media(max-width:560px){.media-pair{grid-template-columns:1fr;gap:10px}.media-side+.media-side{padding-top:12px;border-top:1px dashed rgba(49,36,232,.1)}.gift-card>strong{font-size:13px}}
.consent-details,.item-details{margin:0 0 14px;color:var(--muted);font-size:12px}.consent-details summary,.item-details summary{cursor:pointer;padding:6px 0}.consent-details .hint{padding-top:6px}.eligibility-note{margin:14px 0 8px}.item-details .field{margin-top:8px}
.discord-fields{margin-bottom:18px}.resubmit-note{margin:24px 0 0;padding:20px;text-align:left;border:2px solid #f0ad35;border-radius:14px;background:#fff8e9;color:#3f2a10;font-size:15px;font-weight:600;line-height:1.85}.resubmit-note p{margin:0 0 12px}.resubmit-note p:last-child{margin-bottom:0}.resubmit-note .resubmit-title{color:#9c3709;font-size:17px;font-weight:800}.resubmit-note strong{color:#b42318;font-weight:800}.resubmit-instruction{font-weight:800;color:#111427}.resubmit-arrow{margin:8px 0;color:var(--accent);font-size:36px;font-weight:800;line-height:1.2}.resubmit-button{display:block;width:100%;font-size:16px}#receipt{overflow-wrap:anywhere}@media(max-width:560px){.resubmit-note{padding:16px;font-size:15px}.resubmit-note .resubmit-title{font-size:16px}}
.discord-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}

#discordUsernameHint{white-space:nowrap;font-size:clamp(8px,2.5vw,11.5px)}

.photo-intro .section-title{font-size:18px;margin-bottom:14px}.photo-request{padding:24px;border:2px solid #8478ff;border-radius:14px;background:linear-gradient(135deg,#f0edff,#faf9ff);text-align:center;box-shadow:0 6px 18px #5447ff12}.photo-request-title{color:#3723d6;font-size:clamp(21px,3.5vw,27px);font-weight:850;line-height:1.5;letter-spacing:.01em}.photo-mobile-break{display:none}.photo-request-pairs{display:flex;align-items:center;justify-content:center;gap:32px;margin:24px 0 14px}.photo-request-pairs>div{display:flex;align-items:center;gap:12px;color:#3927b8;font-size:15px}.photo-request-plus{font-size:22px;color:#8c7ddc}.photo-stack{position:relative;display:block;width:62px;height:54px}.photo-stack i{position:absolute;display:grid;place-items:center;width:44px;height:48px;border:1.5px solid #a499f5;border-radius:6px;background:#e0d9ff;color:#7763d8;left:0;top:0;transform:rotate(-12deg)}.photo-stack i:nth-child(2){left:8px;top:2px;background:#ede8ff;transform:rotate(-4deg)}.photo-stack i:last-child{left:16px;top:5px;background:#fff;transform:rotate(6deg);box-shadow:0 3px 8px #5447ff14}.photo-request-direction{margin:8px 0!important;color:#26203f;font-size:17px;font-weight:700;line-height:1.65}.photo-request-direction strong{color:#3723d6;background:linear-gradient(transparent 58%,#ffe59b 58%);padding:0 2px}.photo-request-reason{margin:8px 0 0!important;color:#615979;font-size:12px;line-height:1.7}@media(max-width:560px){.photo-request{padding:20px 12px}.photo-mobile-break{display:initial}.photo-request-pairs{gap:18px;margin-top:20px}.photo-request-pairs>div{flex-direction:column;gap:10px;font-size:14px}.photo-request-direction{font-size:16px}.photo-request-reason{font-size:11px}}