@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Handlee&family=Manrope:wght@500;600;700;800;900&family=Patrick+Hand&family=Shadows+Into+Light&display=swap";:root{--font-sans: "Manrope", "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Manrope", "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Monaco", "Courier New", monospace;--font-letter: var(--font-sans);--weight-regular: 500;--weight-medium: 600;--weight-semibold: 700;--weight-bold: 800;--weight-heavy: 900;--radius-xs: 2px;--radius-s: 4px;--radius-xm: 8px;--radius-m: 12px;--radius-2xm: 16px;--radius-l: 20px;--radius-xl: 24px;--radius-2xl: 32px;--radius-3xl: 40px;--radius-round: 60px;--sp-40: 4px;--sp-80: 8px;--sp-120: 12px;--sp-160: 16px;--sp-200: 20px;--sp-240: 24px;--sp-280: 28px;--sp-320: 32px;--sp-360: 36px;--sp-400: 40px;--sp-440: 44px;--sp-480: 48px;--sp-520: 52px;--text-large-title-size: 1.625rem;--text-large-title-line: 2rem;--text-symbol-size: 3rem;--text-symbol-line: 1;--text-title-1-size: 1.375rem;--text-title-1-line: 1.625rem;--text-title-2-size: 1.0625rem;--text-title-2-line: 1.375rem;--text-title-3-size: .9375rem;--text-title-3-line: 1.25rem;--text-headline-size: .8125rem;--text-headline-line: 1rem;--text-body-size: 1rem;--text-body-line: 1.5rem;--text-callout-size: .75rem;--text-callout-line: .9375rem;--text-subheadline-size: .6875rem;--text-subheadline-line: .875rem;--text-footnote-size: .625rem;--text-footnote-line: .8125rem;--text-caption-1-size: .625rem;--text-caption-1-line: .8125rem;--text-caption-2-size: .625rem;--text-caption-2-line: .8125rem;--suface-blur: #ffffff25;--text-primary: #0a0a0a;--text-secondary: #404040;--text-tertiary: #737373;--text-disabled: #9a9a9a;--text-inverse: #ffffff;--border-50: #ffffff;--border-100: #d8d8d8;--border-200: #b2b2b2;--border-300: #999999;--border-500: #666666;--border-900: #0a0a0a;--icon-primary: #1a1a1a;--icon-secondary: #333333;--icon-tertiary: #4d4d4d;--icon-disabled: #999999;--icon-inverse: #ffffff;--surface-50: #fcfcfc;--surface-100: #f7f7f7;--surface-200: #f2f2f2;--surface-300: #ebebeb;--surface-400: #e5e5e5;--surface-500: #d9d9d9;--surface-600: #d9d9d9;--surface-700: #cccccc;--surface-800: #b2b2b2;--surface-response-highlight: #e8deef;--brand-primary: #8a38f5}body.dark-theme{--text-primary: #f5f5f5;--text-secondary: #d1d1d1;--text-tertiary: #a3a3a3;--text-disabled: #7a7a7a;--text-inverse: #0a0a0a;--border-50: #2b2b2b;--border-100: #383838;--border-200: #4a4a4a;--border-300: #5c5c5c;--border-500: #8a8a8a;--border-900: #f2f2f2;--icon-primary: #f2f2f2;--icon-secondary: #d6d6d6;--icon-tertiary: #b8b8b8;--icon-disabled: #7a7a7a;--icon-inverse: #ffffff;--surface-50: #181818;--surface-100: #1e1e1e;--surface-200: #242424;--surface-300: #2b2b2b;--surface-400: #333333;--surface-500: #3d3d3d;--surface-600: #474747;--surface-700: #525252;--surface-800: #666666;--surface-response-highlight: #372b45;--brand-primary: #a56bff}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(120,120,120,.3) transparent}*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#7878784d;border-radius:99px}*::-webkit-scrollbar-thumb:hover{background:#78787880}#root{width:100%;min-width:0}html{overflow-x:clip;overflow-y:overlay;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;overflow-x:clip;font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line);background:url(/assets/tawkins%20city.png) center / cover no-repeat fixed;background-color:var(--surface-100);color:var(--text-primary)}body.dark-theme{background:linear-gradient(#181818bd,#181818bd),url(/assets/tawkins%20city.png) center / cover no-repeat fixed;background-color:var(--surface-100);color:var(--text-primary)}h1,h2,h3,p{margin:0}h1{font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-bold)}h2{font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-bold)}h3{font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-semibold)}.text-large-title-regular{font-family:var(--font-sans);font-size:var(--text-large-title-size);line-height:var(--text-large-title-line);font-weight:var(--weight-regular)}.text-large-title-emphasized{font-family:var(--font-sans);font-size:var(--text-large-title-size);line-height:var(--text-large-title-line);font-weight:var(--weight-bold)}.text-title-1-regular{font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-regular)}.text-title-1-emphasized{font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-bold)}.text-title-2-regular{font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-regular)}.text-title-2-emphasized{font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-bold)}.text-title-3-regular{font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-regular)}.text-title-3-emphasized{font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-semibold)}.text-headline-regular{font-family:var(--font-sans);font-size:var(--text-headline-size);line-height:var(--text-headline-line);font-weight:var(--weight-bold)}.text-headline-emphasized{font-family:var(--font-sans);font-size:var(--text-headline-size);line-height:var(--text-headline-line);font-weight:var(--weight-heavy)}.text-body-regular{font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:var(--weight-regular)}.text-body-emphasized{font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:var(--weight-semibold)}.text-callout-regular{font-family:var(--font-sans);font-size:var(--text-callout-size);line-height:var(--text-callout-line);font-weight:var(--weight-regular)}.text-callout-emphasized{font-family:var(--font-sans);font-size:var(--text-callout-size);line-height:var(--text-callout-line);font-weight:var(--weight-semibold)}.text-subheadline-regular{font-family:var(--font-sans);font-size:var(--text-subheadline-size);line-height:var(--text-subheadline-line);font-weight:var(--weight-regular)}.text-subheadline-emphasized{font-family:var(--font-sans);font-size:var(--text-subheadline-size);line-height:var(--text-subheadline-line);font-weight:var(--weight-semibold)}.text-footnote-regular{font-family:var(--font-sans);font-size:var(--text-footnote-size);line-height:var(--text-footnote-line);font-weight:var(--weight-regular)}.text-footnote-emphasized{font-family:var(--font-sans);font-size:var(--text-footnote-size);line-height:var(--text-footnote-line);font-weight:var(--weight-semibold)}.text-caption-1-regular{font-family:var(--font-sans);font-size:var(--text-caption-1-size);line-height:var(--text-caption-1-line);font-weight:var(--weight-regular)}.text-caption-1-emphasized{font-family:var(--font-sans);font-size:var(--text-caption-1-size);line-height:var(--text-caption-1-line);font-weight:var(--weight-medium)}.text-caption-2-regular{font-family:var(--font-sans);font-size:var(--text-caption-2-size);line-height:var(--text-caption-2-line);font-weight:var(--weight-medium)}.text-caption-2-emphasized{font-family:var(--font-sans);font-size:var(--text-caption-2-size);line-height:var(--text-caption-2-line);font-weight:var(--weight-semibold)}button{border:1px solid var(--border-100);background:var(--surface-50);border-radius:var(--radius-xm);padding:var(--sp-80) var(--sp-120);font:inherit;cursor:pointer;color:var(--text-primary)}button:disabled{opacity:.55;cursor:not-allowed}input,textarea,select{width:100%;border:1px solid var(--border-100);background:var(--surface-50);color:var(--text-primary);border-radius:var(--radius-xm);padding:var(--sp-80);font:inherit}.notice{color:var(--brand-primary);font-weight:var(--weight-bold)}.app-shell{width:100%;min-height:100vh}main{width:100%;display:block}body{--letter-theme-card-bg: #e5e5e5;--letter-theme-card-texture: url(/assets/texture-main-C0a_fE4B.jpg);--letter-theme-card-overlay: linear-gradient(135deg, rgba(255, 255, 255, .56), rgba(230, 230, 230, .34));--letter-font-family: var(--font-letter);--letter-title-size: var(--text-title-2-size);--letter-body-size: var(--text-title-3-size);--letter-meta-size: var(--text-body-size)}body[data-letter-theme=school-note]{--letter-theme-card-bg: #ffffff;--letter-theme-card-texture: url(/assets/texture-2-COBC7zt_.jpg);--letter-theme-card-overlay: linear-gradient(135deg, rgba(255, 252, 240, .5), rgba(244, 238, 210, .28))}body[data-letter-theme=retro]{--letter-theme-card-bg: #f3f3f3;--letter-theme-card-texture: url(/assets/texture-3-2DKoD9Eu.jpg);--letter-theme-card-overlay: linear-gradient(135deg, rgba(245, 238, 225, .46), rgba(218, 206, 183, .24))}body[data-letter-theme=medivial]{--letter-theme-card-bg: #d9d9d9;--letter-theme-card-texture: url(/assets/texture-4-GiH4iOoF.jpg);--letter-theme-card-overlay: linear-gradient(135deg, rgba(236, 231, 218, .46), rgba(197, 185, 161, .22))}body[data-letter-font=patrick-hand]{--letter-font-family: "Patrick Hand", cursive;--letter-title-size: 1.1875rem;--letter-body-size: 1.0625rem;--letter-meta-size: .9375rem}body[data-letter-font=handlee]{--letter-font-family: "Handlee", cursive;--letter-title-size: 1.1875rem;--letter-body-size: 1.0625rem;--letter-meta-size: .9375rem}body[data-letter-font=caveat]{--letter-font-family: "Caveat", cursive;--letter-title-size: 1.1875rem;--letter-body-size: 1.0625rem;--letter-meta-size: .9375rem}body[data-letter-font=shadows-into-light]{--letter-font-family: "Shadows Into Light", cursive;--letter-title-size: 1.1875rem;--letter-body-size: 1.0625rem;--letter-meta-size: .9375rem}.post-preview-card,.letters-opened-card,.letters-reply-form,.postbox-preview-card,.postbox-comment-card,.topbar-notification-card{position:relative;isolation:isolate;overflow:hidden;background-color:var(--letter-theme-card-bg);background-image:var(--letter-theme-card-overlay),var(--letter-theme-card-texture);background-position:center;background-size:cover,cover;background-repeat:no-repeat,no-repeat}body:not(.response3-mode):not(.home-write-mode) .app-shell.is-notifications-open main{visibility:hidden}body.response3-mode .topbar{display:none}.topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-160);position:relative;background:var(--surface-50);border-bottom:1px solid var(--border-200);padding:var(--sp-80) var(--sp-160)}.topbar.is-friends-conversation{justify-content:space-between}.topbar-logo{font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-bold);letter-spacing:.01em}.topbar-links{display:flex;align-items:center;gap:var(--sp-240)}.topbar-links a{font-family:var(--font-sans);font-size:var(--text-callout-size);line-height:var(--text-callout-line);font-weight:var(--weight-regular);text-decoration:none;color:var(--text-primary)}.topbar-actions{display:inline-flex;align-items:center;gap:var(--sp-120)}.topbar-compose-action{min-width:106px;min-height:44px;border:0;border-radius:var(--radius-xm);background:var(--brand-primary);color:var(--text-inverse);padding:0 var(--sp-120);font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-semibold)}.topbar-compose-action:disabled{background:#c9c9c9;color:var(--text-inverse)}.topbar-friends-inline{display:flex;align-items:center;gap:var(--sp-120);min-width:0;flex:1}.topbar-inline-back{border:0;background:transparent;padding:0;color:var(--text-primary);font-size:var(--text-large-title-size);line-height:1}.topbar-inline-title{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-bold);white-space:nowrap}.topbar-icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:999px;background:transparent;padding:0}.topbar-indicator{position:absolute;top:6px;right:6px;width:10px;height:10px;border-radius:999px;background:var(--brand-primary);box-shadow:0 0 0 2px var(--surface-50)}.topbar-icon-button.is-active{background:#8a38f51f}.topbar-icon{width:22px;height:22px;display:block}.topbar-icon-button.is-active .topbar-icon{filter:invert(35%) sepia(95%) saturate(3091%) hue-rotate(253deg) brightness(98%) contrast(95%)}.topbar-menu{line-height:1}.topbar-notifications-panel,.topbar-menu-panel{position:absolute;top:calc(100% + var(--sp-80));right:var(--sp-240);z-index:30}.topbar-notifications-panel{border:1px solid var(--border-200);border-radius:var(--radius-s);background:var(--suface-blur);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 24px #0000001f}.topbar-menu-panel{isolation:isolate;overflow:hidden;border:1px solid rgba(177,170,154,.8);border-radius:18px;background-color:var(--letter-theme-card-bg);background-image:var(--letter-theme-card-overlay),var(--letter-theme-card-texture);background-position:center;background-size:cover,cover;background-repeat:no-repeat,no-repeat;box-shadow:0 20px 60px #0f0e1438}.topbar-notifications-panel{width:min(100%,420px);max-height:calc(100vh - 140px);overflow-y:auto;padding:var(--sp-120)}.topbar-notifications-active{min-width:360px}.topbar-notifications-list{display:grid;gap:var(--sp-80)}.topbar-notification-card{display:grid;gap:var(--sp-120);padding:var(--sp-120);border:1px solid var(--border-100);border-radius:var(--radius-s)}.topbar-notification-body{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-regular)}.topbar-notification-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-120)}.topbar-notification-time{color:var(--text-disabled);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line)}.topbar-notification-reaction-wrap{display:inline-flex;align-items:center;gap:var(--sp-80)}.topbar-notification-meta{color:var(--text-disabled);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line)}.topbar-notification-reaction{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:28px;padding:0 var(--sp-80);border:1px solid var(--border-200);border-radius:var(--radius-s);background:var(--surface-50);font-size:var(--text-title-3-size);line-height:1}.topbar-notifications-empty{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-regular);text-align:center;padding:var(--sp-160) var(--sp-120)}.topbar-menu-panel{display:grid;gap:var(--sp-120);min-width:260px;padding:var(--sp-160)}.topbar-menu-panel-title{font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-semibold)}.topbar-menu-panel-label{font-family:var(--font-sans);font-size:var(--text-callout-size);line-height:var(--text-callout-line);color:var(--text-secondary)}.topbar-menu-panel-input{border:1px solid var(--border-300);border-radius:var(--radius-s);padding:var(--sp-80) var(--sp-120);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line)}.topbar-menu-panel-save{justify-self:end;border:0;border-radius:var(--radius-s);background:#000;color:var(--text-inverse);padding:var(--sp-80) var(--sp-160);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line)}.topbar-menu-panel-signout{justify-self:start;border:0;background:transparent;padding:var(--sp-80) 0;font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);color:#646464;cursor:pointer}.page{width:100%;box-sizing:border-box;padding:var(--sp-240);overflow-x:hidden}.topbar~main .friends-dashboard-shell{margin-top:var(--sp-80)}.app-config-banner{margin:var(--sp-160) var(--sp-240) 0;border:1px solid #d97706;background:#fff7edeb;border-radius:var(--radius-s);padding:var(--sp-120) var(--sp-160);color:#7c2d12}.app-config-banner-title{font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-bold)}.app-config-banner-body{margin-top:var(--sp-80);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-160)}.stack{display:grid;gap:var(--sp-120)}@media(max-width:1024px){.topbar{padding:var(--sp-160) var(--sp-200)}.page{padding:var(--sp-200)}.app-config-banner{margin:var(--sp-160) var(--sp-200) 0}}@media(max-width:1024px){.topbar{padding:var(--sp-160)}.topbar-links{display:none}.topbar-friends-inline{min-width:0}.topbar-notifications-panel,.topbar-menu-panel{right:var(--sp-160)}.page{padding:var(--sp-160)}.app-config-banner{margin:var(--sp-160) var(--sp-160) 0}}@media(max-width:1024px){.topbar{padding:var(--sp-120)}.topbar-notifications-panel{right:var(--sp-120);left:var(--sp-120);width:auto}.topbar-notification-footer{flex-direction:column;align-items:flex-start}.page{padding:var(--sp-120)}.app-config-banner{margin:var(--sp-120) var(--sp-120) 0}}.letter-card{background:var(--surface-50);border:1px solid var(--border-100);border-radius:var(--radius-m);padding:var(--sp-160)}.letter-card__title{margin:0;color:var(--text-primary)}.letter-card__meta{color:var(--text-tertiary)}.letter-card__body{margin-top:var(--sp-80)}.letter-card__footer{display:flex;gap:var(--sp-80);flex-wrap:wrap;margin-top:var(--sp-120)}.letter-card__footer-text{color:var(--text-secondary)}.actions{display:flex;gap:.5rem;margin-top:.75rem}.reply-box{border-top:1px solid var(--border-100);margin-top:.6rem;padding-top:var(--sp-80)}.home-action-panel{display:grid;gap:var(--sp-240);align-content:start;width:160px;margin-right:auto}.home-action-write-shell{display:block;width:100%;background:var(--surface-50);border:1px solid var(--border-100);border-radius:var(--radius-xm);padding:var(--sp-40);text-decoration:none}.home-action-write-inner{display:inline-flex;width:100%;min-height:48px;align-items:center;justify-content:center;gap:var(--sp-120);border-radius:var(--radius-xm);background:var(--surface-50);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-regular);color:var(--text-primary)}.home-action-switch-shell{display:grid;width:100%;gap:var(--sp-80);background:var(--surface-50);border:1px solid var(--border-200);border-radius:var(--radius-xm);padding:var(--sp-80)}.home-action-item{position:relative;display:inline-flex;align-items:center;gap:var(--sp-120);min-height:var(--sp-440);border:1px solid transparent;border-radius:var(--radius-xm);background:transparent;padding:0 var(--sp-160);text-decoration:none;font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-regular);cursor:pointer;color:var(--text-primary)}.home-action-indicator{position:absolute;top:10px;right:12px;width:10px;height:10px;border-radius:999px;background:var(--brand-primary);box-shadow:0 0 0 2px var(--surface-50)}.home-action-item.is-active{border-color:var(--border-300);background:var(--surface-200);min-height:var(--sp-440);border-radius:var(--radius-s);color:var(--text-primary)}.home-action-icon{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.home-action-icon svg{width:100%;height:100%;display:block}.home-action-write-icon{color:var(--icon-inverse)}.home-action-tab-icon{color:var(--icon-primary)}@media(max-width:1024px){.home-action-panel{width:100%;margin-left:0;grid-template-columns:1fr 1fr;gap:var(--sp-120);align-items:start;padding-left:40px;padding-right:40px}@media(min-width:768px)and (max-width:1024px){.home-action-panel{padding-left:200px;padding-right:200px}}.home-action-write-shell,.home-action-switch-shell{width:100%}.home-action-switch-shell{grid-template-columns:1fr 1fr;align-items:stretch;gap:var(--sp-80);padding:var(--sp-80)}.home-action-item{min-height:64px;padding:0 var(--sp-80);justify-content:center;font-size:var(--text-title-3-size);line-height:var(--text-title-3-line)}.home-action-icon{width:30px;height:30px}.home-action-write-shell{padding:var(--sp-80)}.home-action-write-inner{min-height:52px;font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);gap:var(--sp-80)}.home-action-switch-shell{grid-template-columns:1fr 1fr;gap:var(--sp-80);padding:var(--sp-80);align-items:center}.home-action-item{justify-content:center;min-height:52px;padding:0}.home-action-indicator{top:8px;right:8px}.home-action-tab-text{display:none}.home-action-icon{width:28px;height:28px}}.home-letters-panel{--home-letters-panel-max-width: none;--home-letters-panel-height: auto;--home-letters-panel-min-height: auto;max-width:var(--home-letters-panel-max-width);width:100%;height:var(--home-letters-panel-height);min-height:var(--home-letters-panel-min-height);background:var(--suface-blur);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-200);border-radius:var(--radius-xm);padding:var(--sp-80)}.home-letters-panel.is-letters-mode{width:500px;max-width:700px}.home-letters-panel.is-postbox-mode{width:100%;max-width:none;position:relative;overflow:visible}.home-letters-panel.is-postbox-mode .postbox-panel{position:relative}.home-letters-panel.is-write-mode{--home-letters-panel-max-width: none;max-width:none;width:100%;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;padding:0}body.dark-theme .home-letters-panel{background:#1e1e1ed1}body.dark-theme .home-letters-panel.is-write-mode{background:transparent}@media(min-width:1024px){.home-letters-panel,.home-letters-route-panel .home-letters-panel{grid-area:letters;min-width:0}.home-letters-panel.is-postbox-mode,.home-letters-route-panel .home-letters-panel.is-postbox-mode{width:100%;max-width:calc((235px * 5) + (var(--sp-120) * 4) + (var(--sp-80) * 2));justify-self:center}}@media(max-width:1024px){.home-letters-panel{width:calc(100% + (var(--sp-120) * 2));max-width:none;margin-left:calc(var(--sp-120) * -1);margin-right:calc(var(--sp-120) * -1);border:0;border-radius:0;padding:var(--sp-80)}.home-letters-panel.is-write-mode{width:100%;margin-left:0;margin-right:0;border-radius:0;padding:0}.home-letters-panel.is-letters-mode,.home-letters-panel.is-postbox-mode,.home-letters-route-panel .home-letters-panel.is-postbox-mode{width:calc(100% + (var(--sp-120) * 2));max-width:none;margin-left:calc(var(--sp-120) * -1);margin-right:calc(var(--sp-120) * -1);border-radius:0}}@media(min-width:768px)and (max-width:1024px){.home-letters-panel.is-letters-mode{width:calc(100% - 160px);max-width:100%;margin-left:auto;margin-right:auto;border-radius:var(--radius-xm)}.home-letters-panel.is-postbox-mode,.home-letters-route-panel .home-letters-panel.is-postbox-mode{width:100%;max-width:100%;margin-left:auto;margin-right:auto;border-radius:var(--radius-xm);padding-left:80px;padding-right:80px}}.post-preview-card{display:grid;gap:var(--sp-120);border:1px solid var(--border-50);border-radius:var(--radius-s);padding:var(--sp-120);height:fit-content;width:100%;font-family:var(--font-letter)}@media(max-width:1023px){.home-letters-route-panel .letters-full-grid .post-preview-card{width:100%}}.post-preview-main{display:grid;gap:var(--sp-120)}.post-preview-stamp-row{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-80)}.post-preview-sponsor-logo{width:72px;height:48px;object-fit:contain;flex:0 0 auto}.post-preview-content{display:grid;gap:var(--sp-120);min-width:0}.post-preview-stamp{width:48px;height:48px;flex:0 0 auto;object-fit:contain}.post-preview-title{font-family:var(--letter-font-family);font-size:var(--letter-title-size);line-height:var(--text-title-2-line);font-weight:var(--weight-bold);color:var(--text-primary)}.post-preview-body{font-family:var(--letter-font-family);font-size:var(--letter-body-size);line-height:var(--text-title-3-line);font-weight:var(--weight-regular);color:var(--text-secondary);max-height:calc(var(--text-body-line) * 4);overflow:hidden}.post-preview-time{font-family:var(--letter-font-family);font-size:var(--letter-meta-size);line-height:var(--text-body-line);font-weight:var(--weight-regular);color:var(--text-disabled)}@media(max-width:1024px){.post-preview-card{padding:var(--sp-120)}.post-preview-stamp{width:40px;height:40px}.post-preview-sponsor-logo{width:60px;height:40px}.post-preview-body{font-size:var(--letter-meta-size);line-height:var(--text-body-line);max-height:calc(var(--text-body-line) * 4)}}.letters-panel{display:grid;gap:var(--sp-120)}.letters-panel.is-opened{width:500px;max-width:100%}@media(max-width:1024px){.letters-panel.is-opened{justify-self:center;margin-left:auto;margin-right:auto}}@media(max-width:767px){.letters-panel.is-opened{width:100%;max-width:100%;padding:10px}}.letters-grid-btn{border:0;background:transparent;padding:0;text-align:left}.letters-topbar{display:flex;align-items:center;gap:var(--sp-120)}.letters-back-btn{border:0;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-semibold);padding:0}.letters-title{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-bold)}.letters-topbar-controls{margin-left:auto;display:inline-flex;align-items:center;gap:var(--sp-200)}.letters-random-btn{border:0;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-semibold)}.letters-near-toggle{display:inline-flex;align-items:center;gap:var(--sp-80);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-semibold)}.letters-near-input{width:38px;height:22px;margin:0;flex-shrink:0}.letters-full-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-120)}@media(min-width:1024px){.home-letters-route-panel .letters-full-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));justify-content:start}}@media(min-width:768px)and (max-width:1023px){.home-letters-route-panel .letters-full-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));max-width:calc((235px * 3) + (var(--sp-120) * 2));justify-content:start}}.letters-opened-shell{display:grid;gap:var(--sp-120)}.letters-opened-shell.is-replying{grid-template-columns:minmax(380px,1fr) minmax(380px,1fr);align-items:start}@media(min-width:1025px){.letters-panel.is-opened:has(.letters-opened-shell.is-replying){width:100%;max-width:none}.letters-opened-shell.is-replying{grid-template-columns:repeat(2,minmax(0,1fr))}}.letters-opened-content{display:flex;flex-direction:column;gap:var(--sp-120);max-height:calc(100dvh - 80px)}.letters-opened-content .letters-opened-card{flex:1;overflow-y:auto;min-height:0}.letters-opened-actions-row{display:flex;align-items:center;gap:var(--sp-120);flex-shrink:0}.letters-opened-actions{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:var(--sp-160);border:1px solid var(--border-100);border-radius:var(--radius-xs);background:var(--surface-500);padding:var(--sp-40);width:fit-content;max-width:100%}.letters-emoji-btn{padding:var(--sp-40);border:1px solid var(--border-200);background:var(--surface-50);border-radius:var(--radius-s);line-height:1;color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center}.letters-emoji-icon{width:20px;height:20px;display:block;object-fit:contain}.letters-emoji-btn.is-active{border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary)}.letters-or{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-regular);padding:0}.letters-reply-btn{border:0;background:var(--brand-primary);color:var(--text-inverse);border-radius:var(--radius-s);padding:var(--sp-40) var(--sp-160);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-semibold)}.letters-reply-btn:disabled{background:var(--surface-300);color:var(--text-disabled)}.letters-nav-arrows{margin-left:auto;display:inline-flex;gap:var(--sp-120)}.letters-nav-btn{min-width:44px;min-height:36px;border:0;background:var(--text-primary);color:var(--text-inverse);border-radius:var(--radius-s);font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-semibold)}.letters-opened-card{display:grid;gap:var(--sp-120);border:1px solid var(--border-50);border-radius:var(--radius-s);padding:var(--sp-80)}.letters-opened-meta-row{display:flex;align-items:center;justify-content:right;gap:var(--sp-80)}.letters-opened-time{color:var(--text-disabled);font-family:var(--letter-font-family);font-size:var(--letter-meta-size);line-height:var(--text-body-line);font-weight:var(--weight-regular)}.letters-opened-stamp-row{display:flex;justify-content:flex-end;align-items:center}.letters-opened-stamp{width:56px;height:56px;object-fit:contain}.letters-opened-body-wrap{display:grid;gap:var(--sp-120);border-radius:var(--radius-s);padding:var(--sp-80)}.letters-opened-card-title{color:var(--text-primary);font-family:var(--letter-font-family);font-size:var(--letter-title-size);line-height:var(--text-title-2-line);font-weight:var(--weight-bold)}.letters-opened-body{color:var(--text-secondary);font-family:var(--letter-font-family);font-size:var(--letter-body-size);line-height:var(--text-body-line);font-weight:var(--weight-regular)}.letters-opened-footer{display:grid;gap:var(--sp-80)}.letters-opened-footer-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-120);padding:var(--sp-80)}.letters-opened-from{color:var(--text-primary);border-radius:var(--radius-s);font-family:var(--letter-font-family);font-size:var(--letter-body-size);line-height:var(--text-title-3-line);font-weight:var(--weight-regular)}.letters-sponsor-box{display:grid;justify-items:center;gap:var(--sp-40);padding:var(--sp-40) var(--sp-80);border-radius:var(--radius-s)}.letters-sponsor-logo{width:100px;height:65px;object-fit:contain}.letters-reply-form{display:grid;gap:var(--sp-120);border:1px solid var(--border-200);border-radius:var(--radius-xm);padding:var(--sp-160)}.letters-reply-top-box{display:flex;align-items:flex-start;justify-content:flex-end;gap:var(--sp-120)}.letters-reply-form-head{display:flex;margin-left:auto;justify-content:flex-end;align-items:center;gap:var(--sp-120)}.letters-reply-cancel{border:0;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-regular)}.letters-reply-confirm{border:0;background:var(--brand-primary);color:var(--text-inverse);border-radius:var(--radius-s);padding:var(--sp-40) var(--sp-120);font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-semibold)}.letters-reply-label,.letters-reply-counter{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-bold)}.letters-reply-label-row{display:flex;align-items:center;justify-content:space-between}.letters-reply-counter{color:var(--brand-primary);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-regular)}.letters-reply-input,.letters-reply-textarea{border:1px solid var(--border-300);border-radius:var(--radius-s);background:var(--surface-50);color:var(--text-primary);padding:var(--sp-80) var(--sp-120);font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-regular)}.letters-reply-hint{margin-top:calc(var(--sp-80) * -1);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-regular)}.letters-reply-textarea{min-height:80px;resize:vertical}.letters-reply-footer{display:flex;align-items:flex-end;justify-content:flex-end;gap:var(--sp-120)}.letters-reply-form .letters-sponsor-box{margin-left:auto}.letters-reply-from-input{max-width:220px}.letters-empty{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-regular)}@media(max-width:1024px){.letters-full-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.letters-opened-shell.is-replying{grid-template-columns:1fr}.letters-opened-shell.is-replying .letters-reply-form{order:-1}}@media(max-width:1024px){.letters-reply-form{padding:var(--sp-120)}.letters-topbar{flex-wrap:wrap}.letters-topbar-controls{width:100%;justify-content:space-between;gap:var(--sp-120)}.letters-full-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.letters-opened-actions{flex-wrap:nowrap}.letters-nav-arrows{margin-left:auto}.letters-opened-card-title{font-size:var(--text-title-2-size);line-height:var(--text-title-2-line)}.letters-opened-body{font-size:var(--text-title-3-size);line-height:var(--text-title-3-line)}}.postbox-panel{position:relative;display:grid;gap:var(--sp-120);width:100%;max-width:none}.postbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-120);width:100%;max-width:100%;padding:var(--sp-80);background:var(--suface-blur);border:1px solid var(--border-200);border-radius:var(--radius-xm)}.postbox-toolbar-title{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-bold)}.postbox-icon-btn{border:1px solid var(--border-200);background:var(--surface-50);border-radius:var(--radius-s);width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center}.postbox-icon-btn img{width:18px;height:18px;display:block}.postbox-popup{position:absolute;top:52px;right:0;z-index:20;min-width:260px;display:grid;gap:var(--sp-80);border:1px solid var(--border-200);background:var(--surface-50);border-radius:var(--radius-xm);padding:var(--sp-120)}.postbox-popup-title{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-semibold)}.postbox-check-row{display:inline-flex;align-items:center;gap:var(--sp-80);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line)}.postbox-key-current{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line);word-break:break-all}.postbox-key-input{width:100%}.postbox-key-row{display:flex;align-items:flex-start;gap:var(--sp-80)}.postbox-key-actions{display:flex;gap:var(--sp-80)}.postbox-key-actions button{flex:1}.postbox-copy-button{flex-shrink:0;border:1px solid var(--border-200);border-radius:var(--radius-s);background:var(--surface-50);padding:var(--sp-60) var(--sp-120);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-callout-size);line-height:var(--text-callout-line)}.postbox-copy-button:disabled{opacity:.5;cursor:not-allowed}.postbox-key-backup{display:grid;gap:var(--sp-80)}.postbox-key-backup-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-80)}.postbox-key-backup-label{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:var(--weight-semibold)}.postbox-key-backup-words{display:flex;flex-wrap:wrap;gap:var(--sp-80);border:1px solid var(--border-200);border-radius:var(--radius-s);background:var(--surface-50);padding:var(--sp-80) var(--sp-120);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line);word-break:break-word}.postbox-key-backup-chip{display:inline-flex;align-items:center;gap:var(--sp-40);border:1px solid var(--border-200);border-radius:999px;background:var(--surface-300);padding:4px 10px}.postbox-key-backup-chip-index{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:var(--surface-500);color:var(--text-inverse);font-size:var(--text-callout-size);line-height:1}@media(max-width:680px){.postbox-key-row,.postbox-key-backup-header{flex-direction:column;align-items:stretch}.postbox-copy-button{width:100%}}.postbox-notice{color:var(--brand-primary);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:var(--weight-regular)}.postbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,235px));gap:var(--sp-120);width:100%;max-width:none;justify-content:start}.postbox-grid:has(>:nth-child(5)){grid-template-columns:repeat(auto-fit,minmax(235px,1fr))}.postbox-grid-card-btn{width:100%;border:0;background:transparent;padding:0;text-align:left}.postbox-grid-card-btn .postbox-preview-card{transition:border-color .12s ease,box-shadow .12s ease}.postbox-grid-card-btn.is-highlighted .postbox-preview-card{border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary)}.postbox-my-letter-flow,.postbox-response-flow,.postbox-thank-note{display:grid;gap:var(--sp-120)}.postbox-my-letter-head{margin-bottom:var(--sp-120)}.postbox-head-box{display:flex;flex-direction:column;gap:var(--sp-120);padding:var(--sp-80) var(--sp-120);border:1px solid var(--border-200);border-radius:var(--radius-s);background:var(--suface-blur)}.postbox-head-top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-120);width:100%;padding:var(--sp-80) var(--sp-120);border:1px solid var(--border-200);border-radius:var(--radius-s);background:var(--surface-50)}.postbox-comment-list{display:grid;gap:var(--sp-80)}.postbox-comment-card{display:grid;gap:var(--sp-80);border:1px solid var(--border-100);border-radius:var(--radius-s);padding:var(--sp-120)}.postbox-comment-body{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-regular)}.postbox-comment-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-80)}.postbox-comment-time{color:var(--text-disabled);font-family:var(--font-sans);font-size:var(--text-callout-size);line-height:var(--text-callout-line)}.postbox-comment-actions{display:inline-flex;align-items:center;gap:var(--sp-80)}.postbox-comment-react-btn{padding:var(--sp-40);border:1px solid var(--border-200);border-radius:var(--radius-s);background:var(--surface-50);display:inline-flex;align-items:center;justify-content:center}.postbox-comment-react-btn.is-active{border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary)}.postbox-comment-react-btn:disabled{opacity:.68;cursor:default}.postbox-comment-react-btn.is-active:disabled{opacity:1}.postbox-response3-view,.postbox-response3-layout,.postbox-response3-left{display:grid;gap:var(--sp-120)}.postbox-response3-toolbar-row{display:flex;align-items:center;gap:var(--sp-120)}.postbox-response3-toolbar{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:var(--sp-160);border:1px solid var(--border-100);border-radius:var(--radius-xm);background:var(--surface-500);padding:var(--sp-80);width:fit-content;max-width:100%}.postbox-response3-toolbar .postbox-emoji-btn,.postbox-response3-toolbar .postbox-response-or,.postbox-response3-toolbar .postbox-response-cta{flex:0 0 auto}.postbox-response3-toolbar .postbox-response-cta{margin-left:0}.postbox-response3-toolbar-row .postbox-history-nav{margin-left:auto}.postbox-response3-history-nav{justify-self:end}.postbox-response3-toolbar-spacer{flex:1}.postbox-flow-head{display:flex;align-items:center;gap:var(--sp-120)}.postbox-flow-head-between{justify-content:space-between}.postbox-view-letter-btn{border:1px solid var(--border-200);background:var(--surface-50);color:var(--text-primary);border-radius:var(--radius-s);padding:var(--sp-80) var(--sp-120);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-semibold)}.postbox-back-btn{border:0;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-semibold);padding:0}.postbox-flow-title{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-large-title-size);line-height:var(--text-large-title-line);font-weight:var(--weight-bold);margin-right:auto}.postbox-expand-btn{border:1px solid var(--border-100);background:var(--surface-50);border-radius:var(--radius-s);padding:var(--sp-80) var(--sp-120);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-semibold)}.postbox-thread-letter{display:grid;gap:var(--sp-120);border:1px solid var(--border-100);border-radius:var(--radius-xm);background:var(--surface-50);padding:var(--sp-160)}.postbox-response-letter{display:grid;gap:var(--sp-120);border:1px solid var(--border-50);border-radius:var(--radius-s);background:var(--surface-50);padding:var(--sp-120)}.postbox-thread-letter-main{display:grid;gap:var(--sp-120);background:var(--surface-200);border-radius:var(--radius-s);padding:var(--sp-160)}.postbox-thread-letter-main.is-respondent{background:var(--surface-response-highlight)}.postbox-response-letter .postbox-thread-letter-title{font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-bold)}.postbox-response-letter .postbox-thread-letter-body{color:var(--text-secondary);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-regular)}.postbox-response-letter .postbox-thread-time{font-size:var(--text-body-size);line-height:var(--text-body-line);color:var(--text-disabled)}.postbox-thread-letter-stamp-row{display:flex;justify-content:flex-end}.postbox-thread-letter-stamp{width:56px;height:56px;object-fit:contain}.postbox-thread-letter-title{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-large-title-size);line-height:var(--text-large-title-line);font-weight:var(--weight-bold)}.postbox-thread-letter-body{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-regular)}.postbox-thread-letter:not(.is-expanded) .postbox-thread-letter-main{background:transparent;border-radius:0;padding:0}.postbox-thread-letter:not(.is-expanded) .postbox-thread-letter-body{color:var(--text-secondary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}.postbox-thread-letter-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-120)}.postbox-sponsor-box{display:grid;justify-items:center;gap:var(--sp-40);padding:var(--sp-40) var(--sp-80);border:1px solid var(--border-200);border-radius:var(--radius-s);background:var(--surface-50)}.postbox-sponsor-logo{width:22px;height:22px;object-fit:contain}.postbox-sponsor-text{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-callout-size);line-height:var(--text-callout-line);font-weight:var(--weight-regular);letter-spacing:.04em}.postbox-thread-from{color:var(--text-primary);background:var(--surface-300);border-radius:var(--radius-s);padding:var(--sp-80) var(--sp-120);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-regular)}.postbox-thread-time{color:var(--text-disabled);font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-regular)}.postbox-thread-time-inline{justify-self:start}.postbox-responders{display:grid;gap:var(--sp-120);font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line)}.postbox-responder-segments-host{--postbox-segments-align: center;--postbox-segments-width: min(100%, 760px);--postbox-segments-gap: var(--sp-120);--postbox-segment-btn-pad-x: 16px;display:flex;justify-content:var(--postbox-segments-align)}.postbox-responder-segments{display:flex;align-items:center;gap:var(--postbox-segments-gap);overflow-x:auto;padding-bottom:var(--sp-80);width:var(--postbox-segments-width);-ms-overflow-style:none;scrollbar-width:none}.postbox-responder-segments::-webkit-scrollbar{display:none}.postbox-responder-segment-btn{flex:0 0 auto;border:1px solid var(--border-100);border-radius:var(--radius-s);background:var(--surface-300);color:var(--text-secondary);padding:var(--sp-80) var(--postbox-segment-btn-pad-x);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-regular)}.postbox-responder-segment-btn.is-active{background:var(--text-primary);color:var(--text-inverse)}.postbox-responder-row{display:flex;align-items:center;gap:var(--sp-120)}.postbox-responder-id{min-width:50px;text-align:center;border-radius:var(--radius-s);background:var(--text-primary);color:var(--text-inverse);padding:var(--sp-80) var(--sp-120);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-semibold)}.postbox-responder-action{min-width:120px;border-radius:var(--radius-s);padding:var(--sp-80) var(--sp-120);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-regular)}.postbox-responder-action.is-view{border:1px solid var(--border-100);background:var(--surface-500);color:var(--text-primary)}.postbox-responder-action.is-open{border:1px solid var(--border-100);background:var(--brand-primary);color:var(--text-inverse)}.postbox-responder-action.is-thanked{background:var(--surface-400);color:var(--text-disabled)}.postbox-thanked-banner{display:inline-flex;align-items:center;gap:var(--sp-160);border:1px solid var(--border-100);border-radius:var(--radius-xm);background:var(--surface-500);padding:var(--sp-120);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-regular)}.postbox-thanked-banner span{font-size:var(--text-large-title-size);line-height:var(--text-large-title-line)}.postbox-response-actions{display:flex;align-items:center;gap:var(--sp-120);border:1px solid var(--border-100);border-radius:var(--radius-xm);background:var(--surface-500);padding:var(--sp-120)}.postbox-emoji-btn{width:44px;height:44px;border-radius:var(--radius-s);border:1px solid var(--border-200);background:var(--surface-50);font-size:var(--text-large-title-size);line-height:1;color:var(--text-primary)}.postbox-emoji-icon{width:20px;height:20px;display:block;object-fit:contain}.postbox-emoji-btn.is-active{border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary)}.postbox-response-or{margin-left:var(--sp-120);margin-right:var(--sp-120);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-regular)}.postbox-response-cta{margin-left:auto;border:0;border-radius:var(--radius-s);background:var(--brand-primary);color:var(--text-inverse);padding:var(--sp-120) var(--sp-120);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-semibold)}.postbox-history-toolbar{display:flex;align-items:center;gap:var(--sp-120);border:1px solid var(--border-100);border-radius:var(--radius-xm);background:var(--surface-500);padding:var(--sp-120)}.postbox-history-label{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-large-title-size);line-height:var(--text-large-title-line);font-weight:var(--weight-regular);margin-right:auto;display:inline-flex;align-items:center;gap:var(--sp-120)}.postbox-history-emoji{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:52px;border-radius:var(--radius-s);background:var(--surface-50);border:1px solid var(--border-200);font-size:var(--text-large-title-size);line-height:var(--text-large-title-line)}.postbox-history-nav{display:inline-flex;align-items:center;gap:var(--sp-120)}.postbox-history-nav-btn{min-width:44px;min-height:44px;border:1px solid transparent;border-radius:var(--radius-s);font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-semibold)}.postbox-history-nav-btn.is-active{background:var(--text-primary);color:var(--text-inverse)}.postbox-history-nav-btn.is-disabled{background:var(--surface-800);color:var(--text-inverse)}.postbox-thank-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-120);border:1px solid var(--border-100);border-radius:var(--radius-xm);background:var(--surface-500);padding:var(--sp-120)}.postbox-thank-cancel{border:0;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-regular)}.postbox-thank-confirm{border:0;border-radius:var(--radius-s);background:var(--brand-primary);color:var(--text-inverse);padding:var(--sp-120) var(--sp-240);font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-semibold)}.postbox-thank-form{display:grid;gap:var(--sp-120);border:1px solid var(--border-100);border-radius:var(--radius-xm);background:var(--surface-50);padding:var(--sp-160)}.postbox-thank-note-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(460px,1.4fr);align-items:start;gap:var(--sp-160)}.postbox-response-letter-preview{min-height:100%}.postbox-thank-note-right{display:grid;gap:var(--sp-120)}.postbox-thank-label-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-120)}.postbox-thank-count{color:var(--brand-primary);font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-regular)}.postbox-thank-hint{color:var(--text-disabled);font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-regular)}.postbox-thank-label{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-bold)}.postbox-thank-input,.postbox-thank-textarea{border:1px solid var(--border-300);border-radius:var(--radius-s);background:var(--surface-50);color:var(--text-primary);padding:var(--sp-120);font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-regular)}.postbox-thank-input::placeholder,.postbox-thank-textarea::placeholder{color:var(--text-disabled)}.postbox-thank-textarea{min-height:140px;resize:vertical}.postbox-thank-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-120)}.postbox-thank-input.is-readonly{max-width:220px;background:var(--surface-300)}.postbox-thank-sponsor{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-callout-size);line-height:var(--text-callout-line);font-weight:var(--weight-regular);letter-spacing:.04em}@media(max-width:1024px){.postbox-panel{width:100%;max-width:none}.postbox-toolbar{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}.postbox-grid{grid-template-columns:repeat(auto-fit,minmax(235px,1fr));width:100%;max-width:none;gap:var(--sp-80)}.postbox-grid-card-btn,.postbox-grid-card-btn .postbox-preview-card{width:100%}.postbox-flow-title{font-size:var(--text-title-1-size);line-height:var(--text-title-1-line)}.postbox-response-actions{flex-wrap:nowrap}.postbox-response-or{margin:0}.postbox-response-cta{width:auto;margin-left:auto;white-space:nowrap}.postbox-history-toolbar{flex-wrap:nowrap}.postbox-history-label{width:auto;font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);flex-wrap:nowrap}.postbox-thread-letter-title{font-size:var(--text-title-1-size);line-height:var(--text-title-1-line)}.postbox-thread-letter-body{font-size:var(--text-title-2-size);line-height:var(--text-title-2-line)}.postbox-thank-bottom{align-items:flex-end}.postbox-popup{position:static;min-width:0}.postbox-response3-toolbar{flex-wrap:nowrap}.postbox-history-nav{margin-left:auto}.postbox-thank-note-layout{grid-template-columns:1fr}.postbox-thank-toolbar{justify-content:space-between}.postbox-thank-confirm,.postbox-thank-cancel{min-width:120px}}@media(max-width:767px){.postbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.postbox-responder-segments-host{--postbox-segments-align: flex-start;--postbox-segments-width: 100%;--postbox-segments-gap: var(--sp-80);--postbox-segment-btn-pad-x: 12px;margin-bottom:var(--sp-40)}.postbox-response3-toolbar-row{flex-direction:column;align-items:center;gap:var(--sp-80)}.postbox-response3-toolbar-row .postbox-history-nav{order:-1;margin-left:0;justify-content:center}.postbox-response3-history-nav{margin-left:0;margin-right:0;justify-self:center}.postbox-response3-toolbar{width:100%;justify-content:center}}@media(max-width:1024px){.postbox-thank-note-layout,.postbox-response3-layout{grid-template-columns:1fr}}.postbox-preview-card{display:grid;gap:var(--sp-120);border:1px solid var(--border-50);border-radius:var(--radius-s);padding:var(--sp-120);height:fit-content;width:100%;font-family:var(--font-sans)}.postbox-preview-main{display:grid;gap:var(--sp-120)}.postbox-preview-stamp-row{display:flex;justify-content:flex-end}.postbox-preview-stamp{width:48px;height:48px;flex:0 0 auto;object-fit:contain}.postbox-preview-content{display:grid;gap:var(--sp-120);min-width:0}.postbox-preview-title{font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-bold);color:var(--text-primary)}.postbox-preview-body{font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-regular);color:var(--text-secondary);max-height:calc(var(--text-body-line) * 4);overflow:hidden}.postbox-preview-card.is-expanded .postbox-preview-body{max-height:none}.postbox-preview-time{font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:var(--weight-regular);color:var(--text-disabled)}.postbox-preview-footer{display:flex;align-items:center;justify-content:flex-start;gap:var(--sp-80)}@media(max-width:1024px){.postbox-preview-card{width:100%}.postbox-preview-stamp{width:40px;height:40px}.postbox-preview-body{font-size:var(--text-body-size);line-height:var(--text-body-line);max-height:calc(var(--text-body-line) * 4)}}.write-post-card{display:grid;gap:var(--sp-120)}.home-letters-panel.is-write-mode .write-post-card{width:calc(100vw - 280px);max-width:800px;margin-left:0;margin-right:0}@media(max-width:1024px){.home-letters-panel.is-write-mode .write-post-card{width:100%;max-width:100%}}.write-post-toolbar{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:var(--sp-120);background:var(--suface-blur);border:1px solid var(--border-200);border-radius:var(--radius-xm);padding:var(--sp-80)}.write-post-replies-toggle{display:inline-flex;align-items:center;justify-self:start;width:max-content;border:1px solid var(--border-100);border-radius:var(--radius-s);background:var(--surface-50);padding:var(--sp-40);gap:var(--sp-40)}.write-post-type-btn{border:0;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-regular);border-radius:var(--radius-s);padding:var(--sp-80) var(--sp-160)}.write-post-type-btn.is-active{background:var(--text-primary);color:var(--text-inverse)}.write-post-toolbar-text{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-regular)}.write-post-toolbar-text-open{display:inline-flex;align-items:center;gap:var(--sp-160);flex-wrap:wrap;color:var(--text-secondary)}.write-post-close{border:0;background:transparent;padding:var(--sp-40);border-radius:var(--radius-s)}.write-post-close img{width:20px;height:20px;display:block}.write-post-confirm{border:0;background:var(--surface-500);color:var(--text-inverse);border-radius:var(--radius-s);padding:var(--sp-80) var(--sp-200);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-regular)}.write-post-form{display:grid;gap:var(--sp-120);border:1px solid var(--border-200);border-radius:var(--radius-xm);background:var(--surface-50);padding:var(--sp-160)}.write-post-stamp-row{display:flex;justify-content:flex-end}.write-post-stamp{width:56px;height:56px;object-fit:contain}.write-post-label{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-bold)}.write-post-body-header{display:flex;align-items:center;justify-content:space-between}.write-post-input,.write-post-textarea{border:1px solid var(--border-300);border-radius:var(--radius-s);background:var(--surface-50);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-regular);padding:var(--sp-80) var(--sp-120)}.write-post-input::placeholder,.write-post-textarea::placeholder{color:var(--text-disabled)}.write-post-textarea{min-height:120px;resize:none;overflow:hidden}.write-post-from-hint{margin-top:calc(var(--sp-80) * -1);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-regular)}.write-post-reply-box{display:flex;align-items:center;gap:var(--sp-200);flex-wrap:wrap;background:var(--surface-50);border:1px solid var(--border-100);border-radius:var(--radius-xm);padding:var(--sp-120)}.write-post-reply-title{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-regular)}.write-post-radio-option{display:inline-flex;align-items:center;gap:var(--sp-80);cursor:pointer}.write-post-radio-option input{position:absolute;opacity:0;width:0;height:0}.write-post-radio-visual{width:24px;height:24px;border-radius:var(--radius-round);border:2px solid var(--brand-primary);display:inline-flex;align-items:center;justify-content:center}.write-post-radio-visual:after{content:"";width:14px;height:14px;border-radius:var(--radius-round);background:transparent}.write-post-radio-option input:checked+.write-post-radio-visual:after{background:var(--brand-primary)}.write-post-radio-label{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-regular)}.write-post-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-120)}.write-post-from-input{max-width:220px}.write-post-from-muted{color:var(--text-primary);background:var(--surface-300);border-radius:var(--radius-s);padding:var(--sp-80) var(--sp-120);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-regular)}.write-post-sponsor{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-callout-size);line-height:var(--text-callout-line);font-weight:var(--weight-regular);letter-spacing:.04em}.write-post-sponsor-box{display:grid;justify-items:center;gap:var(--sp-40);padding:var(--sp-40) var(--sp-80);border-radius:var(--radius-s);background:var(--surface-50)}.write-post-sponsor-logo{width:48px;height:24px;object-fit:contain}.write-thoughts-modal-backdrop{position:fixed;inset:0;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:var(--sp-200);background:#0a0a0a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.write-thoughts-modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:var(--surface-50);border:1px solid var(--border-200);border-radius:var(--radius-xm);padding:var(--sp-120);display:grid;gap:var(--sp-120)}.write-thoughts-modal-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--sp-120)}.write-thoughts-close{border:0;background:transparent;padding:var(--sp-40)}.write-thoughts-close img{width:20px;height:20px;display:block}.write-thoughts-title{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-bold)}.write-thoughts-done{border:0;background:var(--brand-primary);color:var(--text-inverse);border-radius:var(--radius-s);padding:var(--sp-80) var(--sp-200);font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-semibold)}.write-thoughts-counter{color:var(--brand-primary);font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-regular)}.write-thoughts-input{width:100%;min-height:360px;border:0;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-regular);resize:none;outline:none;padding:0}.write-thoughts-input::placeholder{color:var(--text-disabled)}@media(max-width:1024px){.write-post-toolbar{grid-template-columns:auto 1fr auto;grid-template-areas:"close . confirm" "toggle toggle toggle" "text text text";align-items:center;row-gap:var(--sp-80)}.write-post-replies-toggle{grid-area:toggle;justify-self:start}.write-post-confirm{grid-area:confirm;justify-self:end}.write-post-toolbar-text,.write-post-toolbar-text-open{grid-area:text}.write-post-close{grid-area:close;justify-self:start;padding:0}}@media(max-width:1024px){.home-letters-panel.is-write-mode .write-post-card{max-width:100%;margin-left:0}.write-post-form{padding:var(--sp-120)}.write-post-label{font-size:var(--text-title-3-size);line-height:var(--text-title-3-line)}.write-post-input,.write-post-textarea,.write-post-from-hint{font-size:var(--text-body-size);line-height:var(--text-body-line)}.write-post-reply-box{gap:var(--sp-120)}.write-post-reply-title{font-size:var(--text-title-3-size);line-height:var(--text-title-3-line)}.write-post-radio-label{font-size:var(--text-title-2-size);line-height:var(--text-title-2-line)}.write-post-bottom{flex-direction:row;align-items:flex-end;justify-content:space-between}.write-post-from-input{max-width:220px}.write-thoughts-modal-backdrop{padding:var(--sp-200) var(--sp-120) 0}.write-thoughts-modal{height:calc(100dvh - var(--sp-200));max-height:calc(100dvh - var(--sp-200));grid-template-rows:auto auto 1fr}.write-thoughts-title{font-size:var(--text-title-2-size);line-height:var(--text-title-2-line)}.write-thoughts-input{min-height:0;height:100%;font-size:var(--text-title-2-size);line-height:var(--text-title-2-line)}}.friends-panel{display:grid;justify-items:center;align-content:start;gap:var(--sp-200);width:100%;min-height:calc(100vh - 180px);padding-top:var(--sp-160)}.friends-panel.is-focus-page{justify-items:center;min-height:unset;height:calc(100vh - 70px);overflow:hidden;padding-top:0;gap:0}.friends-panel.is-compose-page{justify-items:stretch;min-height:unset;height:calc(100vh - 70px);overflow:hidden;padding-top:0;gap:0}@media(max-width:768px){.friends-panel{min-height:auto}}.friends-dashboard-top,.friends-dashboard-actions{display:flex;align-items:center;gap:var(--sp-80)}.friends-dashboard-top{width:100%;justify-content:space-between;gap:var(--sp-120)}.friends-dashboard-actions{flex-wrap:wrap;justify-content:flex-end}.dashboard-id-badge,.dashboard-compose-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-40);font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-medium);box-shadow:0 10px 24px #11111124}.dashboard-id-badge-icon,.dashboard-compose-button-icon{width:20px;height:20px}.dashboard-id-badge{border:4px solid rgba(255,255,255,.96);border-radius:var(--radius-m);background:#cee5fff5;padding:var(--sp-80) 18px;color:#25345c}.dashboard-compose-button{border:4px solid rgba(255,255,255,.96);border-radius:var(--radius-m);background:#edededeb;padding:0 var(--sp-160);color:#111;padding:var(--sp-80) var(--sp-240)}.friends-signout-link{justify-self:end}.friends-dashboard-menu{position:relative;justify-self:end}.friends-account-popover{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;border:1px solid rgba(255,255,255,.78);border-radius:14px;background:#ffffffeb;box-shadow:0 12px 30px #11111129;padding:var(--sp-80)}.friends-account-popover-action{width:100%;min-height:44px;border:0;background:transparent;text-align:left}@media(max-width:768px){.friends-dashboard-top{flex-direction:row;align-items:center;justify-content:space-between}.friends-dashboard-actions{flex-direction:row;align-items:center;justify-content:flex-end}.dashboard-compose-button{width:auto}}.thread-letter-card,.focus-letter-card{display:grid;align-content:start;gap:var(--sp-120);padding:0;overflow:visible}.letter-card-box{min-height:620px;display:grid;align-content:start;gap:var(--sp-120);padding:var(--sp-120);border:1px solid var(--border-50);border-radius:var(--radius-s);overflow:hidden;background-color:var(--letter-theme-card-bg);background-image:var(--letter-theme-card-overlay),var(--letter-theme-card-texture);background-position:center;background-size:cover,cover;background-repeat:no-repeat,no-repeat;box-shadow:0 10px 20px #1414141f;outline:none}.letter-card-seal{width:120px;justify-self:center;align-self:center}.letter-card-top{display:flex;align-items:center;justify-content:flex-end;gap:18px}.letter-card-stamp{width:48px;height:48px;object-fit:contain}.letter-card-body{color:var(--letter-theme-card-text, #202020);white-space:pre-wrap;font-size:var(--text-body-size);line-height:var(--text-body-line)}.letter-card-content{min-height:480px;display:grid;align-content:space-between;gap:var(--sp-120)}.letter-card-meta{display:grid;gap:2px;color:#363636d9;margin-top:auto}.letter-card-user-id{font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:var(--weight-medium);color:var(--text-secondary)}.letter-card-date{font-family:var(--font-sans);font-size:var(--text-callout-size);line-height:var(--text-callout-line);color:var(--text-secondary)}.letter-card-placeholder{color:#4646468c}.thread-letter-card{width:100%;height:fit-content}.thread-letter-card .letter-card-box{min-height:unset;height:215px;padding:var(--sp-120);gap:var(--sp-120);align-content:stretch;grid-template-rows:auto 1fr}.thread-letter-card .letter-card-top,.focus-letter-card .letter-card-top{gap:var(--sp-80)}.thread-letter-card .letters-sponsor-logo{width:72px;height:48px}.thread-letter-card .letter-card-stamp,.focus-letter-card .letter-card-stamp{width:48px;height:48px}.thread-letter-card .letter-card-body{font-family:var(--letter-font-family);font-size:var(--letter-body-size);line-height:var(--text-title-3-line);font-weight:var(--weight-regular);color:var(--text-secondary);max-height:calc(var(--text-body-line) * 4);overflow:hidden}.thread-letter-card .letter-card-content{min-height:0;height:100%}.thread-letter-card.is-sealed .letter-card-body{min-height:0}.thread-letter-card.is-sealed .letter-card-box{border:2px solid #7c3aed;box-shadow:0 0 0 3px #7c3aed26,0 10px 20px #1414141f;position:relative}.thread-letter-card.is-sealed .letter-card-content{position:relative}.thread-letter-card.is-sealed .letter-card-content:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.85) 55%,rgba(255,255,255,.97) 100%);pointer-events:none}.thread-letter-card-open-btn{display:none}.thread-letter-card.is-sealed .thread-letter-card-open-btn{display:flex;align-items:center;justify-content:center;position:absolute;bottom:var(--sp-120);left:50%;transform:translate(-50%);z-index:1;background:#fff;border:1.5px solid #7c3aed;border-radius:100px;color:#7c3aed;font-family:var(--font-sans);font-size:var(--text-callout-size);font-weight:var(--weight-semibold);padding:6px 20px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #7c3aed2e}.focus-letter-card{width:100%;min-height:360px;grid-template-rows:auto minmax(0,1fr)}.thread-letter-card.is-reply .letter-card-box{border:1.5px solid rgba(124,58,237,.35);box-shadow:0 0 0 3px #7c3aed14,0 6px 16px #14141414}.thread-letter-card.is-arriving{opacity:.75;cursor:default;pointer-events:none}.thread-letter-card.is-arriving .letter-card-body{font-style:italic;color:var(--text-tertiary, #888)}.focus-letter-card .letter-card-box{min-height:360px;align-content:stretch;grid-template-rows:auto 1fr}.focus-letter-card .letter-card-body{min-height:0}.focus-letter-card .letter-card-content{min-height:0;height:100%}@media(max-width:768px){.focus-letter-card,.focus-letter-card .letter-card-box{min-height:520px}.focus-letter-card .letter-card-content{min-height:220px}}.friends-panel{width:100%;max-width:100%;box-sizing:border-box}.friends-card,.friends-detail-shell,.friends-action-modal{position:relative;isolation:isolate;overflow:hidden;width:min(100%,820px);max-width:100%;box-sizing:border-box;border:1px solid rgba(177,170,154,.8);border-radius:18px;background-color:var(--letter-theme-card-bg);background-image:var(--letter-theme-card-overlay),var(--letter-theme-card-texture);background-position:center;background-size:cover,cover;background-repeat:no-repeat,no-repeat;box-shadow:0 20px 60px #0f0e1438}.friends-card,.friends-detail-shell,.friends-action-modal{display:grid;gap:var(--sp-160);padding:clamp(24px,3vw,40px)}.friends-compose-screen{position:relative;width:min(100%,760px);height:100%;display:grid;grid-template-rows:auto auto 1fr;align-content:start;gap:var(--sp-120);padding:var(--sp-160) 0 var(--sp-240);margin-inline:auto;background:transparent;border:0;border-radius:0;box-shadow:none;overflow-y:auto;scrollbar-width:none}.friends-compose-screen::-webkit-scrollbar{display:none}.friends-conversation-shell{position:relative;width:min(100%,920px);display:grid;gap:var(--sp-140);padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;justify-items:start}.friends-card--centered{width:min(100%,520px);min-height:220px;place-items:center}.friends-card.auth-card{width:min(100%,440px);gap:var(--sp-240);padding:var(--sp-160);align-content:start}.friends-card.auth-card.auth-email-card{gap:var(--sp-200)}.friends-card.auth-card.auth-options-card{width:min(100%,520px);gap:var(--sp-160);justify-items:stretch}.auth-options-body{gap:var(--sp-160)}.auth-options-head{gap:var(--sp-80)}.friends-options-auth-head{width:100%;display:grid;gap:var(--sp-80)}.auth-options-card .friends-card-copy-box{max-width:100%}.auth-options-card .friends-auth-stack{gap:var(--sp-120)}.auth-options-card .friends-card-footer{padding-top:0}.friends-card.auth-card .friends-auth-back{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;padding:0;color:var(--text-primary);font-size:var(--text-symbol-size);line-height:var(--text-symbol-line)}.auth-email-head .friends-email-auth-head{display:flex;align-items:center;gap:var(--sp-120)}.friends-card.auth-card .friends-auth-card-body{display:grid;gap:var(--sp-200);width:100%}.friends-card.auth-card .friends-auth-card-head{display:grid;justify-items:stretch;gap:var(--sp-120)}.friends-card.auth-card .friends-card-stamp{position:static;justify-self:end;width:84px;height:64px}.friends-card.auth-card .friends-card-copy-box{width:100%;display:grid;gap:var(--sp-80)}.friends-card.auth-card .friends-card-copy{gap:var(--sp-40);padding-top:0;width:100%}.friends-card.auth-card .friends-auth-stack,.friends-card.auth-card .friends-auth-form{gap:var(--sp-80)}.friends-card.auth-card .friends-auth-email-input,.friends-card.auth-card .friends-auth-password-input{min-height:48px;border:1px solid var(--border-200);border-radius:var(--radius-s);background:#ffffffeb;padding:0 var(--sp-120)}.friends-card.auth-card .friends-auth-email-input:focus,.friends-card.auth-card .friends-auth-password-input:focus{border-color:var(--border-900);outline:none}.friends-card.auth-card .friends-card-footer{min-height:28px;justify-content:center;padding-top:var(--sp-40)}.friends-card--create,.friends-card--celebration{width:100%;max-width:600px;gap:var(--sp-320);padding:var(--sp-160);align-items:stretch}.friends-card--celebration{justify-items:center;text-align:center}.friends-modal-backdrop{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--sp-120);background:#0a0a0a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.friends-card--modal{width:100%;max-width:600px;box-sizing:border-box;gap:var(--sp-320);padding:var(--sp-160);align-items:stretch}.friends-modal-header-row{display:flex;align-items:center;gap:var(--sp-40);padding-bottom:var(--sp-80);padding-top:var(--sp-80)}.friends-modal-header-row .friends-badge--manage{margin-top:0}.friends-card--modal .friends-close-button,.friends-modal-header-row .friends-back-button{position:static;flex-shrink:0}.friends-card-stamp{position:absolute;top:var(--sp-160);right:var(--sp-160);width:96px;height:72px;object-fit:contain}.friends-card-copy,.friends-auth-stack,.friends-auth-form,.friends-link-block,.friends-modal-copy{display:grid}.friends-create-form{display:grid;gap:var(--sp-240)}.friends-card-copy{padding:var(--sp-80)}.friends-card-title{font-size:var(--text-title-1-size);line-height:var(--text-title-2-line);font-weight:var(--weight-semibold);color:#101010}.friends-card-subtitle,.friends-muted,.friends-helper,.friends-compose-error,.friends-detail-meta p:last-child{color:var(--text-secondary);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-regular);color:var(--text-tertiary)}.friends-helper.is-error,.friends-compose-error{color:#3a3a3a}.friends-auth-divider{color:var(--text-secondary);text-align:center}.friends-badge,.friends-link-row,.friends-card-footer,.friends-modal-actions,.friends-mailbox-row{display:flex;align-items:center;gap:var(--sp-160)}.friends-inline-field{display:flex;align-items:center;gap:var(--sp-120)}.friends-modal-title-row{display:flex;align-items:center;gap:var(--sp-160);background:#fff;padding:var(--sp-120);border-radius:8px;border:1px #00000013;font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-semibold)}.friends-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-80);min-height:44px;border:2px solid var(--btn-border, transparent);border-radius:10px;padding:0 var(--sp-160);background:var(--btn-bg, transparent);color:var(--btn-color, inherit);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-medium)}.friends-button img{width:20px;height:20px;flex-shrink:0}.friends-button--wide{width:100%;min-height:48px}.friends-button--brand{--btn-bg: #a732ff;--btn-color: var(--text-inverse)}.friends-button--dark{--btn-bg: #111111;--btn-color: var(--text-inverse);--btn-border: #111111}.friends-button--ghost{--btn-bg: rgba(255, 255, 255, .78);--btn-color: #111111;--btn-border: rgba(17, 17, 17, .72)}.friends-inline-field{min-height:52px;border:.5px solid var(--border-200);border-radius:var(--radius-2xm);background:#ecececeb;padding:0 12px}.friends-inline-field.is-error{border:2px solid #de3f3f;box-shadow:inset 0 0 0 1px #de3f3f24}.friends-inline-field input,.friends-link-row input,.friends-auth-form input{width:100%;background:#eeeeeeef;box-shadow:none;padding-left:8px;padding-right:8px}.friends-create-form .friends-inline-field img,.friends-badge img,.friends-compose-validation img,.friends-compose-check img,.friends-modal-title-row img,.friends-icon-button img{width:16px;height:16px}.friends-card-footer img{width:16px;height:16px;flex-shrink:0}.friends-card-footer img,.friends-compose-validation img,.friends-compose-check img,.friends-modal-title-row img,.friends-icon-button img{flex:0 0 auto}.friends-create-form .friends-inline-field img{width:24px;height:24px}.friends-create-form .friends-inline-field input{font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:var(--weight-regular)}.friends-inline-suffix{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:60px;border-radius:14px;color:#111;font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-medium)}.friends-create-form .friends-helper{text-align:center;font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-medium)}.friends-card-footer{justify-content:center;color:var(--text-secondary);font-size:var(--text-body-size)}.friends-badge{padding:0 var(--sp-120);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-medium);color:#25345c;gap:var(--sp-80)}.friends-badge--success{font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:var(--weight-semibold);background:#ffffffd9;border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:var(--sp-80) var(--sp-160);min-height:40px}.friends-badge--wide{width:100%;justify-content:center}.friends-badge--manage{font-size:var(--text-title-1-size);line-height:var(--text-title-1-line)}.friends-link-label{font-weight:var(--weight-medium)}.friends-link-row{position:relative;display:block}.friends-link-row input{width:100%;min-height:52px;border:1px solid #bfd7f7;border-radius:10px;background:#ffffffe6;padding:0 52px 0 var(--sp-120);font-size:var(--text-body-size);line-height:var(--text-body-line);box-sizing:border-box}.friends-link-row .friends-icon-button{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px}.friends-link-block--manage{border-radius:18px;background:#ffffff80;padding:var(--sp-160);display:grid;gap:var(--sp-320)}.friends-link-header-row{display:flex;align-items:center;justify-content:space-between}.friends-icon-button-group{display:flex;align-items:center;gap:var(--sp-160)}.friends-icon-button-group .friends-icon-button{border-radius:8px}.friends-link-block--manage .friends-link-label{font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);color:#232850;margin:0}.friends-link-block--manage .friends-link-row{max-width:100%;position:relative;overflow:hidden}.friends-link-block--manage .friends-link-row input{min-height:48px;padding-right:52px;border-radius:8px;background:#cfe4fb;font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-medium);color:#25345c}.friends-link-block--manage .friends-link-row .friends-icon-button{position:absolute;right:6px;top:50%;transform:translateY(-50%);flex-shrink:0}.friends-icon-button,.friends-back-button,.friends-close-button,.friends-detail-back,.friends-compose-back{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;padding:0}.friends-icon-button{width:40px;height:40px;border-radius:8px;background:#dbeafe;border:1px solid #bfd7f7}.friends-icon-button--share{background:transparent;border:0}.friends-icon-button--floating{position:absolute;top:16px;right:16px;background:#f8f7f6}.friends-close-button,.friends-back-button{position:absolute;top:var(--sp-160);left:var(--sp-160);font-size:var(--text-symbol-size);line-height:1;color:#101010}.friends-success-icon{width:180px;height:180px}.friends-dashboard-shell{width:min(100%,920px);display:grid;gap:var(--sp-120);margin-top:var(--sp-80)}.friends-conversation-shell--focus{width:min(100%,680px);max-width:680px;gap:0;justify-items:stretch;height:100%;overflow:hidden;display:grid;grid-template-rows:auto 1fr;padding-top:var(--sp-160)}.friends-focus-letter-wrap{overflow-y:auto;min-height:0;padding-bottom:var(--sp-160)}.friends-conversation-header{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:48px}.friends-conversation-menu-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;padding:0}.friends-conversation-menu-button img{width:22px;height:22px}.friends-conversation-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:4;min-width:200px;display:grid;border:1px solid rgba(182,182,182,.7);border-radius:10px;background:#fffffff5;box-shadow:0 12px 30px #1111112e;overflow:hidden}.friends-conversation-menu--floating{top:12px;right:12px}.friends-conversation-menu button{min-height:46px;border:0;background:transparent;text-align:left;padding:0 14px}.friends-thread-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-120);margin-top:var(--sp-160)}.friends-thread-card-button{width:100%;border:0;background:transparent;padding:0;text-align:left}.friends-mailbox-row{width:100%;justify-content:space-between;min-height:56px;border:0;border-radius:var(--radius-xm);background:#ffffff80;padding:0 14px;text-align:left;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.friends-mailbox-row-target{font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-medium);color:#232323}.friends-mailbox-row-status{min-width:128px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-xm);padding:0 12px;font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-medium);background:#c8c8c8eb;color:#2a2a2a}.friends-mailbox-row-status.is-delivered,.friends-mailbox-row-status.is-read{background:#d7f0df;color:#155e3f}.friends-mailbox-row-status.is-open{background:linear-gradient(90deg,var(--brand-primary) 0%,#a732ff 100%);color:var(--text-inverse)}.friends-mailbox-row-status.is-view{background:#ffffffeb;color:#232323}.friends-mailbox-row-status.is-arriving{background:#111;color:var(--text-inverse)}.friends-text-button{border:0;background:transparent;padding:0;color:var(--text-secondary);font-size:var(--text-body-size)}.friends-detail-shell{width:min(100%,920px);gap:var(--sp-160);padding-top:72px}.friends-detail-back{position:absolute;top:var(--sp-120);left:var(--sp-120);font-size:var(--text-symbol-size);line-height:var(--text-symbol-line);color:#101010}.friends-detail-title{font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);color:#111}.friends-detail-card-button{width:fit-content;border:0;background:transparent;padding:0;text-align:left}.friends-detail-meta{display:grid;gap:2px;margin-top:var(--sp-80)}.friends-detail-meta p:first-child{color:#1e1e1e}.friends-modal-backdrop{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:var(--sp-160);background:transparent}.friends-focus-toolbar{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--sp-120);padding-bottom:var(--sp-160)}.reply-button{display:inline-flex;align-items:center;justify-content:center;padding:20px 8px;border:0;border-radius:10px;padding:var(--sp-80) 28px;background:linear-gradient(90deg,var(--brand-primary) 0%,#a732ff 100%);color:var(--text-inverse);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-semibold);border:4px solid rgba(255,255,255,.96)}.friends-focus-nav{display:flex;align-items:center;gap:10px}.friends-focus-nav-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(180,180,180,.72);border-radius:6px;background:#ffffffeb;font-size:var(--text-large-title-size);line-height:1}.friends-compose-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:74px;padding:0 var(--sp-120);background:#ffffffeb;border-bottom:1px solid rgba(180,180,180,.65)}.friends-compose-header h2{margin:0;font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);color:#111}.friends-compose-back{justify-self:start;font-size:var(--text-symbol-size);line-height:var(--text-symbol-line);color:#111}.friends-compose-send{min-width:106px;min-height:var(--sp-440);border:0;border-radius:var(--radius-xm);background:var(--brand-primary);color:var(--text-inverse);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-semibold)}.friends-compose-send:disabled{background:#c9c9c9;color:var(--text-inverse)}.friends-compose-check,.friends-compose-validation--invalid{flex:0 0 auto;min-width:92px;min-height:34px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;padding:0 12px;font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:var(--weight-semibold);color:var(--text-inverse)}.friends-compose-check,.friends-compose-validation--invalid{background:#111}.friends-compose-validation--valid{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center}.friends-compose-error{margin:-4px var(--sp-120) 0;font-weight:var(--weight-semibold)}.friends-compose-body-wrap{display:grid;grid-row:3;min-height:200px;margin:0 var(--sp-120) var(--sp-120);align-items:start}.friends-compose-body-wrap>textarea,.friends-compose-body-wrap>article{grid-area:1 / 1}.friends-compose-body-wrap>article{min-height:100%}.friends-compose-body-wrap>article .letter-card-box{min-height:100%}.friends-compose-body-wrap textarea{position:relative;z-index:2;border:0;outline:none;padding:89px var(--sp-120) var(--sp-120);box-sizing:border-box;width:100%;min-width:0;min-height:100%;resize:none;overflow:hidden;color:transparent;caret-color:#1f1f1f;background:transparent;font:inherit;line-height:var(--text-body-line);align-self:start}.friends-compose-body-wrap textarea::placeholder{color:transparent}.friends-modal-copy{gap:var(--sp-160)}.friends-modal-actions{justify-content:space-between;gap:var(--sp-120)}.friends-modal-actions .friends-button{flex:1}.friends-action-modal{width:min(100%,520px);gap:var(--sp-160);background:#fffffff0;background-image:none}.friends-action-modal-head{display:flex;align-items:center;gap:var(--sp-80);min-height:50px;border:1px solid rgba(198,198,198,.72);border-radius:var(--radius-xm);padding:0 14px}.friends-action-modal-head img{width:18px;height:18px}.friends-action-modal-copy,.friends-action-modal-subcopy{color:#383838;line-height:1.45}.friends-action-modal-dot{font-size:var(--text-title-3-size);line-height:var(--text-title-3-line)}.friends-notice{max-width:520px;color:var(--text-inverse);background:#111111b8;border-radius:999px;padding:10px 16px;text-align:center}@media(max-width:768px){.friends-card,.friends-compose-screen,.friends-detail-shell,.friends-conversation-shell,.friends-action-modal{width:100%}.friends-card{padding:var(--sp-200) var(--sp-160)}.friends-conversation-shell{padding:0}.friends-card-stamp{width:80px;height:60px}.friends-modal-actions{flex-direction:column;align-items:stretch}.friends-focus-toolbar{flex-direction:row;align-items:center;justify-content:space-between}.friends-modal-actions .friends-button{width:100%}.friends-link-row{display:block}.friends-link-block--manage .friends-link-row{max-width:100%;grid-template-columns:minmax(0,1fr)}.friends-icon-button,.friends-icon-button--floating{width:40px;height:40px;flex-basis:40px}.friends-icon-button--floating{position:static}.friends-button--wide{min-height:44px}.friends-create-form .friends-inline-field{min-height:52px}.friends-create-form .friends-inline-field input{font-size:var(--text-body-size);line-height:var(--text-body-line)}.friends-inline-suffix{min-width:64px;min-height:56px;font-size:var(--text-title-1-size);line-height:var(--text-title-1-line)}.friends-compose-screen{min-height:unset;border-radius:0}.friends-thread-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friends-compose-body-wrap{min-height:unset}}@media(max-width:1024px){.friends-thread-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.friends-modal-backdrop{padding:var(--sp-80)}.friends-card--modal{width:100%;padding:var(--sp-120);gap:var(--sp-120)}.friends-link-block--manage{gap:var(--sp-120);padding:var(--sp-120);border-radius:12px}.friends-link-block--manage .friends-link-row input{min-height:44px;padding-right:48px;font-size:var(--text-title-3-size);line-height:var(--text-title-3-line)}.friends-link-block--manage .friends-link-row .friends-icon-button{width:36px;height:36px;right:4px}}.friends-share-sheet{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,480px);background:var(--letter-theme-card-bg, #fff);background-image:var(--letter-theme-card-overlay),var(--letter-theme-card-texture);background-size:cover,cover;background-position:center;border:1px solid rgba(177,170,154,.8);border-bottom:none;border-radius:24px 24px 0 0;box-shadow:0 -8px 40px #0f0e142e;display:grid;gap:var(--sp-160);padding:var(--sp-120) clamp(20px,4vw,32px) clamp(24px,5vw,40px);z-index:1000;animation:share-sheet-in .28s cubic-bezier(.32,.72,0,1) both}@keyframes share-sheet-in{0%{transform:translate(-50%) translateY(100%)}to{transform:translate(-50%) translateY(0)}}.friends-share-sheet-handle{width:40px;height:4px;border-radius:999px;background:#0000002e;justify-self:center;margin-bottom:var(--sp-80)}.friends-share-sheet-title{font-size:var(--text-body-size);font-weight:var(--weight-semibold);line-height:var(--text-body-line);text-align:center;margin:0}.friends-share-sheet-code{display:flex;align-items:center;justify-content:center;background:#ffffffb3;border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:var(--sp-120) var(--sp-160);font-size:var(--text-body-size);font-weight:var(--weight-semibold);letter-spacing:.02em;color:var(--color-ink, #1a1a1a);word-break:break-all;text-align:center}.friends-share-sheet-apps{display:flex;gap:var(--sp-120);justify-content:center}.friends-share-app-btn{display:flex;flex-direction:column;align-items:center;gap:var(--sp-80);background:#ffffffb3;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:var(--sp-120) var(--sp-160);font-size:var(--text-caption-size, 12px);font-weight:var(--weight-medium, 500);color:var(--color-ink, #1a1a1a);cursor:pointer;min-width:72px;transition:background .15s}.friends-share-app-btn:hover{background:#fffffff2}.friends-share-app-icon{font-size:28px;line-height:1}.friends-share-sheet-copy{display:flex;align-items:center;justify-content:center;gap:var(--sp-80);background:#ffffffb3;border:1px solid rgba(0,0,0,.1);border-radius:10px;padding:0 var(--sp-160);min-height:48px;font-size:var(--text-body-size);font-weight:var(--weight-semibold);color:var(--color-ink, #1a1a1a);cursor:pointer;transition:background .15s}.friends-share-sheet-copy:hover{background:#fffffff2}.friends-share-sheet-copy img{width:20px;height:20px}.compose-to-field{display:flex;align-items:center;gap:var(--sp-80);min-height:56px;margin:0 var(--sp-120);padding:0 10px;border:1px solid rgba(89,98,117,.7);border-radius:6px;background:#fffffff0;position:sticky;top:0;z-index:5}.compose-to-field.is-muted{opacity:.7}.compose-to-label{flex:0 0 auto;color:#111;font-weight:var(--weight-semibold)}.compose-to-field input{width:100%;min-width:0;background:transparent;box-shadow:none;padding-left:10px;padding-right:10px;font-size:var(--text-title-3-size);line-height:var(--text-title-3-line)}.stamp-picker{display:grid;grid-template-columns:repeat(10,1fr);gap:.4rem;max-height:140px;overflow:auto;padding-right:var(--sp-40)}.stamp-picker button{display:grid;place-items:center;min-height:48px}.stamp-picker button.selected{border-color:var(--brand-primary);box-shadow:inset 0 0 0 1px var(--brand-primary)}@media(max-width:1024px){.stamp-picker{grid-template-columns:repeat(6,1fr)}}.word-counter{display:grid;gap:.15rem;font-size:var(--text-body-size);line-height:var(--text-body-line)}.word-counter .warn{color:#9b2c2c}.private-key-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--sp-160)}.private-key-modal{background:#fff;border-radius:var(--radius-l);min-width:320px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 80px #00000026;animation:slideUp .3s ease-out;display:flex;flex-direction:column}body.dark-theme .private-key-modal{background:var(--surface-100);color:var(--text-primary)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.private-key-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-240);border-bottom:1px solid var(--border-100);gap:var(--sp-160)}body.dark-theme .private-key-modal-header{border-bottom-color:var(--border-200)}.private-key-modal-title{font-size:var(--text-title-1-size);font-weight:var(--weight-bold);line-height:var(--text-title-1-line);margin:0;color:var(--text-primary)}.private-key-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--surface-200);border-radius:var(--radius-s);cursor:pointer;font-size:var(--text-title-2-size);color:var(--text-primary);transition:background-color .2s}body.dark-theme .private-key-modal-close,.private-key-modal-close:hover{background:var(--surface-300)}body.dark-theme .private-key-modal-close:hover{background:var(--surface-400)}.private-key-modal-current{padding:0 var(--sp-240);padding-top:var(--sp-160);font-size:var(--text-callout-size);color:var(--text-tertiary);margin:0;font-family:var(--font-mono)}.private-key-modal-content{padding:var(--sp-240);display:flex;flex-direction:column;gap:var(--sp-240);flex:1;justify-content:center}.private-key-section{display:grid;gap:var(--sp-120)}.private-key-section-label{font-size:var(--text-body-size);color:var(--text-secondary);margin:0;line-height:var(--text-body-line)}.private-key-section-title{font-size:var(--text-title-3-size);font-weight:var(--weight-semibold);margin:0;color:var(--text-primary)}.private-key-input-group{display:grid;gap:var(--sp-120)}.private-key-input,.private-key-seed-input{width:100%;padding:var(--sp-160);border:1px solid var(--border-100);border-radius:var(--radius-xm);font-family:inherit;font-size:var(--text-body-size);color:var(--text-primary);background:#fff;transition:border-color .2s,box-shadow .2s}body.dark-theme .private-key-input,body.dark-theme .private-key-seed-input{background:var(--surface-200);border-color:var(--border-200);color:var(--text-primary)}.private-key-input:focus,.private-key-seed-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #8a38f51a}.private-key-input:disabled,.private-key-seed-input:disabled{opacity:.6;cursor:not-allowed}.private-key-seed-input{resize:vertical;min-height:100px;font-family:var(--font-mono);font-size:var(--text-callout-size);line-height:var(--text-callout-line)}.private-key-action-btn{width:100%;padding:var(--sp-160);border:none;border-radius:var(--radius-xm);font-size:var(--text-body-size);font-weight:var(--weight-semibold);cursor:pointer;transition:all .2s;white-space:nowrap}.private-key-action-btn.primary{background:var(--brand-primary);color:#fff}.private-key-action-btn.primary:hover:not(:disabled){background:#7d2be0;transform:translateY(-1px);box-shadow:0 4px 12px #8a38f54d}.private-key-action-btn.secondary{background:var(--surface-200);color:var(--text-primary);border:1px solid var(--border-100)}body.dark-theme .private-key-action-btn.secondary{background:var(--surface-300);border-color:var(--border-200)}.private-key-action-btn.secondary:hover:not(:disabled){background:var(--surface-300);border-color:var(--border-200)}.private-key-action-btn.generate{background:#000;color:#fff;font-size:var(--text-title-2-size);padding:var(--sp-280);font-weight:var(--weight-bold)}body.dark-theme .private-key-action-btn.generate{background:#fff;color:#000}.private-key-action-btn.generate:hover:not(:disabled){opacity:.8;transform:translateY(-2px);box-shadow:0 8px 16px #0003}.private-key-action-btn:disabled{opacity:.5;cursor:not-allowed}.private-key-action-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-160)}.private-key-error{padding:var(--sp-160);background:#fee;border:1px solid #f99;border-radius:var(--radius-xm);color:#c33;margin:0;font-size:var(--text-callout-size);line-height:var(--text-callout-line)}body.dark-theme .private-key-error{background:#ff64641a;border-color:#ff6464;color:#f99}.private-key-success{padding:var(--sp-160);background:#efe;border:1px solid #9f9;border-radius:var(--radius-xm);color:#3c3;margin:0;font-size:var(--text-callout-size);line-height:var(--text-callout-line)}body.dark-theme .private-key-success{background:#64ff641a;border-color:#64ff64;color:#9f9}.private-key-recover-label{font-size:var(--text-body-size);color:var(--text-secondary);margin:0 0 var(--sp-160) 0;line-height:var(--text-body-line)}.private-key-backup-section{display:grid;gap:var(--sp-160)}.private-key-display{display:grid;gap:var(--sp-120);padding:var(--sp-160);background:var(--surface-200);border-radius:var(--radius-xm);border:1px solid var(--border-100)}body.dark-theme .private-key-display{background:var(--surface-300);border-color:var(--border-200)}.private-key-value{font-family:var(--font-mono);font-size:var(--text-callout-size);margin:0;color:var(--text-primary);word-break:break-all;line-height:var(--text-callout-line)}.private-key-copy-btn{padding:var(--sp-120);background:var(--brand-primary);color:#fff;border:none;border-radius:var(--radius-xm);font-size:var(--text-callout-size);font-weight:var(--weight-semibold);cursor:pointer;transition:all .2s}.private-key-copy-btn:hover{background:#7d2be0;transform:translateY(-1px)}.private-key-backup-hint{font-size:var(--text-callout-size);color:var(--text-tertiary);margin:0;line-height:var(--text-callout-line)}.private-key-backup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-120);padding:var(--sp-160);background:var(--surface-100);border-radius:var(--radius-xm);border:1px solid var(--border-100)}body.dark-theme .private-key-backup-grid{background:var(--surface-200);border-color:var(--border-200)}.private-key-backup-chip{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-80);align-items:center;padding:var(--sp-120);background:#fff;border-radius:var(--radius-xm);border:1px solid var(--border-100);font-family:var(--font-mono)}body.dark-theme .private-key-backup-chip{background:var(--surface-300);border-color:var(--border-300)}.backup-chip-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--surface-200);border-radius:var(--radius-xs);font-size:var(--text-callout-size);font-weight:var(--weight-semibold);color:var(--text-secondary)}body.dark-theme .backup-chip-number{background:var(--surface-400);color:var(--text-tertiary)}.backup-chip-word{font-size:var(--text-callout-size);color:var(--text-primary);word-break:break-word}.private-key-copy-all-btn{width:100%;padding:var(--sp-120);background:var(--surface-200);color:var(--text-primary);border:1px solid var(--border-100);border-radius:var(--radius-xm);font-size:var(--text-callout-size);font-weight:var(--weight-semibold);cursor:pointer;transition:all .2s}body.dark-theme .private-key-copy-all-btn,.private-key-copy-all-btn:hover{background:var(--surface-300);border-color:var(--border-200)}body.dark-theme .private-key-copy-all-btn:hover{background:var(--surface-400);border-color:var(--border-300)}@media(max-width:512px){.private-key-modal-overlay{padding:var(--sp-120)}.private-key-modal{border-radius:var(--radius-2xm)}.private-key-modal-header,.private-key-modal-content{padding:var(--sp-160)}.private-key-action-row,.private-key-backup-grid{grid-template-columns:1fr}}.home-page{display:grid;gap:var(--sp-200);justify-items:center;padding-top:0;align-content:start}.page.home-page.is-public-view,.page.home-page.is-friends-view{margin-top:var(--sp-80)}.home-letters-panel,.home-friends-panel{animation:panel-spring-in .45s cubic-bezier(.34,1.56,.64,1) both}.home-letters-panel.is-hidden,.home-friends-panel.is-hidden{pointer-events:none;position:absolute;visibility:hidden}@keyframes panel-spring-in{0%{transform:translateY(12px) scale(.98)}to{transform:none}}.home-switcher{width:min(100%,360px);display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-40);padding:var(--sp-40);border:1px solid rgba(255,255,255,.72);border-radius:var(--radius-xm);background:#ffffffc7;box-shadow:0 10px 24px #11111114;justify-self:center}.home-switcher-button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-80);border:0;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-medium)}.home-switcher-icon{width:18px;height:18px;display:block;filter:brightness(0) saturate(100%) invert(6%) sepia(6%) saturate(16%) hue-rotate(349deg) brightness(95%) contrast(92%)}.home-switcher-button.is-active{background:#111;color:var(--text-inverse)}.home-switcher-button.is-active .home-switcher-icon{filter:brightness(0) saturate(100%) invert(100%)}.home-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-160)}.home-panel-title{font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-bold);color:var(--text-Primary)}.home-panel-write-btn{display:inline-flex;align-items:center;gap:var(--sp-80);border:1px solid var(--border-200);background:var(--surface-50);border-radius:var(--radius-round);padding:var(--sp-80) var(--sp-160);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-semibold);color:var(--text-primary);cursor:pointer}.home-panel-write-icon{width:14px;height:14px;display:block;object-fit:contain}.home-view-all{display:inline-flex;align-items:center;gap:var(--sp-40);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);font-weight:var(--weight-regular);color:var(--text-secondary);border:0;background:transparent;padding:0;cursor:pointer;text-decoration:none}.home-view-all-icon{width:24px;height:24px;display:block;color:var(--icon-Primary)}.home-letters-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-120)}.home-letters-grid.is-scrollable{max-height:620px;overflow-y:auto;padding-right:0}.home-postbox-placeholder{border:1px dashed var(--border-300);border-radius:var(--radius-xm);padding:var(--sp-160);color:var(--text-secondary)}.home-response-topbar{margin:calc(var(--sp-240) * -1) calc(var(--sp-240) * -1) 0}.home-dialog-backdrop{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:var(--sp-160);background:#0a0a0a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.home-dialog{width:min(520px,100%);display:grid;gap:var(--sp-160);padding:var(--sp-160);border:1px solid var(--border-200);border-radius:var(--radius-xm);background:var(--surface-50);box-shadow:0 16px 48px #0000002e}.home-dialog-title{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-bold)}.home-dialog-body{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line)}.home-dialog-key{word-break:break-all;border:1px solid var(--border-200);border-radius:var(--radius-s);background:var(--surface-300);padding:var(--sp-120);color:var(--text-primary);font-family:var(--font-mono, monospace);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line)}.home-dialog-copy-row{display:flex;align-items:flex-start;gap:var(--sp-120)}.home-dialog-backup{display:grid;gap:var(--sp-80)}.home-dialog-backup-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-120)}.home-dialog-backup-label{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line);font-weight:var(--weight-semibold)}.home-dialog-backup-words{display:flex;flex-wrap:wrap;gap:var(--sp-80);border:1px solid var(--border-200);border-radius:var(--radius-s);background:var(--surface-50);padding:var(--sp-120);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line);word-break:break-word}.home-dialog-backup-chip{display:inline-flex;align-items:center;gap:var(--sp-40);border:1px solid var(--border-200);border-radius:999px;background:var(--surface-300);padding:6px 12px}.home-dialog-backup-chip-index{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:var(--surface-500);color:var(--text-inverse);font-size:var(--text-body-size);line-height:1}.home-dialog-copy-button{flex-shrink:0;white-space:nowrap}.home-dialog-copy-notice{color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-body-size);line-height:var(--text-body-line)}.home-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-120)}.home-dialog-primary,.home-dialog-secondary{border:0;border-radius:var(--radius-s);padding:var(--sp-80) var(--sp-160);font-family:var(--font-sans);font-size:var(--text-title-3-size);line-height:var(--text-title-3-line)}@media(max-width:680px){.home-dialog-copy-row,.home-dialog-backup-header{flex-direction:column;align-items:stretch}.home-dialog-copy-button{width:100%}}.home-dialog-primary{background:var(--surface-500);color:var(--text-inverse)}.home-dialog-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-200)}@media(min-width:1024px){.home-page{width:min(100%,920px);justify-items:center;gap:var(--sp-240);margin-inline:auto}.home-page.is-public-view{width:min(100%,700px);display:flex;flex-direction:column;align-items:center}.home-page.is-friends-view{width:min(100%,920px)}.home-switcher{margin-inline:auto}.home-page>.home-letters-panel,.home-page>.friends-panel,.home-page>.home-friends-panel{width:100%;justify-self:center}.home-page>.home-letters-panel.is-letters-mode{width:100%;max-width:700px;justify-self:center;margin-inline:auto}.home-page>.friends-panel,.home-page>.home-friends-panel{max-width:920px}.home-friends-panel>.friends-panel{width:100%}}@media(max-width:1024px){body.home-write-mode .topbar{display:none}.home-page{gap:var(--sp-160);justify-items:stretch}body.home-write-mode .home-action-panel{display:none}.home-page.is-write-mode,.home-page.is-response3-mode{grid-template-columns:1fr}.home-switcher{width:min(100%,360px);justify-self:center}.home-friends-panel{width:100%}.home-response-topbar{margin:calc(var(--sp-120) * -1) calc(var(--sp-120) * -1) 0}.home-letters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-dialog{padding:var(--sp-120)}}.home-letters-route{min-height:100vh;display:flex;flex-direction:column;align-items:stretch}.home-letters-route>.home-response-topbar{order:0;margin:0!important;width:100vw;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;align-self:stretch;position:sticky;top:0;z-index:5}.home-letters-route-topbar{display:flex;align-items:center;gap:var(--sp-40);padding:var(--sp-120) var(--sp-160);background:var(--surface-50);border-bottom:1px solid var(--border-200)}.home-letters-route-back{border:0;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-large-title-size);line-height:var(--text-large-title-line);font-weight:var(--weight-regular);padding:0}.home-response-segments-slot{margin-left:auto;padding-left:var(--sp-120);min-width:0;max-width:calc(100% - 56px);display:flex;justify-content:flex-end;align-items:center}.home-response-segments-slot .postbox-responder-segments-host{margin:0;width:auto;max-width:100%}.home-response-segments-slot .postbox-responder-segments{width:auto;max-width:100%;padding-bottom:0}.home-letters-route-title{color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-1-size);line-height:var(--text-title-1-line);font-weight:var(--weight-bold)}.home-letters-route-controls{margin-left:auto;display:inline-flex;align-items:center;gap:var(--sp-120)}.home-letters-route-random{border:0;background:transparent;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-semibold);display:inline-flex;align-items:center;gap:var(--sp-40)}.home-letters-route-random-icon{display:inline-block;background-color:var(--icon-secondary);-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.9798%202.97994C13.175%202.78468%2013.4916%202.78468%2013.6869%202.97994L15.0202%204.31328C15.2155%204.50854%2015.2155%204.82512%2015.0202%205.02038L13.6869%206.35372C13.4916%206.54898%2013.175%206.54898%2012.9798%206.35372C12.7845%206.15845%2012.7845%205.84187%2012.9798%205.64661L13.4596%205.16683H12.2648C11.7021%205.16683%2011.3155%205.16737%2011.0114%205.19693C10.718%205.22545%2010.5405%205.27818%2010.3933%205.36153C10.2461%205.44488%2010.1096%205.56992%209.93421%205.8068C9.75239%206.05239%209.55302%206.38361%209.26353%206.8661L7.58144%209.66959C7.30751%2010.1261%207.08358%2010.4994%206.86947%2010.7886C6.64566%2011.0909%206.41066%2011.3327%206.09936%2011.509C5.78806%2011.6852%205.45973%2011.7623%205.08537%2011.7987C4.72723%2011.8335%204.29199%2011.8335%203.75957%2011.8335H1.33333C1.05719%2011.8335%200.833328%2011.6096%200.833328%2011.3335C0.833328%2011.0574%201.05719%2010.8335%201.33333%2010.8335H3.73523C4.2979%2010.8335%204.68449%2010.833%204.98863%2010.8034C5.28199%2010.7749%205.45946%2010.7221%205.60666%2010.6388C5.75387%2010.5554%205.89039%2010.4304%206.06578%2010.1935C6.2476%209.94794%206.44697%209.61671%206.73646%209.13423L8.41856%206.33074C8.69248%205.87418%208.9164%205.50096%209.13052%205.21177C9.35432%204.90947%209.58933%204.66758%209.90063%204.49133C10.2119%204.31508%2010.5403%204.23801%2010.9146%204.20162C11.2728%204.16681%2011.708%204.16682%2012.2404%204.16683L13.4596%204.16683L12.9798%203.68705C12.7845%203.49179%2012.7845%203.1752%2012.9798%202.97994ZM5.1542%205.19446C5.02346%205.16901%204.87554%205.16683%204.44507%205.16683H1.33333C1.05719%205.16683%200.833328%204.94297%200.833328%204.66683C0.833328%204.39069%201.05719%204.16683%201.33333%204.16683H4.44507C4.46148%204.16683%204.47766%204.16683%204.49363%204.16682C4.85715%204.16673%205.10786%204.16667%205.34526%204.21288C5.87823%204.31662%206.36294%204.59106%206.72611%204.99471C6.88787%205.1745%207.01681%205.38952%207.20377%205.70129C7.21198%205.71498%207.2203%205.72885%207.22874%205.74291C7.37081%205.9797%207.29403%206.28684%207.05724%206.42891C6.82045%206.57098%206.51332%206.4942%206.37125%206.25741C6.14978%205.88829%206.0718%205.76257%205.98271%205.66356C5.76481%205.42137%205.47398%205.2567%205.1542%205.19446ZM8.94275%209.57142C9.17954%209.42934%209.48667%209.50612%209.62874%209.74291C9.85021%2010.112%209.92819%2010.2378%2010.0173%2010.3368C10.2352%2010.579%2010.526%2010.7436%2010.8458%2010.8059C10.9765%2010.8313%2011.1244%2010.8335%2011.5549%2010.8335H13.4596L12.9798%2010.3537C12.7845%2010.1585%2012.7845%209.84187%2012.9798%209.64661C13.175%209.45135%2013.4916%209.45135%2013.6869%209.64661L15.0202%2010.9799C15.2155%2011.1752%2015.2155%2011.4918%2015.0202%2011.687L13.6869%2013.0204C13.4916%2013.2156%2013.175%2013.2156%2012.9798%2013.0204C12.7845%2012.8251%2012.7845%2012.5085%2012.9798%2012.3133L13.4596%2011.8335H11.5549C11.5385%2011.8335%2011.5223%2011.8335%2011.5064%2011.8335C11.1428%2011.8336%2010.8921%2011.8337%2010.6547%2011.7874C10.1218%2011.6837%209.63705%2011.4093%209.27388%2011.0056C9.11212%2010.8258%208.98317%2010.6108%208.79622%2010.299C8.78801%2010.2854%208.77969%2010.2715%208.77125%2010.2574C8.62917%2010.0206%208.70596%209.71349%208.94275%209.57142Z'%20fill='%231C274C'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M12.9798%202.97994C13.175%202.78468%2013.4916%202.78468%2013.6869%202.97994L15.0202%204.31328C15.2155%204.50854%2015.2155%204.82512%2015.0202%205.02038L13.6869%206.35372C13.4916%206.54898%2013.175%206.54898%2012.9798%206.35372C12.7845%206.15845%2012.7845%205.84187%2012.9798%205.64661L13.4596%205.16683H12.2648C11.7021%205.16683%2011.3155%205.16737%2011.0114%205.19693C10.718%205.22545%2010.5405%205.27818%2010.3933%205.36153C10.2461%205.44488%2010.1096%205.56992%209.93421%205.8068C9.75239%206.05239%209.55302%206.38361%209.26353%206.8661L7.58144%209.66959C7.30751%2010.1261%207.08358%2010.4994%206.86947%2010.7886C6.64566%2011.0909%206.41066%2011.3327%206.09936%2011.509C5.78806%2011.6852%205.45973%2011.7623%205.08537%2011.7987C4.72723%2011.8335%204.29199%2011.8335%203.75957%2011.8335H1.33333C1.05719%2011.8335%200.833328%2011.6096%200.833328%2011.3335C0.833328%2011.0574%201.05719%2010.8335%201.33333%2010.8335H3.73523C4.2979%2010.8335%204.68449%2010.833%204.98863%2010.8034C5.28199%2010.7749%205.45946%2010.7221%205.60666%2010.6388C5.75387%2010.5554%205.89039%2010.4304%206.06578%2010.1935C6.2476%209.94794%206.44697%209.61671%206.73646%209.13423L8.41856%206.33074C8.69248%205.87418%208.9164%205.50096%209.13052%205.21177C9.35432%204.90947%209.58933%204.66758%209.90063%204.49133C10.2119%204.31508%2010.5403%204.23801%2010.9146%204.20162C11.2728%204.16681%2011.708%204.16682%2012.2404%204.16683L13.4596%204.16683L12.9798%203.68705C12.7845%203.49179%2012.7845%203.1752%2012.9798%202.97994ZM5.1542%205.19446C5.02346%205.16901%204.87554%205.16683%204.44507%205.16683H1.33333C1.05719%205.16683%200.833328%204.94297%200.833328%204.66683C0.833328%204.39069%201.05719%204.16683%201.33333%204.16683H4.44507C4.46148%204.16683%204.47766%204.16683%204.49363%204.16682C4.85715%204.16673%205.10786%204.16667%205.34526%204.21288C5.87823%204.31662%206.36294%204.59106%206.72611%204.99471C6.88787%205.1745%207.01681%205.38952%207.20377%205.70129C7.21198%205.71498%207.2203%205.72885%207.22874%205.74291C7.37081%205.9797%207.29403%206.28684%207.05724%206.42891C6.82045%206.57098%206.51332%206.4942%206.37125%206.25741C6.14978%205.88829%206.0718%205.76257%205.98271%205.66356C5.76481%205.42137%205.47398%205.2567%205.1542%205.19446ZM8.94275%209.57142C9.17954%209.42934%209.48667%209.50612%209.62874%209.74291C9.85021%2010.112%209.92819%2010.2378%2010.0173%2010.3368C10.2352%2010.579%2010.526%2010.7436%2010.8458%2010.8059C10.9765%2010.8313%2011.1244%2010.8335%2011.5549%2010.8335H13.4596L12.9798%2010.3537C12.7845%2010.1585%2012.7845%209.84187%2012.9798%209.64661C13.175%209.45135%2013.4916%209.45135%2013.6869%209.64661L15.0202%2010.9799C15.2155%2011.1752%2015.2155%2011.4918%2015.0202%2011.687L13.6869%2013.0204C13.4916%2013.2156%2013.175%2013.2156%2012.9798%2013.0204C12.7845%2012.8251%2012.7845%2012.5085%2012.9798%2012.3133L13.4596%2011.8335H11.5549C11.5385%2011.8335%2011.5223%2011.8335%2011.5064%2011.8335C11.1428%2011.8336%2010.8921%2011.8337%2010.6547%2011.7874C10.1218%2011.6837%209.63705%2011.4093%209.27388%2011.0056C9.11212%2010.8258%208.98317%2010.6108%208.79622%2010.299C8.78801%2010.2854%208.77969%2010.2715%208.77125%2010.2574C8.62917%2010.0206%208.70596%209.71349%208.94275%209.57142Z'%20fill='%231C274C'/%3e%3c/svg%3e");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.home-letters-route-random-icon-size{width:var(--home-random-icon-size, 16px);height:var(--home-random-icon-size, 16px)}.home-letters-route-near{display:inline-flex;align-items:center;gap:2px;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-title-2-size);line-height:var(--text-title-2-line);font-weight:var(--weight-semibold)}.home-letters-route-near-input{width:40px;height:24px;margin:0;padding:0;display:block}.home-letters-route-panel{order:1;width:min(1320px,calc(100% - 200px));max-width:1320px;margin:var(--sp-160) auto var(--sp-160);background:var(--suface-blur);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-200);border-radius:var(--radius-xm);padding:var(--sp-160)}.home-letters-route-panel:has(.letters-panel.is-opened){width:fit-content;max-width:calc(100% - 200px);padding:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border:0}@media(min-width:1025px){.home-letters-route-panel:has(.letters-opened-shell.is-replying){width:min(1320px,calc(100% - 200px));max-width:1320px;padding:var(--sp-160);background:var(--suface-blur);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-200)}}@media(max-width:1024px){.home-letters-route-panel:has(.letters-panel.is-opened){width:100%;max-width:100%}}.home-letters-route-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));align-content:start;gap:var(--sp-120);justify-content:center}.home-letters-route-card-btn{width:100%;border:0;background:transparent;padding:0;text-align:left}.home-letters-route-panel .post-preview-card{width:235px}@media(min-width:1024px){.home-letters-route-panel,.home-letters-route-grid{overflow-x:auto}.home-letters-route-grid{grid-template-columns:repeat(6,235px);justify-content:start}}@media(min-width:1024px)and (max-width:1366px){.home-letters-route-panel,.home-letters-route-grid{overflow-x:auto}.home-letters-route-grid{grid-template-columns:repeat(6,235px);justify-content:start}}@media(min-width:768px)and (max-width:1024px){.home-letters-route{padding-left:80px;padding-right:80px}.home-letters-route>.home-response-topbar{width:100vw;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;border-radius:0}.home-letters-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-letters-route-panel .letters-full-grid{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:100%;overflow-x:hidden}.home-letters-route-panel .post-preview-card,.home-letters-route-panel .letters-grid-btn{width:100%;min-width:0}}@media(min-width:768px)and (max-width:1024px){.home-letters-route>.home-response-topbar{width:calc(100% + 160px);margin-left:-80px!important;margin-right:-80px!important;position:sticky;top:0}.home-letters-route-topbar{padding:var(--sp-120);flex-wrap:nowrap}.home-letters-route-controls{width:auto;justify-content:flex-end;gap:var(--sp-160)}.home-letters-route-panel{width:100%;max-width:100%;margin:var(--sp-120) auto;padding:var(--sp-120)}.home-letters-route-card-btn{width:100%}}@media(max-width:767px){.home-letters-route-random-icon-size{width:var(--home-random-icon-size-mobile, 14px);height:var(--home-random-icon-size-mobile, 14px)}.home-letters-route-topbar{flex-wrap:nowrap;padding:var(--sp-80) var(--sp-40)}.home-response-segments-slot{padding-left:var(--sp-80);max-width:calc(100% - 44px)}.home-letters-route-controls{width:auto;margin-left:auto;justify-content:flex-end;gap:var(--sp-120)}.home-letters-route-panel{width:100%;max-width:100%;margin:0;padding:var(--sp-200) var(--sp-80) var(--sp-80);border-radius:0;border-left:0;border-right:0}.home-letters-route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-letters-route-panel .letters-full-grid{padding:var(--sp-120)}}@media(max-width:640px){.home-letters-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.home-letters-route-grid{grid-template-columns:1fr}}.key-box,.write-form{display:grid;gap:.75rem;background:var(--surface-50);border:1px solid var(--border-100);border-radius:var(--radius-m);padding:var(--sp-160)}.form-row{display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.form-row.between{grid-template-columns:1fr 2fr}.bottom-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.sponsor-logo{border:1px dashed var(--brand-primary);padding:var(--sp-80) var(--sp-120);border-radius:var(--radius-xm);color:var(--brand-primary);font-weight:var(--weight-semibold)}@media(max-width:1024px){.form-row,.form-row.between{grid-template-columns:1fr}.bottom-row{flex-direction:column;align-items:flex-start}}.filters{display:flex;gap:.5rem;flex-wrap:wrap}.public-letters-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-120)}@media(max-width:1024px){.public-letters-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.toggle-row{display:flex;gap:.5rem;flex-wrap:wrap}.toggle-row .active{background:var(--brand-primary);color:var(--text-inverse)}