:root{font-family:system-ui,-apple-system,Apple SD Gothic Neo,sans-serif;color:#293c30;background:#f0f1eb}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;border-radius:12px;padding:12px 15px;background:#37674b;color:#fff;font-weight:700}button.outline{background:#fff;color:#37674b;border:1px solid #d7e1d3}button.textbtn{background:none;color:#37674b;padding:12px 0}.shell{max-width:520px;margin:auto;min-height:100dvh;background:#faf9f4;padding-bottom:85px;box-shadow:0 0 25px #0001}header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e1e7dd;gap:10px}header b{font-size:17px}header small{display:block;font-size:10px;color:#778478;margin-top:5px}header button{font-size:12px;white-space:nowrap}main{padding:22px}h1{font-size:28px;letter-spacing:-1px}h2{font-size:20px}h3{font-size:17px}.hero{background:#e8efe3;padding:28px 22px;border-radius:22px}.hero h1{line-height:1.4}.actions{display:flex;gap:9px}.actions button{flex:1;font-size:13px}.question{display:block;width:100%;text-align:left;background:#fff;color:#293c30;border:1px solid #e3e8de;margin:10px 0;padding:17px}.question small,.panel small{display:block;color:#568368;font-size:12px;margin-bottom:8px}.question strong{font-size:16px;line-height:1.6}.panel{background:#fff;border:1px solid #e3e8de;border-radius:16px;padding:17px;margin:12px 0;line-height:1.7}.notice{background:#f0f3e9;padding:13px;border-radius:12px;font-size:13px;margin:12px 0}.notice button{font-size:11px;padding:6px;float:right}.pre{white-space:pre-wrap}label{display:block;margin:15px 0;font-size:13px;font-weight:700}input:not([type=radio]):not([type=checkbox]),textarea,select{display:block;width:100%;padding:13px;margin:7px 0;border:1px solid #d7dfd5;border-radius:11px;background:#fff;color:#293c30}textarea{min-height:120px;resize:vertical}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);max-width:520px;width:100%;background:#fff;border-top:1px solid #e3e8de;display:flex;justify-content:space-around}nav button{background:none;color:#87988b;font-size:11px;display:flex;align-items:center;flex-direction:column;gap:4px;padding:10px 5px}nav button span{font-size:23px}nav button.active{color:#37674b}.my-profile{display:flex;align-items:center;gap:16px}.my-profile h2{margin:0 0 4px}.my-profile p{margin:0 0 5px;font-size:13px;color:#64816d}.my-profile small{font-size:11px}.my-avatar{width:64px;height:64px;flex:none;border-radius:50%;background:#e7f0df;display:flex;align-items:center;justify-content:center;font-size:30px}.my-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 20px}.my-stats>div{background:#e8efe3;border-radius:14px;padding:16px 5px;display:flex;align-items:center;flex-direction:column;gap:5px}.my-stats strong{font-size:23px;color:#37674b}.my-stats span{font-size:12px;color:#627568}.my-tabs{display:flex;gap:5px;border-bottom:1px solid #dce5d9;margin-bottom:16px}.my-tabs button{background:transparent;color:#718476;border-radius:0;padding:12px 9px;flex:1;font-size:13px;border-bottom:3px solid transparent}.my-tabs button.active{color:#37674b;border-bottom-color:#37674b}.my-question-label{font-weight:700;color:#496753}.empty-state{text-align:center;padding:26px 16px}.empty-state button{margin-top:15px}.my-avatar,.author-avatar{overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#e7f0e3;border-radius:50%}.my-avatar img,.author-avatar img{width:100%;height:100%;object-fit:cover}.author-line{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:#426a4e}.author-avatar{width:27px;height:27px;font-size:15px}.author-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:8px}.author-meta small{margin:0}.question-author{margin-top:12px}.profile-summary{flex:1}.profile-summary .outline{margin-top:7px}.profile-editor{margin-top:12px}.profile-buttons{display:flex;gap:9px;flex-wrap:wrap}.crop-editor{margin-top:16px}.crop-frame{width:240px;height:240px;border-radius:50%;overflow:hidden;position:relative;margin:12px auto;background:#e5e9df;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.crop-frame img{position:absolute;left:50%;top:50%;max-width:none;max-height:none;pointer-events:none;-webkit-user-select:none;user-select:none}.crop-editor input[type=range]{width:100%;accent-color:#37674b}html{width:100%;min-width:0;-webkit-text-size-adjust:100%}body,#root,.shell{width:100%;min-width:0}header>div,main,.profile-summary{min-width:0}img{max-width:100%}nav{z-index:100;bottom:0;bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -3px 14px #0000000a}nav button{flex:1;min-width:0}@media(max-width:600px){:root{background:#faf9f4}.shell{max-width:none;width:100%;min-height:100dvh;margin:0;box-shadow:none;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}header{padding:16px;gap:8px}header b{font-size:16px}header small{font-size:10px}header button{padding:10px 12px}main{padding:18px 16px 26px}h1{font-size:26px}.hero{padding:24px 20px}.actions{flex-wrap:wrap}.actions button{min-width:125px}.question,.panel{padding:16px}nav{left:0;right:0;transform:none;width:100%;max-width:none;padding-bottom:env(safe-area-inset-bottom,0px)}nav button{padding:11px 3px;font-size:11px}nav button span{font-size:22px}.my-profile{gap:12px}.my-avatar{width:58px;height:58px}.my-stats{gap:7px}.my-stats>div{padding:13px 3px}.my-tabs button{padding:11px 4px;font-size:12px}.crop-frame{max-width:100%;width:min(240px,75vw);height:auto;aspect-ratio:1}}@media(max-width:360px){header{padding:14px 12px}main{padding:16px 12px 24px}.actions button{min-width:0;font-size:12px;padding:11px 8px}}