
.account-page{max-width:820px;margin:auto;padding:48px 28px 80px;color:var(--ink)}.account-page h1,.account-page h2,.account-dialog h2{font-family:'Newsreader',Georgia,serif;font-weight:400;letter-spacing:-1px;margin:0}.account-page h1{font-size:48px;line-height:1.1}.account-page h2{font-size:30px}.account-page p,.account-dialog p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.header-actions{gap:8px}#accountMenu{position:relative;order:5}#accountMenu summary{list-style:none;cursor:pointer;width:40px;height:40px;min-height:40px;background:none;border-color:transparent;box-shadow:none;padding:10px}#accountMenu summary::-webkit-details-marker{display:none}.account-popover{position:absolute;z-index:18;right:0;top:50px;width:230px;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);background:var(--paper);border-radius:14px;padding:16px;box-shadow:0 10px 30px #463b2518}.account-popover span{display:block;font-size:11px;overflow-wrap:anywhere;color:var(--muted);margin-bottom:10px}.account-text{font:400 12px 'DM Sans',sans-serif;display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:var(--ink);padding:10px 0;min-height:40px;box-shadow:none;cursor:pointer}.account-text:hover{text-decoration:underline;text-underline-offset:4px}.account-popover button{display:flex;width:100%;justify-content:flex-start}.account-dialog{max-width:420px;width:calc(100% - 36px);border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);background:var(--paper);border-radius:18px;padding:40px 30px 28px;color:var(--ink);box-shadow:0 22px 70px #3c332526}.account-dialog::backdrop{background:#3f42352b;backdrop-filter:blur(3px)}.account-dialog h2{font-size:32px;line-height:1.2;margin-bottom:16px}.account-close{position:absolute;right:10px;top:10px;font-size:22px;min-height:32px;height:32px;width:32px;padding:0}.account-dialog label{display:block;font-size:12px;margin:22px 0 9px}.account-dialog input{width:100%;padding:13px 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--ink) 35%,transparent);border-radius:0;background:transparent;color:var(--ink);font:14px 'DM Sans',sans-serif}.account-dialog .account-small{font-size:11px;margin:18px 0;line-height:1.65}.google-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);color:var(--ink);background:#fffcf580;padding:13px;border-radius:999px;margin-top:26px;font:500 13px 'DM Sans',sans-serif;box-shadow:inset 0 -1px 1px #7a76551a,0 2px 5px #24301909}.google-button svg{width:19px;height:19px}.account-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}#nameForm .send-btn{margin-top:20px}.account-notice{position:fixed;z-index:80;bottom:24px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 36px);padding:13px 18px;border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);border-radius:12px;background:var(--paper);box-shadow:0 6px 24px #463b2518;font-size:12px;line-height:1.5}.account-notice[data-kind="error"]{border-color:#a66a4b80}.draft-list{display:grid;gap:14px;margin-top:38px}.draft-card{display:block;width:100%;text-align:left;border:1px solid color-mix(in srgb,var(--ink) 17%,transparent);border-radius:8px;padding:22px;background:#fff4;color:var(--ink)}.draft-card strong{display:block;font:24px 'Grape Nuts',cursive;margin-bottom:10px}.draft-card span{display:block;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.draft-card small{display:block;font-size:10px;color:var(--muted);margin-top:14px}body[data-account-view="mailboxes"] #customize,body[data-account-view="conversation"] #customize,body[data-account-view="drafts"] #customize{display:none}body[data-account-view="mailboxes"] #shareLetter,body[data-account-view="conversation"] #shareLetter,body[data-account-view="drafts"] #shareLetter{display:none}
.account-page{max-width:960px;margin:auto;padding:54px 30px}.page-intro{text-align:center}.page-intro p:last-child{margin-top:14px}.mailboxes{display:flex;flex-wrap:wrap;justify-content:center;gap:42px;padding:58px 20px}.mailbox-tile{width:116px;padding:0;border:0;background:none;box-shadow:none;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.mailbox-tile:hover:not(:disabled){background:none;box-shadow:none}.mailbox-avatar{position:relative;display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:#e8dfcc;color:#53694f;font:36px 'Newsreader',Georgia,serif;border:1px solid #cdbfa850;box-shadow:inset 0 1px 0 #fff8,0 5px 16px #7564460c}.mailbox-name{font-size:14px;max-width:116px;overflow-wrap:anywhere}.mailbox-unread{position:absolute;right:3px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--paper)}.mailbox-tile:hover .mailbox-avatar{background:#dfd7c3}.mailbox-tile:focus-visible{border-radius:14px}.empty-mailboxes{text-align:center;padding:12px 20px 40px}.empty-paper{width:138px;padding:20px;text-align:left;background:#fff8;border:1px solid #c9b99e75;border-radius:3px;margin:0 auto 28px;transform:rotate(-5deg);font:20px 'Grape Nuts',cursive;box-shadow:0 5px 18px #75644609}.empty-paper i{display:block;height:1px;background:#a8aa9166;margin:14px 0}.empty-mailboxes h2{font-size:30px;margin-bottom:14px}.empty-mailboxes button{margin-top:25px}body[data-account-view="conversation"]{background:var(--correspondence-canvas);--correspondence-width:850px;--correspondence-gutter:28px}.conversation{max-width:var(--correspondence-width,850px);margin:auto;padding:0 28px 70px}.conversation-heading{position:sticky;top:var(--header-height);background:var(--app-header);padding:14px 20px;border-radius:0 0 24px 24px;margin-bottom:0;z-index:9;border-bottom:1px solid var(--header-divider);display:flex;align-items:center;gap:12px 16px;flex-wrap:wrap}.person-heading{display:flex;gap:16px;align-items:center;flex:1}.person-heading .mailbox-avatar{width:48px;height:48px;font-size:23px;flex:none}.person-heading h1{font-size:36px;letter-spacing:-.8px}.person-heading p{font-size:12px;margin-top:4px}.conversation-letter{padding:30px 34px;margin:0 0 24px;background:#fcf6eb;border:1px solid #c6b69880;border-radius:8px;box-shadow:inset 0 1px 0 #fff8,0 4px 15px #75644608}.conversation-letter.is-sent{margin-left:52px;background:#f3eedf}.conversation-letter header{display:flex;align-items:center;justify-content:space-between;gap:14px}.conversation-letter header strong{font-size:12px;font-weight:500}.conversation-letter time{font-size:10px;color:var(--muted)}.conversation-letter p{font:27px/1.5 'Grape Nuts',cursive;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);margin:22px 0}.conversation-letter button{font-size:11px;min-height:36px;padding:8px 0;background:none;border:0;box-shadow:none;color:var(--accent)}.conversation-letter{background:var(--letter-paper,#fcf6eb);color:var(--letter-ink,var(--ink))}.conversation-letter p{font-family:var(--letter-font,'Grape Nuts',cursive);color:inherit;font-size:var(--size);line-height:var(--leading)}.conversation-letter.is-sent{background:var(--letter-paper,#fcf6eb)}.conversation-letter header strong{color:inherit}.conversation-letter .letter-greeting,.conversation-letter .letter-signature{font-family:var(--letter-font,'Grape Nuts',cursive);font-size:var(--size);line-height:1.5}.conversation-letter .letter-signature{margin-top:12px}.conversation-letter.is-ruled p{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(1lh - 1px),color-mix(in srgb,currentColor 14%,transparent) 1lh)}
@media(max-width:650px){.account-page{padding:30px 22px 60px}.account-page h1{font-size:42px}.mailboxes{gap:26px;padding:42px 0}.mailbox-tile{width:92px}.mailbox-avatar{width:72px;height:72px;font-size:30px}.mailbox-name{max-width:92px;font-size:13px}.conversation{padding:0 16px 60px}.conversation-heading{gap:12px;padding:14px 16px;border-radius:0 0 20px 20px;margin-bottom:0}.person-heading{gap:10px}.person-heading h1{font-size:30px}.person-heading .mailbox-avatar{width:38px;height:38px;font-size:20px}.conversation-letter{padding:24px 22px}.conversation-letter.is-sent{margin-left:16px}.conversation-letter header{align-items:flex-start}.conversation-heading .send-btn{padding:0 12px}.account-dialog{padding:38px 24px 26px}.header-actions{gap:4px}#inbox{width:38px;min-height:38px;height:38px;padding:9px}#accountMenu summary{width:34px;min-height:34px;height:34px;padding:8px}.account-dialog .send-btn{padding:0 13px}}
@media(prefers-reduced-motion:reduce){.account-notice{transition:none}}

.account-text svg,.send-btn>svg{width:17px;height:17px;flex:none}.conversation-letter .letter-greeting{margin-top:24px}.conversation-letter .letter-signature{margin-bottom:18px}#peopleTitle:focus,#draftTitle:focus,#conversationName:focus{outline:none}#homeWrite{margin-right:18px}.account-dialog{max-height:calc(100dvh - 36px);overflow:auto}body[data-account-view="mailboxes"] #compose,body[data-account-view="conversation"] #compose,body[data-account-view="drafts"] #compose,body[data-account-view="mailboxes"] #read,body[data-account-view="conversation"] #read,body[data-account-view="drafts"] #read{display:none!important}

body[data-account-ready="false"] main{visibility:hidden}.mailbox-screen-actions{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:8px}.mailbox-screen-actions #homeWrite{margin:0}

/* Your people and correspondence share warm cream and fixed soft grain. */
body[data-account-view="mailboxes"]{background:var(--correspondence-canvas)}
body:is([data-account-view="conversation"],[data-account-view="mailboxes"]) .letter-sheet{background:var(--correspondence-canvas)}body:is([data-account-view="conversation"],[data-account-view="mailboxes"]) .letter-sheet:before{content:"";background-image:var(--paper-grain);opacity:.22}

/* Folded correspondence, newest first, with the paper preserved when opened. */
.person-heading,.person-heading>div{min-width:0}.person-heading h1{font-size:28px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-heading .mailbox-avatar{width:40px;height:40px;font-size:22px}.conversation-heading{top:var(--header-height);scroll-margin-top:var(--header-height)}.conversation-heading .send-btn{flex-shrink:0}
#letterHistory{display:flex;flex-direction:column;gap:16px;align-items:flex-start;max-width:790px;margin:0 auto;padding:32px 28px 0}.conversation>#conversationEmpty,.conversation>#earlier{margin:24px max(28px,calc((100% - 734px)/2))}
.conversation-letter,.conversation-letter.is-sent{width:90%;max-width:640px;padding:0;margin:0;border:0;border-radius:0;--bubble-radius:22px 22px 22px 6px;box-shadow:none;background:transparent;color:var(--ui);--bubble-paper:var(--app-header);--bubble-ink:var(--ui)}
.conversation-letter.is-sent{align-self:flex-end;--bubble-radius:22px 22px 6px 22px;--bubble-paper:var(--accent);--bubble-ink:#fff}
.conversation-letter summary{display:flex;align-items:center;gap:14px;min-height:74px;padding:16px 20px;list-style:none;cursor:pointer;border-radius:var(--bubble-radius);background:var(--bubble-paper);color:var(--bubble-ink);scroll-margin-top:calc(var(--header-height) + 110px)}.conversation-letter summary::-webkit-details-marker{display:none}.folded-envelope,.folded-chevron{flex:none;width:20px;height:20px;opacity:.7}.folded-envelope svg,.folded-chevron svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.folded-chevron{margin-left:auto;width:16px;height:16px}.conversation-letter[open] .folded-chevron{transform:rotate(180deg)}.folded-heading{display:grid;gap:5px;min-width:0;flex:1}.folded-heading strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.folded-caption{display:flex;flex-wrap:wrap;gap:5px 12px;align-items:center;font-size:10px}.folded-caption time{color:inherit;opacity:.7}.folded-state{opacity:.7}.folded-state.is-unread{opacity:1;color:var(--accent);font-weight:500}.letter-unfold{position:relative;isolation:isolate;padding:24px 24px 22px;margin:12px 0 0;border-radius:5px;box-shadow:0 0 0 1px #36403912,0 6px 18px #36403914;overflow:hidden;background:var(--letter-paper);color:var(--letter-ink)}.conversation-letter .letter-greeting{margin-top:16px}.conversation-letter .letter-signature{margin-top:6px;margin-bottom:16px}.conversation-letter .letter-date{font-family:var(--letter-font,'Caveat',cursive);font-weight:400;font-size:calc(var(--letter-size,32px)*var(--date-scale,.62));line-height:1.4;color:var(--letter-ink);opacity:.8;letter-spacing:normal;margin:22px 0 10px}.letter-date:empty{display:none}.conversation-letter p{margin:20px 0}.conversation-letter summary:focus-visible{outline:2px solid currentColor;outline-offset:-4px}
@media(max-width:650px){#letterHistory{padding:24px 6px 0}.person-heading h1{font-size:25px}.person-heading .mailbox-avatar{width:36px;height:36px;font-size:20px}.conversation-letter summary{padding:14px 12px;gap:10px}.conversation-letter,.conversation-letter.is-sent{width:calc(100% - 12px)}.letter-unfold{padding:18px 16px 20px;margin:12px 0 0}}

/* Hand-cut paper badges; Doodle Icons artwork stays decorative beside real names. */
.mailbox-avatar{background:none;border:0;box-shadow:none;color:var(--ink);isolation:isolate}
.mailbox-tile:hover .mailbox-avatar{background:none}
.paper-person{display:grid;place-items:center;position:relative;width:100%;height:100%;background:var(--person-paper,#f2e8d1);border:1px solid #8c76582a;border-radius:50%;box-shadow:inset 0 1px 0 #fff9,1px 3px 0 #8b745316,0 5px 12px #6e56340b;transform:rotate(var(--person-tilt,0deg));transition:transform .15s,box-shadow .15s;overflow:hidden;color:var(--ink)}
.paper-person:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.3'/%3E%3C/svg%3E")}
.paper-person svg{display:block;width:52%;height:52%;position:relative;opacity:.85;overflow:visible}
.mailbox-tile:hover .paper-icon-avatar > .paper-person{transform:translateY(-2px) rotate(var(--person-tilt,0deg));box-shadow:inset 0 1px 0 #fff9,1px 4px 0 #8b745318,0 7px 16px #6e563411}
.mailbox-unread{pointer-events:none;z-index:2;width:12px;height:12px;right:auto;left:85.355%;top:14.645%;transform:translate(-50%,-50%)}
@media(prefers-reduced-motion:reduce){.paper-person{transition:none}.mailbox-tile:hover .paper-icon-avatar > .paper-person{transform:rotate(var(--person-tilt,0deg))}}
@media(forced-colors:active){.paper-person{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}.paper-person:before{display:none}}

.paper-icon-control{display:inline-grid;position:relative;flex:none}
.paper-icon-avatar{border:0;padding:0;background:none;overflow:visible}
button.paper-icon-avatar{cursor:pointer}
.paper-icon-trigger{padding:0;min-height:0;cursor:pointer}
.paper-icon-edit{position:absolute;left:85.355%;top:85.355%;transform:translate(-50%,-50%);display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);background:var(--paper);color:var(--ink);box-shadow:0 1px 3px #463d2b10}
.paper-icon-edit svg{display:block;width:12px;height:12px;opacity:.75}
@media(hover:hover){.paper-icon-edit{opacity:0}.paper-icon-control:hover .paper-icon-edit,.paper-icon-avatar:focus-visible + .paper-icon-edit,.paper-icon-trigger:focus-visible,.paper-icon-trigger[aria-expanded=true]{opacity:1}}
.mailbox-name{display:block;min-height:40px;padding:0 6px;border:0;border-radius:6px;background:none;color:inherit;line-height:1.5;text-align:center;cursor:pointer}
.mailbox-name:hover{background:none;text-decoration:underline;text-underline-offset:4px}
.person-heading #conversationAvatar{display:inline-flex;flex:none}
.person-heading .paper-icon-edit{width:16px;height:16px}
.person-heading .paper-icon-edit svg{width:10px;height:10px}
.paper-icon-menu{position:fixed;inset:auto;margin:0;width:280px;max-width:calc(100vw - 24px);max-height:min(188px,calc(100dvh - 24px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:8px;border:1px solid color-mix(in srgb,var(--ink) 17%,transparent);border-radius:4px;background:var(--paper);color:var(--ink);box-shadow:0 3px 9px #463d2b16;font:12px/1.4 'DM Sans',sans-serif}
.paper-icon-choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}
.paper-icon-choice{display:grid;place-items:center;min-width:0;min-height:44px;aspect-ratio:1;padding:5px;border:1.5px solid transparent;border-radius:50%;background:none;color:var(--ink);cursor:pointer}
.paper-icon-choice .paper-person{width:32px;height:32px;background:none;border:0;box-shadow:none;transform:none}
.paper-icon-choice .paper-person svg{width:62%;height:62%}
.paper-icon-choice:hover{background:color-mix(in srgb,var(--ink) 6%,var(--paper))}
.paper-icon-choice[aria-pressed=true]{border-color:var(--ink);background:none}
.paper-icon-status{display:block;font-size:11px}.paper-icon-status:empty{display:none}

#accountMenu .account-avatar-summary.has-doodle{display:grid;place-items:center;padding:0;width:36px;height:36px;min-height:36px}
.settings-icon-field{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0 8px;font-size:12px}
.account-own-icon .mailbox-avatar{width:56px;height:56px}
.account-own-icon .paper-icon-edit{opacity:1}
@media(max-width:650px){#accountMenu .account-avatar-summary.has-doodle{width:32px;height:32px;min-height:32px}}

.account-dialog input:focus-visible{outline:0;border-bottom-color:var(--accent);box-shadow:0 1px 0 var(--accent)}

/* Person composition uses the original continuous paper surface. */
.person-compose-back{display:flex}
body[data-person-compose="true"] #replyShell{display:none}
#readerBack[hidden],#composeBack[hidden],#backToPeople[hidden],#composeHistoryButton[hidden]{display:none}
#readerBack svg,#composeBack svg,#backToPeople svg,#composeHistoryButton svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#readerBack,#composeBack,#backToPeople,#composeHistoryButton{position:relative;padding:0;isolation:isolate;background:transparent;text-decoration:none}
#readerBack:before,#composeBack:before,#backToPeople:before,#composeHistoryButton:before{content:"";position:absolute;inset:6px;border-radius:50%;background:transparent;z-index:-1;transition:background-color 150ms linear}
#readerBack:hover,#composeBack:hover,#backToPeople:hover,#composeHistoryButton:hover{background:transparent}
#readerBack:hover:before,#composeBack:hover:before,#backToPeople:hover:before,#composeHistoryButton:hover:before{background:color-mix(in srgb,var(--ui) 8%,var(--paper))}
#readerBack:focus-visible,#composeBack:focus-visible,#backToPeople:focus-visible,#composeHistoryButton:focus-visible{outline:none}
#readerBack:focus-visible:before,#composeBack:focus-visible:before,#backToPeople:focus-visible:before,#composeHistoryButton:focus-visible:before{outline:2px solid var(--accent);outline-offset:2px}
.compose-history-dialog{max-width:680px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:40px 20px 24px}
.compose-history-dialog h2{font-size:28px;margin-bottom:24px}
#composeHistory,#composePhoneHistory{display:flex;flex-direction:column;gap:16px}
/* Wide screens keep history in the paper margin without moving the editor. */
.compose-history{position:fixed;z-index:1;left:calc(50% - 612px);top:calc(var(--header-height) + 84px);width:260px;max-height:calc(100dvh - var(--header-height) - 108px);overflow-y:auto;overscroll-behavior:contain;padding:0 2px 18px}
.compose-history[hidden]{display:none}
.compose-history h2{font:400 13px/20px 'DM Sans',sans-serif;margin:0 0 16px;color:var(--muted)}
.compose-history .conversation-letter{width:calc(100% - 12px);max-width:none}
.compose-history .conversation-letter summary{padding:12px;gap:8px;min-height:70px}
.compose-history .folded-envelope{width:16px;height:16px}
.compose-history .folded-caption{font-size:10px;gap:4px}
.compose-history .letter-unfold{padding:16px 14px}
@media(max-width:1279px){.compose-history{display:none}}
.account-dialog.compose-history-dialog{background:var(--correspondence-canvas)}
/* Back shares the native toolbar's vertical alignment and 44px target. */
.letter-tools>.correspondence-back{width:44px;min-width:44px;height:44px;min-height:44px;margin-right:auto;padding:0}
#readerBack.correspondence-back svg,#composeBack.correspondence-back svg,#backToPeople.correspondence-back svg{width:20px;height:20px}
/* Keep avatar picker badges small; override the shared 44px icon-button minimum. */
.paper-icon-control>.paper-icon-trigger.paper-icon-edit{width:27px;height:27px;min-width:27px;min-height:27px;padding:0}
.paper-icon-control>.paper-icon-trigger.paper-icon-edit svg{width:15px;height:15px}
.paper-icon-control>.paper-icon-trigger.paper-icon-edit:focus-visible{outline-offset:2px}
.person-heading .paper-icon-control>.paper-icon-trigger.paper-icon-edit{width:21px;height:21px;min-width:21px;min-height:21px}
.person-heading .paper-icon-control>.paper-icon-trigger.paper-icon-edit svg{width:12px;height:12px}

/* Keep an 8px gap between Back's target and the 794px person header. */
body[data-account-view="conversation"]{--back-inset:32px;--header-inset:28px}
body[data-person-compose="true"] #composeBack{margin-right:0;margin-left:max(0px,calc(50% - 397px - 8px - 44px))}
body[data-account-view="conversation"] main>.letter-tools .view-zoom{display:none}
body[data-account-view="conversation"] main>.letter-tools{display:flex;min-height:0;height:0;padding-block:0;background:transparent}
body[data-account-view="conversation"] #backToPeople{position:absolute;top:16px;left:max(var(--back-inset),calc(50% - 397px - 8px - 44px))}
/* Reserve a side slot only where the centered header would meet the Back target. */
.conversation-heading{margin-left:max(0px,calc(var(--back-inset) + 44px + 8px - max(0px,(100vw - 850px)/2) - var(--header-inset)))}
@media(max-width:767px){body[data-account-view="conversation"]{--back-inset:24px}}
@media(max-width:650px){body[data-account-view="conversation"]{--header-inset:16px}}
@media(max-width:479px){body[data-account-view="conversation"]{--back-inset:20px}}
#backToPeople svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#peopleTitle{font-size:36px;letter-spacing:-.6px}
@media(max-width:650px){#peopleTitle{font-size:30px}}
/* Available before sign-in; preference belongs to this device. */
.account-dialog .locale-setting{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,155px);align-items:center;gap:16px;margin:0 0 24px;padding:0;font:400 13px/20px 'DM Sans',sans-serif}
.locale-setting select{max-width:155px;min-height:44px;color:inherit;background:transparent;border:0;border-bottom:1px solid var(--app-accent,#394a61);font:inherit}
:lang(ko) .account-popover{min-width:220px}
:lang(ko) .account-dialog p,:lang(ko) .sharing-note{word-break:keep-all;overflow-wrap:anywhere}
/* App-owned Korean copy keeps words together; authored letters keep native wrapping. */
:lang(ko) .account-dialog h2,:lang(ko) .page-intro h1,:lang(ko) .page-intro p,
:lang(ko) .empty-mailboxes h2,:lang(ko) .empty-mailboxes p,:lang(ko) .feedback-text,
:lang(ko) .sharing-modal h2,:lang(ko) .input-helper{word-break:keep-all;overflow-wrap:anywhere}
