:root{color-scheme:light;--ink:#243e35;--green:#27634b;--soft:#e2edde;--muted:#597168}
*{box-sizing:border-box}body{margin:0;background:#f6f5ef;color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}main{max-width:540px;margin:auto;padding:32px 20px calc(50px + env(safe-area-inset-bottom))}h1{font-size:30px;line-height:1.3;margin:10px 0 18px}h2{font-size:21px}.eyebrow{font-size:15px;color:var(--muted);margin:0}.intro,.footnote{color:var(--muted)}.intro{margin-bottom:24px}button,input,textarea{font:inherit}button{min-height:52px;border:0;border-radius:16px;background:var(--green);color:white;padding:12px 18px;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #75a68d;outline-offset:3px}input,textarea{min-width:0;max-width:100%;border:1px solid #bdcdbf;background:white;color:var(--ink);border-radius:14px;padding:13px;font-size:17px}input{width:100%}textarea{width:100%;overflow-wrap:anywhere;resize:vertical;font:14px/1.5 monospace}label{display:block;margin:14px 0 7px}#status{background:var(--soft);border-radius:18px;padding:16px 18px;margin-bottom:22px;overflow-wrap:anywhere}#status.error{background:#f6e4db;color:#753e2d}#list{display:grid;gap:12px}#list p{color:var(--muted);padding:16px 0}.item{width:100%;min-height:68px;text-align:left;display:flex;gap:15px;align-items:center;background:white;color:var(--ink);box-shadow:0 3px 12px #243e3509;font-size:20px;overflow-wrap:anywhere}.circle{width:25px;height:25px;border:2px solid #9ab6a6;border-radius:50%;flex-shrink:0}.item span:last-child{min-width:0}.subtle{background:transparent;color:var(--green);padding:12px 0;text-align:left;font-size:15px}.input-row{display:flex;gap:9px}.input-row input{flex:1;width:0}#add-form{margin:25px 0 12px}small{display:block;font-size:13px;color:var(--muted)}details{margin:30px 0}summary{cursor:pointer;min-height:48px;padding:10px 0}details form button,#pair button{margin-top:12px}.secondary{background:var(--soft);color:var(--green)}#copy{margin-top:10px}#pair{padding:18px;background:#edf1e8;border-radius:18px;margin-bottom:18px}#pair h2{margin-top:0}#toast{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);background:var(--ink);color:white;border-radius:15px;padding:14px 20px;box-shadow:0 5px 25px #0002;z-index:5;pointer-events:none}.footnote{font-size:13px;margin-top:28px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:360px){main{padding-left:14px;padding-right:14px}.input-row{gap:6px}button{padding:12px 14px}}
dialog{width:calc(100% - 32px);max-width:420px;border:0;border-radius:22px;padding:24px;color:var(--ink);background:#f6f5ef;box-shadow:0 15px 70px #0003}dialog::backdrop{background:#183b3055}.dialog-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.dialog-actions button{flex:1}