: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}}.sound-toggle{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;padding:7px 12px;background:transparent;border:1px solid #c7d8c3;border-radius:999px;color:#496d52;font-size:12px;font-weight:600}.sound-toggle span{font-size:11px;opacity:.75}.random-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#192a1f91;display:flex;align-items:center;justify-content:center;padding:18px;animation:forestFade .22s ease-out}.random-modal{position:relative;width:min(100%,440px);max-height:calc(100dvh - 36px);overflow-y:auto;text-align:center;background:#faf9f4;border:2px solid #dbe8d7;border-radius:28px;padding:30px 24px 28px;box-shadow:0 22px 65px #12251c4d;animation:forestRise .35s cubic-bezier(.2,.8,.2,1)}.random-heading{font-size:13px;letter-spacing:.04em;font-weight:800;color:#64816d}.random-close{position:absolute;right:12px;top:12px;background:transparent;color:#607766;font-size:28px;padding:0 10px}.random-envelope{width:140px;height:140px;margin:22px auto 12px;display:grid;place-items:center;font-size:80px;border-radius:32px;background:#e8efe3;box-shadow:0 8px 22px #38634c1a;animation:forestFloat 2.5s ease-in-out infinite}.random-modal h2{font-size:21px;line-height:1.5;overflow-wrap:anywhere}.random-modal p{font-size:13px;color:#728275;line-height:1.6}.random-primary{width:100%;margin-top:15px;padding:15px 18px;font-size:15px;border-radius:14px}.random-reveal{animation:forestReveal .55s cubic-bezier(.2,.8,.2,1)}.random-leaf{font-size:46px;margin:18px 0 8px}.random-reveal small{color:#64816d;font-weight:700}.random-reveal h2{margin:16px 0;font-size:23px}.random-again{display:block;margin:12px auto 0;background:transparent;color:#37674b;font-size:13px}@keyframes forestFade{0%{opacity:0}to{opacity:1}}@keyframes forestRise{0%{opacity:0;transform:translateY(25px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes forestFloat{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(3deg)}}@keyframes forestReveal{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.random-backdrop,.random-modal,.random-envelope,.random-reveal{animation:none}}@media(max-width:600px){.random-modal{padding:27px 20px 24px}.random-reveal h2{font-size:21px}}.legal-footer{max-width:520px;margin:0 auto;padding:20px 16px 115px;text-align:center;color:#738276;font-size:12px}.legal-footer button{background:transparent;color:#496b54;font-size:12px;font-weight:600;padding:6px 9px}.legal-footer small{display:block;margin-top:7px;color:#87938a;font-size:11px}.legal-document{background:#fff;border:1px solid #e3e8de;border-radius:17px;padding:22px 20px;line-height:1.8;overflow-wrap:anywhere}.legal-document h1{font-size:24px;margin:0 0 10px}.legal-document h2{font-size:16px;margin:25px 0 8px;color:#37674b}.legal-document p{font-size:13px;line-height:1.85;margin:8px 0;color:#415348}.legal-document .legal-warning{color:#98612d;background:#fff4df;padding:10px 12px;border-radius:10px;font-weight:700}@media(max-width:600px){.legal-footer{max-width:none;padding-bottom:115px}.legal-document{padding:19px 16px}}