@import url('/assets/base.css?v=0.4.4');
.app-shell{top:24px;height:calc(100dvh - 48px)}.brand{max-width:calc(100% - 50px)}#brand-text{max-width:320px;overflow:hidden;text-overflow:ellipsis;font-size:28px;letter-spacing:-1px}.brand img{object-fit:contain}.identity-card>.label{margin-top:0}.identity-row{margin-top:4px;gap:10px}#my-id{font-size:34px;line-height:1.3;flex:1;min-width:0}.copy-id-button{background:#e7f5bc;color:#234f3a;border-radius:12px;min-height:46px;padding:6px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex-shrink:0;font-size:10px;font-weight:750}.copy-id-button svg{width:20px;height:20px}.share-button{min-width:44px;min-height:46px}.chats-heading{border-bottom:1px solid var(--line);margin:0 22px;padding-left:0;padding-right:0}.contact-preview{display:block}.request-tag{font-size:9px;font-weight:650;color:var(--green);display:block}.save-card .key-tile{flex-shrink:0}.save-card strong{font-size:12px;line-height:1.5}.sheet{top:calc(var(--viewport-top,0px) + var(--viewport-height,100dvh)/2);bottom:auto;left:50%;margin:0;transform:translate(-50%,-50%);width:min(calc(100vw - 28px),440px);max-height:calc(var(--viewport-height,100dvh) - 32px);border-radius:24px;padding-top:25px}.sheet[open]{animation:none}.sheet .intro{color:#75846c}.sheet select{width:100%;padding:12px;border:1px solid #dce5dc;border-radius:12px;background:#f7f9f6;font:inherit}.media-video{display:block;width:100%;max-width:310px;max-height:340px;border-radius:10px;background:#183329}.media-audio{display:block;width:255px;max-width:100%;height:42px}.media-item{margin:3px 0 8px}.media-item small{font-size:10px;display:block;color:#7d8a73;margin-top:3px}.bubble:has(.media-audio){min-width:min(280px,86%)}.attachment{max-width:150px;min-width:65px}.attachment video{width:85px;height:65px;object-fit:cover;border-radius:9px;background:#213b31}.attachment audio{width:145px;height:45px}.attachment small{display:block;font-size:9px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-row .icon-button{width:32px}.voice-stage{background:#f2f6eb;border-radius:18px;padding:25px 16px;text-align:center}.voice-time{display:block;font-size:36px;font-variant-numeric:tabular-nums;letter-spacing:2px;color:#216653}.voice-state{display:block;color:#7a896d;font-size:12px;margin:4px 0 14px}.voice-record{border-radius:50%;width:66px;height:66px;background:#216653;color:white;font-size:25px}.voice-record.recording{background:#b54444;box-shadow:0 0 0 8px #b5444415}.voice-preview{width:100%;margin-top:14px}.voice-actions{display:flex;gap:8px;margin-top:16px}.voice-actions>*{flex:1}.voice-effect-note{font-size:11px;color:#819074}.copy-fallback{word-break:break-all}.muted{line-height:1.5}
@media(max-width:600px){.app-shell{top:var(--viewport-top,0px);height:var(--viewport-height,100dvh)}.sheet{width:calc(100vw - 28px)}}
@media(max-width:360px){.identity-card{padding-left:16px;padding-right:16px}.identity-row{gap:7px}#my-id{font-size:min(27px,var(--id-size,27px))!important}.copy-id-button{padding:6px 8px}.share-button{width:40px;min-width:40px}.identity-card .eyebrow{letter-spacing:1px}.save-card strong{font-size:11px}.compose-row{gap:2px}.send-button{width:39px}.compose-row .icon-button{width:29px}}
/* Language controls stay compact; translated text may wrap instead of overflowing. */
.main-header{display:grid;grid-template-columns:minmax(0,1fr) auto 36px;gap:8px;align-items:center}.main-header .brand{max-width:100%;min-width:0;gap:8px}.main-header .brand img{flex-shrink:0}.main-header .icon-button{width:36px;height:44px}#brand-text{min-width:0}.language-picker{display:flex;align-items:center;gap:4px;position:relative;width:105px;max-width:100%;color:var(--green);font-size:14px}.language-picker>span{pointer-events:none;position:absolute;left:8px;display:flex}.language-picker svg{width:16px;height:16px}.language-picker select{appearance:auto;width:100%;min-height:44px;padding:8px 3px 8px 28px;border:1px solid #dce5dc;background:#f5f8f2;border-radius:11px;color:var(--green);font-family:inherit;font-size:12px;line-height:1.4;box-shadow:none;cursor:pointer}.language-picker select:focus-visible{outline:2px solid #216653;outline-offset:2px}.info-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.push-banner strong{white-space:normal}.copy-id-button{max-width:96px;overflow-wrap:anywhere}.copy-id-button>span:last-child{text-align:center}.eyebrow{line-height:1.5;letter-spacing:.8px}.eyebrow>span[data-i18n]{min-width:0}.key-tile+span{min-width:0}.save-card strong,.save-card small{overflow-wrap:anywhere}.empty-state,.sheet,.info-page{overflow-wrap:anywhere}.voice-actions{flex-wrap:wrap}.voice-actions>button{min-width:100px}.info-page p{line-height:1.65}.day-divider{white-space:normal}
:lang(hi){line-height:1.65}:lang(zh) .eyebrow,:lang(ja) .eyebrow{letter-spacing:1px}:lang(hi) .eyebrow{letter-spacing:0;text-transform:none}:lang(zh) .sheet h2,:lang(ja) .sheet h2,:lang(hi) .sheet h2{letter-spacing:0}
@media(max-width:360px){.main-header{gap:6px;padding-left:16px;padding-right:16px}.main-header .brand img{width:32px;height:32px}#brand-text{font-size:25px}.language-picker{width:106px}.copy-id-button{max-width:83px;font-size:9px}.identity-card{margin-left:16px;margin-right:16px}.identity-row{gap:6px}.save-card>span:last-child{flex-shrink:0}.push-banner{align-items:center}.empty-state p{font-size:11px}}

#my-id.long-id{letter-spacing:.5px}

.attachment .edit-image{display:block;padding:0;border-radius:9px;overflow:hidden;background:transparent;color:#216653;position:relative}.attachment .edit-image img{display:block}.attachment .edit-image span{display:block;font-size:9px;padding:3px 4px;background:#edf5e3}.attachment>button[data-remove-file]{position:absolute}.editor-tools{display:flex;gap:6px;flex-wrap:wrap}.editor-tools button{padding:10px 12px;border:1px solid #d9e5d4;border-radius:10px;color:#355b43}.editor-tools button[aria-pressed=true]{background:#216653;color:#fff}.editor-stage{position:relative;background:#e9eee6;border-radius:12px;overflow:hidden;margin:10px 0;min-height:60px;display:flex;justify-content:center}.editor-stage canvas{max-width:100%;max-height:44dvh;width:auto;height:auto;object-fit:contain;display:block;touch-action:none;cursor:crosshair}.editor-stage>span{position:absolute;top:15px;left:15px;font-size:12px}.editor-actions{display:flex;gap:6px;flex-wrap:wrap}.editor-actions button{padding:10px 12px;font-size:12px;flex:1;min-width:75px}.editor-note{font-size:11px;line-height:1.55;color:#64765b}#editor-size{padding:0;margin:8px 0;min-height:28px;accent-color:#216653}.sheet:has(#editor-canvas){padding:24px 18px 18px}.sheet:has(#editor-canvas) .intro{font-size:12px}.sheet:has(#editor-canvas) h2{font-size:24px}.media-privacy-note{font-size:10px;line-height:1.5;color:#6c7e60;margin:6px 0 0}.attachment{position:relative}

.attachment .edit-image{width:auto;height:auto;top:auto;right:auto;bottom:auto;border-radius:9px;line-height:1.4}

/* Compact notifications; retain comfortable touch targets. */
.push-banner{padding:4px 8px 4px 12px;gap:8px;margin-bottom:12px;min-height:44px}
.push-banner>strong{font-size:12px;line-height:1.3;min-width:0;overflow-wrap:anywhere}
.push-banner .small-button{min-height:36px;padding:6px 10px;flex-shrink:0}
.push-banner .dismiss{width:36px;height:36px;flex-shrink:0}
.compose-hint{font-size:11px;color:#627465}

/* Keep the first action clear and the save card above the device safe area. */
.empty-state{gap:0;padding:24px 20px}.empty-state h2{margin:0 0 10px;max-width:100%}.empty-state p{max-width:310px;white-space:pre-line}.empty-state .primary{max-width:100%;white-space:normal}.home-footer{padding-bottom:max(14px,env(safe-area-inset-bottom))}