:root{--ph:#12264b;--sfc:#b9c9b2;--bg:#f1f2ed;--card:#fffefa;--ink:#151b26;--muted:#777d81;--line:#dde0da}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}button,input,textarea{font:inherit}.topbar{height:88px;background:#f8f6ee;border-bottom:1px solid #e1e1da;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 760px)/2));position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:13px;color:var(--ph);text-decoration:none}.brand-mark{display:flex;width:42px;height:42px;border:1px solid var(--ph);flex:0 0 auto}.brand-mark i:first-child{width:50%;background:var(--ph)}.brand-mark i:last-child{width:50%;background:var(--sfc)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:17px;letter-spacing:.7px}.brand-copy span{font-size:9px;letter-spacing:4px;color:#71816f;margin-top:8px;font-weight:800}.top-action{border:0;background:transparent;color:#73787d;font-size:15px;cursor:pointer}.page,.public-card,.poll-page{max-width:760px;margin:0 auto;padding:26px 20px 70px}.home{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}.home-box{width:min(470px,100%)}.home-box>.brand{justify-content:center;margin-bottom:35px}.home h1{font-family:Georgia,serif;color:var(--ph);font-size:40px;line-height:1.05;margin:0 0 10px;text-align:center}.home p{text-align:center;color:var(--muted);margin:0 0 26px}.card,.link-card{background:var(--card);border:1px solid #dedfd9;border-radius:18px;padding:26px;box-shadow:0 8px 22px rgba(29,38,34,.045);margin-bottom:22px}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#e2e3de;border-radius:13px;padding:3px;margin-bottom:22px}.tab{height:54px;border:0;border-radius:11px;background:transparent;color:#6f7379;font-weight:800;font-size:16px;cursor:pointer}.tab.active{background:#fffefa;color:var(--ph);box-shadow:0 2px 5px #00000010}.link-card{border-left:9px solid var(--sfc)}.label,.section-kicker,.anon{font-size:13px;letter-spacing:1.6px;text-transform:uppercase;font-weight:850;color:#71816f}.big-link{font-size:24px;color:var(--ph);font-weight:850;margin:14px 0 26px;overflow-wrap:anywhere}.link-actions{display:flex;gap:10px}.link-actions .btn:last-child{flex:1}.section-kicker{margin:40px 0 20px}.page h1,.poll-page h1{font-family:Georgia,serif;color:var(--ph);font-weight:500;font-size:42px;margin:0 0 30px}.message-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.time{font-size:13px;color:#999}.message-text{font-size:24px;font-weight:700;margin:28px 0;overflow-wrap:anywhere;white-space:pre-wrap}.message-image{width:100%;max-height:520px;object-fit:contain;background:#f3f4ef;border-radius:14px;margin:24px 0}.card-divider{height:1px;background:#e6e5df;margin:24px 0 20px}.actions{display:flex;gap:10px;align-items:center}.btn{display:inline-block;border:1px solid #d8dad4;background:#fffefa;color:var(--ph);padding:14px 20px;border-radius:13px;font-weight:800;font-size:15px;cursor:pointer;text-decoration:none;text-align:center}.btn.primary{background:var(--ph);color:white;border-color:var(--ph)}.btn.sage{background:var(--sfc);border-color:var(--sfc);color:var(--ph)}.btn.small{padding:10px 14px}.btn.icon{margin-left:auto}.btn:disabled,.tab:disabled,.tool:disabled,.poll-option:disabled{opacity:.55;cursor:not-allowed}.field{margin-bottom:17px}.field label{display:block;font-size:13px;font-weight:800;color:#727a75;margin-bottom:8px}.field input,.field textarea{width:100%;padding:14px;border:1px solid #d8dad4;border-radius:12px;background:#fff;color:var(--ink);outline:none}.field input:focus,.field textarea:focus{border-color:#91a38d;box-shadow:0 0 0 3px #b9c9b233}.field textarea{min-height:120px;resize:vertical}.public-shell .topbar{position:static}.public-profile{text-align:center;padding:30px 0 22px}.public-profile .brand-mark{margin:auto}.public-profile strong{display:block;font-size:26px;color:var(--ph);margin-top:14px}.public-profile p{color:var(--muted)}.composer-head{padding:25px 25px 15px}.composer-title{margin:0;color:var(--ph)}.composer-sub{margin:5px 0 0;color:var(--muted)}.tool-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tool{padding:15px 4px;border:0;background:#eceee8;color:#73777c;font-weight:800;cursor:pointer}.tool.active{background:var(--ph);color:#fff}.tool-panel{padding:24px}.file-zone,.record-box{display:block;border:1.5px dashed #c9cec5;border-radius:14px;padding:28px;text-align:center;color:#66736a}.file-zone input{display:block;margin:15px auto 0;max-width:100%}.file-name{font-size:13px;margin-top:10px;overflow-wrap:anywhere}.record-actions,.send-row{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}.record-status{font-weight:700}.record-box audio{width:100%;margin-top:16px}.hidden{display:none!important}.poll-options{display:grid;gap:9px}.poll-options input{width:100%;padding:13px;border:1px solid #d8dad4;border-radius:10px}.poll-box{background:#f0f2ec;border-radius:14px;padding:18px;margin:20px 0}.poll-question{font-weight:850;font-size:19px;margin-bottom:14px;overflow-wrap:anywhere}.poll-option{position:relative;overflow:hidden;display:flex;gap:12px;justify-content:space-between;width:100%;border:1px solid #d7dcd3;background:#fff;border-radius:10px;padding:12px;margin:8px 0;text-align:left;color:var(--ink);cursor:pointer}.poll-option .fill{position:absolute;left:0;top:0;bottom:0;background:#dbe6d7;z-index:0}.poll-option span:not(.fill){position:relative;z-index:1}.poll-meta{display:flex;justify-content:space-between;gap:12px;color:#737b76;font-size:13px;margin-top:12px}.poll-meta a{color:var(--ph);font-weight:700}.voice-box{background:#eef0e9;border-radius:14px;padding:20px;margin:22px 0}.wave{display:flex;height:45px;align-items:center;gap:3px;justify-content:center;overflow:hidden}.wave i{width:4px;background:var(--ph);border-radius:4px;height:18px}.wave i:nth-child(3n){height:34px}.wave i:nth-child(4n){height:27px}.voice-box audio{width:100%}.reply-preview{background:#e1eadf;border-radius:12px;padding:14px;margin-top:15px;overflow-wrap:anywhere}.more-wrap{position:relative;margin-left:auto}.menu{position:absolute;right:0;bottom:52px;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:150px;box-shadow:0 8px 30px #0002}.menu button{display:block;width:100%;padding:12px;border:0;background:white;text-align:left;cursor:pointer}.menu .danger{color:#b43b3b}.modal-backdrop{position:fixed;inset:0;background:#0006;z-index:50;display:grid;place-items:center;padding:18px}.modal{width:min(520px,100%);max-height:90vh;overflow:auto;background:#fffefa;border-radius:18px;padding:24px}.modal h2{margin-top:0;color:var(--ph)}.modal-actions{display:flex;gap:9px;justify-content:flex-end;flex-wrap:wrap}.empty{text-align:center;color:#777;padding:28px}.meta{color:#777;margin-top:-18px;margin-bottom:24px}.toast{position:fixed;left:50%;bottom:max(25px,env(safe-area-inset-bottom));transform:translate(-50%,20px);background:#162642;color:white;padding:12px 18px;border-radius:12px;opacity:0;pointer-events:none;transition:.2s;z-index:100;max-width:min(90vw,520px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}noscript{display:block;text-align:center;padding:40px;color:var(--ph)}@media(max-width:560px){.topbar{height:82px;padding:0 20px}.page,.public-card,.poll-page{padding-left:20px;padding-right:20px}.card{padding:24px}.message-text{font-size:22px}.actions{flex-wrap:wrap}.home h1{font-size:34px}.link-actions{flex-wrap:wrap}.link-actions .btn{flex:1 1 120px}}