:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#193c34;background:#f5f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:90px;border-bottom:1px solid #dfe3d8;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:25px;font-weight:700;letter-spacing:-1px}.mark{background:#193c34;color:#d8edaa;width:38px;height:38px;border-radius:12px;text-align:center;font-size:32px}.beta{font-size:9px;letter-spacing:1px;border:1px solid #bac5b8;border-radius:4px;padding:4px;margin-left:5px}.local{font-size:12px;color:#536853}main{max-width:1180px;margin:auto;padding:45px 24px}.gate{max-width:490px;margin:15px auto 50px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#68745f}h1{font-family:Georgia,serif;font-size:54px;line-height:1.08;letter-spacing:-2px;font-weight:400;margin:18px 0}h2{font-size:18px;letter-spacing:-.4px;margin:0 0 12px}p{font-size:14px;line-height:1.6;color:#607065}.intro{font-size:17px;margin-bottom:28px}.card{background:#fffefa;border:1px solid #dce1d4;border-radius:18px;padding:26px;box-shadow:0 5px 20px #193c3403}label{display:block;font-size:12px;font-weight:600;margin:18px 0 8px}input,textarea{width:100%;padding:13px;border:1px solid #cbd4c7;border-radius:9px;font:inherit;font-size:16px;background:#fffefa;color:inherit}textarea{resize:vertical}button,.file-button{font:inherit;font-size:13px;font-weight:600;cursor:pointer;border:1px solid #cbd4c7;border-radius:9px;background:transparent;color:inherit;padding:12px 17px;text-align:center;min-height:44px}button:hover,.file-button:hover{background:#eaf0e1}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:#193c34;color:#f7ffe8;border-color:#193c34}.primary:hover{background:#2d5448}form.card button{width:100%;margin-top:20px}.divider{display:block;text-align:center;font-size:12px;color:#76816d;margin-top:24px}.small{font-size:12px;line-height:1.6}.workspace-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.workspace-title h1{font-size:42px}.layout{display:grid;grid-template-columns:320px 1fr;gap:20px}aside button{width:100%;margin-top:10px}.quiet{border:0;text-decoration:underline}.conversation{display:flex;flex-direction:column;min-height:610px}.chat-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4e7dc;padding-bottom:20px}.chat-head h2{margin-bottom:6px}.pill{font-size:9px;letter-spacing:1px;background:#edf2e2;padding:8px;border-radius:6px}.messages{flex:1;max-height:470px;min-height:260px;overflow:auto;padding:18px 0}.empty{text-align:center;padding:60px 8px}.empty-icon{font-size:40px;color:#7b9366}.empty h2{font-family:Georgia,serif;font-size:26px;font-weight:400;margin-top:20px}#send-form{display:flex;gap:10px;align-items:stretch}#send-form textarea{flex:1}#verification{background:#edf2e2;padding:16px;border-radius:10px;margin-top:18px}code{display:block;font-size:17px;line-height:1.6;word-break:break-word;margin-bottom:15px}.bubble{max-width:85%;padding:12px 15px;border-radius:14px;background:#edf0e7;margin:10px 0;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.mine{background:#193c34;color:white;margin-left:auto}.bubble small{display:block;font-size:10px;opacity:.7;margin-top:6px}.storage{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:20px}.storage p{margin:0}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions label{margin:0}.history{margin-top:20px}.history button{margin:6px 8px 0 0}.privacy{margin:35px auto 0;max-width:750px;font-size:13px}.privacy summary{cursor:pointer}#notice{position:sticky;bottom:20px;background:#193c34;color:white;border-radius:10px;padding:14px 20px;box-shadow:0 4px 20px #0002}#notice:empty{display:none}footer{padding:30px 5vw;border-top:1px solid #dfe3d8;font-size:10px;letter-spacing:2px;display:flex;justify-content:space-between}footer span{letter-spacing:0;color:#68745f}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}:focus-visible{outline:3px solid #9bb976;outline-offset:3px}@media(max-width:760px){header{height:70px;padding:0 20px}.local{display:none}main{padding:28px 16px}h1{font-size:46px}.layout{grid-template-columns:1fr}.card{padding:21px}.workspace-title h1{font-size:32px}.workspace-title{gap:10px}.workspace-title button{white-space:nowrap}.storage{display:block}.actions{margin-top:16px}.conversation{min-height:480px}.pill{display:none}footer{padding-bottom:max(25px,env(safe-area-inset-bottom))}}

dialog{max-width:440px;width:calc(100% - 32px);border:1px solid #cbd4c7;border-radius:18px;padding:26px;color:#193c34;background:#fffefa}dialog::backdrop{background:#193c3488}#replace-confirm{width:auto;margin-right:8px}#restore-error{color:#a02d24}

.network{font-size:12px;border-bottom:1px solid #e4e7dc;padding:8px 0 18px}.network summary{cursor:pointer;font-weight:600}

.join-banner{max-width:600px;margin:0 auto 25px;background:#edf2e2}.join-banner h2{margin-top:12px}aside .eyebrow{margin-bottom:12px}#share-panel{border-top:1px solid #e4e7dc;margin-top:16px}#invite-url{font-size:12px}.join-paste,#advanced,#manual{margin-top:20px;font-size:12px}summary{cursor:pointer}#advanced{border-top:1px solid #dce1d4;padding-top:20px}.vault-tools{margin-top:24px}.vault-tools>summary{font-size:14px;font-weight:600;padding:15px}.vault-tools .storage{margin-top:6px}#install-steps li{padding:6px 0;line-height:1.5}#install-dialog button{width:100%}.connected .layout{grid-template-columns:240px 1fr}.connected aside>p,.connected aside>label,.connected #peer-name,.connected .join-paste,.connected #advanced{display:none}.connected #share-panel{display:none!important}@media(max-width:760px){.brand{font-size:22px;gap:8px}.beta{display:none}#install-app{font-size:12px}.connected .layout{display:flex;flex-direction:column}.connected .conversation{order:-1}.connected aside{padding:16px}.connected aside .eyebrow{display:none}.connected .conversation{min-height:65vh}}

@media(max-width:760px){body:not(.connected):not(.viewing-history) .conversation{display:none}}