.tt-create-modal[hidden]{display:none}
.tt-create-modal{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:20px}
.tt-create-backdrop{position:absolute;inset:0;border:0;background:rgba(21,17,39,.48);backdrop-filter:blur(7px);cursor:pointer}
.tt-create-sheet{position:relative;width:min(760px,100%);max-height:min(82vh,720px);overflow:auto;padding:22px;border:1px solid rgba(255,255,255,.72);border-radius:28px;background:#fff;box-shadow:0 34px 90px rgba(29,21,65,.28)}
.tt-create-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}
.tt-create-kicker{display:block;margin-bottom:4px;color:#776f89;font-size:10px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
.tt-create-head h2{margin:0;color:#11142b;font-size:27px;line-height:1.08;letter-spacing:-.04em}
.tt-create-close{width:38px;height:38px;flex:0 0 38px;border:0;border-radius:12px;background:#f3f0f8;color:#34394d;font:inherit;font-size:24px;line-height:1;cursor:pointer}
.tt-create-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tt-create-option{min-width:0;min-height:184px;display:grid;grid-template-columns:44px minmax(0,1fr);align-content:start;gap:12px;padding:16px;border:1px solid transparent;border-radius:20px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.tt-create-option:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(34,24,71,.10)}
.tt-create-option-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:#fff;font-size:19px;font-weight:950;box-shadow:0 10px 24px rgba(31,24,65,.14)}
.tt-create-option>span:last-child{min-width:0}
.tt-create-option b{display:block;color:#14172d;font-size:15px;line-height:1.22}
.tt-create-option small{display:block;margin-top:7px;color:#666d81;font-size:11px;line-height:1.48}
.tt-create-option em{display:inline-flex;margin-top:15px;font-style:normal;font-size:10px;font-weight:950}
.tt-create-option.is-help{background:linear-gradient(145deg,#fcf9ff,#f1e9ff);border-color:#dfd1ff}.tt-create-option.is-help .tt-create-option-icon{background:linear-gradient(145deg,#8e5dff,#6231e7)}.tt-create-option.is-help em{color:#6330e3}
.tt-create-option.is-earn{background:linear-gradient(145deg,#fffaf5,#ffefe2);border-color:#ffd7bf}.tt-create-option.is-earn .tt-create-option-icon{background:linear-gradient(145deg,#ff914a,#ff631d)}.tt-create-option.is-earn em{color:#e95b18}
.tt-create-option.is-plan{background:linear-gradient(145deg,#f1fffd,#e5f9f7);border-color:#c6eeea}.tt-create-option.is-plan .tt-create-option-icon{background:linear-gradient(145deg,#25c3bd,#078d92)}.tt-create-option.is-plan em{color:#07898d}
@media(max-width:760px){
  .tt-create-modal{align-items:end;padding:0}
  .tt-create-sheet{width:100%;max-height:min(78vh,620px);padding:16px 14px calc(18px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}
  .tt-create-head{margin-bottom:12px}.tt-create-head h2{font-size:22px}.tt-create-kicker{font-size:9px}
  .tt-create-options{grid-template-columns:1fr;gap:8px}
  .tt-create-option{min-height:84px;grid-template-columns:42px minmax(0,1fr);align-items:center;padding:11px 12px;border-radius:17px}
  .tt-create-option-icon{width:42px;height:42px;border-radius:13px}
  .tt-create-option b{font-size:13px}.tt-create-option small{margin-top:3px;font-size:9px;line-height:1.35}.tt-create-option em{margin-top:6px;font-size:8.5px}
}