
.development-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:16px 0 24px}.development-heading h2{font:31px/1.5 var(--serif);margin:10px 0 0}.development-heading .small-button{flex-shrink:0}.development-grid{display:grid;grid-template-columns:1.13fr 1fr;gap:22px}.development-plan{background:#e5eadb;border:1px solid #c6d1b8;border-radius:5px;padding:28px}.development-moment{background:#f1e7da;border:1px solid #dacbb8;border-radius:5px;padding:28px}.development-plan h3,.development-moment h3{font:29px/1.5 var(--serif);margin:19px 0 12px}.development-plan>p,.development-moment>p{font-size:12px;color:#718065;line-height:1.9}.development-status{font-size:10px;color:#688051;border:1px solid #aebd9c;border-radius:20px;padding:5px 10px}.development-progress{display:flex;align-items:center;gap:15px;margin:24px 0 14px}.development-progress progress{height:5px;accent-color:#69894f;width:100%}.development-progress b{font:22px var(--serif);font-weight:400;min-width:50px}.development-steps{display:flex;justify-content:space-between;gap:7px;font-size:10px;color:#a0ac91}.development-steps .done{color:#52713d}.development-plan .development-wish{border-top:1px solid #c7d1bc;margin-top:26px;padding-top:16px;font-size:11px}.development-plan .development-cause{font-size:11px;color:#a06f4f;margin-top:17px}.development-note{display:block;font-size:10px;color:#9e8b74;margin:12px 0}.development-skills{display:grid;gap:11px;margin-top:24px}.development-skills>div{display:grid;grid-template-columns:65px 1fr 25px;gap:12px;align-items:center;font-size:10px;color:#94816b}.development-skills progress{width:100%;height:3px;accent-color:#ab8967}.development-skills b{font-size:11px;font-weight:400;text-align:right}.development-habits{display:flex;flex-wrap:wrap;gap:13px;align-items:center;border-block:1px solid var(--line);padding:18px 0;margin-top:22px;font-size:11px}.development-habits>span{color:#8f9c81;margin-right:10px}.development-habits b{font-weight:400;color:#536f46}.development-habits small{color:#8e9e7d;margin-left:7px}.development-disclosure{font-size:10px;color:#919b85;line-height:1.8;margin:20px 0 34px}.development-history{margin-top:20px;border:1px solid var(--line);padding:15px 18px;border-radius:3px}.development-history summary{font-size:11px;color:#7a8b69;cursor:pointer}.development-history>div{display:flex;gap:15px;align-items:center;padding-top:14px;font-size:11px}.development-history>div>span{font-size:9px;color:#8b9a79}.development-history b{font-weight:400}.development-history small{margin-left:auto;color:#8b9a79}
.character-extra{border:1px solid #c4cdbb;border-radius:4px;padding:15px;margin:23px 0;background:#eef0e4}.character-extra>summary{cursor:pointer;list-style:none;font:18px var(--serif);color:#5c7150;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}.character-extra>summary span{font:9px var(--sans);color:#929f83}.character-extra[open] .character-fields{margin-top:23px}.character-fields>label,.character-two>label{display:flex;flex-direction:column;font-size:11px;gap:8px;color:#6c7c5e;margin:0 0 20px}.character-fields label>small,.character-fields legend>small{font-size:9px;color:#95a187;font-weight:400}.character-fields input:not([type=checkbox]),.character-fields textarea,.character-fields select{display:block;width:100%;border:1px solid #cbd4bf;border-radius:4px;min-height:44px;background:#fcfbf5;color:#3b5033;padding:10px 12px;font-size:12px;line-height:1.8;font-family:inherit}.character-fields textarea{resize:vertical;min-height:78px}.character-two{display:grid;grid-template-columns:1fr 1fr;gap:0 17px}.character-fields fieldset{border:0;padding:0;margin:0 0 20px}.character-fields legend{font-size:11px;color:#6c7c5e;margin-bottom:10px}.character-checks{display:flex;flex-wrap:wrap;gap:8px}.character-checks label{display:flex;align-items:center;gap:6px;border:1px solid #c7d2b9;padding:8px 10px;border-radius:3px;font-size:10px;cursor:pointer;background:#fbfbf1}.character-checks input{accent-color:#65834a;width:14px;height:14px;margin:0}.character-preview{font-size:10px;color:#68844f;line-height:1.9;background:#e2e9d5;border-left:2px solid #91a978;padding:13px 15px;margin-top:16px}.character-dialog{width:min(720px,94vw);padding:35px 40px;max-height:90svh;overflow:auto}.character-dialog h2{font:33px/1.5 var(--serif);margin:15px 0}.character-intro{font-size:12px;color:#839171;line-height:1.9;margin-bottom:27px}.character-privacy{font-size:10px;color:#8c987b;line-height:1.9;margin:22px 0 12px}.character-dialog form>.primary-button{width:100%;font-size:12px;justify-content:center;min-height:48px}.character-dialog .form-error{font-size:11px;line-height:1.8}.intention-options{grid-template-columns:repeat(2,minmax(0,1fr))}.intention-options button{display:grid;grid-template-columns:24px 1fr;gap:8px;text-align:left;align-content:start;min-height:90px;padding:15px 12px}.intention-options button b{font-size:12px;font-weight:400;align-self:center}.intention-options button small{grid-column:1/-1;font-size:9px;line-height:1.8;color:#8a977a}.intention-options button>span{font-size:22px}.intention-options button.chosen small{color:#627c4b}.intention-options button.chosen{border-color:#7f9b62}.character-edit-passport{margin-top:14px;font-size:12px}
@media(max-width:700px){.development-heading{display:block;margin-top:7px}.development-heading h2{font-size:25px}.development-heading>.small-button{margin-top:16px;min-height:39px;font-size:11px}.development-grid{grid-template-columns:1fr;gap:15px}.development-plan,.development-moment{padding:22px}.development-plan h3,.development-moment h3{font-size:26px}.development-plan>p,.development-moment>p{font-size:12px}.development-disclosure{margin-bottom:24px}.character-dialog{padding:29px 23px}.character-dialog h2{font-size:29px}.character-two{gap:0 12px}.character-fields>label,.character-two>label{font-size:10px}.character-fields input:not([type=checkbox]),.character-fields select,.character-fields textarea{font-size:16px;padding:8px}.character-extra .character-two{grid-template-columns:1fr}.character-checks label{font-size:11px;min-height:40px}.character-preview{font-size:11px}.intention-options{gap:10px}.intention-options button{padding:13px 12px;min-height:105px}.intention-options button b{font-size:12px}.intention-options button small{font-size:10px}.character-extra>summary{font-size:17px}.character-dialog .character-two{grid-template-columns:1fr}.development-history>div{flex-wrap:wrap;gap:8px}}
