:root{font:16px 'Microsoft YaHei','PingFang SC',sans-serif;color:#233b38;background:#f4f6f3;--green:#155f59;--line:#dce4df}*{box-sizing:border-box}body{margin:0}header{max-width:640px;margin:auto;padding:25px 20px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{font-size:11px;color:#768781;letter-spacing:1px}h1{font-size:25px;letter-spacing:1px;margin:5px 0 0}h2{font-size:19px;margin:20px 0}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:48px;border:1px solid var(--line);border-radius:10px;background:#fff;color:#335a54;padding:10px 14px;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:active{transform:translateY(1px)}button:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #d1b14b;outline-offset:2px}main{max-width:600px;margin:auto;padding:0 16px 25px}.identity{display:flex;gap:12px;align-items:center;padding:8px 3px 16px}.identity label{font-size:14px;color:#778982;flex:1}.identity select{width:150px;background:#fff}.status{font-size:12px;min-height:36px;padding:7px 10px;border-radius:20px;background:transparent;white-space:nowrap}.status.online{border-color:#b5d4c2;color:#1d6e46}.status.offline{color:#8a6225;border-color:#ddc994}input,select,textarea{display:block;width:100%;border:1px solid #cdd9d2;background:#fff;border-radius:9px;padding:12px;min-height:48px;color:inherit;font-size:16px}textarea{resize:vertical;line-height:1.6}label{display:block;font-size:15px;margin:0 0 9px}input,select,textarea{margin-bottom:20px}.identity select{margin:0}.tabs{display:flex;border-bottom:1px solid var(--line);gap:25px;margin-bottom:22px}.tabs button{border:0;background:transparent;border-radius:0;min-width:85px;padding:13px 6px;color:#82918b}.tabs button.selected{border-bottom:3px solid var(--green);color:var(--green);font-weight:700}.tabs span{font-size:12px;background:#e4eae5;border-radius:10px;padding:2px 6px;margin-left:5px}.kinds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kinds button{background:transparent;border-color:transparent;color:#70817a}.kinds .selected{background:white;border-color:#bed3c5;box-shadow:0 2px 4px #233b3806;color:var(--green);font-weight:700}form h2{margin-top:24px}#form{background:#fff;border:1px solid var(--line);border-radius:15px;padding:0 20px 18px;margin-top:14px}.valueRow{display:flex;gap:10px;align-items:center}.valueRow input{font-family:'Consolas',monospace;font-size:26px;min-width:0;margin-bottom:0;flex:1}.valueRow select{width:110px;margin-bottom:0}.valueRow>span{padding:0 8px;color:#7a8a83}.valueRow{margin-bottom:15px}.watch{display:flex;gap:9px;align-items:center;margin:0 0 7px}.watch button:first-child{background:#edf4ef;border-color:#c2d7c7;min-width:120px}.watch.running button:first-child{color:#9a3d25;background:#fff2e9;border-color:#dfbb9c}.watch output{font:22px 'Consolas',monospace;font-variant-numeric:tabular-nums;flex:1;text-align:center;white-space:nowrap}.quiet{background:transparent;border-color:transparent;padding-left:7px;padding-right:7px;color:#788982;font-size:14px}.hint{font-size:12px;color:#84928a;line-height:1.65;margin:8px 0 15px}.primary{width:100%;background:var(--green);color:white;border-color:var(--green);font-size:17px;min-height:54px;font-weight:700;margin-top:12px}.primary:active{background:#104c47}details{border-top:1px solid #edf0ec;padding:15px 0 0;margin:18px 0}summary{cursor:pointer;color:#698076;font-size:14px;min-height:30px}summary span{font-size:11px;color:#9aa69d;margin-left:4px}.extraFields{padding-top:18px}.check{display:flex;align-items:center;gap:10px}.check input{width:23px;min-height:23px;height:23px;margin:0;accent-color:var(--green)}#draftHint{margin-bottom:0;font-size:11px}#saved{font-size:13px;color:var(--green);margin:10px 0 0;min-height:20px}.editBar{font-size:13px;color:#936b24;background:#fff6df;padding:9px;border-radius:8px}.editBar button{font-size:12px;min-height:32px;margin-left:10px;padding:5px}footer{text-align:center;color:#a0ada4;font-size:11px;padding:20px 0 0}.listTop{display:flex;align-items:center;justify-content:space-between}.listTop h2{margin:5px 0 20px}.record{padding:17px 0;border-bottom:1px solid var(--line)}.record .meta{font-size:11px;color:#8a9a91;margin-bottom:7px}.record h3{font-size:16px;line-height:1.6;overflow-wrap:anywhere;margin:0 0 6px;font-weight:600}.record .reading{font-size:24px;font-family:'Consolas','Microsoft YaHei',monospace;color:var(--green)}.record p{line-height:1.7;margin:7px 0;overflow-wrap:anywhere;font-size:14px}.record .actions{display:flex;gap:8px;margin-top:8px}.record .actions button{min-height:36px;font-size:12px;padding:6px 10px}.record .danger{color:#a25e50}.empty{text-align:center;color:#819189;padding:40px 15px;font-size:14px;line-height:2}.export{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.export button{font-size:13px}dialog{width:min(440px,calc(100vw - 30px));border:1px solid var(--line);border-radius:16px;padding:20px;color:inherit;max-height:90vh;overflow:auto}dialog::backdrop{background:#203b3459}.dialogHead{display:flex;align-items:center;justify-content:space-between}.dialogHead h2{margin:0}.dialogHead button{border:0;min-height:40px;font-size:13px}#people{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px;padding-top:12px}#people small{display:block;color:#8c9a92;margin-top:5px}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#233e35;color:#fff;border-radius:9px;padding:12px 18px;font-size:14px;max-width:90%;z-index:10;pointer-events:none}[hidden]{display:none!important}@media(max-width:380px){header{padding:20px 16px 12px}h1{font-size:23px}#form{padding:0 15px 15px}.watch{gap:4px}.watch output{font-size:19px}.watch button:first-child{min-width:105px;padding:10px;font-size:14px}.watch .quiet{font-size:12px}main{padding-left:12px;padding-right:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Keep the primary action in reach on ordinary phone screens. */
header{padding-top:16px;padding-bottom:10px}.identity{padding-bottom:10px}.tabs{margin-bottom:14px}.tabs button{padding-top:9px;padding-bottom:9px}.kinds button{min-height:44px}#form{margin-top:10px}form h2{margin:18px 0 16px}#form input,#form select,#form textarea{margin-bottom:16px}.valueRow input,.valueRow select{margin-bottom:0!important}details{margin:12px 0;padding-top:12px}#saved:empty{display:none}footer{padding-top:14px}@media(max-width:380px){header{padding-top:14px;padding-bottom:8px}}