@font-face{font-family:"Gopals Diary 1";src:url(/fonts/gopals_diary.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Gopals Diary 2";src:url(/fonts/gopals_diary2.TTF)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gopals Diary;src:url(/fonts/gopals_diary.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-parchment:#fdfbf7;--bg-parchment-deep:#f5eedb;--bg-surface:#fff;--bg-surface-translucent:#ffffffe0;--bg-glass:#fdfbf7e0;--ink-primary:#1c140d;--ink-secondary:#574838;--ink-muted:#8c7b69;--ink-faint:#d2c5b3;--crimson-seal:#991b1b;--crimson-seal-dark:#6e1010;--crimson-seal-glow:#991b1b47;--brass-gold:#c2882c;--brass-gold-light:#e6b25d;--brass-gold-dark:#915e16;--brass-gold-glow:#c2882c3d;--postal-blue:#1e3a8a;--postal-terracotta:#9a3412;--postal-olive:#3f6212;--border-subtle:#82603c29;--border-rich:#c2882c61;--font-serif:"Noto Serif Bengali", "Playfair Display", Georgia, serif;--font-handwriting:"Gopals Diary 1", "Gopals Diary 2", "Galada", cursive;--font-sans:"Hind Siliguri", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display:"Cinzel", "Noto Serif Bengali", Georgia, serif;--shadow-paper:0 4px 20px -4px #3c2a161f, 0 2px 6px -1px #3c2a1614;--shadow-paper-lg:0 20px 35px -10px #2d1e0f38, 0 8px 16px -4px #2d1e0f1f;--shadow-stamp:2px 3px 8px #23140a40;--shadow-wax:0 4px 12px #6e101066, inset 0 2px 3px #ffffff59;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-full:9999px;--transition-smooth:all .25s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--bg-parchment:#0d1117;--bg-parchment-deep:#161b22;--bg-surface:#1a202c;--bg-surface-translucent:#1a202ce0;--bg-glass:#0d1117e6;--ink-primary:#f8fafc;--ink-secondary:#cbd5e1;--ink-muted:#94a3b8;--ink-faint:#334155;--border-subtle:#ffffff1f;--border-rich:#e6b25d59;--shadow-paper:0 4px 24px -2px #0000008c;--shadow-paper-lg:0 20px 40px -10px #000c}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;font-size:16px}body{font-family:var(--font-sans);color:var(--ink-primary);background-color:var(--bg-parchment);min-height:100vh;padding-bottom:env(safe-area-inset-bottom,0px);background-image:radial-gradient(at top,#c2882c0f,#0000 70%),radial-gradient(circle at 90% 10%,#991b1b0a,#0000 50%),radial-gradient(circle at 10% 90%,#1e3a8a0a,#0000 50%);background-attachment:fixed;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,.font-serif{font-family:var(--font-serif);letter-spacing:-.01em}.font-display{font-family:var(--font-display)}.font-handwriting{font-family:var(--font-handwriting)}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1140px;margin:0 auto;padding:24px 16px 80px}.hidden-mobile{display:inline-flex}.hidden-desktop{display:none}@media (width<=640px){.hidden-mobile{display:none!important}.hidden-desktop{display:block!important}.main-content{padding:16px 14px calc(80px + env(safe-area-inset-bottom,0px))}}.site-navbar{z-index:50;background:var(--bg-glass);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle);transition:var(--transition-smooth);position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1140px;margin:0 auto;padding:12px 20px;display:flex}.brand-logo{color:var(--ink-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-icon-wrapper{border:1px solid var(--border-rich);border-radius:var(--radius-md);background:linear-gradient(135deg,#fef3c7,#fde68a);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:flex;position:relative;box-shadow:0 3px 10px #c2882c40}.brand-text h1{color:var(--crimson-seal);align-items:center;gap:6px;font-size:1.35rem;font-weight:700;line-height:1.15;display:flex}.brand-sub{color:var(--ink-secondary);font-size:.74rem;font-family:var(--font-serif);font-style:italic}.nav-actions{align-items:center;gap:10px;display:flex}.btn{border-radius:var(--radius-md);min-height:42px;font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;touch-action:manipulation;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--crimson-seal) 0%, var(--crimson-seal-dark) 100%);color:#fff;box-shadow:0 4px 14px var(--crimson-seal-glow);border:1px solid #ffffff26}.btn-primary:hover{background:linear-gradient(135deg,#b91c1c 0%,#7f1d1d 100%);transform:translateY(-1px);box-shadow:0 6px 20px #b91c1c66}.btn-gold{background:linear-gradient(135deg, var(--brass-gold-light) 0%, var(--brass-gold) 100%);color:#382103;box-shadow:0 4px 14px var(--brass-gold-glow);border:1px solid #ffffff4d}.btn-gold:hover{background:linear-gradient(135deg,#fbbf24 0%,#d97706 100%);transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface);color:var(--ink-primary);border:1px solid var(--border-subtle);box-shadow:0 2px 6px #0000000a}.btn-secondary:hover{background:var(--bg-parchment-deep);border-color:var(--border-rich);color:var(--crimson-seal)}.btn-icon{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);width:42px;height:42px;color:var(--ink-secondary);cursor:pointer;transition:var(--transition-smooth);touch-action:manipulation;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon:hover{color:var(--crimson-seal);border-color:var(--border-rich);background:var(--bg-parchment-deep)}.btn-icon:active{transform:scale(.94)}.badge{border-radius:var(--radius-full);border:1px solid #0000;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-crimson{color:var(--crimson-seal);background:#991b1b1a;border-color:#991b1b33}.badge-gold{color:var(--brass-gold-dark);background:#c2882c1f;border-color:#c2882c4d}.mobile-bottom-nav{z-index:90;height:calc(62px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-glass);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--border-subtle);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000f}@media (width>=641px){.mobile-bottom-nav{display:none!important}}.mobile-nav-item{color:var(--ink-muted);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);touch-action:manipulation;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 0;font-size:.72rem;font-weight:600;display:flex}.mobile-nav-item.active{color:var(--crimson-seal)}.mobile-nav-item:active{transform:scale(.92)}.mobile-nav-icon{justify-content:center;align-items:center;height:24px;display:flex}.mobile-unread-badge{background:var(--crimson-seal);color:#fff;border:1.5px solid var(--bg-surface);border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-8px}.mobile-nav-share{color:var(--brass-gold-dark)}.postage-stamp{box-shadow:var(--shadow-stamp);filter:drop-shadow(1px 2px 4px #46321e33);-webkit-user-select:none;user-select:none;transition:var(--transition-smooth);touch-action:manipulation;background:#fffdf9;border:1px solid #d4c5b0;border-radius:2px;padding:8px 10px;display:inline-block;position:relative}.postage-stamp:active{transform:scale(.95)}.stamp-inner{text-align:center;background:linear-gradient(145deg,#fffcf5,#fef2df);border:1px dashed #b4530966;border-radius:2px;flex-direction:column;align-items:center;padding:6px;display:flex}.stamp-symbol{filter:drop-shadow(0 2px 2px #00000026);margin-bottom:2px;font-size:26px;line-height:1.1}.stamp-label{font-family:var(--font-serif);letter-spacing:.05em;color:#78350f;text-transform:uppercase;font-size:.65rem;font-weight:700}.stamp-price{font-family:var(--font-sans);color:var(--crimson-seal);margin-top:2px;font-size:.62rem;font-weight:700}.postmark-circle{text-align:center;color:#1e3a8abf;width:74px;height:74px;font-family:var(--font-serif);pointer-events:none;text-transform:uppercase;letter-spacing:.08em;border:1.5px solid #1e3a8aa6;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:.58rem;display:flex;position:absolute;transform:rotate(-14deg)}.postmark-waves{opacity:.7;background:repeating-linear-gradient(0deg,#0000,#0000 4px,#1e3a8a8c 5px 6px);width:44px;height:32px;position:absolute;top:20px;right:-38px}.wax-seal{background:radial-gradient(circle at 35% 30%, #ef4444, var(--crimson-seal) 60%, var(--crimson-seal-dark) 100%);width:46px;height:46px;box-shadow:var(--shadow-wax);color:#ffedd5;cursor:pointer;transition:var(--transition-smooth);touch-action:manipulation;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.wax-seal:hover{transform:scale(1.08)}.wax-seal:after{content:"";border:1.5px dashed #fecaca66;border-radius:50%;position:absolute;inset:4px}.letter-parchment-card{border-radius:var(--radius-md);box-shadow:var(--shadow-paper-lg);transition:var(--transition-smooth);background:#fbf5e6;border:1px solid #b4824640;padding:36px 32px 32px;position:relative;overflow:hidden}.letter-parchment-card:before{content:"";opacity:.85;background:linear-gradient(90deg,#b91c1c,#d97706,#1e3a8a,#b91c1c);height:6px;position:absolute;top:0;left:0;right:0}.paper-parchment{color:#271b11;background:#fdf6e7;border-color:#dfcdb0}.paper-rose{color:#4c0519;background:#fff1f2;border-color:#fecdd3}.paper-sepia{color:#451a03;background:#fef3c7;border-color:#fde68a}.paper-midnight{color:#f1f5f9;background:#0f172a;border-color:#334155;box-shadow:0 16px 35px #0009}.paper-midnight .stamp-inner{color:#f8fafc;background:#1e293b}.paper-linen{color:#0f172a;background:#f8fafc;border-color:#e2e8f0}.letter-textarea{width:100%;min-height:200px;color:inherit;resize:vertical;-webkit-appearance:none;background:linear-gradient(#8c643c1f 1px,#0000 1px) 0 0/100% 2rem;border:none;outline:none;padding-top:6px;font-size:1.12rem;line-height:2}.letter-textarea::placeholder{color:#8c786480;font-style:italic}.letter-title-input{width:100%;color:inherit;-webkit-appearance:none;background:0 0;border:none;border-bottom:2px dashed #b482464d;outline:none;margin-bottom:16px;padding:8px 0;font-size:1.25rem;font-weight:700}@media (width<=640px){input,textarea,select{font-size:16px!important}}.envelope-wrapper{perspective:1000px;width:320px;height:200px;margin:40px auto;position:relative}.envelope{background:#f5ecd8;border:1px solid #d8c6aa;border-radius:6px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 14px 28px #00000038}.envelope-flap{transform-origin:top;z-index:5;filter:drop-shadow(0 4px 6px #00000026);border-top:110px solid #ecd9b8;border-left:160px solid #0000;border-right:160px solid #0000;width:0;height:0;transition:transform .6s ease-in-out;position:absolute;top:0;left:0}.envelope.sealed .envelope-flap{transform:rotateX(180deg)}.envelope-pocket{z-index:4;border:160px solid #e7d1ad;border-top:100px solid #0000;border-bottom:100px solid #dfc69c;width:0;height:0;position:absolute;bottom:0;left:0}@keyframes flyEnvelope{0%{opacity:1;transform:translateY(0)scale(1)rotate(0)}30%{transform:translateY(-40px)scale(.95)rotate(-3deg)}to{opacity:0;transform:translateY(-400px)translate(200px)scale(.2)rotate(15deg)}}.envelope-fly{animation:1.1s cubic-bezier(.25,1,.5,1) forwards flyEnvelope}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}@media (width<=480px){.card-grid{grid-template-columns:1fr}}.inbox-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-paper);transition:var(--transition-smooth);cursor:pointer;touch-action:manipulation;flex-direction:column;justify-content:space-between;padding:18px;display:flex;position:relative}.inbox-card:active{transform:scale(.98)}.inbox-card:hover{box-shadow:var(--shadow-paper-lg);border-color:var(--border-rich);transform:translateY(-3px)}.inbox-card.unread{border-left:4px solid var(--crimson-seal);background:linear-gradient(to right, #991b1b05, var(--bg-surface) 15%)}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:100;background:#120c06b3;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-sheet{background:var(--bg-surface);border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:90vh;box-shadow:var(--shadow-paper-lg);border:1px solid var(--border-rich);-webkit-overflow-scrolling:touch;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto}@media (width<=640px){.modal-backdrop{align-items:flex-end;padding:0}.modal-sheet{border-bottom:none;border-radius:24px 24px 0 0;max-width:100%;max-height:90vh;padding-top:28px!important}.modal-sheet:before{content:"";background:var(--border-rich);opacity:.6;border-radius:999px;width:42px;height:5px;position:absolute;top:10px;left:50%;transform:translate(-50%)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.story-card-wrapper{color:#fff;background:linear-gradient(135deg,#2a0845,#6441a5);border-radius:20px;flex-direction:column;justify-content:space-between;width:320px;height:568px;margin:0 auto;padding:28px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 45px #00000080}@media (width<=380px){.story-card-wrapper{width:270px;height:480px;padding:20px 16px}}.story-card-canvas{box-sizing:border-box;color:#2b1810;background-color:#f6eedb;background-image:url(/cithi_dio_story.jpg),url(/cithi_dio.png);background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:relative;overflow:hidden;border-radius:0!important}@media (width<=640px){.navbar-inner{padding:10px 14px}.brand-text h1{font-size:1.15rem}.brand-icon-wrapper{width:36px;height:36px;font-size:18px}.letter-parchment-card{border-radius:var(--radius-sm);padding:22px 14px 18px}.envelope-wrapper{width:280px;height:180px}.envelope-flap{border-top-width:95px;border-left-width:140px;border-right-width:140px}.envelope-pocket{border-bottom-width:90px;border-left-width:140px;border-right-width:140px}.btn{padding:10px 16px}}@media (width<=360px){.envelope-wrapper{width:250px;height:160px}.envelope-flap{border-top-width:85px;border-left-width:125px;border-right-width:125px}.envelope-pocket{border-bottom-width:80px;border-left-width:125px;border-right-width:125px}}@keyframes slideUpBounce{0%{opacity:0;transform:translateY(40px)scale(.97)}70%{opacity:1;transform:translateY(-4px)scale(1.01)}to{opacity:1;transform:translateY(0)scale(1)}}