@font-face{font-family:Pinyon Script;src:url(/assets/PinyonScript-Regular-HCoaxbyT.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}.home-page{--home-note-height: clamp(192px, 24dvh, 224px);position:relative;width:100%;height:100vh;min-height:100vh;overflow:hidden;animation:none;color:#4f5642}.home-page__background{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}.home-header{position:absolute;z-index:2;top:calc(30px + env(safe-area-inset-top,0px));right:22px;left:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;color:#4c543f;text-shadow:0 1px 0 rgb(255 255 255 / 62%)}.home-header__clock{display:grid;margin-top:22px;justify-items:start;transform:translate(5px,-34px)}.home-header__time,.home-header__date{display:block;font-variant-numeric:tabular-nums}.home-header__time{font-family:Songti SC,STSong,serif;font-size:clamp(48px,14vw,60px);font-weight:500;letter-spacing:.045em;line-height:.98}.home-header__date{margin-top:9px;font-family:Songti SC,STSong,serif;font-size:15px;letter-spacing:.075em}.home-header .theme-toggle{position:relative;top:-5px;flex:0 0 auto;width:50px;height:50px;color:#647359;border-color:#ffffffb8;background:#fffdefb8;box-shadow:0 8px 22px #535b4129,inset 0 1px #ffffffd1;-webkit-backdrop-filter:blur(14px) saturate(108%);backdrop-filter:blur(14px) saturate(108%)}.home-header .theme-toggle:active{transform:scale(.95)}.home-welcome{position:absolute;z-index:2;right:18px;bottom:calc(150px + var(--home-note-height));left:18px;margin:0;color:#4b543f;font-family:Songti SC,STSong,serif;font-size:clamp(26px,7.5vw,32px);font-weight:560;letter-spacing:.06em;line-height:1.2;text-align:center;text-shadow:0 1px 0 rgb(255 255 255 / 72%),0 4px 16px rgb(255 255 255 / 46%);transform:translateY(-23px);white-space:nowrap}.home-lower{position:absolute;z-index:2;right:18px;bottom:134px;left:18px;display:grid;height:var(--home-note-height);grid-template-columns:minmax(76px,.3fr) minmax(0,1fr);align-items:stretch;gap:12px}.relationship-counter{display:flex;min-width:0;padding:18px 0 13px;align-items:center;justify-content:center;flex-direction:column;transform:translateY(-17px);color:#525b48;font-family:Songti SC,STSong,serif;text-shadow:0 1px 0 rgb(255 255 255 / 68%)}.relationship-counter__value{display:flex;margin-top:3px;align-items:baseline;justify-content:center;gap:3px}.relationship-counter__value strong{color:#e894b2;font-family:Pinyon Script,Snell Roundhand,Apple Chancery,cursive;font-size:clamp(82px,26vw,110px);font-weight:400;line-height:.78;transform:rotate(-2deg);text-shadow:none}.relationship-counter__value strong[data-digits="2"]{font-size:clamp(52px,15vw,64px)}.relationship-counter__value strong[data-digits="3"]{font-size:clamp(36px,10vw,42px);letter-spacing:-.02em}.relationship-counter__value strong[data-digits="4"]{font-size:clamp(28px,7.5vw,32px);letter-spacing:-.04em}.relationship-counter__value span{color:#56604c;font-size:17px;letter-spacing:.08em}.home-note-wrap{position:relative;width:100%;height:100%;min-width:0}.home-note{position:relative;display:flex;width:100%;height:100%;padding:36px 20px 22px;flex-direction:column;color:#595448;text-align:left;border:1px solid rgb(145 126 93 / 17%);clip-path:polygon(1% 1%,98.5% 0,100% 96%,96% 99%,73% 98%,55% 100%,31% 98%,1% 99%,0 70%,1% 42%);background-color:#fff9e9;background-image:repeating-linear-gradient(8deg,rgb(125 102 65 / 2.3%) 0 1px,transparent 1px 5px),radial-gradient(circle at 18% 22%,rgb(255 255 255 / 66%) 0 1px,transparent 2px),linear-gradient(145deg,#fffaf0,#f7edd6);box-shadow:0 14px 30px #5b4d342e,inset 0 0 28px #99794b0f;cursor:pointer}.home-note:active{transform:scale(.994);box-shadow:0 9px 20px #5b4d3429}.home-note:focus-visible{outline:3px solid rgb(239 159 189 / 55%);outline-offset:3px}.home-note__pin{position:absolute;top:11px;left:50%;width:16px;height:16px;border:1px solid rgb(119 89 39 / 35%);border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff7bf 0 12%,#c89d48 33%,#8c6529 72%,#f3cf79 76%);box-shadow:0 3px 5px #51391747;transform:translate(-50%)}.home-note__recipient,.home-note__body,.home-note__signature{font-family:Kaiti SC,STKaiti,KaiTi,serif}.home-note__recipient{font-size:15px;letter-spacing:.07em}.home-note__body{display:grid;gap:3px;margin-top:10px;font-size:clamp(13px,3.55vw,15px);letter-spacing:.035em;line-height:1.55}.home-note__body span{white-space:nowrap}.home-note__signature{margin-top:8px;font-size:14px;letter-spacing:.07em}.home-note-status{position:absolute;right:10px;bottom:8px;display:none;margin:0;padding:4px 10px;color:#715d53;font-size:11px;border:1px solid rgb(255 255 255 / 68%);border-radius:13px;background:#fffaede0;box-shadow:0 6px 16px #54412d1f;pointer-events:none}.home-note-status--visible{display:block}@media(max-height:870px){.home-page{--home-note-height: clamp(184px, 23dvh, 200px)}.home-welcome{bottom:calc(140px + var(--home-note-height))}.home-note{padding-top:33px}}@media(max-width:370px){.home-header{right:18px;left:18px}.home-lower{right:14px;left:14px;grid-template-columns:74px minmax(0,1fr);gap:9px}.home-note{padding-inline:17px}}:root{color-scheme:light;--summer-green: #72b879;--leaf-green: #4f9864;--hydrangea-pink: #ef9fbd;--paper-ivory: #fff8e8;--glass-white: rgb(255 255 255 / 72%);--text-brown: #59483e;--shadow-soft: 0 12px 32px rgb(100 86 69 / 12%);--radius-card: 24px;--safe-bottom: env(safe-area-inset-bottom, 0px);--app-background: linear-gradient(160deg, #fbfff5 0%, var(--paper-ivory) 55%, #fff2f7 100%);--surface: var(--glass-white);--text-muted: #826f62;--border-soft: rgb(94 128 92 / 14%);--nav-background: rgb(255 252 244 / 88%)}:root[data-theme=night]{color-scheme:dark;--summer-green: #78be88;--leaf-green: #9bd5a3;--hydrangea-pink: #f0a7c2;--paper-ivory: #29273a;--glass-white: rgb(55 51 73 / 78%);--text-brown: #fff1e7;--shadow-soft: 0 14px 36px rgb(17 13 32 / 28%);--app-background: linear-gradient(160deg, #25283d 0%, #322c43 58%, #432f43 100%);--surface: var(--glass-white);--text-muted: #d8c6bd;--border-soft: rgb(236 219 228 / 14%);--nav-background: rgb(43 39 57 / 90%)}*{box-sizing:border-box}html,body,#root{width:100%;height:100vh;min-height:100vh;margin:0}html{min-width:320px;background:#eae7df}body{min-width:320px;color:var(--text-brown);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#eae7df;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}.app-shell{position:relative;width:100%;max-width:430px;height:100vh;min-height:100vh;margin-inline:auto;overflow:hidden;background:var(--app-background);box-shadow:0 0 38px #3c322a24;transition:background .18s ease,color .18s ease}.app-shell--home{background:#f8f4df}.app-header{display:flex;align-items:center;justify-content:space-between;min-height:calc(72px + env(safe-area-inset-top,0px));padding:calc(14px + env(safe-area-inset-top,0px)) 20px 12px}.app-date,.app-time{margin:0}.app-date{color:var(--text-muted);font-size:13px;letter-spacing:.04em}.app-time{margin-top:2px;font-size:20px;font-variant-numeric:tabular-nums;font-weight:650}.theme-toggle{display:grid;width:48px;height:48px;padding:0;place-items:center;color:var(--leaf-green);border:1px solid var(--border-soft);border-radius:50%;background:var(--surface);box-shadow:var(--shadow-soft);cursor:pointer}.theme-toggle svg{width:23px;height:23px}.theme-toggle:focus-visible,.nav-item:focus-visible{outline:3px solid rgb(239 159 189 / 52%);outline-offset:2px}.app-content{min-height:calc(100dvh - 92px);padding:28px 20px calc(112px + var(--safe-bottom))}.app-content--home{height:100vh;min-height:100vh;padding:0}.placeholder-page{animation:page-enter .18s ease-out}.placeholder-page h1{max-width:12ch;margin:8px 0 14px;font-family:Songti SC,STSong,serif;font-size:clamp(30px,9vw,42px);font-weight:600;letter-spacing:.02em}.placeholder-page>p:not(.page-eyebrow){max-width:30em;margin:0;color:var(--text-muted);font-size:15px;line-height:1.8}.page-eyebrow{margin:0;color:var(--leaf-green);font-size:13px;font-weight:700;letter-spacing:.18em}.placeholder-card{display:flex;align-items:center;gap:10px;min-height:72px;margin-top:34px;padding:18px;color:var(--text-muted);font-size:14px;line-height:1.5;border:1px solid var(--border-soft);border-radius:var(--radius-card);background:var(--surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.shortcut-unavailable-notice{position:fixed;z-index:20;right:20px;bottom:calc(94px + var(--safe-bottom));left:20px;max-width:350px;margin:0 auto;color:var(--text-brown);font-size:12px;line-height:1.5;text-align:center;pointer-events:none}.placeholder-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--hydrangea-pink);box-shadow:0 0 12px #ef9fbdb8}.bottom-navigation{position:fixed;z-index:10;bottom:max(10px,var(--safe-bottom));left:50%;display:grid;grid-template-columns:repeat(5,1fr);width:min(calc(100% - 24px),406px);min-height:72px;padding:6px 8px;border:1px solid rgb(255 255 255 / 62%);border-radius:28px;background:#fffdf6d1;box-shadow:0 12px 36px #50463424,inset 0 1px #ffffffc2;-webkit-backdrop-filter:blur(22px) saturate(118%);backdrop-filter:blur(22px) saturate(118%);transform:translate(-50%)}.nav-item{position:relative;display:flex;min-width:48px;min-height:58px;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:var(--text-muted);font-size:11px;font-weight:560;text-decoration:none}.nav-icon-wrap{display:grid;width:38px;height:34px;place-items:center;border-radius:18px}.nav-icon-wrap svg{width:23px;height:23px}.nav-item--raised .nav-icon-wrap{width:48px;height:48px;margin-top:-18px;border:1px solid rgb(255 255 255 / 78%);border-radius:50%;background:var(--surface);box-shadow:0 9px 24px #5b683f2e,inset 0 1px #fffc}.nav-item--active{color:var(--text-brown);font-weight:700}.nav-item--active .nav-icon-wrap{color:#a95075;background:#ef9fbd3b;box-shadow:0 0 23px #ef9fbd85,inset 0 0 12px #ffffff73}:root[data-theme=night] .nav-item--active .nav-icon-wrap{color:#ffd8e7}:root[data-theme=night] .bottom-navigation{border-color:#ffffff1f;background:var(--nav-background)}@keyframes page-enter{0%{opacity:0;transform:translateY(4px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}