/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--pink-50:#fff8fa;--pink-100:#ffeaf0;--pink-200:#ffd1dd;--pink-300:#ffadbf;--pink-500:#ed5d82;--pink-600:#d9446a;--red:#e93459;--cream:#fffdf8;--ink:#44343a;--muted:#806e74;--line:#c25f7a2e;--paper-shadow:0 28px 80px #7b374b24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 12% 16%,#fffffff2 0 5px,#0000 6px),radial-gradient(circle at 87% 31%,#fffc 0 4px,#0000 5px),linear-gradient(#ffe9ef 0%,#fff7f8 38%,#fffdf9 100%);margin:0;font-family:Songti SC,STSong,Noto Serif SC,Georgia,serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.reading-progress{z-index:100;background:linear-gradient(90deg, var(--pink-500), #ff9eac);height:4px;transition:width .12s linear;position:fixed;inset:0 auto auto 0;box-shadow:0 0 14px #ed5d8273}.cover{background-color:#0000;background-image:linear-gradient(#ffffff24 1px,#0000 1px),linear-gradient(90deg,#ffffff24 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;place-items:center;min-height:100svh;padding:54px 20px;display:grid;position:relative;overflow:hidden}.cover:before,.cover:after{content:"";filter:blur(1px);background:#ffffff5c;border:1px solid #fff9;border-radius:50%;position:absolute}.cover:before{width:440px;height:440px;top:-170px;left:-190px}.cover:after{width:380px;height:380px;bottom:-120px;right:-160px}.cover-card{z-index:3;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf9b3;border:1px solid #ffffffdb;border-radius:38px;width:min(680px,100%);padding:44px 32px 38px;position:relative;box-shadow:0 34px 90px #893f5329,inset 0 1px #fff}.eyebrow,.small-label{color:var(--pink-600);letter-spacing:.24em;margin:0;font:700 11px/1.4 Arial,sans-serif}.cover h1{letter-spacing:.03em;color:#3e3035;margin:16px 0 14px;font-size:clamp(36px,7vw,64px);font-weight:700;line-height:1.13}.cover-note{color:var(--muted);margin:0 0 24px;font-size:16px;line-height:1.9}.microcopy{color:#a28b92;margin:14px 0 0;font:12px/1.5 Arial,sans-serif}.floating-marks span{color:#e6517757;animation:5s ease-in-out infinite float;position:absolute}.floating-marks span:first-child{font-size:34px;top:20%;left:12%}.floating-marks span:nth-child(2){font-size:22px;animation-delay:-1s;top:15%;right:15%}.floating-marks span:nth-child(3){font-size:44px;animation-delay:-2.2s;bottom:20%;right:9%}.floating-marks span:nth-child(4){font-size:60px;animation-delay:-.8s;bottom:12%;left:19%}.floating-marks span:nth-child(5){font-size:18px;animation-delay:-3s;bottom:39%;left:7%}.cloud{background:#ffffff52;border-radius:80px;width:150px;height:54px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.cloud:before{width:72px;height:72px;bottom:12px;left:25px}.cloud:after{width:54px;height:54px;bottom:10px;right:24px}.cloud-one{top:18%;left:4%}.cloud-two{bottom:22%;right:2%;transform:scale(.78)}.kitty{background:#fff;border:2px solid #3f3538;border-radius:50% 50% 46% 46%;width:112px;height:82px;margin:20px auto 6px;position:relative;box-shadow:0 9px #ed5d820f}.ear{z-index:-1;background:#fff;border:2px solid #3f3538;width:35px;height:35px;position:absolute;top:-8px;transform:rotate(45deg)}.ear-left{left:7px}.ear-right{right:7px}.eye{background:#3f3538;border-radius:50%;width:7px;height:11px;position:absolute;top:38px}.eye-left{left:31px}.eye-right{right:31px}.nose{background:#f6bf35;border:1px solid #7f682f;border-radius:50%;width:10px;height:7px;position:absolute;top:52px;left:calc(50% - 5px)}.whisker{background:#3f3538;width:27px;height:1.5px;position:absolute;top:52px}.whisker-l1{left:-18px;transform:rotate(7deg)}.whisker-l2{top:62px;left:-17px;transform:rotate(-7deg)}.whisker-r1{right:-18px;transform:rotate(-7deg)}.whisker-r2{top:62px;right:-17px;transform:rotate(7deg)}.bow{z-index:2;width:48px;height:36px;position:absolute;top:-15px;right:-12px}.bow i,.mini-bow i{background:var(--red);border:2px solid #9c2540;position:absolute;transform:rotate(18deg)}.bow-left{border-radius:60% 40% 48% 52%;width:25px;height:27px;top:4px;left:0}.bow-right{border-radius:40% 60% 52% 48%;width:25px;height:27px;top:4px;right:0}.bow-center{z-index:2;background:#ef486b;border:2px solid #9c2540;border-radius:50%;width:15px;height:15px;position:absolute;top:10px;left:17px}.envelope{perspective:700px;width:220px;height:136px;margin:10px auto 24px;position:relative}.envelope-back,.envelope-front,.envelope-flap{position:absolute;inset:0}.envelope-back{background:#f590a6;border-radius:10px;box-shadow:0 18px 35px #a43a562e}.envelope-paper{z-index:1;width:184px;height:108px;color:var(--pink-600);background:#fffdf8;border-radius:7px;padding-top:30px;font-size:18px;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;top:12px;left:18px}.envelope-front{z-index:3;border-radius:0 0 10px 10px;overflow:hidden}.envelope-front:before,.envelope-front:after{content:"";background:#f9a2b4;width:160px;height:160px;position:absolute;bottom:-77px}.envelope-front:before{left:-79px;transform:rotate(45deg)}.envelope-front:after{right:-79px;transform:rotate(45deg)}.envelope-flap{z-index:4;clip-path:polygon(0 0,100% 0,50% 82%);transform-origin:top;background:#ffb7c5;border-radius:10px 10px 0 0;height:112px;transition:transform .55s,z-index .1s .3s}.envelope-seal{z-index:5;background:var(--red);color:#fff;border-radius:50%;place-items:center;width:31px;height:31px;font:700 15px Georgia,serif;transition:opacity .2s .1s;display:grid;position:absolute;top:54px;left:95px;box-shadow:0 3px 8px #50142338}.envelope.is-open .envelope-flap{z-index:0;transform:rotateX(180deg)}.envelope.is-open .envelope-paper{transform:translateY(-62px)}.envelope.is-open .envelope-seal{opacity:0}.primary-button,.bow-button{cursor:pointer;border:0;border-radius:999px;transition:transform .2s,box-shadow .2s,background .2s}.primary-button{color:#fff;background:linear-gradient(135deg, var(--pink-500), var(--pink-600));align-items:center;gap:12px;padding:14px 25px;font:700 14px Arial,sans-serif;display:inline-flex;box-shadow:0 12px 24px #d9446a40}.primary-button:hover,.bow-button:hover{transform:translateY(-2px)}.primary-button:focus-visible,.bow-button:focus-visible,.chapter-nav a:focus-visible{outline-offset:4px;outline:3px solid #ed5d8259}.letter-shell{width:min(960px,100% - 28px);margin:56px auto 90px;animation:.8s both letterIn;display:none}.letter-shell.is-visible{display:block}.chapter-nav{z-index:20;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffcfad1;border:1px solid #ffffffe6;border-radius:999px;justify-content:center;gap:7px;width:fit-content;max-width:100%;margin:0 auto 22px;padding:7px;display:flex;position:sticky;top:14px;overflow-x:auto;box-shadow:0 9px 30px #6537421a}.chapter-nav a{color:#7a666c;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:8px 11px;font:600 12px Arial,sans-serif;text-decoration:none;display:flex}.chapter-nav a:hover{background:var(--pink-100);color:var(--pink-600)}.chapter-nav span{color:var(--pink-500);font-size:10px}.letter-heading,.letter-chapter,.letter-footer{box-shadow:var(--paper-shadow);background:#fffdf9f0;border:1px solid #d67e9433}.letter-heading{text-align:center;background-image:radial-gradient(#e934590e 1px,#0000 1px);background-size:18px 18px;border-radius:28px 28px 10px 10px;padding:clamp(48px,8vw,88px) clamp(26px,8vw,90px)}.letter-heading>p:first-of-type{margin:24px 0;font-size:18px}.letter-heading h2{color:#3d3035;max-width:680px;margin:0 auto 28px;font-size:clamp(30px,5.5vw,50px);line-height:1.35}.lead{color:#68585d;max-width:700px;margin:auto;font-size:clamp(16px,2.2vw,19px);line-height:2.05}.mini-bow{width:58px;height:36px;margin:auto;position:relative}.mini-bow i{border:0;width:29px;height:27px;top:5px}.mini-bow i:first-child{border-radius:60% 38% 55% 40%;left:2px;transform:rotate(14deg)}.mini-bow i:last-child{border-radius:38% 60% 40% 55%;right:2px;transform:rotate(-14deg)}.mini-bow b{z-index:2;background:#ff6e8f;border-radius:50%;width:17px;height:17px;position:absolute;top:10px;left:21px}.letter-chapter{border-radius:10px;margin-top:18px;padding:clamp(45px,8vw,84px) clamp(26px,9vw,100px);scroll-margin-top:90px;position:relative;overflow:hidden}.letter-chapter:after{content:"♡";color:#e9345914;font-family:Arial,sans-serif;font-size:90px;position:absolute;top:22px;right:28px}.chapter-marker{color:var(--pink-600);align-items:center;gap:13px;margin-bottom:22px;display:flex}.chapter-marker span{background:var(--pink-100);border-radius:50%;place-items:center;width:38px;height:38px;font:700 11px Arial,sans-serif;display:grid}.chapter-marker p{letter-spacing:.13em;margin:0;font:700 12px Arial,sans-serif}.letter-chapter h3{max-width:650px;margin:0 0 30px;font-size:clamp(27px,4.5vw,42px);line-height:1.35}.letter-chapter>p{z-index:1;color:#54464b;text-align:justify;margin:0 0 20px;font-size:clamp(16px,2vw,18px);line-height:2.05;position:relative}.memory-note{border:1px dashed var(--pink-300);background:var(--pink-50);color:#72545e;border-radius:18px;align-items:center;gap:18px;margin-top:35px;padding:20px 22px;display:flex}.memory-note span{color:var(--red);font:38px Arial,sans-serif}.memory-note p{margin:0;font-size:15px;line-height:1.8}.bagel-card{border:1px solid var(--pink-200);background:linear-gradient(135deg,#fff6f8,#fffdf9);border-radius:24px;grid-template-columns:74px 1fr;gap:22px;margin-top:40px;padding:30px;display:grid}.bagel-icon{width:68px;height:68px;color:var(--red);background:#fff8f0;border:13px solid #e4ad79;border-radius:50%;place-items:center;font:24px Arial,sans-serif;display:grid;box-shadow:inset 0 0 0 3px #f2ca9d}.bagel-card h4{margin:6px 0 14px;font-size:24px}.bagel-card p:not(.small-label){color:#65545a;margin:0 0 14px;font-size:16px;line-height:1.9}blockquote{border:0;border-left:4px solid var(--pink-500);background:var(--pink-50);color:#7a4858;margin:38px 0 0;padding:28px 28px 28px 34px;font-size:clamp(18px,2.7vw,23px);line-height:1.9}.final-chapter{border-radius:10px 10px 28px 28px}.confession{text-align:center;border:1px solid var(--pink-200);background:linear-gradient(145deg,#ffe8ee,#fff7f8);border-radius:28px;margin:40px 0;padding:45px 30px}.confession .tiny-heart{color:var(--red);font:34px Arial,sans-serif;display:block}.confession h3{color:var(--pink-600);margin:8px auto 18px;font-size:clamp(32px,6vw,54px)}.confession p{color:#654e56;max-width:580px;margin:auto;font-size:17px;line-height:1.9}.closing-line{border-top:1px solid var(--line);padding-top:35px;text-align:center!important;color:var(--pink-600)!important;margin-top:42px!important;font-size:clamp(19px,3vw,25px)!important}.signature{color:#806d73;flex-direction:column;align-items:flex-end;margin-top:44px;display:flex}.signature span{font-size:14px}.signature strong{color:var(--ink);font:italic 700 42px/1.1 Georgia,serif}.signature time{letter-spacing:.18em;margin-top:8px;font:11px Arial,sans-serif}.letter-footer{border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:18px;padding:32px;display:flex}.letter-footer p{text-align:center;color:#a08d93;letter-spacing:.16em;text-transform:uppercase;width:100%;margin:8px 0 0;font:10px Arial,sans-serif}.bow-button{color:#fff;background:var(--pink-600);align-items:center;gap:9px;margin-inline:auto;padding:12px 18px;font:700 13px Arial,sans-serif;display:flex;box-shadow:0 9px 18px #d9446a33}.footer-bow{transform-origin:50%;width:30px;height:20px;margin:0;transform:scale(.55)}.heart-burst{pointer-events:none;z-index:200;place-items:center;display:grid;position:fixed;inset:0}.heart-burst span{color:var(--pink-500);transform:rotate(calc(var(--i) * 29deg)) translateY(-20px);font:30px Arial,sans-serif;animation:1.65s ease-out forwards burst;position:absolute}.music-player{z-index:90;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffafae6;border:1px solid #ffffffeb;border-radius:22px;width:276px;padding:8px;animation:.5s both playerIn;position:fixed;bottom:18px;right:18px;box-shadow:0 16px 45px #74364833}.music-main{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;grid-template-columns:48px 1fr 31px;align-items:center;gap:10px;padding:7px;display:grid}.music-main:hover{background:var(--pink-50)}.music-main:focus-visible,.volume-control input:focus-visible{outline-offset:2px;outline:3px solid #ed5d824d}.music-disc{color:#fff;background:radial-gradient(circle,#ffd9e2 0 7%,#453a3e 8% 20%,#0000 21%),repeating-radial-gradient(circle,#453a3e 0 3px,#2f282b 4px 6px);border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:relative;box-shadow:0 5px 13px #44343a33}.music-disc:after{content:"";border:1px dashed var(--pink-300);border-radius:50%;position:absolute;inset:-3px}.music-disc i{z-index:2;background:var(--pink-500);border-radius:50%;place-items:center;width:14px;height:14px;font:9px Arial,sans-serif;display:grid;position:relative}.is-playing .music-disc{animation:5s linear infinite spin}.music-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.music-copy strong{font-size:15px}.music-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font:11px Arial,sans-serif;overflow:hidden}.music-state{color:#fff;background:var(--pink-500);border-radius:50%;place-items:center;width:29px;height:29px;font:700 10px Arial,sans-serif;display:grid;box-shadow:0 5px 12px #d9446a33}.volume-control{color:#9b858c;align-items:center;gap:10px;padding:2px 10px 7px 64px;font:10px Arial,sans-serif;display:flex}.volume-control input{width:100%;height:3px;accent-color:var(--pink-500);cursor:pointer}@keyframes float{0%,to{transform:translateY(0)rotate(-5deg)}50%{transform:translateY(-14px)rotate(5deg)}}@keyframes letterIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes burst{0%{opacity:0;transform:rotate(calc(var(--i) * 29deg)) translateY(0) scale(.4)}15%{opacity:1}to{opacity:0;transform:rotate(calc(var(--i) * 29deg)) translateY(-260px) scale(1.3)}}@keyframes playerIn{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=650px){.cover{padding:26px 14px}.cover-card{border-radius:28px;padding:34px 18px 30px}.cover h1{font-size:39px}.kitty{margin-top:12px;transform:scale(.9)}.letter-shell{width:min(100% - 16px,960px);margin-top:28px}.chapter-nav{justify-content:flex-start;width:calc(100% - 8px)}.letter-heading,.letter-chapter{padding-left:24px;padding-right:24px}.bagel-card{grid-template-columns:1fr;padding:22px}.bagel-icon{border-width:11px;width:58px;height:58px}.letter-chapter>p{text-align:left}.memory-note{align-items:flex-start}.music-player{width:min(276px,100% - 20px);bottom:10px;right:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{body{background:#fff}.cover,.chapter-nav,.letter-footer,.reading-progress,.music-player{display:none!important}.letter-shell{width:100%;margin:0;display:block!important}.letter-heading,.letter-chapter{box-shadow:none;break-inside:avoid;border-color:#efd3da}}