:root{--paper:#f7f8fa;--background:#edf0f5;--ink:#253d59;--muted:#626f7f;--line:#d8dfe8;--accent:#405c80}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--background);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}.page{max-width:760px;margin:auto;padding:0 32px;padding-bottom:env(safe-area-inset-bottom)}header{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:80px;border-bottom:1px solid var(--line)}.brand{font-weight:600;letter-spacing:2px}.edition,.hint,footer{font-size:13px;color:var(--muted)}.intro{padding:36px 0 20px}.eyebrow{letter-spacing:3px;font-size:12px}.intro h1{font:normal clamp(44px,9vw,68px)/1.04 Georgia,serif;letter-spacing:-2px;margin:16px 0}.intro h1 span{color:#91a1bd}p{overflow-wrap:anywhere}.intro p,.card>p{color:var(--muted)}.card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:28px;margin:20px 0}h2{font-size:21px;margin:0 0 12px}.status{padding:14px 16px;border:1px solid var(--line);border-radius:6px;background:#e5ebf3}.status[data-kind=ready]{background:#e6f1eb}.status[data-kind=error],.status[data-kind=database-error],.status[data-kind=offline],.status[data-kind=signout-error]{background:#fff0ed;color:#943a30}label{display:block;margin:20px 0 7px;font-size:14px}input{width:100%;min-width:0;min-height:48px;padding:12px;font:inherit;border:1px solid #c6d0df;border-radius:6px;background:#fff;color:var(--ink)}button{min-height:44px;padding:10px 16px;font:inherit;font-size:14px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);cursor:pointer}.primary{background:var(--ink);color:#fff;width:100%;margin-top:6px}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.error{color:#943a30;font-size:14px;white-space:pre-wrap}.actions{display:flex;flex-wrap:wrap;gap:10px}.quiet{background:transparent;font-size:13px}footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:24px 0;margin-top:32px}@media(max-width:600px){.page{padding-left:18px;padding-right:18px}header{min-height:64px}.brand{font-size:14px;letter-spacing:1px}.edition{font-size:12px}.intro{padding-top:24px}.card{padding:20px}.actions>button{flex:1 1 auto}footer{flex-direction:column}}
:is(#migration-preview,#migration-message){white-space:pre-wrap;overflow-wrap:anywhere}.preview-text{padding:16px;background:#e5ebf3;border-radius:6px}.ack{display:flex;align-items:flex-start;gap:10px}.ack input{width:22px;min-height:22px;flex-shrink:0}input[type=file]{white-space:normal;font-size:14px;overflow:hidden}

body:has(#workspace-root:not([hidden]))>.page{max-width:1280px}body:has(#workspace-root:not([hidden]))>.page>.intro{display:none}#sync-status[data-kind="failed"],#sync-status[data-kind="conflict"]{color:#9b3e27}#workspace-root[hidden]{display:none}

body:has(#workspace-root:not([hidden])) #account-panel{padding:12px;margin:10px 0}body:has(#workspace-root:not([hidden])) #account-panel h2,body:has(#workspace-root:not([hidden])) #check-result{display:none}body:has(#workspace-root:not([hidden])) #account{margin:0}#sync-panel{padding:12px}#sync-panel p{margin:6px 0}