:root{--ink:#27231d;--muted:#746b5e;--paper:#f5efe2;--red:#8d2824;--line:rgba(73,59,43,.16)}
*{box-sizing:border-box}html{background:#ded5c5}body{margin:0;color:var(--ink);background:radial-gradient(circle at 12% 3%,rgba(255,255,255,.8),transparent 28%),var(--paper);font-family:"Noto Serif SC","Songti SC",SimSun,serif}.emotion-app{width:min(100%,480px);min-height:100vh;margin:0 auto;padding:18px 20px 34px}.emotion-header{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--line)}.emotion-header>a{display:grid;width:38px;height:38px;place-items:center;color:var(--red);border:1px solid var(--line);border-radius:50%;text-decoration:none;font-size:20px}.emotion-header span{color:var(--red);font-size:10px;letter-spacing:.14em}.emotion-header h1{margin:4px 0 0;font-size:19px;letter-spacing:.04em}.emotion-header em{padding:6px 9px;color:var(--red);border:1px solid rgba(141,40,36,.2);border-radius:14px;font:normal 11px Arial,sans-serif}.emotion-form{padding-top:15px}.intro-card{display:flex;gap:12px;align-items:center;margin-bottom:18px;padding:12px 14px;border:1px solid rgba(141,40,36,.16);border-radius:14px 4px 14px 4px;background:rgba(255,252,245,.55)}.intro-card>span{display:grid;flex:0 0 38px;height:38px;place-items:center;color:#fff8eb;border-radius:50%;background:var(--red)}.intro-card b{font-size:14px}.intro-card p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}fieldset{margin:0 0 18px;padding:0;border:0}legend{width:100%;margin-bottom:10px;font-size:15px;font-weight:700}legend small,.note-field>span small{margin-right:8px;color:var(--red);font-size:9px;letter-spacing:.12em}legend em,.note-field>span em{float:right;color:#998f82;font-size:10px;font-style:normal;font-weight:400}.mood-choices>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mood-choices input,.level-choices input,.body-choices input{position:absolute;opacity:0;pointer-events:none}.mood-choices label>span{display:flex;min-height:72px;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:14px 4px 14px 4px;background:rgba(255,252,245,.5)}.mood-choices i{display:grid;width:28px;height:28px;margin-bottom:5px;place-items:center;color:var(--red);border:1px solid rgba(141,40,36,.24);border-radius:50%;font-size:11px;font-style:normal}.mood-choices b{font-size:12px}.mood-choices input:checked+span{color:var(--red);border-color:rgba(141,40,36,.55);background:rgba(141,40,36,.07);box-shadow:inset 3px 0 var(--red)}.mood-choices input:checked+span i{color:#fff8eb;background:var(--red)}.level-choices>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.level-choices span,.body-choices span{display:grid;min-height:40px;place-items:center;color:var(--muted);border:1px solid var(--line);border-radius:10px 3px 10px 3px;background:rgba(255,252,245,.44);font-size:12px}.level-choices input:checked+span,.body-choices input:checked+span{color:#fff8eb;border-color:var(--red);background:var(--red)}.body-choices>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.body-choices span{min-height:36px;font-size:11px}.note-field{display:block;margin-bottom:17px}.note-field>span{display:block;margin-bottom:9px;font-size:15px;font-weight:700}.note-field textarea{display:block;width:100%;min-height:76px;padding:11px 12px;resize:vertical;color:var(--ink);border:1px solid var(--line);border-radius:13px 4px 13px 4px;outline:0;background:rgba(255,252,245,.58);font:13px/1.6 inherit}.note-field textarea:focus{border-color:rgba(141,40,36,.58)}.note-field>i{display:block;margin-top:3px;color:#9b9082;text-align:right;font:normal 9px Arial,sans-serif}.primary-button{display:flex;width:100%;min-height:50px;align-items:center;justify-content:center;color:#fff8eb;border:0;border-radius:4px 4px 13px 4px;background:var(--red);box-shadow:0 8px 20px rgba(111,31,28,.18);font:16px inherit;letter-spacing:.06em}.emotion-status{min-height:18px;margin:9px 0 0;color:var(--red);font-size:11px;text-align:center}@media(min-width:700px){body{padding:26px 0}.emotion-app{min-height:calc(100vh - 52px);border:1px solid rgba(73,59,43,.1);border-radius:24px;box-shadow:0 22px 70px rgba(66,52,36,.13)}}