:root{--font-serif:"Newsreader", Georgia, serif;--font-sans:"Newsreader", Georgia, serif;--font-hand:"Newsreader", Georgia, serif;--font-mono:"Newsreader", Georgia, serif;--bg-void:#f5f1e8;--paper-base:#fcfaf7;--paper-border:#e8e2d5;--paper-line:#b4a59138;--paper-shadow:0 2px 8px -2px #2d261e0d, 0 12px 32px -4px #2d261e14;--paper-shadow-hover:0 4px 12px -2px #2d261e14, 0 20px 40px -6px #2d261e1f;--ink-black:#1e1b18;--ink-charcoal:#44403c;--ink-sepia:#78716c;--ink-faint:#a8a29e;--ink-red:#991b1b;--ink-amber:#b45309;--ink-teal:#0f766e;--radius-paper:12px;--radius-stamp:9999px}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background-color:var(--bg-void);width:100%;min-height:100%;color:var(--ink-black);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:default;overflow-x:hidden}input[type=text],input[type=password],textarea,.signature-input,.paper-textarea,.admin-password-input,[contenteditable=true]{-webkit-user-select:text!important;user-select:text!important;cursor:text!important}button,a,label,input[type=range],input[type=color],.doodle-tool-btn,.seal-button,.mode-tab-btn,.filter-pill,.nav-tab,.close-sheet-btn,.doodle-fs-done-btn,.refresh-circle-btn{cursor:pointer!important}.doodle-paint-surface,.doodle-canvas-area{cursor:crosshair!important}.doodle-tool-divider{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}body{background-image:radial-gradient(circle at 50% 0,#fff9 0%,#0000 75%),radial-gradient(circle at 100% 100%,#e6ded066 0%,#0000 60%);background-attachment:fixed}.app-viewport{width:100%;max-width:480px;min-height:100dvh;padding:env(safe-area-inset-top,16px) 16px env(safe-area-inset-bottom,24px);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow-x:clip}.paper-header{justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 0 18px;display:flex}.brand-mark{color:var(--ink-black);align-items:center;gap:8px;text-decoration:none;display:flex}.brand-title{font-family:var(--font-serif);letter-spacing:-.01em;font-size:1.25rem;font-weight:600}.brand-tag{font-family:var(--font-mono);color:var(--ink-sepia);text-transform:uppercase;letter-spacing:.05em;background:#78716c1f;border-radius:4px;padding:2px 6px;font-size:.68rem}.header-controls{align-items:center;gap:8px;display:flex}.icon-btn{background:var(--paper-base);border:1px solid var(--paper-border);color:var(--ink-charcoal);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 1px 3px #0000000a}.icon-btn:active{background:#ede8de;transform:scale(.92)}.icon-btn.active{background:var(--ink-black);color:var(--paper-base);border-color:var(--ink-black)}.unread-dot{background:var(--ink-red);border:2px solid var(--bg-void);border-radius:50%;width:9px;height:9px;position:absolute;top:-2px;right:-2px}.nav-switcher{background:#e1dace8c;border:1px solid #c8beaf66;border-radius:24px;margin-bottom:18px;padding:3px;display:flex}.nav-tab{font-family:var(--font-sans);color:var(--ink-sepia);cursor:pointer;background:0 0;border:none;border-radius:20px;flex:1;justify-content:center;align-items:center;gap:7px;padding:8px 16px;font-size:.88rem;font-weight:500;line-height:1;transition:all .2s;display:inline-flex}.nav-tab.active{background:var(--paper-base);color:var(--ink-black);font-weight:600;box-shadow:0 1px 4px #2d261e14}.tab-count{text-align:center;min-width:20px;height:20px;color:var(--ink-red);box-sizing:border-box;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;background:#991b1b1f;border-radius:10px;justify-content:center;align-items:center;padding:0 5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.paper-sheet{background:var(--paper-base);border:1px solid var(--paper-border);border-radius:var(--radius-paper);box-shadow:var(--paper-shadow);flex-direction:column;padding:24px 20px 20px;display:flex;position:relative;overflow:hidden}.paper-lined{background-image:repeating-linear-gradient(transparent, transparent 31px, var(--paper-line) 31px, var(--paper-line) 32px);background-position:0 8px}.paper-greeting{justify-content:space-between;align-items:baseline;gap:8px;width:100%;margin-bottom:12px;display:flex}.recipient-salutation{font-family:var(--font-serif);color:var(--ink-black);white-space:nowrap;text-overflow:ellipsis;max-width:60%;font-size:1.35rem;font-style:italic;font-weight:500;overflow:hidden}.date-stamp{font-family:var(--font-serif);color:var(--ink-sepia);letter-spacing:-.01em;white-space:nowrap;flex-shrink:0;font-size:.88rem;font-style:italic}.paper-textarea{width:100%;height:190px;min-height:190px;max-height:190px;font-family:var(--font-serif);color:var(--ink-black);resize:none;caret-color:var(--ink-red);text-align:start;box-sizing:border-box;unicode-bidi:plaintext;background:0 0;border:none;outline:none;padding:4px 8px;font-size:1.22rem;font-style:italic;font-weight:400;line-height:32px}.paper-textarea::placeholder{color:var(--ink-faint);font-style:italic;font-family:var(--font-serif)}.paper-footer{border-top:1px dashed var(--paper-border);flex-direction:column;gap:16px;width:100%;margin-top:16px;padding-top:14px;display:flex}.signature-row{align-items:center;gap:8px;width:100%;min-width:0;padding:2px 0 4px;display:flex}.signature-prefix{font-family:var(--font-serif);color:var(--ink-sepia);white-space:nowrap;flex-shrink:0;font-size:1.05rem;font-style:italic}.signature-input{border:none;border-bottom:1px solid var(--paper-border);width:100%;min-width:0;font-family:var(--font-serif);color:var(--ink-black);background:0 0;outline:none;flex:1;padding:4px 6px;font-size:1.12rem;font-style:italic;transition:border-color .2s}.signature-input:focus{border-bottom-color:var(--ink-charcoal)}.signature-input::placeholder{font-family:var(--font-serif);color:var(--ink-faint);font-size:.92rem;font-style:italic}.action-bar{justify-content:space-between;align-items:center;gap:12px;width:100%;padding-top:2px;display:flex}.ink-meter{font-family:var(--font-serif);color:var(--ink-sepia);align-items:center;gap:6px;font-size:.88rem;line-height:1;display:inline-flex}.ink-dot{background:var(--ink-charcoal);border-radius:50%;width:7px;height:7px;transition:background-color .3s}.ink-dot.near-limit{background:var(--ink-amber)}.ink-dot.at-limit{background:var(--ink-red)}.seal-button{background:var(--ink-red);color:#fff9f5;font-family:var(--font-sans);letter-spacing:.01em;cursor:pointer;border:none;border-radius:24px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #991b1b40,inset 0 1px 1px #fff3}.seal-button:hover:not(:disabled){background:#7f1d1d;transform:translateY(-1px);box-shadow:0 4px 12px #991b1b59}.seal-button:active:not(:disabled){transform:scale(.96)translateY(0)}.seal-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.wax-seal-badge{background:#ffffff40;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;box-shadow:inset 0 1px 2px #0003}.sent-confirmation{background:var(--paper-base);border:1px solid var(--paper-border);border-radius:var(--radius-paper);text-align:center;box-shadow:var(--paper-shadow);flex-direction:column;align-items:center;gap:16px;padding:40px 24px;display:flex}.sent-icon-wrapper{width:64px;height:64px;color:var(--ink-red);background:#fef2f2;border:2px solid #fca5a5;border-radius:50%;justify-content:center;align-items:center;display:flex}.sent-title{font-family:var(--font-serif);color:var(--ink-black);font-size:1.5rem;font-weight:600}.sent-subtitle{color:var(--ink-sepia);max-width:280px;font-size:.92rem;line-height:1.5}.new-note-btn{border:1px solid var(--ink-charcoal);color:var(--ink-black);cursor:pointer;background:0 0;border-radius:20px;margin-top:8px;padding:8px 20px;font-size:.85rem;font-weight:500;transition:all .2s}.new-note-btn:active{background:var(--ink-black);color:var(--paper-base)}.inbox-container{flex-direction:column;gap:14px;display:flex}.inbox-stats{justify-content:space-between;align-items:center;padding:0 4px 4px;display:flex}.inbox-count-label{font-family:var(--font-serif);color:var(--ink-charcoal);font-size:1.1rem;font-weight:600}.filter-pills{align-items:center;gap:6px;display:flex}.filter-pill{font-family:var(--font-serif);border:1px solid var(--paper-border);height:28px;color:var(--ink-sepia);cursor:pointer;box-sizing:border-box;background:0 0;border-radius:14px;justify-content:center;align-items:center;padding:0 12px;font-size:.85rem;line-height:1;transition:all .2s;display:inline-flex}.filter-pill.active{background:var(--ink-charcoal);color:var(--paper-base);border-color:var(--ink-charcoal);font-weight:600}.cards-grid{flex-direction:column;gap:14px;width:100%;display:flex}.note-card{background:var(--paper-base);border:1px solid var(--paper-border);border-radius:var(--radius-paper);box-shadow:var(--paper-shadow);cursor:pointer;padding:16px 18px;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.note-card:hover{box-shadow:var(--paper-shadow-hover);border-color:#d6cec0}.note-card.unread{border-left:4px solid var(--ink-red)}.card-top-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.card-sender{font-family:var(--font-serif);color:var(--ink-black);align-items:center;gap:6px;font-size:1.05rem;font-weight:600;display:flex}.card-stamp-mini{border-radius:50%;width:14px;height:14px;display:inline-block}.card-time{font-family:var(--font-serif);color:var(--ink-sepia);font-size:.82rem;font-style:italic}.card-snippet{font-family:var(--font-serif);color:var(--ink-charcoal);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;line-height:1.5;display:-webkit-box;overflow:hidden}.card-footer{justify-content:flex-end;align-items:center;margin-top:8px;display:flex}.card-delete-btn{width:24px;height:24px;color:var(--ink-sepia);cursor:pointer;opacity:.6;background:#2b27240a;border:1px solid #c8beaf66;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.note-card:hover .card-delete-btn{opacity:1;background:#faf6eee6}.card-delete-btn:hover{transform:scale(1.1);color:var(--ink-red)!important;background:#fee2e2!important;border-color:#fca5a5!important}.card-delete-btn:active{transform:scale(.9)}.note-modal-overlay,.expanded-overlay{-webkit-backdrop-filter:blur(24px)saturate(190%)contrast(92%);backdrop-filter:blur(24px)saturate(190%)contrast(92%);z-index:99999;will-change:backdrop-filter, -webkit-backdrop-filter;background:#231e1873;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;transform:translateZ(0)}.note-modal-sheet,.expanded-paper{background:var(--paper-base);border:1px solid var(--paper-border);border-radius:var(--radius-paper);flex-direction:column;width:100%;max-width:480px;max-height:85vh;padding:26px 22px 22px;display:flex;position:relative;box-shadow:0 30px 80px #00000059,0 0 1px #0003}.modal-header{border-bottom:1px solid var(--paper-border);justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:14px;display:flex}.modal-sender-info{align-items:center;gap:12px;display:flex}.modal-seal-badge{border:1.5px solid #fff6;border-radius:50%;flex-shrink:0;width:22px;height:22px;box-shadow:0 2px 6px #00000040}.modal-sender-title{font-family:var(--font-serif);color:var(--ink-charcoal);margin:0;font-size:1.2rem;font-weight:700}.modal-time-stamp{font-family:var(--font-serif);color:var(--ink-sepia);margin-top:2px;font-size:.84rem;font-style:italic;display:block}.modal-delete-btn,.delete-btn{border:1px solid var(--paper-border);color:var(--ink-sepia);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.modal-delete-btn:hover,.delete-btn:hover{color:var(--ink-red);background:#fee2e2;border-color:#fca5a5}.modal-body{flex:1;margin-bottom:18px;padding-right:4px;overflow-y:auto}.expanded-content{font-family:var(--font-serif);color:var(--ink-charcoal);white-space:pre-wrap;word-break:break-word;text-align:start;unicode-bidi:plaintext;margin:0;font-size:1.22rem;line-height:1.7}.modal-footer,.expanded-footer{border-top:1px dashed var(--paper-border);justify-content:flex-end;align-items:center;padding-top:14px;display:flex}.close-sheet-btn{background:var(--ink-charcoal);color:var(--paper-base);font-family:var(--font-serif);cursor:pointer;border:none;border-radius:20px;padding:8px 20px;font-size:.95rem;font-weight:600;transition:all .2s}.close-sheet-btn:hover{background:var(--ink-black)}.close-sheet-btn:active{transform:scale(.96)}.inbox-empty{text-align:center;color:var(--ink-sepia);padding:60px 20px}.empty-icon{opacity:.5;margin-bottom:12px}.empty-title{font-family:var(--font-serif);color:var(--ink-charcoal);margin-bottom:4px;font-size:1.25rem}.envelope-3d-wrapper{perspective:900px;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;margin:12px auto;display:flex}.envelope-3d-box{width:270px;height:175px;transform-style:preserve-3d;background:#faf6ef;border-radius:8px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 15px 35px -5px #2d261e38,0 2px 6px #2d261e14}.envelope-3d-box:hover{transform:translateY(-2px)}.env-back{z-index:1;background:#f4ece0;border:1px solid #dfd5c4;border-radius:8px;position:absolute;inset:0}.env-letter-peek{z-index:3;pointer-events:none;height:150px;position:absolute;top:10px;left:15px;right:15px}.env-letter-paper{background:var(--paper-base);border:1px solid var(--paper-border);border-radius:6px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:12px 14px;display:flex;overflow:hidden;box-shadow:0 4px 12px #2d261e1f}.env-letter-salutation{font-family:var(--font-serif);color:var(--ink-black);font-size:.95rem;font-style:italic;font-weight:600}.env-letter-text{font-family:var(--font-serif);color:var(--ink-charcoal);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:4px 0;font-size:.88rem;font-style:italic;line-height:1.35;display:-webkit-box;overflow:hidden}.env-letter-sig{font-family:var(--font-serif);color:var(--ink-sepia);text-align:right;font-size:.82rem;font-style:italic}.env-left-flap{clip-path:polygon(0 0,0 100%,50% 50%);z-index:6;background:#ece3d4;border-radius:8px 0 0 8px;width:100%;height:100%;position:absolute;top:0;left:0}.env-right-flap{clip-path:polygon(100% 0,100% 100%,50% 50%);z-index:7;background:#e8dfcf;border-radius:0 8px 8px 0;width:100%;height:100%;position:absolute;top:0;right:0}.env-bottom-flap{clip-path:polygon(0 100%,100% 100%,50% 48%);z-index:8;background:#dfd5c3;border-radius:0 0 8px 8px;width:100%;height:100%;position:absolute;bottom:0;left:0}.env-top-flap{clip-path:polygon(0 0,100% 0,50% 52%);transform-origin:top;width:100%;height:100%;transform-style:preserve-3d;backface-visibility:visible;background:#efe8dc;border-radius:8px 8px 0 0;position:absolute;top:0;left:0;box-shadow:0 2px 6px #0000000d}.env-wax-seal{color:#fff7ed;z-index:20;cursor:pointer;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 14px #991b1b66,inset 0 2px 3px #ffffff59,inset 0 -2px 4px #0000004d}.wax-seal-inner-emboss{border:1px dashed #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.sealing-flow-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px 10px;display:flex}.sealing-status-text{font-family:var(--font-serif);color:var(--ink-charcoal);min-height:30px;margin-top:24px;font-size:1.25rem;font-style:italic}.foldable-paper-container{width:100%;max-width:100%;position:relative}.foldable-paper-container.is-in-flow{perspective:1400px;perspective-origin:50% 40%}.paper-sheet-main{background:var(--paper-base);border:1px solid var(--paper-border);border-radius:var(--radius-paper);width:100%;max-width:100%;box-shadow:var(--paper-shadow);max-height:680px;padding:22px 20px;transition:max-height .95s cubic-bezier(.25,1,.5,1),transform .95s cubic-bezier(.25,1,.5,1),box-shadow .8s,padding .95s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden}.foldable-paper-container.is-folded-up .paper-sheet-main{max-height:220px;padding:20px;transform:scale(.96)translateY(6px);box-shadow:0 16px 36px -4px #2d261e2e,0 4px 12px #2d261e14}.env-paper-fold-half{opacity:0;pointer-events:none;z-index:15;background:linear-gradient(#fbf7ee 0%,#ece3d2 100%);border-top:1px solid #b4a59159;height:52%;transition:transform .95s cubic-bezier(.25,1,.5,1),opacity .35s;position:absolute;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:0 -4px 14px #2d261e1f}.foldable-paper-container.is-folded-up .env-paper-fold-half{opacity:1;transform:translateY(0%)}.paper-envelope-box{border-radius:var(--radius-paper);transform-style:preserve-3d;pointer-events:none;z-index:30;opacity:0;transition:opacity .5s;position:absolute;inset:0}.foldable-paper-container.has-envelope-box .paper-envelope-box{opacity:1}.env-fold-left{clip-path:polygon(0 0,50% 50%,0 100%);border-radius:var(--radius-paper) 0 0 var(--radius-paper);z-index:5;transform-origin:0;transform-style:preserve-3d;backface-visibility:hidden;opacity:0;background:linear-gradient(135deg,#ebe1d0 0%,#dfd4c1 100%);transition:transform .85s cubic-bezier(.25,1,.5,1),opacity .3s;position:absolute;inset:0;transform:rotateY(-180deg);box-shadow:2px 0 8px #2d261e14}.foldable-paper-container.has-side-wings .env-fold-left{opacity:1;transform:rotateY(0)}.env-fold-right{clip-path:polygon(100% 0,50% 50%,100% 100%);border-radius:0 var(--radius-paper) var(--radius-paper) 0;z-index:6;transform-origin:100%;transform-style:preserve-3d;backface-visibility:hidden;opacity:0;background:linear-gradient(225deg,#e8dec9 0%,#d8cbb6 100%);transition:transform .85s cubic-bezier(.25,1,.5,1),opacity .3s;position:absolute;inset:0;transform:rotateY(180deg);box-shadow:-2px 0 8px #2d261e14}.foldable-paper-container.has-side-wings .env-fold-right{opacity:1;transform:rotateY(0)}.env-fold-bottom{clip-path:polygon(0 100%,50% 48%,100% 100%);border-radius:0 0 var(--radius-paper) var(--radius-paper);z-index:7;transform-origin:bottom;transform-style:preserve-3d;backface-visibility:hidden;opacity:0;background:linear-gradient(#e9dfc9 0%,#dccfb8 100%);transition:transform .85s cubic-bezier(.25,1,.5,1),opacity .3s;position:absolute;inset:0;transform:rotateX(-180deg);box-shadow:0 -3px 12px #2d261e1a}.foldable-paper-container.has-bottom-flap .env-fold-bottom{opacity:1;transform:rotateX(0)}.env-fold-top-triangle{clip-path:polygon(0 0,100% 0,50% 53%);transform-origin:top;width:100%;height:100%;transform-style:preserve-3d;backface-visibility:hidden;border-radius:var(--radius-paper) var(--radius-paper) 0 0;z-index:10;opacity:0;background:linear-gradient(#fbf8f1 0%,#ede1ce 100%);transition:transform .95s cubic-bezier(.25,1,.5,1),opacity .3s;position:absolute;top:0;left:0;transform:rotateX(175deg);box-shadow:0 6px 18px #2d261e29}.foldable-paper-container.has-top-flap .env-fold-top-triangle{opacity:1;transform:rotateX(0)}.center-wax-seal{color:#fff7ed;z-index:25;opacity:0;pointer-events:none;background:radial-gradient(circle,#991b1b 0%,#681111 100%);border:2px solid #ffd7008c;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .55s cubic-bezier(.34,1.56,.64,1),opacity .3s;display:flex;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)scale(0)rotate(-25deg);box-shadow:0 8px 24px #991b1b8c,inset 0 2px 4px #ffffff73,inset 0 -3px 6px #00000073}.foldable-paper-container.has-seal .center-wax-seal{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}.fold-status-card{text-align:center;margin-top:18px;padding:8px}.fold-status-text{font-family:var(--font-serif);color:var(--ink-charcoal);min-height:28px;font-size:1.25rem;font-style:italic}.lang-btn{font-family:var(--font-serif);color:var(--ink-charcoal);letter-spacing:.02em;padding:0 4px;font-size:.85rem;font-weight:700}.lang-text{justify-content:center;align-items:center;display:flex}[dir=rtl]{--font-serif:"Amiri", serif;--font-sans:"Amiri", serif;--font-hand:"Amiri", serif;--font-mono:"Amiri", serif;font-family:Amiri,serif}[dir=rtl] *{font-family:Amiri,serif}[dir=rtl] .paper-textarea{text-align:start;box-sizing:border-box;unicode-bidi:plaintext;padding:4px 8px;font-family:Amiri,serif;font-size:1.35rem;font-style:normal;line-height:34px}[dir=rtl] .signature-input{text-align:start;box-sizing:border-box;unicode-bidi:plaintext;padding:4px 8px;font-family:Amiri,serif;font-size:1.25rem;font-style:normal}[dir=rtl] .recipient-salutation{white-space:nowrap;text-overflow:ellipsis;max-width:62%;font-family:Amiri,serif;font-size:1.45rem;font-style:normal;font-weight:700;overflow:hidden}[dir=rtl] .date-stamp{white-space:nowrap;flex-shrink:0;font-family:Amiri,serif;font-size:.95rem;font-style:normal}[dir=rtl] .brand-title{font-family:Amiri,serif;font-size:1.45rem;font-weight:700}[dir=rtl] .nav-tab{font-family:Amiri,serif;font-size:1.05rem;font-weight:600}[dir=rtl] .tab-count{justify-content:center;align-items:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}[dir=rtl] .seal-button{font-family:Amiri,serif;font-size:1.1rem;font-weight:700}[dir=rtl] .new-note-btn,[dir=rtl] .close-sheet-btn{font-family:Amiri,serif;font-size:1rem;font-weight:700}[dir=rtl] .note-card.unread{border-left:1px solid var(--paper-border);border-right:4px solid var(--ink-red)}[dir=rtl] .card-sender{font-family:Amiri,serif;font-size:1.2rem;font-weight:700}[dir=rtl] .card-time{font-family:Amiri,serif;font-size:.95rem;font-style:normal}[dir=rtl] .card-snippet,[dir=rtl] .expanded-content{text-align:start;unicode-bidi:plaintext;font-family:Amiri,serif;font-size:1.28rem;font-style:normal;line-height:1.75}[dir=rtl] .expanded-signature,[dir=rtl] .fold-status-text{font-family:Amiri,serif;font-size:1.4rem;font-style:normal;font-weight:700}[dir=rtl] .filter-pill{justify-content:center;align-items:center;padding:0 12px;font-family:Amiri,serif;font-size:.95rem;font-weight:600;line-height:1;display:inline-flex}[dir=rtl] .ink-meter{font-family:Amiri,serif;font-size:.95rem;font-weight:600}.admin-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:999;background:#1e1b18a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal-card{background:var(--paper-base);border:1px solid var(--paper-border);border-radius:16px;width:100%;max-width:380px;padding:24px 20px;position:relative;box-shadow:0 25px 60px #00000059}.admin-modal-header{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.admin-badge-icon{color:#991b1b;background:#991b1b1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.admin-title{font-family:var(--font-serif);color:var(--ink-charcoal);margin:0;font-size:1.25rem;font-weight:700}.admin-desc{color:var(--ink-sepia);margin:3px 0 0;font-size:.86rem;font-style:italic}.admin-close-btn{cursor:pointer;color:var(--ink-sepia);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:auto;padding:4px;display:flex}[dir=rtl] .admin-close-btn{margin-left:0;margin-right:auto}.admin-form{flex-direction:column;display:flex}.admin-input-wrapper{align-items:center;margin-bottom:12px;display:flex;position:relative}.admin-key-icon{color:var(--ink-sepia);pointer-events:none;position:absolute;left:14px}[dir=rtl] .admin-key-icon{left:auto;right:14px}.admin-password-input{border:1px solid var(--paper-border);width:100%;color:var(--ink-charcoal);font-size:1.1rem;font-family:var(--font-serif);background:#faf7f0;border-radius:10px;outline:none;padding:12px 14px 12px 42px;transition:all .2s}[dir=rtl] .admin-password-input{text-align:right;padding:12px 42px 12px 14px;font-family:Amiri,serif}.admin-password-input:focus{background:#fff;border-color:#991b1b;box-shadow:0 0 0 3px #991b1b26}.admin-password-input.input-error{background:#fef2f2;border-color:#ef4444}.admin-error-text{color:#dc2626;text-align:center;font-size:.88rem;font-style:italic;font-weight:600;font-family:var(--font-serif);margin:-4px 0 12px}.admin-btn-row{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.admin-cancel-btn{border:1px solid var(--paper-border);color:var(--ink-charcoal);cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font-serif);background:0 0;border-radius:8px;padding:9px 16px;transition:all .2s}.admin-submit-btn{color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font-serif);background:#991b1b;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;transition:all .2s;display:flex;box-shadow:0 2px 8px #991b1b59}.admin-submit-btn:disabled{opacity:.5;cursor:not-allowed}.admin-submit-btn:not(:disabled):active{transform:scale(.96)}.refresh-circle-btn{border:1px solid var(--paper-border);width:28px;height:28px;color:var(--ink-charcoal);cursor:pointer;background:#2b27240d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .2s,transform .15s;display:inline-flex}.refresh-circle-btn:hover{background:#2b27241f}.refresh-circle-btn:active{transform:scale(.92)}.refresh-circle-btn:disabled{opacity:.7}@media (width<=420px){.app-viewport{padding-left:12px;padding-right:12px}.paper-sheet-main{padding:20px 15px 26px}.recipient-salutation{max-width:58%;font-size:1.22rem}.date-stamp{font-size:.82rem}[dir=rtl] .recipient-salutation{max-width:60%;font-size:1.3rem}[dir=rtl] .date-stamp{font-size:.88rem}.seal-button{padding:8px 14px;font-size:.92rem}[dir=rtl] .seal-button{padding:8px 14px;font-size:.98rem}.signature-input{font-size:1rem}[dir=rtl] .signature-input{font-size:1.05rem}}.note-mode-bar{justify-content:center;align-items:center;gap:8px;margin-bottom:14px;display:flex}.mode-tab-btn{font-family:var(--font-serif);color:var(--ink-muted);cursor:pointer;background:#2d261e0a;border:1px solid #b4a59159;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.9rem;transition:all .2s;display:inline-flex}.mode-tab-btn:hover{color:var(--ink-charcoal);background:#2d261e14}.mode-tab-btn.active{background:var(--paper-card);border-color:var(--crimson-seal);color:var(--crimson-seal);font-weight:500;box-shadow:0 2px 8px #991b1b1f}.doodle-container{flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:190px;max-height:190px;margin:0;display:flex;position:relative}.doodle-top-pill{z-index:10;box-sizing:border-box;background:#fffdf9;border:1.5px solid #b4a5918c;border-radius:28px;justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:100%;margin-bottom:8px;padding:5px 14px;display:inline-flex;box-shadow:0 4px 14px #2d261e14}.doodle-tool-btn{color:var(--ink-charcoal);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:transform .15s,color .15s,opacity .2s;display:flex}.doodle-tool-btn:hover:not(:disabled){color:var(--crimson-seal);transform:scale(1.15)}.doodle-tool-btn.active{color:var(--crimson-seal);background:#991b1b14}.doodle-tool-btn:disabled{opacity:.3;cursor:not-allowed}.doodle-tool-divider{background:#b4a59173;width:1px;height:16px;margin:0 2px}.doodle-brush-slider-wrap{flex-shrink:0;align-items:center;gap:6px;display:flex}.doodle-brush-preview{border:1px solid #00000026;border-radius:50%;flex-shrink:0;transition:width .15s,height .15s,background-color .2s;display:inline-block}.doodle-size-range{appearance:none;cursor:pointer;background:#b4a59166;border-radius:3px;outline:none;width:75px;min-width:60px;max-width:75px;height:5px}.doodle-size-range::-webkit-slider-thumb{appearance:none;background:var(--crimson-seal);cursor:pointer;border:1.5px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 4px #0000004d}.doodle-size-range::-moz-range-thumb{background:var(--crimson-seal);cursor:pointer;border:1.5px solid #fff;border-radius:50%;width:12px;height:12px}.doodle-color-picker-label{cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.doodle-color-circle{border:1.5px solid #0003;border-radius:50%;width:18px;height:18px;transition:transform .15s;display:inline-block;box-shadow:inset 0 1px 2px #00000026}.doodle-color-picker-label:hover .doodle-color-circle{transform:scale(1.15)}.doodle-native-color-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.doodle-circle-tick-btn{color:#fff!important;cursor:pointer!important;background:#991b1b!important;border:1.5px solid #fff!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:26px!important;height:26px!important;margin:0!important;padding:0!important;transition:transform .15s,background-color .15s,box-shadow .15s!important;display:inline-flex!important;box-shadow:0 2px 6px #991b1b66!important}.doodle-circle-tick-btn:hover{background:#7f1d1d!important;transform:scale(1.15)!important;box-shadow:0 3px 10px #7f1d1d8c!important}.doodle-circle-tick-btn:active{transform:scale(.92)!important}.doodle-circle-tick-btn svg{color:#fff!important;stroke:#fff!important}.doodle-canvas-area{touch-action:none;background:#fcfaf4;border:1px dashed #b4a59180;border-radius:8px;width:100%;height:210px;min-height:180px;margin-bottom:2px;position:relative;overflow:hidden}.doodle-fullscreen-overlay{animation:.2s cubic-bezier(.16,1,.3,1) fsFadeIn;z-index:999999!important;box-sizing:border-box!important;background-color:#f8f5ee!important;background-image:radial-gradient(#b4a59138 1px,#0000 0)!important;background-size:20px 20px!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;width:100vw!important;height:100vh!important;padding:16px 20px 20px!important;display:flex!important;position:fixed!important;inset:0!important}@keyframes fsFadeIn{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}.doodle-fullscreen-pill-toolbar{z-index:1000;box-sizing:border-box;background:#fffdf9;border:1.5px solid #b4a59199;border-radius:32px;justify-content:center;align-items:center;gap:12px;width:auto;max-width:480px;margin-bottom:14px;padding:6px 20px;display:inline-flex;box-shadow:0 8px 28px #2d261e24}.doodle-fullscreen-canvas-wrapper{touch-action:none;background:#fcfaf4;border:1.5px solid #b4a59199;border-radius:14px;flex:1;width:100%;max-width:1100px;height:calc(100vh - 95px);position:relative;overflow:hidden;box-shadow:0 12px 36px #2d261e1f}.doodle-paint-surface{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block}.doodle-paint-surface.fs-surface{cursor:crosshair;width:100%;height:100%;display:block}.modal-doodle-content{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.modal-doodle-frame{box-sizing:border-box;background:#fcfaf4;border:1px dashed #b4a59173;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:220px;max-height:400px;padding:12px;display:flex;overflow:hidden}.modal-doodle-image{object-fit:contain;max-width:100%;max-height:370px;display:block}.action-bar-spacer{flex:1}.action-bar .seal-button{margin-left:auto}[dir=rtl] .action-bar .seal-button{margin-left:0;margin-right:auto}.card-doodle-preview{flex-direction:column;gap:6px;margin-top:4px;display:flex}.card-doodle-thumb{object-fit:contain;background:#fcfaf4;border:1px solid #b4a5914d;border-radius:4px;width:100%;max-height:90px}.card-doodle-tag-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.card-doodle-tag{color:var(--ink-muted);font-size:.78rem;font-family:var(--font-serif);align-items:center;gap:4px;display:inline-flex}.card-video-failed-tag{color:#b45309;font-size:.72rem;font-family:var(--font-serif);background:#b4530917;border:1px solid #b4530940;border-radius:12px;align-items:center;gap:3px;padding:1px 7px;display:inline-flex}.modal-doodle-content{flex-direction:column;justify-content:center;align-items:center;width:100%;margin:4px 0 10px;display:flex}.modal-video-failed-notice{color:#92400e;font-size:.82rem;font-family:var(--font-serif);text-align:center;background:#b4530914;border:1px solid #b453094d;border-radius:16px;align-items:center;gap:6px;margin-bottom:12px;padding:6px 14px;display:inline-flex}.modal-view-switcher{background:#2d261e0d;border:1px solid #b4a59173;border-radius:24px;align-items:center;gap:3px;margin-bottom:12px;padding:3px;display:inline-flex;box-shadow:inset 0 1px 2px #0000000a}.modal-view-tab{font-family:var(--font-serif);color:var(--ink-sepia);cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:6px;padding:4px 16px;font-size:.86rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.modal-view-tab:hover:not(.active){color:var(--ink-charcoal);background:#2d261e0a}.modal-view-tab.active{color:var(--crimson-seal);background:#fffdf9;font-weight:600;box-shadow:0 2px 8px #2d261e1a}.modal-doodle-frame{justify-content:center;align-items:center;width:100%;padding:4px;display:flex}.modal-doodle-image{object-fit:contain;filter:drop-shadow(0 2px 8px #2d261e17);background:0 0;border-radius:6px;width:auto;max-width:100%;height:auto;max-height:240px}.doodle-player-container{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.doodle-video-screen{cursor:pointer;background:0 0;justify-content:center;width:100%;display:flex}.modal-doodle-video-el{background:0 0;border-radius:6px;max-width:100%;max-height:230px;display:block}.doodle-player-controls{box-sizing:border-box;background:#fffdf9;border:1.5px solid #b4a59180;border-radius:24px;align-items:center;gap:12px;width:96%;max-width:360px;padding:6px 16px;display:flex;box-shadow:0 3px 10px #2d261e12}.doodle-player-btn{color:var(--ink-charcoal);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:transform .15s,color .15s;display:flex}.doodle-player-btn:hover{color:var(--crimson-seal);transform:scale(1.15)}.doodle-seek-wrap{flex:1;align-items:center;min-width:110px;padding:0 4px;display:flex}.doodle-seek-slider{appearance:none;background:linear-gradient(to right, var(--crimson-seal) 0%, var(--crimson-seal) var(--progress-pct,0%), #b4a59159 var(--progress-pct,0%), #b4a59159 100%);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.doodle-seek-slider::-webkit-slider-thumb{appearance:none;background:var(--crimson-seal);cursor:pointer;border:2px solid #fff;border-radius:50%;width:14px;height:14px;transition:transform .1s;box-shadow:0 2px 5px #00000047}.doodle-seek-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.doodle-seek-slider:active::-webkit-slider-thumb{transform:scale(1.3)}.doodle-seek-slider::-moz-range-thumb{background:var(--crimson-seal);cursor:pointer;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 2px 5px #00000047}.doodle-time-text{font-family:var(--font-serif);color:var(--ink-sepia);white-space:nowrap;letter-spacing:.02em;font-size:.78rem}.fold-status-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:320px;margin:16px auto 0;display:flex}.fold-status-text{font-family:var(--font-serif);color:var(--ink-charcoal);letter-spacing:.01em;margin:0 0 6px;font-size:1.05rem;font-weight:600}.parchment-progress-container{flex-direction:column;align-items:center;gap:5px;width:100%;max-width:270px;margin:6px auto 8px;display:flex}.parchment-progress-track{background:#2d261e12;border:1px solid #b4a59180;border-radius:6px;width:100%;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #00000014}.parchment-progress-fill{background:linear-gradient(90deg,#991b1b 0%,#b91c1c 60%,#d97706 100%);border-radius:5px;height:100%;position:relative;overflow:hidden;box-shadow:0 0 8px #991b1b59}.parchment-progress-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff73 50%,#0000 100%);animation:1.8s ease-in-out infinite waxSheenShimmer;position:absolute;inset:0}@keyframes waxSheenShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.parchment-progress-meta{justify-content:center;width:100%;display:flex}.parchment-progress-pct{font-family:var(--font-serif);color:var(--crimson-seal);letter-spacing:.04em;font-size:.84rem;font-weight:700}.new-note-btn{font-family:var(--font-serif);color:var(--ink-charcoal);cursor:pointer;background:#fffdf9;border:1.5px solid #b4a59199;border-radius:22px;justify-content:center;align-items:center;padding:8px 24px;font-size:.95rem;font-weight:600;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #2d261e14}.new-note-btn:hover{color:var(--crimson-seal);border-color:var(--crimson-seal);background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #991b1b29}.modal-header-actions{align-items:center;gap:8px;display:flex}.modal-share-btn{border:1px solid var(--paper-border);color:var(--ink-sepia);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.modal-share-btn:hover:not(:disabled){color:var(--crimson-seal);border-color:var(--crimson-seal);background:#991b1b14;transform:scale(1.08)}.modal-share-btn:active{transform:scale(.92)}.modal-share-btn:disabled{opacity:.6;cursor:wait}.share-toast-pill{color:#f8f5ee;font-family:var(--font-serif);background:#1e1b18;border:1px solid #ffffff26;border-radius:20px;justify-content:center;align-self:center;align-items:center;gap:6px;width:fit-content;margin:-6px auto 10px;padding:6px 14px;font-size:.82rem;font-weight:500;display:inline-flex;box-shadow:0 4px 14px #00000040}.spin-animate{animation:.9s linear infinite spinRotate}@keyframes spinRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.share-note-capture-card{z-index:-1;pointer-events:none;width:520px;max-width:520px;position:fixed;top:0;left:-9999px;box-sizing:border-box!important;background:#faf7f0!important;border:1.5px solid #d6cec0!important;border-radius:16px!important;flex-direction:column!important;height:auto!important;max-height:none!important;padding:32px 30px 24px!important;display:flex!important;overflow:visible!important;box-shadow:0 10px 30px #00000014!important}.share-card-header{border-bottom:1.5px solid #b4a59173;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.share-sender-info{align-items:center;gap:14px;display:flex}.share-seal-badge{border:1.5px solid #ffffff80;border-radius:50%;flex-shrink:0;width:24px;height:24px;box-shadow:0 2px 6px #00000040}.share-sender-title{font-family:var(--font-serif);color:var(--ink-charcoal);margin:0;font-size:1.25rem;font-weight:700;line-height:1.2}[dir=rtl] .share-sender-title{font-family:Amiri,serif}.share-time-stamp{font-family:var(--font-serif);color:var(--ink-sepia);margin-top:3px;font-size:.86rem;font-style:italic;display:block}.share-card-body{width:100%;margin-bottom:24px;height:auto!important;max-height:none!important;overflow:visible!important}.share-expanded-content{font-family:var(--font-serif);color:var(--ink-charcoal);white-space:pre-wrap;word-break:break-word;text-align:start;unicode-bidi:plaintext;margin:0;font-size:1.25rem;line-height:1.8}[dir=rtl] .share-expanded-content{font-family:Amiri,serif;font-size:1.35rem;line-height:1.9}.share-doodle-frame{justify-content:center;align-items:center;width:100%;padding:6px;display:flex}.share-doodle-image{object-fit:contain;border-radius:8px;max-width:100%;height:auto;max-height:550px}.share-card-footer{border-top:1px dashed #b4a5918c;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.share-brand-watermark{font-family:var(--font-serif);color:var(--ink-sepia);letter-spacing:.04em;opacity:.85;font-size:.82rem}