*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:#eeeee8;color:#23362d;font:17px/1.65 system-ui,"Microsoft YaHei",sans-serif;overflow-wrap:anywhere}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;min-height:46px;border:1px solid #b9c1b7;border-radius:12px;padding:9px 14px;background:#fdfdf7}button:disabled{opacity:.5;cursor:wait}.primary{background:#294c3c;color:#fff;border-color:#294c3c;font-weight:650}.quiet{background:transparent;border-color:transparent;font-size:14px;padding:8px}.app{max-width:680px;margin:auto;height:100dvh;height:var(--app-height,100dvh);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:#faf9f3;box-shadow:0 0 40px #1b332510}.boundary{margin:0;padding:5px 12px;text-align:center;font-size:12px;line-height:1.5;background:#e8e3d3;color:#514b3c}header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid #dfe2d7}header strong{font-size:20px}header span{display:block;font-size:12px;color:#647166}main{overflow:auto;overscroll-behavior:contain;min-width:0;padding:0 20px 18px;scroll-padding:18px}h1{font-size:31px;line-height:1.4;letter-spacing:-.6px;margin:16px 0}h2{font-size:22px;margin:0}h3{font-size:18px;margin:18px 0 8px}p{margin:10px 0}.eyebrow{color:#7a6545;font-size:14px;margin-top:28px}.small{font-size:13px;line-height:1.65;color:#677269}.limit{margin-top:20px}#login-area{padding:22px 0}#login-area p{color:#5a685d}#login-area form{margin:28px 0;display:grid;gap:12px}label{font-size:15px;display:block;margin:12px 0 5px}input,textarea,select{display:block;width:100%;min-width:0;border:1px solid #b2bcae;background:#fffef9;border-radius:10px;padding:10px 12px;min-height:46px;font-size:17px}textarea{resize:vertical;line-height:1.6}input[type=checkbox]{width:20px;min-height:20px;display:inline-block;vertical-align:middle;margin-right:8px}button:focus-visible,input:focus,textarea:focus,select:focus,summary:focus-visible{outline:3px solid #aa925d;outline-offset:2px}.context{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:13px 0}.context>button:first-child{border-radius:20px;font-size:14px;min-height:40px;padding:6px 12px}.shortcuts,.choices,.secondary{display:flex;gap:8px;flex-wrap:wrap}.shortcuts button{background:#edf0e6;border-color:#dce0d3}.shortcuts{margin:28px 0 22px}#welcome{padding:10px 0 4px}.bubble{padding:12px 0;border-bottom:1px solid #e1e5da}.bubble .who{font-size:12px;color:#697468;font-weight:650}.bubble.coach{margin-left:22px}.bubble.coach .content{background:#eaf0e4;border-radius:14px;padding:6px 14px}.bubble.assistant{margin-right:10px}.bubble .content p{margin:8px 0}.bubble .note{font-size:12px;color:#747b6b}.choices button{font-size:14px;flex:1;padding:8px}.secondary{margin-top:10px;border-bottom:1px solid #dfe2d7}footer{padding:8px 16px calc(5px + env(safe-area-inset-bottom));border-top:1px solid #d9dfd1;background:#faf9f3;min-width:0}#status{font-size:13px;line-height:1.5;color:#4e604e;margin:0 2px 6px}#status:empty{display:none}#raw{min-height:55px;max-height:120px;resize:none;overflow-y:auto}.compose-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.compose-actions .primary{margin-left:auto;min-width:84px}.compose-actions #mic{font-size:15px}.bottom-links{display:flex;justify-content:space-around;margin-top:4px}.bottom-links button{font-size:12px;min-height:34px;padding:4px 6px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}dialog{border:1px solid #c5cdbd;border-radius:18px;background:#faf9f3;color:inherit;width:min(94vw,620px);max-height:85dvh;padding:18px;overflow:auto}dialog::backdrop{background:#172b2466}.sheet-head{display:flex;gap:12px;align-items:center;justify-content:space-between;position:sticky;top:-18px;background:#faf9f3;z-index:2;padding:5px 0 12px}.sheet-head .quiet{flex-shrink:0}details{padding:10px 0;border-top:1px solid #dfe3d7}summary{cursor:pointer;min-height:44px;padding:7px 0;font-size:15px}audio{width:100%;margin:14px 0}.entry{padding:14px 0;border-bottom:1px solid #dce2d4}.entry button{width:100%;text-align:left;background:transparent}.row-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.row-actions button{flex:1}.warning{color:#7a5531}.active-choice{border:2px solid #294c3c;background:#e4ecdc}[hidden]{display:none!important}@media(max-height:600px){header{padding:7px 16px}header span{display:none}.bottom-links{display:none}h1{font-size:26px}footer{padding-top:5px}#raw{min-height:46px;max-height:85px}.compose-actions{margin-top:4px}}