:root{--iti-pink:#f51f59;--iti-pink2:#ff507b;--iti-ink:#151925;--iti-muted:#777d8c;--iti-soft:#fff3f6;--iti-line:#f0e3e7}
.iti-modal,.iti-modal *{box-sizing:border-box}
.iti-modal{display:none;position:fixed;inset:0;z-index:99999;background:rgba(18,21,31,.58);backdrop-filter:blur(8px);align-items:center;justify-content:center;padding:22px;margin:0!important;max-width:none!important;width:100%!important}
.iti-modal.show{display:flex;animation:itiFade .18s ease both}
.iti-shell{position:relative;width:min(790px,100%);max-height:min(92vh,900px);overflow:auto;background:#fff;border:1px solid #fff;border-radius:30px;box-shadow:0 35px 110px rgba(18,21,31,.30);scrollbar-width:thin}
.iti-x{position:absolute;right:18px;top:18px;z-index:3;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#4e5360;box-shadow:0 5px 20px #11182716;font-size:26px;line-height:1;cursor:pointer;transition:.2s}
.iti-x:hover{transform:rotate(7deg) scale(1.07);background:var(--iti-soft);color:var(--iti-pink)}
.iti-form-head{display:flex;gap:17px;align-items:flex-start;padding:31px 72px 24px 30px;background:linear-gradient(135deg,#fff8fa 0%,#ffeaf0 100%);border-bottom:1px solid var(--iti-line)}
.iti-form-heart{flex:0 0 50px;width:50px;height:50px;border-radius:17px;display:grid;place-items:center;background:#fff;color:var(--iti-pink);font-size:28px;box-shadow:0 9px 25px #f51f5915;animation:itiBeat 1.8s ease-in-out infinite}
.iti-eyebrow{display:block;margin:1px 0 5px;color:var(--iti-pink);font-size:11px;font-weight:900;letter-spacing:1.5px}
.iti-form-head h2{margin:0!important;color:var(--iti-ink);font-size:29px!important;line-height:1.1;letter-spacing:-.8px}
.iti-form-head p{margin:7px 0 0;color:#676d7b;font-size:14px}
.iti-form-body{padding:26px 30px 30px}
.iti-block{margin-bottom:24px}.iti-block label,.iti-labelrow label{display:block;color:var(--iti-ink);font-size:14px;font-weight:900}
.iti-labelrow,.iti-story-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.iti-labelrow small,.iti-story-head span{color:#9a9eaa;font-size:12px}
.iti-cat-grid{display:flex;flex-wrap:wrap;gap:8px}
.iti-cat{position:relative;border:1px solid #eedfe4;background:#fff;color:#4b5160;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:800;cursor:pointer;transition:transform .16s ease,background .16s,border-color .16s,box-shadow .16s}
.iti-cat b{display:none;margin-left:5px}.iti-cat:hover{transform:translateY(-2px);border-color:#f7a7ba;background:#fff8fa}.iti-cat.selected{background:var(--iti-soft);border-color:#f77c9a;color:var(--iti-pink);box-shadow:0 5px 15px #f51f590c}.iti-cat.selected b{display:inline}
.iti-writing>label{margin-bottom:8px}.iti-shell input,.iti-shell select,.iti-shell textarea{font:inherit;color:var(--iti-ink);outline:none}
#itiTitle{width:100%;height:52px;border:1px solid #e9dfe3;border-radius:15px;padding:0 16px;background:#fff;transition:.18s;margin:0 0 19px}
#itiTitle:focus,.iti-textarea-wrap:focus-within{border-color:#f67d9b;box-shadow:0 0 0 4px #f51f5909}
.iti-textarea-wrap{border:1px solid #e9dfe3;border-radius:18px;overflow:hidden;transition:.18s;background:#fff}
#itiStory{display:block;width:100%;min-height:190px;resize:vertical;border:0!important;border-radius:0!important;padding:16px 17px 10px!important;margin:0!important;background:transparent!important;box-shadow:none!important;line-height:1.6}
.iti-writing-hint{padding:10px 16px 12px;border-top:1px solid #f3ecee;background:#fffbfc;color:#9498a4;font-size:11px}
.iti-profile{margin:5px 0 24px;border:1px solid var(--iti-line);border-radius:17px;background:#fcfafb;overflow:hidden}
.iti-profile summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer}.iti-profile summary::-webkit-details-marker{display:none}
.iti-profile summary span{display:flex;flex-direction:column}.iti-profile summary b{font-size:13px;color:var(--iti-ink)}.iti-profile summary small{font-size:11px;color:#8d919d;margin-top:2px}.iti-profile summary i{font-style:normal;color:var(--iti-pink);font-size:20px;transition:.2s}.iti-profile[open] summary i{transform:rotate(180deg)}
.iti-profile-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;padding:0 14px 12px}.iti-profile-grid label{font-size:11px;font-weight:800;color:#777d8c}.iti-profile-grid input,.iti-profile-grid select{width:100%;height:43px;margin-top:5px;padding:0 10px;border:1px solid #e6dde0;border-radius:12px;background:#fff}
.iti-profile>p{margin:0;padding:0 15px 13px;color:#999da7;font-size:10px}
.iti-submit-area{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding-top:2px}
.iti-privacy{display:flex;align-items:center;gap:10px}.iti-privacy>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eaf9f0;color:#20975a;font-weight:900}.iti-privacy div{display:flex;flex-direction:column}.iti-privacy b{font-size:12px;color:#353a47}.iti-privacy small{font-size:10px;color:#999da7;margin-top:2px}
.iti-publish{min-height:55px!important;border:0!important;border-radius:17px!important;padding:0 23px!important;background:linear-gradient(135deg,var(--iti-pink),var(--iti-pink2))!important;color:#fff!important;font-weight:900!important;font-size:14px!important;cursor:pointer;box-shadow:0 12px 28px #f51f5930!important;transition:.2s!important}.iti-publish:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 17px 34px #f51f5942!important}.iti-publish:disabled{opacity:.6;cursor:wait;transform:none}
#itiMsg{grid-column:1/-1;text-align:right;min-height:18px;font-size:12px;font-weight:800;color:#6c7280}#itiMsg.ok{color:#218654}#itiMsg.err{color:#c42d4e}
@keyframes itiFade{from{opacity:0}to{opacity:1}}@keyframes itiBeat{0%,42%,100%{transform:scale(1)}12%{transform:scale(1.12)}23%{transform:scale(1)}31%{transform:scale(1.07)}}
@media(max-width:650px){
 .iti-modal{padding:0;align-items:flex-end;background:#1118278a}.iti-shell{width:100%;max-height:96dvh;border-radius:25px 25px 0 0}
 .iti-form-head{padding:24px 58px 19px 18px;gap:12px}.iti-form-heart{width:43px;height:43px;flex-basis:43px;border-radius:14px;font-size:24px}.iti-form-head h2{font-size:23px!important}.iti-form-head p{font-size:12px}
 .iti-x{right:12px;top:12px;width:38px;height:38px}.iti-form-body{padding:20px 16px 24px}.iti-cat-grid{flex-wrap:nowrap;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:none}.iti-cat-grid::-webkit-scrollbar{display:none}.iti-cat{flex:0 0 auto}
 #itiStory{min-height:175px}.iti-profile-grid{grid-template-columns:1fr}.iti-submit-area{grid-template-columns:1fr}.iti-publish{width:100%;min-height:58px!important;font-size:15px!important;grid-row:1}.iti-privacy{grid-row:2;justify-content:center}#itiMsg{text-align:center;grid-row:3}
}
@media(prefers-reduced-motion:reduce){.iti-form-heart{animation:none}}

/* v0.3 required demographic context */
.iti-about{padding:18px;border:1px solid var(--iti-line);border-radius:20px;background:linear-gradient(145deg,#fffafb,#fff)}
.iti-about-intro{margin:-3px 0 16px;color:#858a97;font-size:12px;line-height:1.5}
.iti-gender-title{font-size:12px;font-weight:900;color:#4e5360;margin-bottom:8px}
.iti-genders{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.iti-gender{border:1px solid #eadfe3;background:#fff;color:#555b68;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800;cursor:pointer;transition:.17s}
.iti-gender:hover{transform:translateY(-2px);border-color:#f28ba4;background:#fff7f9}
.iti-gender.selected{background:#fff0f4;border-color:#f66e90;color:var(--iti-pink);box-shadow:0 5px 14px #f51f5910}
.iti-demographics{display:grid;grid-template-columns:.65fr 1.35fr;gap:10px}
.iti-demographics label{font-size:11px!important;font-weight:900!important;color:#747986!important}
.iti-demographics input,.iti-demographics select{width:100%;height:46px;margin-top:5px;padding:0 12px;border:1px solid #e6dde0;border-radius:13px;background:#fff}
@media(max-width:650px){.iti-about{padding:15px}.iti-genders{flex-wrap:nowrap;overflow-x:auto;padding:2px 1px 7px;scrollbar-width:none}.iti-genders::-webkit-scrollbar{display:none}.iti-gender{flex:0 0 auto}.iti-demographics{grid-template-columns:.7fr 1.3fr}}

/* v0.4 country selector */
#itiCountry{appearance:none;-webkit-appearance:none;padding:0 44px 0 14px!important;border:1px solid #eadde2!important;border-radius:14px!important;background:linear-gradient(45deg,transparent 50%,#f51f59 50%) calc(100% - 20px) 19px/6px 6px no-repeat,linear-gradient(135deg,#f51f59 50%,transparent 50%) calc(100% - 15px) 19px/6px 6px no-repeat,linear-gradient(135deg,#fff8fa,#fff)!important;box-shadow:0 7px 20px #1118270a;cursor:pointer;font-weight:800;color:#404653;transition:.18s}
#itiCountry:hover{border-color:#f58da6!important;box-shadow:0 10px 25px #f51f5912;transform:translateY(-1px)}
#itiCountry:focus{border-color:#f51f59!important;box-shadow:0 0 0 4px #f51f590d}