.letter-sharing-backdrop{z-index:40;background:#482a1f2e;place-items:center;padding:20px;animation:.18s both letter-share-fade;display:grid;position:fixed;inset:0}.letter-sharing-panel,.letter-sharing-receipt{color:#59493b;background:#fbf8f0;border:1px solid #dfd4c4;flex-direction:column;width:min(620px,100%);max-height:min(760px,100dvh - 40px);animation:.24s cubic-bezier(.2,.8,.2,1) both letter-share-rise;display:flex;overflow:auto;box-shadow:0 18px 60px #482a1f21}.letter-sharing-panel{padding:27px clamp(22px,5vw,42px) 20px}.letter-sharing-header{border-bottom:1px solid #e6ddcf;justify-content:space-between;align-items:flex-start;padding-bottom:19px;display:flex}.letter-sharing-eyebrow{color:#9a8876;letter-spacing:.18em;margin-bottom:7px;font-size:9px;display:block}.letter-sharing-header h2{letter-spacing:-.04em;margin:0;font-family:Georgia,serif;font-size:27px;font-weight:500}.letter-sharing-close{color:#8e7b6d;background:0 0;border:0;width:32px;height:32px;font-size:25px;line-height:1}.letter-sharing-close:hover{color:#8e2928}.letter-sharing-tabs{border-bottom:1px solid #e6ddcf;gap:22px;padding:17px 0 4px;display:flex}.letter-sharing-tabs button{color:#998a79;white-space:nowrap;background:0 0;border:0;padding:0 0 12px;font-size:12px;position:relative}.letter-sharing-tabs button.is-active{color:#8e2928}.letter-sharing-tabs button.is-active:after{content:"";background:#8e2928;height:2px;position:absolute;bottom:-1px;left:0;right:0}.letter-sharing-content{min-height:270px;padding-top:17px}.letter-sharing-intro{color:#817466;justify-content:space-between;margin:0 0 13px;font-size:11px;line-height:1.7;display:flex}.letter-sharing-intro span{color:#b09d8b;font-variant-numeric:tabular-nums}.letter-sharing-list{flex-direction:column;display:flex}.letter-sharing-row{color:#615144;text-align:left;background:0 0;border:0;border-top:1px solid #ebe3d8;grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;gap:12px;width:100%;min-height:57px;padding:10px 2px;display:grid}.letter-sharing-row:hover{color:#8e2928;background:#f8f1e8}.letter-sharing-preview{white-space:nowrap;text-overflow:ellipsis;font-family:Georgia,serif;font-size:14px;line-height:1.45;overflow:hidden}.letter-sharing-row time{color:#a49787;white-space:nowrap;font-size:10px}.letter-sharing-row>span:last-child{color:#a99786;font-size:14px}.letter-sharing-number{color:#aa967d;font-variant-numeric:tabular-nums;font-size:10px}.letter-sharing-loading,.letter-sharing-empty{text-align:center}.letter-sharing-loading{color:#a29483;padding:42px 0;font-size:12px}.letter-sharing-empty{color:#a09281;flex-direction:column;justify-content:center;align-items:center;min-height:220px;font-size:12px;line-height:1.8;display:flex}.letter-sharing-empty p{color:#756553;margin:4px 0;font-family:Georgia,serif;font-size:17px}.letter-sharing-empty span{font-size:11px}.letter-sharing-empty .letter-sharing-icon{color:#b4a08a;width:34px;height:34px;margin-bottom:9px}.letter-sharing-empty button,.letter-sharing-more{color:#8e2928;background:0 0;border:1px solid #d6c8b7;margin-top:10px;padding:9px 14px;font-size:11px}.letter-sharing-more{margin:16px auto 0;display:block}.letter-sharing-back{color:#8e2928;background:0 0;border:0;align-self:flex-start;margin:2px 0 28px;padding:0;font-size:11px}.letter-sharing-reader time{color:#a18e79;margin-bottom:22px;font-size:10px;display:block}.letter-sharing-body{white-space:pre-wrap;color:#5d4b3c;background:#f7f0e5;border:1px solid #eadfce;min-height:210px;padding:25px 22px;font-family:Georgia,serif;font-size:16px;line-height:2;box-shadow:0 4px 14px #694c320d}.letter-sharing-code form{flex-direction:column;align-items:stretch;margin-top:25px;display:flex}.letter-sharing-code label{color:#735f4f;margin-bottom:8px;font-size:11px}.letter-sharing-code input{color:#564538;height:48px;font:inherit;letter-spacing:.1em;background:#fffaf3;border:1px solid #daccbb;outline:0;padding:0 14px;font-size:12px}.letter-sharing-code input:focus{border-color:#a77762;box-shadow:0 0 0 3px #a777621c}.letter-sharing-code form>button{color:#fff8ef;background:#8e2928;border:1px solid #8e2928;align-self:flex-start;min-height:43px;margin-top:12px;padding:0 21px;font-size:12px}.letter-sharing-code form>button:disabled{opacity:.55}.letter-sharing-form-error{color:#9b4036;margin:9px 0 0;font-size:11px}.letter-sharing-code-note{color:#9b8c7c;align-items:center;gap:9px;margin-top:29px;font-size:11px;display:flex}.letter-sharing-icon{fill:none;stroke:currentColor;stroke-width:1.35px;width:19px;height:19px}.letter-sharing-footnote{color:#a29381;border-top:1px solid #e6ddcf;margin:15px 0 0;padding-top:14px;font-size:10px;line-height:1.6}.letter-sharing-receipt-backdrop{z-index:50}.letter-sharing-receipt{text-align:center;width:min(420px,100%);padding:39px 30px 28px}.letter-sharing-seal{color:#9a302c;border:1px solid #a2443c;border-radius:50%;place-items:center;width:42px;height:42px;margin:0 auto 17px;font-size:22px;display:grid}.letter-sharing-receipt h2{color:#594538;margin:0;font-family:Georgia,serif;font-size:22px;font-weight:500}.letter-sharing-receipt p{color:#8a7969;margin:12px 0 23px;font-size:12px;line-height:1.7}.letter-sharing-copy{gap:7px;display:flex}.letter-sharing-copy input{color:#68483c;letter-spacing:.05em;text-align:center;background:#fffaf3;border:1px solid #daccbb;flex:1;min-width:0;height:43px;padding:0 10px;font-size:11px}.letter-sharing-copy button{color:#8e2928;white-space:nowrap;background:0 0;border:1px solid #bba995;padding:0 12px;font-size:11px}.letter-sharing-receipt-close{color:#8f7d6b;text-underline-offset:4px;background:0 0;border:0;align-self:center;margin-top:24px;padding:7px 14px;font-size:11px;text-decoration:underline}@keyframes letter-share-fade{0%{opacity:0}to{opacity:1}}@keyframes letter-share-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (width<=560px){.letter-sharing-backdrop{padding:12px}.letter-sharing-panel{max-height:calc(100dvh - 24px);padding:22px 20px 17px}.letter-sharing-header h2{font-size:23px}.letter-sharing-tabs{gap:16px;overflow:auto}.letter-sharing-tabs button{font-size:11px}.letter-sharing-row{grid-template-columns:minmax(0,1fr) auto 12px;gap:8px}.letter-sharing-preview{font-size:13px}.letter-sharing-body{padding:20px 16px;font-size:15px}.letter-sharing-copy{flex-direction:column}.letter-sharing-copy button{height:42px}}@media (prefers-reduced-motion:reduce){.letter-sharing-backdrop,.letter-sharing-panel,.letter-sharing-receipt{animation:none}}.letter-sharing-seal svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:21px;height:21px}.letter-sharing-row:has(.letter-sharing-number){grid-template-columns:28px minmax(0,1fr) auto 14px}.letter-sharing-preview,.letter-sharing-body{font-family:inherit}@media (width>=900px){.letter-sharing-panel{border-radius:8px;width:420px}}.letter-sharing-header,.letter-sharing-tabs{border-bottom:0}.letter-sharing-footnote,.letter-sharing-empty span{display:none}.letter-sharing-panel{border-radius:10px;padding:30px clamp(22px,5vw,42px) 28px}.letter-sharing-header{padding-bottom:0}.letter-sharing-header h2{font-size:25px}.letter-sharing-state{color:#8d7c6b;text-align:center;place-items:center;min-height:250px;padding:28px 0;font-size:12px;display:grid}.letter-sharing-state p{color:#695548;margin:0 0 14px;font-family:Georgia,serif;font-size:17px}.letter-sharing-state button{color:#8e2928;background:0 0;border:1px solid #d6c8b7;padding:9px 14px;font-size:11px}.letter-sharing-reader{padding:26px 0 0}.letter-sharing-reader-meta{color:#a18e79;justify-content:space-between;align-items:center;margin:0 1px 14px;font-size:10px;display:flex}.letter-sharing-reader-meta span{color:#9b3a35;font-size:11px}.letter-sharing-reader-meta time{font-variant-numeric:tabular-nums}.letter-sharing-body{white-space:pre-wrap;color:#5d4b3c;background:#fffaf2;border:1px solid #eadfce;border-radius:2px;min-height:300px;padding:32px 27px;font-family:inherit;font-size:16px;line-height:2;box-shadow:0 9px 24px #694c3214}.letter-sharing-body:focus{outline-offset:3px;outline:2px solid #8e292838}.letter-sharing-code{min-height:0;padding:35px 1px 8px}.letter-sharing-code .letter-sharing-intro{color:#817466;margin:0;font-size:12px;line-height:1.8;display:block}.letter-sharing-code form{margin-top:27px}.letter-sharing-code input,.letter-sharing-code form>button{border-radius:2px}.letter-sharing-copy-help{color:#9b4036!important;margin:9px 0 0!important;font-size:10px!important}@media (width<=560px){.letter-sharing-panel{max-height:calc(100dvh - 24px);padding:24px 18px 22px}.letter-sharing-header h2{font-size:23px}.letter-sharing-reader{padding-top:23px}.letter-sharing-body{min-height:270px;padding:24px 18px;font-size:15px;line-height:1.9}.letter-sharing-reader-meta{font-size:9px}.letter-sharing-reader-meta span{font-size:10px}.letter-sharing-code{padding-top:28px}.letter-sharing-code .letter-sharing-intro{font-size:11px}}@media (prefers-reduced-motion:reduce){.letter-sharing-state,.letter-sharing-reader{animation:none}}.letter-sharing-admin{border-top:1px solid #ebe3d8;flex-direction:column;align-items:flex-end;margin-top:18px;padding-top:14px;display:flex}.letter-sharing-admin button{color:#9b3a35;background:0 0;border:1px solid #c9a79b;border-radius:2px;min-height:36px;padding:0 14px;font-size:11px}.letter-sharing-admin button:hover:not(:disabled){color:#fff8ef;background:#9b3a35;border-color:#9b3a35}.letter-sharing-admin button:disabled{opacity:.55}.heart-field{z-index:1;pointer-events:none;transition:opacity .22s;position:absolute;inset:0}.heart-field[data-inactive=true]{opacity:0;pointer-events:none}.heart-field__items{pointer-events:none;position:absolute;inset:0}.heart-field__heart{left:var(--heart-x);top:var(--heart-y);pointer-events:auto;isolation:isolate;background:0 0;border:0;width:44px;height:44px;padding:0;position:absolute;transform:translate(-50%,-50%)}.heart-field__hit-area{transform:rotate(var(--heart-tilt,0deg));place-items:center;transition:transform .22s cubic-bezier(.2,.75,.25,1),filter .22s;display:grid;position:absolute;inset:0}.heart-field__heart img{width:var(--heart-size);height:var(--heart-size);object-fit:contain;filter:drop-shadow(0 7px 8px #77232e1f);-webkit-user-select:none;user-select:none;display:block}.heart-field__heart:hover .heart-field__hit-area,.heart-field__heart:focus-visible .heart-field__hit-area{transform:scale(1.55) rotate(var(--heart-tilt,0deg));filter:drop-shadow(0 11px 12px #77232e2e);z-index:2}.heart-field__heart:active .heart-field__hit-area{transform:scale(1.4) rotate(var(--heart-tilt,0deg))}.heart-field__heart:focus-visible{outline-offset:4px;border-radius:50%;outline:2px solid #942c3cbf}.heart-field__more,.heart-field__error{pointer-events:auto;color:#866b61;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffaf2c7;border:1px solid #824a3e1f;position:absolute;box-shadow:0 5px 16px #4a261f0f}.heart-field__more{border-radius:999px;min-height:38px;padding:0 14px;font-size:11px;transition:color .16s,background .16s;bottom:32px;left:50%;transform:translate(-50%)}.heart-field__more:hover:not(:disabled){color:#7e2635;background:#fffaf2}.heart-field__more:disabled{opacity:.6}.heart-field__error{border-radius:7px;align-items:center;gap:10px;max-width:calc(100% - 40px);padding:9px 11px 9px 14px;font-size:11px;display:flex;top:86px;left:50%;transform:translate(-50%)}.heart-field__error button{color:#942c3c;text-underline-offset:3px;white-space:nowrap;background:0 0;border:0;padding:4px 0;font-size:11px;text-decoration:underline}@media (width<=700px){.heart-field__heart{width:44px;height:44px}.heart-field__heart img{width:clamp(22px,8vw,34px);height:clamp(22px,8vw,34px)}.heart-field__heart:hover .heart-field__hit-area,.heart-field__heart:focus-visible .heart-field__hit-area{transform:scale(1.35) rotate(var(--heart-tilt,0deg))}.heart-field__more{bottom:max(92px,calc(env(safe-area-inset-bottom) + 72px))}.heart-field__error{top:max(76px,calc(env(safe-area-inset-top) + 48px))}}@media (width>=1700px){.heart-field__heart{--heart-size:clamp(30px,2.2vw,46px)}}@media (prefers-reduced-motion:reduce){.heart-field,.heart-field__hit-area{transition:none}.heart-field__heart:hover .heart-field__hit-area,.heart-field__heart:focus-visible .heart-field__hit-area{transform:scale(1.25)}}.heart-field__pager{pointer-events:auto;color:#866b61;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffaf2c7;border:1px solid #824a3e1f;border-radius:999px;align-items:center;gap:4px;min-height:38px;padding:0 5px;font-size:11px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 5px 16px #4a261f0f}.heart-field__pager button{color:#866b61;background:0 0;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;font-size:21px;line-height:1;transition:color .16s,background .16s;display:grid}.heart-field__pager button:hover:not(:disabled){color:#7e2635;background:#f4e5df}.heart-field__pager button:disabled{opacity:.28}.heart-field__pager span{text-align:center;min-width:48px;font-size:10px}@media (width<=700px){.heart-field__pager{bottom:max(92px,calc(env(safe-area-inset-bottom) + 72px))}}.heart-field__heart{--heart-mobile-x:var(--heart-x);--heart-mobile-y:var(--heart-y)}@media (width<=700px){.heart-field__heart{left:var(--heart-mobile-x)!important;top:var(--heart-mobile-y)!important}}.heart-field__pager{z-index:3}@media (width<=700px){.heart-field__pager{top:76%!important;bottom:auto!important}}:root{color:#403330;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#403330;--muted:#81736c;--red:#942c3c;--line:#70453c29;--serif:"Nanum Myeongjo","AppleMyungjo","Batang",Georgia,serif;background:#f6f2ec;font-family:Apple SD Gothic Neo,Malgun Gothic,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button,textarea{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button:disabled{cursor:default}button,a,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--red);outline-offset:5px}button svg{stroke:currentColor;stroke-width:1.4px;flex:none;width:18px;height:18px}::selection{color:#612330;background:#ecd0cf}.app{background:radial-gradient(at 50% 40%,#e7b5b93b,#0000 58%),#f6f2ec;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.scene{z-index:0;transition:opacity .22s;position:absolute;inset:0}.app[data-overlay=true] .scene,.app[data-overlay=true] .site-header,.app[data-overlay=true] .bottom-bar{opacity:0;pointer-events:none}.scene canvas{outline:none;width:100%;height:100%;display:block}.site-header{z-index:2;inset:max(32px,env(safe-area-inset-top)) 42px auto;pointer-events:none;justify-content:space-between;align-items:center;gap:24px;transition:opacity .25s;display:flex;position:absolute}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-mark{width:39px;height:39px;color:var(--red);pointer-events:auto;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;place-items:center;display:grid}.brand-mark img{object-fit:contain;pointer-events:none;width:39px;height:39px;display:block}.brand{white-space:nowrap;letter-spacing:-.025em;font-size:15px;font-weight:600;line-height:1.4}.brand-en{letter-spacing:.17em;color:#8d756f;margin-top:3px;font-size:8px;font-weight:500;line-height:1.2;display:block}.bottom-bar{z-index:2;left:44px;right:44px;bottom:max(34px,env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:22px;transition:opacity .25s;display:flex;position:absolute}.actions,.letter-access{align-items:center;gap:16px;display:flex}.code-open-button,.last-code-button{color:#805e59;text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:4px 0;font-size:11px;text-decoration:underline}.code-open-button:hover,.last-code-button:hover{color:var(--red)}.write-button{white-space:nowrap;color:#fff9f1;background:var(--red);border:1px solid var(--red);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:0 21px;font-size:12px;font-weight:500;transition:background .18s,border-color .18s,transform .18s;display:inline-flex;box-shadow:0 3px 9px #6824311a}.write-button svg{stroke-width:1.5px;width:17px;height:17px}.write-button:disabled{opacity:.4}.write-button:hover:not(:disabled){background:#7e2635;border-color:#7e2635}.write-button:active{transform:translateY(1px)}.app[data-composing=true] .site-header,.app[data-composing=true] .bottom-bar,.app[data-busy=true] .site-header,.app[data-busy=true] .bottom-bar{opacity:0;pointer-events:none}.editor{z-index:5;color:var(--ink);overscroll-behavior:contain;background:0 0;border-radius:2px;flex-direction:column;padding:40px 42px 30px;transition:opacity .1s;animation:.21s both ink-appear;display:flex;position:absolute;box-shadow:0 1px 2px #4a2b240f,0 12px 32px #4a2b240e}.paper-meta{color:#8a746c;letter-spacing:.08em;flex:none;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;font-size:9px;font-weight:400;line-height:1.5;display:flex}.paper-meta>:first-child{color:var(--red);letter-spacing:.035em;white-space:nowrap;font-size:11px}.paper-meta>:last-child{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:9px}.letter-input{resize:none;color:#493933;width:100%;min-height:0;caret-color:var(--red);letter-spacing:0;word-break:break-all;overflow-wrap:anywhere;scrollbar-width:thin;scrollbar-color:#8f77534d transparent;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;background:0 0;border:0;border-radius:0;flex:auto;margin:0;padding:0 5px 5px 0;font-family:Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:16px;font-weight:400;line-height:1.9;display:block;overflow:hidden auto}.letter-input:focus,.letter-input:focus-visible{outline:none}.letter-input::placeholder{color:#8f7970;opacity:1}.letter-input::-webkit-scrollbar{width:3px}.letter-input::-webkit-scrollbar-thumb{background:#8f77534d;border-radius:2px}.editor-footer{border-top:0;flex:none;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding-top:0;display:flex}.cancel-button,.send-button{white-space:nowrap;border:0;border-radius:6px;flex-shrink:0;min-height:40px;font-family:Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:12px;line-height:1;transition:background .16s,opacity .16s}.cancel-button{color:#806d63;background:0 0;padding:0 4px}.cancel-button:hover{color:#493933}.send-button{background:var(--red);color:#fff9f0;justify-content:center;align-items:center;gap:9px;padding:0 15px;display:inline-flex}.send-button:hover:not(:disabled){background:#7e2635}.send-button:disabled{opacity:.36}.editor-error{color:#a0312b;flex:none;margin:9px 0 0;font-size:11px;line-height:1.55}.motion-status{z-index:10;bottom:max(43px,calc(env(safe-area-inset-bottom) + 24px));text-align:center;max-width:calc(100% - 40px);font-family:var(--serif);color:#7c625a;pointer-events:none;font-size:13px;line-height:1.6;position:absolute;left:50%;transform:translate(-50%)}.motion-status:has(.success-message){bottom:17%}.success-message{white-space:nowrap;color:#7b3d44;align-items:center;gap:9px;font-size:15px;animation:.22s both ink-appear;display:inline-flex}.success-message>span{color:var(--red);font-family:sans-serif}.overlay-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#492b281f;animation:.2s both ink-appear;position:absolute;inset:0}.archive-panel{top:max(22px,env(safe-area-inset-top));right:22px;bottom:max(22px,env(safe-area-inset-bottom));background:#fffaf2;border:1px solid #824a3e1f;border-radius:8px;flex-direction:column;width:420px;max-width:calc(100vw - 44px);padding:29px 30px;animation:.28s cubic-bezier(.2,.7,.3,1) both archive-appear;display:flex;position:absolute;box-shadow:-12px 5px 70px #4a261f17}.archive-header{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:16px;padding-bottom:22px;display:flex}.eyebrow{color:#97636a;letter-spacing:.15em;margin-bottom:10px;font-size:8px;display:block}.archive-header h2{font-family:var(--serif);letter-spacing:-.06em;margin:0;font-size:21px;font-weight:400}.archive-header h2 span{color:#a48b80;margin-left:6px;font-family:sans-serif;font-size:12px}.archive-header>button{color:#916f67;background:0 0;border:0;border-radius:2px;place-items:center;width:40px;height:40px;margin-right:-7px;font-size:26px;display:grid}.archive-header>button:hover{color:#4b4033;background:#f5eae3}.archive-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d6cbb7 transparent;flex:1;min-height:0;padding:4px 0;overflow-y:auto}.letter-row{text-align:left;color:#59433c;background:0 0;border:0;border-bottom:1px solid #88574d21;grid-template-columns:24px 1fr 38px 12px;align-items:center;gap:10px;width:100%;padding:23px 2px;transition:background .15s;display:grid}.letter-row:hover{background:#ae686d0e}.letter-row time,.letter-number{font-variant-numeric:tabular-nums;color:#927b71;letter-spacing:.025em;font-size:10px}.letter-preview{-webkit-line-clamp:2;letter-spacing:-.03em;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-family:Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:14px;line-height:1.85;display:-webkit-box;overflow:hidden}.reader{flex-direction:column;flex:auto;min-height:0;padding-top:21px;display:flex}.back-button{color:#8b6c63;background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;min-height:40px;margin:0 0 15px -4px;padding:0 4px;font-size:11px;display:flex}.back-button:hover{color:#493f30}.reader-date{color:#92766a;font-variant-numeric:tabular-nums;letter-spacing:.055em;margin:0 0 24px;font-size:10px}.reader-body{letter-spacing:-.025em;color:#493933;white-space:pre-wrap;overflow-wrap:anywhere;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d6cbb7 transparent;flex:1;min-height:0;margin:0;padding-right:7px;font-family:Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:16px;line-height:2;overflow-y:auto}.reader-signoff{color:#92766a;margin-top:24px;font-size:10px}.archive-footnote{color:#92766a;border-top:1px solid var(--line);flex:none;margin:22px 0 0;padding-top:15px;font-size:10px;line-height:1.8}.empty-state{color:#9d8075;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:36px 16px 70px;font-size:12px;line-height:1.9;display:flex}.empty-state svg{stroke:currentColor;stroke-width:1px;color:#b68d87;width:34px;height:34px;margin-bottom:15px}.empty-state p{font-family:var(--serif);color:#74584e;margin:4px 0;font-size:16px}.error-banner{z-index:30;top:max(98px,calc(env(safe-area-inset-top) + 72px));color:#7d3b30;background:#fbf2e8;border:1px solid #dfc4b5;border-radius:3px;width:max-content;max-width:calc(100% - 40px);padding:14px 18px;font-size:12px;line-height:1.6;position:absolute;left:50%;transform:translate(-50%)}.retry-button{color:var(--red);text-underline-offset:3px;background:0 0;border:0;margin-left:12px;padding:6px 8px;font-size:11px;text-decoration:underline}.scene-error{z-index:12;border:1px solid var(--line);text-align:center;background:#fbf8f0;border-radius:3px;width:360px;max-width:calc(100% - 40px);padding:25px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scene-error p{color:#827460;margin:0 0 9px;font-size:12px;line-height:1.65}.scene-error p:first-child{font-family:var(--serif);color:#584734;font-size:18px}.scene-error .retry-button{min-height:40px;margin:10px 0 0}.loading-note{font-family:var(--serif);letter-spacing:.02em;color:#9b8c76;pointer-events:none;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@keyframes ink-appear{0%{opacity:0}to{opacity:1}}@keyframes archive-appear{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@media (width>=1500px){.site-header{top:40px;left:54px;right:54px}.bottom-bar{bottom:42px;left:56px;right:56px}}@media (width<=640px){.site-header{inset:max(23px,calc(env(safe-area-inset-top) + 12px)) 21px auto;gap:10px}.brand-lockup{gap:8px}.brand-mark{width:32px;height:34px}.brand-mark img{width:32px;height:32px}.brand{font-size:13px}.brand-en{letter-spacing:.12em;font-size:7px}.bottom-bar{left:21px;right:21px;bottom:max(24px,calc(env(safe-area-inset-bottom) + 15px));flex-wrap:wrap;justify-content:center;row-gap:6px}.actions{order:0;justify-content:center;gap:9px;width:100%;min-width:0}.letter-access{order:1;justify-content:center;gap:18px}.code-open-button,.last-code-button{min-height:34px;font-size:10px}.write-button{flex:1;gap:10px;min-width:0;max-width:230px;min-height:48px;padding:0 16px}.editor{padding:29px 27px 22px}.paper-meta{margin-bottom:19px;font-size:8px}.paper-meta>:last-child{font-size:8px}.editor-footer{gap:8px;margin-top:15px;padding-top:12px}.cancel-button,.send-button{min-height:44px;font-size:12px}.archive-panel{inset:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));width:auto;max-width:none;padding:24px}.archive-header h2{font-size:20px}.archive-header{padding-bottom:19px}.reader-body{font-size:16px}.motion-status{bottom:max(33px,calc(env(safe-area-inset-bottom) + 18px));font-size:12px}.error-banner{top:max(84px,calc(env(safe-area-inset-top) + 65px));font-size:11px}}@media (height<=600px){.editor{padding-top:20px;padding-bottom:17px}.paper-meta{margin-bottom:11px}.editor-footer{margin-top:9px;padding-top:8px}.site-header{top:max(18px,env(safe-area-inset-top))}.bottom-bar{bottom:max(18px,env(safe-area-inset-bottom))}}@media (height<=360px){.editor{padding:12px 22px}.paper-meta{margin-bottom:6px}.editor-footer{margin-top:4px;padding-top:4px}.paper-meta{font-size:8px}.motion-status{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.editor[data-saving=true]{opacity:1;pointer-events:auto;animation:none}.privacy-choice{min-height:40px;color:var(--ink);cursor:pointer;white-space:nowrap;flex:none;align-items:center;gap:10px;margin-top:13px;font-size:12px;display:flex}.privacy-kicker{color:#9e7b70;letter-spacing:.16em;font-size:10px}.privacy-label{margin-left:2px}.privacy-choice input{width:16px;height:16px;accent-color:var(--red);flex:none;margin:0}.privacy-choice+.editor-footer{margin-top:12px}@media (width>=641px) and (width<=1399px){.app[data-phase=writing]:before{content:"";z-index:4;pointer-events:none;background:#faf6f1ad;animation:.22s both ink-appear;position:absolute;inset:0}.app[data-phase=writing] .editor{background:#fff9f1}}@media (width<=640px){.privacy-choice{margin-top:9px}.privacy-choice+.editor-footer{margin-top:8px}}@media (height<=460px){.privacy-choice{min-height:28px;margin-top:5px}.privacy-choice+.editor-footer{margin-top:5px}}