:root{--ink:#192536;--muted:#64748b;--line:#dce3ed;--paper:#fff;--bg:#f4f7fb;--blue:#0a5bd3;--blue2:#094aa9;--warn:#84500b;--warnbg:#fff7e9;--error:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55}#app{max-width:860px;margin:0 auto;padding:env(safe-area-inset-top) 16px 40px}.brand{font-size:25px;font-weight:700;letter-spacing:-1px}.brand span{color:var(--blue)}h1{font-size:22px;line-height:1.3;margin:0 0 8px}h2{font-size:20px;margin:0}.sub,p{margin:0}.sub,.hint,.service-state{color:var(--muted);font-size:14px}button{min-height:44px;border:0;border-radius:10px;background:var(--blue);color:#fff;padding:9px 14px;font:inherit;font-weight:600;cursor:pointer}button:hover{background:var(--blue2)}button.ghost{background:transparent;color:var(--blue);border:1px solid var(--line)}button.ghost:hover{background:#edf4ff}.login{max-width:430px;margin:13vh auto;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px}.login .brand{margin-bottom:32px}.login p{color:var(--muted);margin-bottom:20px}form label{display:block;font-weight:600;margin:14px 0 6px}input,textarea,select{width:100%;font:inherit;font-size:16px;color:var(--ink);border:1px solid #b9c7d9;border-radius:10px;background:#fff;padding:11px 12px}textarea{resize:vertical;line-height:1.65}input:focus,textarea:focus,select:focus{outline:3px solid #b6d1ff;border-color:var(--blue)}.login button{width:100%;margin-top:16px}.error{color:var(--error);font-size:14px;min-height:20px;margin-top:8px!important}.entry,.record{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:18px;margin-top:18px}.entry textarea{min-height:150px;margin-top:14px}.row,.head-actions,.record-top,.record-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.row input{flex:1;min-width:190px;background:#f8fafc;color:var(--muted)}header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 0 4px}.service-state{min-height:22px;margin:14px 2px 0}.records{display:grid;gap:14px}.record{margin-top:0}.record-top{justify-content:space-between;margin-bottom:12px}.record-top time{font-size:13px;color:var(--muted);margin-left:8px}.status{font-size:13px;font-weight:650}.status.ready{color:#17733a}.status.review{color:#9a5707}.status.failed{color:var(--error)}.result{min-height:230px}.review{margin-top:12px;background:var(--warnbg);color:var(--warn);border-radius:10px;padding:10px 12px;font-size:14px}.review:empty{display:none}details{margin-top:10px;border-top:1px solid var(--line);font-size:14px}summary{padding:12px 0;cursor:pointer;font-weight:600}.original{white-space:pre-wrap;color:var(--muted);padding-bottom:10px}.record-actions{margin-top:12px}.record-actions .copy{margin-right:auto}.record-actions button{font-size:14px}dialog{border:0;border-radius:16px;max-width:620px;width:calc(100% - 24px);padding:0;box-shadow:0 20px 70px #182b4c55}dialog::backdrop{background:#0e1e3855}dialog form{padding:20px;max-height:85vh;overflow:auto}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.hint{margin:10px 0}.hint+label{margin-top:16px}.dialog-head button{margin-left:auto}.deleted{opacity:.5}@media(max-width:540px){#app{padding-left:12px;padding-right:12px}header{padding-top:16px}.entry,.record{padding:14px}.head-actions{gap:5px}.head-actions button{padding-left:10px;padding-right:10px}.record-actions{display:grid;grid-template-columns:1fr 1fr}.record-actions .copy{grid-column:1/-1;margin:0}.record-actions button{width:100%}.login{margin:8vh auto;padding:22px}}