*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:20px}body{margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif;background:#f4f1ea;color:#1a1a1a;line-height:1.6}#root{max-width:720px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.app-header{background:#1b3a5b;color:#fff;padding:20px 24px;font-size:1.6rem;font-weight:700;text-align:center}.app-main{flex:1;padding:20px 16px 40px}.big-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:72px;font-size:1.4rem;font-weight:700;border:none;border-radius:18px;margin:12px 0;cursor:pointer;color:#fff;background:#1b6ec2;box-shadow:0 3px 8px #0003}.big-btn:active{transform:scale(.97);background:#14518f}.big-btn.secondary{background:#fff;color:#1b3a5b;border:3px solid #1b3a5b}.big-btn.secondary:active{background:#dbe7f3}.big-btn.danger{background:#8f2b2b}.big-btn.green{background:#1e7a3c}.big-btn.green:active{background:#145a2b}.talk-btn{min-height:110px;font-size:1.8rem;border-radius:24px;background:#1e7a3c}.talk-btn.recording{background:#8f2b2b;animation:pulse 1s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #8f2b2b80}50%{box-shadow:0 0 0 16px #8f2b2b00}}.card{background:#fff;border-radius:16px;padding:20px;margin:14px 0;border:2px solid #d8d2c4}.card h3{margin-top:0;font-size:1.3rem}.input-large,.textarea-large,select.input-large{width:100%;font-size:1.2rem;padding:16px;border:3px solid #1b3a5b;border-radius:12px;margin:8px 0;background:#fff;color:#1a1a1a}.textarea-large{min-height:110px;font-family:inherit}.input-large:focus,.textarea-large:focus{outline:4px solid #f0b429;outline-offset:1px}label.field-label{display:block;font-size:1.1rem;font-weight:700;margin-top:14px}.tip-bar{background:#fff8e1;border:2px solid #f0b429;border-radius:12px;padding:14px 16px;font-size:1.1rem;margin:12px 0}.tip-bar.error{background:#fdecea;border-color:#8f2b2b}.tip-bar.ok{background:#e8f5e9;border-color:#1e7a3c}.task-item{display:flex;align-items:center;gap:12px;background:#fff;border:2px solid #d8d2c4;border-radius:14px;padding:16px;margin:10px 0;font-size:1.1rem}.task-item .task-time{font-weight:700;color:#1b3a5b;white-space:nowrap}.task-item.missed{border-color:#f0b429;background:#fff8e1}.task-item.done{color:#8a8a8a;background:#f7f5f0}.task-item.done .task-time{color:#8a8a8a}.task-item.done .badge{background:#9a9a9a}.small-btn{font-size:1.05rem;padding:12px 20px;min-height:52px;border-radius:12px;border:2px solid #1b3a5b;background:#fff;color:#1b3a5b;font-weight:700;cursor:pointer;margin:6px 6px 6px 0}.small-btn:active{background:#dbe7f3}.small-btn.primary{background:#1b6ec2;color:#fff;border-color:#1b6ec2}.small-btn.danger{background:#8f2b2b;color:#fff;border-color:#8f2b2b}.nav-bar{position:sticky;bottom:0;display:flex;background:#1b3a5b;padding:6px;gap:6px}.nav-bar button{flex:1;background:transparent;color:#cfdcea;border:none;font-size:1.05rem;font-weight:700;padding:14px 4px;border-radius:10px;cursor:pointer;min-height:60px}.nav-bar button.active{background:#fff;color:#1b3a5b}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.overlay-panel{background:#fff;border-radius:20px;padding:28px 22px;max-width:560px;width:100%;max-height:85vh;overflow-y:auto}.secret-mask{font-family:monospace;font-size:1.4rem;letter-spacing:3px;background:#f4f1ea;border:2px dashed #1b3a5b;border-radius:10px;padding:14px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none}.badge{display:inline-block;background:#1b3a5b;color:#fff;font-size:.9rem;border-radius:8px;padding:2px 10px;margin-right:8px}.badge.warn{background:#b26a00}.text-center{text-align:center}.mt-16{margin-top:16px}.flex-row{display:flex;gap:10px;flex-wrap:wrap}