:root{--bg: #f6efe4;--bg-deep: #efe1d0;--surface: rgba(255, 252, 246, .88);--surface-solid: #fffaf3;--ink: #3d342c;--muted: #7f7063;--line: #e7d7c4;--sage: #8fa391;--sage-deep: #536b58;--rose: #c98679;--amber: #c28b45;--shadow: 0 16px 45px rgba(83, 62, 39, .12);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(120deg,#fffaf3eb,#f2e5d5d6),radial-gradient(circle at top left,rgba(143,163,145,.22),transparent 34%),var(--bg)}button,input,textarea,select{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid rgba(143,163,145,.28);outline-offset:3px}.boot-screen,.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.boot-screen{color:var(--muted)}.login-page{background:linear-gradient(#3d342c33,#3d342c1a),linear-gradient(135deg,#f7ead8,#e9d6c1 55%,#d8c7b3)}.login-panel{width:min(480px,100%);padding:36px;border:1px solid rgba(255,255,255,.65);border-radius:8px;background:#fffaf3e6;box-shadow:var(--shadow)}.brand-mark{width:46px;height:46px;display:inline-grid;place-items:center;border-radius:8px;color:#fffaf3;background:linear-gradient(135deg,var(--rose),var(--amber))}.brand-mark.small{width:34px;height:34px}.eyebrow{margin:18px 0 8px;color:var(--sage-deep);font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(2rem,4vw,4.3rem);line-height:1.02;letter-spacing:0}h2{font-size:1.05rem}p{color:var(--muted);line-height:1.7}.login-form,.editor-panel,.mini-composer{display:grid;gap:16px}label{display:grid;gap:8px;color:var(--muted);font-size:.9rem;font-weight:700}input,textarea,select{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:#ffffffb8;color:var(--ink);padding:12px 13px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}textarea{min-height:112px;resize:vertical;line-height:1.6}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:38px;background-image:linear-gradient(45deg,transparent 50%,var(--sage-deep) 50%),linear-gradient(135deg,var(--sage-deep) 50%,transparent 50%);background-position:calc(100% - 19px) 52%,calc(100% - 13px) 52%;background-repeat:no-repeat;background-size:6px 6px,6px 6px}input:focus,textarea:focus,select:focus{border-color:var(--sage);box-shadow:0 0 0 3px #8fa39133}.primary-button,.secondary-button,.ghost-button,.icon-button{border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease,border-color .16s ease}.primary-button{min-height:44px;padding:0 18px;color:#fffaf3;background:#6f7f68;box-shadow:0 8px 22px #536b5838}.secondary-button,.ghost-button{min-height:40px;padding:0 14px;color:var(--sage-deep);background:#8fa39124}.icon-button{width:40px;height:40px;color:var(--sage-deep);background:#8fa39124}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button:hover{background:#62755f;box-shadow:0 12px 26px #536b5842}.secondary-button:hover,.ghost-button:hover,.icon-button:hover{background:#8fa39133}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.64;transform:none}.form-error,.form-success{padding:10px 12px;border-radius:8px;font-size:.9rem}.form-error{color:#8a3b33;background:#f7ddd7}.form-success{color:var(--sage-deep);background:#8fa39129}.app-shell{--sidebar-collapsed: 72px;--sidebar-expanded: 248px;--sidebar-size: var(--sidebar-collapsed);--sidebar-motion: .68s cubic-bezier(.45, 0, .2, 1);--sidebar-quick-motion: .42s cubic-bezier(.45, 0, .2, 1);display:flex;min-height:100vh}.app-shell.sidebar-open{--sidebar-size: var(--sidebar-expanded)}.sidebar{position:sticky;z-index:15;top:0;flex:0 0 var(--sidebar-size);width:var(--sidebar-size);height:100vh;display:flex;flex-direction:column;gap:26px;overflow:hidden;padding:24px 12px;border-right:1px solid var(--line);background:#fffaf3c7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:flex-basis var(--sidebar-motion),width var(--sidebar-motion),padding var(--sidebar-motion),box-shadow var(--sidebar-motion),background-color var(--sidebar-motion);will-change:flex-basis,width,padding}@media(min-width:981px){.app-shell.sidebar-open .sidebar{padding:24px 18px;box-shadow:10px 0 28px #533e2714;background:#fffaf3e6}}.site-title{display:flex;align-items:center;justify-content:center;gap:0;color:var(--ink);font-weight:800;text-decoration:none;white-space:nowrap;transition:gap var(--sidebar-motion)}.app-shell.sidebar-open .site-title{justify-content:flex-start;gap:10px}.brand-mark.small,.sidebar svg{flex-shrink:0}.sidebar-label{min-width:0;max-width:0;overflow:hidden;opacity:0;transform:translate(-6px);white-space:nowrap;transition:opacity .32s ease,transform var(--sidebar-quick-motion);transition-delay:0ms,0ms}.app-shell.sidebar-open .sidebar-label{max-width:176px;opacity:1;transform:none;transition-delay:.21s,.14s}.sidebar nav{display:grid;gap:8px}.sidebar nav a{display:flex;align-items:center;justify-content:center;gap:0;padding:11px 0;border-radius:8px;color:var(--muted);text-decoration:none;white-space:nowrap;transition:gap var(--sidebar-motion),padding var(--sidebar-motion),background-color var(--sidebar-quick-motion),color var(--sidebar-quick-motion)}.app-shell.sidebar-open .sidebar nav a{justify-content:flex-start;gap:10px;padding:11px 12px}.sidebar nav a.active,.sidebar nav a:hover{color:var(--ink);background:#8fa39124}.logout-button{margin-top:auto;width:100%;gap:0;padding:0;overflow:hidden;transition:gap var(--sidebar-motion),padding var(--sidebar-motion),background-color var(--sidebar-quick-motion),box-shadow var(--sidebar-quick-motion),border-color var(--sidebar-quick-motion)}.app-shell.sidebar-open .logout-button{gap:8px;padding:0 14px}.content{flex:1 1 auto;min-width:0;width:100%;padding:34px}.mobile-topbar{display:none}.page-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:18px;align-items:start}.home-page{display:grid;gap:18px;width:100%}.today-panel,.panel,.editor-panel,.mini-composer,.timeline-body,.info-card,.home-summary-card,.letter-card,.pregnancy-band{border:1px solid rgba(231,215,196,.9);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.today-panel{position:relative;overflow:hidden;min-height:320px;padding:clamp(26px,5vw,52px);background:linear-gradient(135deg,#fffaf3f5,#f5e8d8db),repeating-linear-gradient(90deg,rgba(194,139,69,.08) 0,rgba(194,139,69,.08) 1px,transparent 1px,transparent 36px)}.today-panel>:not(.page-script-mark){position:relative;z-index:1}.today-panel p{max-width:760px}.home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);align-items:stretch;gap:28px;min-height:380px;padding:30px}.home-hero h1{max-width:680px}.home-hero-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(8px,2vw,22px)}.home-hero-art{position:relative;z-index:1;min-height:100%;margin:0;overflow:hidden;border-radius:8px;border:1px solid rgba(255,255,255,.72);box-shadow:0 24px 54px #57453126}.home-hero-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fffaf300,#495c4f24);pointer-events:none}.home-hero-art img{width:100%;height:100%;min-height:320px;display:block;object-fit:cover;animation:hero-image-drift 16s ease-in-out infinite alternate}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.hero-actions .primary-button,.hero-actions .secondary-button{border:1px solid rgba(143,163,145,.26);color:var(--sage-deep);background:#8fa39124;box-shadow:none}.hero-actions .primary-button:hover,.hero-actions .primary-button:focus-visible,.hero-actions .secondary-button:hover,.hero-actions .secondary-button:focus-visible{border-color:transparent;color:#fffaf3;background:#6f7f68;box-shadow:0 12px 26px #536b583d}.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px}.stat-row div{min-width:0;padding:14px;border-radius:8px;background:#ffffff9e}.stat-row span{display:block;font-size:1.4rem;font-weight:800}.home-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-summary-card{position:relative;overflow:hidden;min-height:306px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:15px;padding:12px;background:linear-gradient(135deg,#fffaf3f7,#f7eee2cc),repeating-linear-gradient(0deg,transparent 0,transparent 30px,rgba(194,139,69,.055) 31px);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.home-summary-card:before{content:"";position:absolute;right:-30px;top:-34px;width:108px;height:108px;border:1px solid rgba(194,139,69,.15);border-radius:999px}.home-summary-card:hover{border-color:#8fa3918c;transform:translateY(-2px)}.home-summary-card>*{position:relative;z-index:1}.home-summary-image{overflow:hidden;border-radius:7px;aspect-ratio:4 / 3;background:#f4eaddb3}.home-summary-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .22s ease}.home-summary-card:hover .home-summary-image img{transform:scale(1.025)}.home-summary-meta{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.84rem;font-weight:800}.home-summary-card h2{margin:7px 0 8px;font-size:1.1rem}.home-summary-card p{display:-webkit-box;margin:0;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.home-summary-card .ghost-button{justify-self:start;margin:0 6px 6px}.home-note-board{position:relative;overflow:hidden;padding:22px;border:1px solid rgba(231,215,196,.9);border-radius:8px;background:linear-gradient(135deg,#fffcf4fa,#f7ecdddb),repeating-linear-gradient(90deg,transparent 0,transparent 42px,rgba(143,163,145,.07) 43px);box-shadow:var(--shadow)}.home-note-board:before{content:"Notes";position:absolute;right:22px;top:2px;color:#c9867924;font-family:Georgia,Times New Roman,serif;font-size:4.8rem;font-style:italic;line-height:1;pointer-events:none}.home-note-board-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;position:relative;z-index:1}.home-note-board-head .eyebrow{margin-top:0}.home-note-board-head h2{margin:0;font-size:1.35rem}.home-note-board-head span{max-width:260px;color:var(--muted);font-size:.9rem;line-height:1.7}.home-note-board-side{display:flex;align-items:center;gap:14px}.note-scroll-controls{display:inline-flex;align-items:center;gap:8px;opacity:.72;transition:opacity .16s ease}.home-note-board:hover .note-scroll-controls,.home-note-board:focus-within .note-scroll-controls{opacity:1}.note-scroll-button{width:36px;height:36px;background:#ffffff94;box-shadow:0 8px 18px #533e2714}.sticky-note-rail-wrap{position:relative;z-index:1}.sticky-note-rail-wrap:before{content:"";position:absolute;left:-18px;right:-18px;top:35px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(128,93,66,.48) 9%,rgba(128,93,66,.48) 91%,transparent),repeating-linear-gradient(90deg,rgba(255,255,255,.24) 0,rgba(255,255,255,.24) 4px,transparent 4px,transparent 10px);box-shadow:0 4px 10px #533e271a}.sticky-note-rail{position:relative;z-index:1;display:flex;gap:16px;align-items:stretch;overflow-x:auto;overflow-y:visible;padding:50px 8px 28px;cursor:grab;-webkit-user-select:none;user-select:none;scroll-padding-inline:8px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);mask-image:linear-gradient(90deg,transparent,#000 18px,#000 calc(100% - 18px),transparent);-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}.sticky-note-rail.is-dragging{cursor:grabbing;scroll-snap-type:none}.sticky-note-rail.is-dragging .sticky-note{animation:none;transform:translateY(-3px) rotate(var(--note-rotate))}.sticky-note-rail:focus-visible{outline:3px solid rgba(143,163,145,.22);outline-offset:4px}.sticky-note-rail::-webkit-scrollbar{display:none}.sticky-note{--note-rotate: -.6deg;flex:0 0 clamp(250px,31vw,326px);scroll-snap-align:start;position:relative;min-height:214px;margin:0;display:flex;flex-direction:column;padding:24px 22px 20px;border:0;border-radius:10px 10px 18px;background:linear-gradient(145deg,#fff3,#ffee9c29),repeating-linear-gradient(0deg,transparent 0,transparent 31px,rgba(145,112,68,.075) 32px),#fff2a8;box-shadow:0 22px 34px #6f542d29,inset 0 0 0 1px #97703729,inset 0 -28px 40px #d2a54f14;transform:rotate(var(--note-rotate));transform-origin:50% -34px;animation:note-sway 7s ease-in-out infinite;transition:transform .18s ease,box-shadow .18s ease}.sticky-note:hover,.sticky-note:focus-within{animation:none;transform:translateY(-4px) rotate(var(--note-rotate));box-shadow:0 20px 38px #6f542d29}.sticky-note:before{content:"";position:absolute;left:50%;top:-13px;width:68px;height:19px;border-radius:4px;background:linear-gradient(135deg,#ffffffdb,#f4e6cc80),repeating-linear-gradient(90deg,rgba(180,145,99,.12) 0,rgba(180,145,99,.12) 1px,transparent 1px,transparent 7px);box-shadow:0 3px 8px #6f542d1f;transform:translate(-50%) rotate(1.5deg)}.sticky-note:after{content:"";position:absolute;left:50%;top:-40px;width:18px;height:32px;border:1px solid rgba(117,83,52,.22);border-radius:6px 6px 9px 9px;background:linear-gradient(90deg,transparent 45%,rgba(117,83,52,.18) 46%,rgba(117,83,52,.18) 54%,transparent 55%),linear-gradient(180deg,#e7c899,#b98b57);box-shadow:0 5px 9px #533e2729;transform:translate(-50%)}.sticky-note-1{--note-rotate: .8deg;background:linear-gradient(145deg,#ffffff4d,#bad2a829),repeating-linear-gradient(0deg,transparent 0,transparent 31px,rgba(83,107,88,.07) 32px),#edf4d7;animation-delay:-1.8s}.sticky-note-2{--note-rotate: -.2deg;background:linear-gradient(145deg,#ffffff52,#eca5931f),repeating-linear-gradient(0deg,transparent 0,transparent 31px,rgba(143,80,68,.06) 32px),#fde4d8;animation-delay:-3.1s}.sticky-note p{display:-webkit-box;flex:1;margin:0 0 18px;overflow:hidden;color:var(--ink);line-height:1.7;-webkit-line-clamp:5;-webkit-box-orient:vertical}.sticky-note cite{color:#53493d94;font-size:.84rem;font-style:normal}.sticky-note>svg{position:absolute;right:14px;top:14px;color:var(--rose)}.sticky-note-empty{display:grid;place-items:center;color:#53493da3;text-align:center}.sticky-note-composer{--note-rotate: .4deg;flex-basis:clamp(280px,33vw,346px);display:grid;gap:12px;background:linear-gradient(145deg,#ffffff57,#c9dbb529),repeating-linear-gradient(0deg,transparent 0,transparent 31px,rgba(83,107,88,.07) 32px),#edf4da;animation-delay:-2.4s}.sticky-note-composer,.sticky-note-composer *{-webkit-user-select:auto;user-select:auto}.sticky-note-composer-title{display:flex;align-items:center;gap:8px;color:var(--ink)}.sticky-note-composer-title h3{margin:0;font-size:1rem}.sticky-note-composer textarea{min-height:92px;border-color:#8fa3914d;background:#ffffff70}.sticky-note-composer .inline-actions{grid-template-columns:1fr}.sticky-note-composer select{min-width:0;background-color:#ffffff8c}.sticky-note-composer .primary-button{width:100%}@keyframes note-sway{0%,to{transform:rotate(var(--note-rotate))}50%{transform:rotate(calc(var(--note-rotate) + .42deg))}}@keyframes hero-image-drift{0%{transform:scale(1)}to{transform:scale(1.035)}}.stat-row small,.card-meta,.timeline-date,.quiet-list span,blockquote cite,.letter-card footer{color:var(--muted);font-size:.84rem}.panel,.editor-panel,.mini-composer{padding:18px}.panel.wide{grid-column:1 / -1}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title h2{display:flex;align-items:center;gap:8px;margin:0}.panel-title a{color:var(--sage-deep);font-size:.9rem;font-weight:700;text-decoration:none}.quiet-list,.note-stack{display:grid;gap:10px}.list-row{width:100%;display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid rgba(231,215,196,.82);border-radius:8px;color:var(--ink);background:#ffffff7a;text-align:left}.list-row div{display:grid;gap:4px;min-width:0}.moment-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.memory-card{overflow:hidden;border:1px solid rgba(231,215,196,.82);border-radius:8px;background:#ffffff85;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.memory-card img,.photo-grid img{width:100%;height:170px;object-fit:cover;display:block}.memory-card div:last-child{padding:13px}.memory-card strong,.memory-card span{display:block}.memory-card p{display:-webkit-box;margin:8px 0 0;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.paper-tile{height:170px;background:linear-gradient(135deg,#8fa39133,#c9867929),repeating-linear-gradient(0deg,transparent 0,transparent 24px,rgba(194,139,69,.14) 25px)}blockquote{position:relative;margin:0;padding:14px;border-radius:8px;background:#fff7df}blockquote p{margin-bottom:8px;color:var(--ink)}.inline-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.stack-page{display:grid;gap:18px;width:100%}.page-lead h1{max-width:920px}.page-lead p:last-child{max-width:720px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.compact{grid-template-columns:minmax(0,1fr) auto;align-items:end}.file-input{min-height:46px;min-width:170px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed var(--sage);border-radius:8px;color:var(--sage-deep);background:#8fa3911f;cursor:pointer}.file-input input{display:none}.timeline{display:grid;gap:14px}.timeline-item{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px}.timeline-date{padding-top:18px;font-weight:800}.timeline-body{position:relative;overflow:hidden;padding:18px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.timeline-body:before{content:"Journal";position:absolute;right:18px;top:12px;color:#8fa3911a;font-family:Didot,"Bodoni 72",Times New Roman,serif;font-size:3rem;font-style:italic;line-height:1;pointer-events:none}.timeline-body>*{position:relative;z-index:1}.timeline-body h2{margin-bottom:8px}.page-action-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end}.page-action-head>.primary-button,.page-action-head>.secondary-button{margin-bottom:4px}.page-action-buttons{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-bottom:4px}.edit-lead{display:grid;gap:16px;justify-items:start}.ornate-lead{position:relative;min-height:152px;display:grid;align-content:end;overflow:visible}.ornate-lead .page-lead{position:relative;z-index:1}.page-script-mark{position:absolute;right:0;top:0;display:grid;justify-items:end;color:#536b5829;font-family:FZShuJinTi-S10S,FZShuJinTi,STKaiti,KaiTi,Kaiti SC,Songti SC,serif;font-weight:300;line-height:1;pointer-events:none}.page-script-mark span{font-family:Didot,"Bodoni 72","Bodoni 72 Smallcaps",Times New Roman,serif;font-size:6.8rem;font-style:italic;font-weight:400;line-height:1}.page-script-mark small{margin-right:8px;color:#c9867980;font-size:1.22rem;letter-spacing:0;writing-mode:vertical-rl}.today-script{right:-8px;top:22px;color:#c28b451f}.today-script span{font-size:7rem}.letter-list-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end}.letter-title-block{position:relative;min-height:166px;display:grid;align-content:end;overflow:visible}.letter-title-block .page-lead{position:relative;z-index:1}.letter-calligraphy{position:absolute;right:0;top:0;display:grid;justify-items:end;color:#536b582e;font-family:FZShuJinTi-S10S,FZShuJinTi,STKaiti,KaiTi,Kaiti SC,Songti SC,serif;font-weight:300;line-height:1;pointer-events:none}.letter-calligraphy span{font-family:Didot,"Bodoni 72","Bodoni 72 Smallcaps",Times New Roman,serif;font-size:7.6rem;font-style:italic;font-weight:400;line-height:1}.letter-calligraphy small{margin-right:8px;color:#c9867980;font-size:1.35rem;letter-spacing:0;writing-mode:vertical-rl}.letter-edit-lead{display:grid;gap:16px;justify-items:start}.letter-add-button{margin-bottom:4px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.letter-add-button:hover{transform:translateY(-2px)}.letter-composer{position:relative;overflow:hidden;padding:28px;background:linear-gradient(90deg,rgba(201,134,121,.16) 0,rgba(201,134,121,.16) 1px,transparent 1px,transparent 100%),repeating-linear-gradient(0deg,#fffaf3f5 0,#fffaf3f5 31px,#c28b451a 32px),#fffaf3;background-size:100% 100%,100% 32px,100% 100%;background-position:34px 0,0 0,0 0}.letter-composer:after{content:"Letter";position:absolute;right:24px;top:18px;color:#c28b451a;font-family:Didot,"Bodoni 72",Times New Roman,serif;font-size:5rem;font-style:italic;line-height:1;pointer-events:none}.letter-composer>*{position:relative;z-index:1}.letter-composer textarea{min-height:260px;background:#ffffff61}.letter-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),430px));gap:24px;align-items:start}.letter-card{position:relative;height:326px;overflow:hidden;padding:0;cursor:pointer;border-radius:5px;border-color:#d2b899e6;background:radial-gradient(circle at 16% 12%,rgba(255,255,255,.48),transparent 34%),linear-gradient(160deg,#f8e4c3,#e6c398 52%,#d3a972),repeating-linear-gradient(45deg,transparent 0,transparent 13px,rgba(255,255,255,.12) 14px);box-shadow:0 22px 46px #533e2724;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.letter-card:before,.letter-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5px;pointer-events:none}.letter-card:before{z-index:1;background:linear-gradient(145deg,#fffaf314,#7953301f),linear-gradient(31deg,transparent 47%,rgba(255,250,243,.38) 48%,rgba(255,250,243,.12) 55%,transparent 56%),linear-gradient(-31deg,transparent 47%,rgba(121,83,48,.13) 48%,rgba(255,250,243,.08) 56%,transparent 57%)}.letter-card:after{z-index:2;clip-path:polygon(0 0,50% 48%,100% 0);background:linear-gradient(180deg,#fff1daf2,#ddb58094),repeating-linear-gradient(110deg,rgba(255,255,255,.12) 0,rgba(255,255,255,.12) 1px,transparent 1px,transparent 12px);box-shadow:inset 0 -1px #8a664233;transform-origin:50% 0;transition:transform .36s ease,filter .36s ease}.letter-card:hover{border-color:#c9867994;box-shadow:0 28px 58px #533e272e;transform:translateY(-4px) rotate(-.3deg)}.letter-card:hover:after,.letter-card:focus-within:after{filter:brightness(1.03);transform:rotateX(10deg)}.letter-card.favorite{border-color:#92403257}.letter-envelope-face{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.letter-stamp{position:absolute;right:22px;top:22px;width:52px;height:60px;display:grid;place-items:center;border:1px solid rgba(143,80,68,.34);color:#8f5044c7;background:radial-gradient(circle at 4px 4px,transparent 0,transparent 3px,rgba(255,250,243,.78) 3px),linear-gradient(135deg,#fff6dc,#f2d3bb);background-size:10px 10px,100% 100%;box-shadow:0 6px 12px #533e271a}.letter-postmark{position:absolute;right:62px;top:66px;padding:4px 10px;border:1px solid rgba(83,107,88,.34);border-radius:999px;color:#536b58ad;font-family:Georgia,Times New Roman,serif;font-size:.78rem;transform:rotate(-9deg)}.letter-card-action{position:absolute;z-index:6;right:24px;top:128px;width:48px;height:48px;color:#fff9ed;background:radial-gradient(circle at 38% 34%,rgba(255,255,255,.24),transparent 18px),linear-gradient(135deg,#b85846,#8e3d32);box-shadow:0 10px 20px #582e253d,inset 0 0 0 2px #ffe8c82e;opacity:.86}.letter-card:hover .letter-card-action,.letter-card:focus-within .letter-card-action,.letter-card.favorite .letter-card-action{opacity:1;transform:translateY(-1px)}.letter-address{position:absolute;z-index:4;top:24px;left:24px;right:92px;display:grid;gap:4px;color:#3d342ccc}.letter-address span{color:#8f50449e;font-family:Georgia,Times New Roman,serif;font-size:.76rem;font-weight:800;text-transform:uppercase}.letter-address strong{font-family:FZShuJinTi-S10S,FZShuJinTi,STKaiti,KaiTi,Kaiti SC,serif;font-size:1.55rem;font-weight:400}.letter-address small{color:#53493d94;font-size:.82rem}.letter-paper-preview{position:relative;z-index:3;display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:146px;margin:142px 20px 22px;padding:20px 72px 18px 22px;border:1px solid rgba(231,215,196,.86);border-radius:2px;background:linear-gradient(90deg,rgba(201,134,121,.12) 0,rgba(201,134,121,.12) 1px,transparent 1px,transparent 100%),repeating-linear-gradient(0deg,#fffdf7fa 0,#fffdf7fa 27px,#c28b451a 28px),#fffdf7;background-position:28px 0,0 0,0 0;box-shadow:0 12px 22px #533e271a;transform:translateY(18px);transition:transform .18s ease,box-shadow .18s ease}.letter-card:hover .letter-paper-preview{box-shadow:0 22px 36px #533e2729;transform:translateY(-4px)}.letter-paper-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.letter-card h2{overflow:hidden;margin:0;font-size:1.24rem;text-overflow:ellipsis;white-space:nowrap}.letter-card p{display:-webkit-box;margin:14px 0;overflow:hidden;color:var(--ink);line-height:1.8;overflow-wrap:anywhere;white-space:normal;-webkit-line-clamp:1;-webkit-box-orient:vertical}.letter-card footer{display:flex;justify-content:space-between;align-self:end;gap:12px;border-top:1px solid rgba(231,215,196,.78);padding-top:12px}.letter-card cite{font-style:normal;font-weight:800}.letter-occasion{display:inline-flex;flex-shrink:0;padding:5px 9px;border-radius:999px;color:#8f5044c2;background:#c9867921;font-size:.82rem;font-weight:800}.letter-empty-action{width:100%;min-height:174px;color:var(--muted);cursor:pointer;text-align:left;background:linear-gradient(145deg,#fffaf3e6,#e8cdaabd),linear-gradient(35deg,transparent 48%,rgba(255,255,255,.34) 49%,transparent 58%)}.letter-empty-action:hover{border-color:var(--sage);color:var(--sage-deep);background:linear-gradient(145deg,#fffaf3f2,#e5d2b8d1),linear-gradient(35deg,transparent 48%,rgba(255,255,255,.44) 49%,transparent 58%)}.letter-reader-page{display:grid;gap:18px;width:100%}.letter-reader-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}.reader-favorite-button{color:#8e3d32;background:#c9867924}.letter-reader-stage{position:relative;min-height:690px;overflow:hidden;padding:42px 24px 58px;border:1px solid rgba(231,215,196,.9);border-radius:8px;background:radial-gradient(circle at 50% 0,rgba(255,243,219,.8),transparent 46%),linear-gradient(135deg,#fffaf3fa,#f1e1cedb),repeating-linear-gradient(90deg,transparent 0,transparent 42px,rgba(194,139,69,.045) 43px);box-shadow:var(--shadow)}.reader-ambient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.8),transparent 28%),radial-gradient(circle at 78% 10%,rgba(201,134,121,.12),transparent 32%);pointer-events:none}.reader-envelope{position:absolute;z-index:1;left:50%;bottom:46px;width:min(720px,calc(100% - 42px));height:318px;transform:translate(-50%);filter:drop-shadow(0 28px 38px rgba(83,62,39,.16));perspective:1100px}.reader-envelope-back,.reader-envelope-front,.reader-envelope-left,.reader-envelope-right,.reader-envelope-flap{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px}.reader-envelope-back{background:linear-gradient(160deg,#f7e2c1,#dcb27b)}.reader-envelope-flap{z-index:1;clip-path:polygon(0 0,50% 58%,100% 0);background:linear-gradient(180deg,#ffeac8,#dcae76);transform-origin:50% 0;animation:reader-flap-open .9s cubic-bezier(.2,.8,.2,1) forwards}.reader-envelope-left{z-index:2;clip-path:polygon(0 0,56% 54%,0 100%);background:linear-gradient(30deg,#e8bf88,#f6ddbb)}.reader-envelope-right{z-index:2;clip-path:polygon(100% 0,44% 54%,100% 100%);background:linear-gradient(-30deg,#d7a66e,#f1d1a3)}.reader-envelope-front{z-index:3;clip-path:polygon(0 100%,50% 40%,100% 100%);background:linear-gradient(180deg,#ffe7c4cc,#d8aa73)}.reader-envelope-seal{position:absolute;z-index:4;left:50%;bottom:74px;width:56px;height:56px;display:grid;place-items:center;border-radius:999px;color:#fff7e8;background:radial-gradient(circle at 38% 34%,rgba(255,255,255,.22),transparent 18px),linear-gradient(135deg,#b85846,#8e3d32);box-shadow:0 14px 24px #582e253d;transform:translate(-50%);animation:reader-seal-settle 1s ease both}.reader-paper{position:relative;z-index:2;width:min(760px,calc(100% - 28px));min-height:560px;margin:0 auto;padding:clamp(28px,5vw,54px);border:1px solid rgba(231,215,196,.92);border-radius:3px;background:linear-gradient(90deg,rgba(201,134,121,.14) 0,rgba(201,134,121,.14) 1px,transparent 1px,transparent 100%),repeating-linear-gradient(0deg,#fffdf7fa 0,#fffdf7fa 33px,#c28b451a 34px),#fffdf7;background-position:36px 0,0 0,0 0;box-shadow:0 30px 48px #533e272e;opacity:0;transform:translateY(190px) scale(.82);animation:reader-paper-open .98s .42s cubic-bezier(.2,.86,.2,1) forwards}.reader-paper-meta{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px}.reader-paper-meta span,.reader-paper footer span{display:block;color:#8f5044a8;font-family:Georgia,Times New Roman,serif;font-size:.78rem;font-weight:800;text-transform:uppercase}.reader-paper-meta strong{display:block;margin-top:4px;font-family:FZShuJinTi-S10S,FZShuJinTi,STKaiti,KaiTi,Kaiti SC,serif;font-size:1.7rem;font-weight:400}.reader-postmark{align-self:start;padding:7px 13px;border:1px solid rgba(83,107,88,.32);border-radius:999px;color:#536b58b3;font-family:Georgia,Times New Roman,serif;transform:rotate(-6deg)}.reader-occasion{display:inline-flex;margin-bottom:16px;padding:6px 10px;border-radius:999px;color:#8f5044c7;background:#c9867921;font-weight:800}.reader-paper h1{margin-bottom:22px;font-size:clamp(2rem,4vw,3.4rem)}.reader-paper p{color:var(--ink);font-size:1.04rem;line-height:2.05;overflow-wrap:anywhere;white-space:pre-wrap}.reader-paper footer{display:grid;justify-items:end;gap:4px;margin-top:36px}.reader-paper cite{font-family:FZShuJinTi-S10S,FZShuJinTi,STKaiti,KaiTi,Kaiti SC,serif;font-size:1.7rem;font-style:normal}@keyframes reader-flap-open{0%{transform:rotateX(0)}to{transform:rotateX(172deg) translateY(-8px)}}@keyframes reader-paper-open{0%{opacity:0;transform:translateY(190px) scale(.82)}56%{opacity:1}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes reader-seal-settle{0%{opacity:0;transform:translate(-50%) scale(.78)}to{opacity:1;transform:translate(-50%) scale(1)}}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tags span{padding:5px 9px;border-radius:999px;color:var(--sage-deep);background:#8fa39126;font-size:.82rem;font-weight:700}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:14px}.photo-grid img{border-radius:8px}.pregnancy-band{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:18px;padding:20px;align-items:center;background:linear-gradient(135deg,#8fa3912e,#fffaf3e0)}.pregnancy-band:after{content:"Bloom";position:absolute;right:28px;top:12px;color:#536b581f;font-family:Didot,"Bodoni 72",Times New Roman,serif;font-size:4.7rem;font-style:italic;line-height:1;pointer-events:none}.pregnancy-band>*{position:relative;z-index:1}.pregnancy-band span{font-size:clamp(1.8rem,4vw,3.2rem);font-weight:850}.pregnancy-band p{margin:8px 0 0}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.prenatal-record-card{padding:14px;border:1px solid var(--line);border-radius:8px;background:#ffffff85;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.prenatal-record-card strong,.info-card h2{display:block;margin-bottom:8px}.memory-card:hover,.timeline-body:hover,.prenatal-record-card:hover,.info-card:hover{border-color:#8fa39180;box-shadow:0 16px 34px #533e271a;transform:translateY(-2px)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.info-card{position:relative;overflow:hidden;padding:18px;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.info-card:before{content:"Archive";position:absolute;right:14px;top:10px;color:#c28b451a;font-family:Didot,"Bodoni 72",Times New Roman,serif;font-size:2.9rem;font-style:italic;line-height:1;pointer-events:none}.info-card>*{position:relative;z-index:1}.info-card a{display:inline-block;margin-bottom:14px;color:var(--sage-deep);font-weight:800}.empty-state{padding:18px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);background:#ffffff5c}.deploy-note{padding:14px;border-radius:8px;color:var(--muted);background:#8fa3911f;line-height:1.7}.export-button{justify-self:start}@media(max-width:980px){.app-shell{display:block}.sidebar{position:fixed;z-index:20;left:0;right:0;bottom:0;top:auto;width:auto;height:auto;display:block;overflow:visible;padding:8px;border-top:1px solid var(--line);border-right:0;box-shadow:none}.sidebar:hover,.sidebar:focus-within{width:auto;padding:8px;box-shadow:none}.site-title,.logout-button{display:none}.sidebar-label,.app-shell.sidebar-open .sidebar-label{max-width:none;overflow:visible;opacity:1;transform:none}.sidebar nav{grid-template-columns:repeat(6,minmax(0,1fr))}.sidebar nav a{justify-content:center;gap:10px;padding:10px 6px;font-size:.78rem}.app-shell.sidebar-open .sidebar nav a,.sidebar:hover nav a,.sidebar:focus-within nav a{justify-content:center;gap:10px;padding:10px 6px;transform:none}.sidebar nav a svg{flex-shrink:0}.content{padding:18px 18px 92px}.mobile-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;color:var(--muted);font-weight:800}.page-grid,.two-column,.home-summary-grid,.home-hero{grid-template-columns:1fr}.home-page{max-width:none}.home-hero{min-height:0;padding:18px}.home-hero-copy{padding:6px}.home-hero-art img{min-height:220px}.home-note-board{padding:18px}.home-note-board-head{align-items:flex-start;flex-direction:column;gap:6px}.home-note-board-side{width:100%;align-items:flex-start;justify-content:space-between}.sticky-note{flex-basis:min(78vw,286px)}.home-summary-card{min-height:0;grid-template-columns:minmax(150px,.42fr) minmax(0,1fr);grid-template-rows:auto auto;align-items:center}.home-summary-image{grid-row:1 / 3;height:100%;min-height:154px;aspect-ratio:auto}.home-summary-card .ghost-button{grid-column:2}.page-action-head{grid-template-columns:1fr;align-items:start}.page-action-head>.primary-button,.page-action-head>.secondary-button{justify-self:start;margin-bottom:0}.page-action-buttons{justify-content:flex-start;margin-bottom:0}.ornate-lead{min-height:138px}.page-script-mark{right:2px;top:0}.page-script-mark span,.today-script span{font-size:4.5rem}.page-script-mark small{font-size:1.05rem}.today-script{right:16px;top:16px}.letter-list-head{grid-template-columns:1fr;align-items:start}.letter-title-block{min-height:148px}.letter-calligraphy{right:2px;top:0}.letter-calligraphy span{font-size:4.5rem}.letter-calligraphy small{font-size:1.05rem}.letter-add-button{justify-self:start;margin-bottom:0}.letter-card-action{opacity:1;transform:none}.letter-reader-stage{min-height:650px;padding:30px 14px 48px}.reader-envelope{bottom:32px;height:260px}.reader-paper{min-height:540px;width:min(720px,100%)}}@media(max-width:640px){.login-panel{padding:24px}h1{font-size:2.1rem}.stat-row,.form-grid,.form-grid.compact,.inline-actions,.timeline-item{grid-template-columns:1fr}.home-hero .stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-hero .stat-row div{padding:10px 8px}.home-hero .stat-row span{font-size:1.05rem}.home-summary-card{grid-template-columns:minmax(112px,.38fr) minmax(0,1fr);gap:12px}.home-summary-image{min-height:124px}.home-summary-card h2{font-size:1rem}.home-summary-card p{-webkit-line-clamp:2}.home-note-board-side{flex-direction:column}.note-scroll-controls{width:100%;justify-content:flex-end}.sticky-note{flex-basis:min(82vw,292px)}.sticky-note-composer .inline-actions,.letter-shelf{grid-template-columns:1fr}.letter-card{height:342px}.letter-paper-preview{margin:136px 14px 18px;padding-right:58px}.letter-card-action{right:18px;top:124px}.reader-paper-meta{flex-direction:column;gap:12px}.reader-paper{padding:26px 22px}.timeline-date{padding-top:0}.pregnancy-band{align-items:stretch;flex-direction:column}.sidebar nav a{flex-direction:column;gap:4px}.app-shell.sidebar-open .sidebar nav a,.sidebar:hover nav a,.sidebar:focus-within nav a{gap:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0ms!important}}