:root{--paper:#fffdf9;--bg:#fcf8f3;--ink:#3f3635;--muted:#786760;--rose:#a34158;--rose-soft:#f5e5e6;--border:#e9ded6;--yellow:#f5df98;--green:#54745e;--shadow:0 12px 36px #60423609;font-family:Segoe UI,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}:root[data-theme=floral]{--rose:#76508b;--rose-soft:#efe5f5;--bg:#faf7fc}:root[data-theme=crema]{--rose:#8e571f;--rose-soft:#f4ead5;--bg:#fffaf0}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}a{color:var(--rose);text-decoration:none}a:hover{text-decoration:underline}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid #9b5b1d;outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:400}h1{font-size:clamp(2.5rem,4.7vw,4.4rem);line-height:1.12;letter-spacing:-1.8px;margin-bottom:22px}h2{font-size:1.8rem;line-height:1.2}h3{font-size:1.45rem;line-height:1.3}p{line-height:1.75}em{color:var(--rose);font-weight:400}.muted{color:var(--muted)}.eyebrow{font-size:.65rem;letter-spacing:2.2px;line-height:1.7;font-weight:650;display:block;color:var(--muted);text-transform:uppercase}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.site-header{max-width:1440px;margin:auto;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-family:Georgia,serif;font-size:1.1rem}.brand:hover{text-decoration:none}.brand small{font-family:Segoe UI,sans-serif;font-size:.61rem;letter-spacing:1.8px;display:block;color:var(--muted);margin-top:5px}.brand-heart{font-size:2.2rem;color:var(--rose)}.header-note{font-size:.75rem;color:var(--muted)}.header-note span{color:var(--rose);padding-left:12px}.main-nav{display:flex;gap:22px;font-size:.8rem;align-items:center}.main-nav a{color:var(--muted);padding:10px 0}.main-nav .current{color:var(--rose);border-bottom:2px solid var(--rose)}.logout{background:none;border:1px solid var(--border);border-radius:30px;padding:10px 16px;font-size:.75rem;color:var(--ink)}main{max-width:1260px;margin:auto;padding:0 5%;min-height:70vh}.site-footer{max-width:1260px;margin:72px auto 0;border-top:1px solid var(--border);padding:25px 5%;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--muted);font-size:.69rem}.footer-flower{color:#b18c37;font-size:1.8rem}.skip-link{position:fixed;top:-100px;left:20px;background:var(--paper);padding:12px;z-index:100}.skip-link:focus{top:10px}.primary,.secondary{border-radius:9px;padding:13px 21px;min-height:45px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:.83rem;font-weight:600;line-height:1.4}.primary{background:var(--rose);color:#fff;border:1px solid var(--rose);box-shadow:0 5px 15px #a3415814}.primary:hover{text-decoration:none;filter:brightness(.96)}.secondary{border:1px solid var(--border);background:var(--paper);color:var(--ink)}.small{padding:7px 12px;min-height:36px;font-size:.75rem}.text-button{background:none;border:0;padding:12px 0;color:var(--rose);font-size:.8rem}.full{width:100%}.danger{color:#a32c2c}.actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:18px}.notice{padding:15px 18px;border-radius:10px;background:#f6eddc;color:#624c2c;font-size:.84rem;line-height:1.6;margin:18px 0;overflow-wrap:anywhere}.success{color:#41664b}.offline-banner,.update-banner{padding:14px 5%;background:#f4dfb5;text-align:center;font-size:.85rem}.update-banner{background:var(--rose-soft)}.login-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center;min-height:720px;padding:60px 0 20px}.login-story{position:relative}.login-story>.eyebrow{margin-bottom:22px}.login-story>p{font-size:.88rem;color:var(--muted);line-height:1.9}.garden{width:82%;max-width:400px;height:220px;object-fit:contain;margin-top:4px}.handwritten{display:block;font-family:Georgia,serif;font-style:italic;font-size:1.25rem;color:var(--rose);margin:8px 0 0 55px;transform:rotate(-4deg)}.login-card{background:var(--paper);border:1px solid var(--border);border-radius:22px;padding:36px 38px;box-shadow:var(--shadow);text-align:center;position:relative}.login-card h2{font-size:1.95rem;margin:14px 0}.login-card>.muted{font-size:.82rem;margin-bottom:28px}.seal{display:inline-grid;place-items:center;width:54px;height:54px;background:var(--rose-soft);border-radius:50%;color:var(--rose);font-size:1.9rem;margin-bottom:22px}.login-card form{text-align:left}.login-card .full{margin-top:24px}.privacy-note{border-top:1px solid var(--border);padding-top:22px;margin:14px 0 0;font-size:.68rem;color:var(--muted)}label{display:block;font-size:.78rem;font-weight:600;margin:16px 0 8px}input:not([type=checkbox]):not([type=radio]),textarea,select{width:100%;padding:12px 13px;border:1px solid #d7ccc5;border-radius:8px;background:#fffdfa;color:var(--ink);min-height:44px}input::placeholder,textarea::placeholder{color:#95827c;font-size:.8rem}textarea{resize:vertical}.field-help{font-size:.74rem;color:var(--muted);line-height:1.6;margin:8px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check-row{display:flex;gap:24px;align-items:center}.check-row label{display:flex;align-items:center;gap:8px}.check-row input{accent-color:var(--rose);width:18px;height:18px}.paper{background:var(--paper);padding:30px;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.narrow{max-width:620px;margin:50px auto}.editor h2{margin-bottom:16px}.editor form{margin-top:16px}.home-hero{margin:38px 0 42px;border-radius:22px;background:linear-gradient(110deg,#f6ebe3,#faf2e6 65%,#f6eeda);padding:45px 48px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;overflow:hidden;border:1px solid #f0e3d7}.home-hero .eyebrow{margin-bottom:19px}.home-hero h1{font-size:clamp(2.5rem,4vw,3.75rem)}.home-hero p{max-width:420px;color:var(--muted);font-size:.88rem}.home-hero img{width:100%;max-height:290px}.little-love{font-family:Georgia,serif;font-style:italic;color:var(--rose);font-size:.88rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0 20px}.section-heading h2{margin:0;font-size:1.6rem}.section-heading>span{font-size:.75rem}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portal{border:1px solid var(--border);border-radius:16px;padding:28px 26px 20px;color:var(--ink);position:relative;transition:transform .2s ease;overflow:hidden}.portal:hover{transform:translateY(-4px);text-decoration:none}.rose{background:#f8e9e9}.butter{background:#fbf1d9}.lilac{background:#efebf6}.portal-icon{font-size:2rem;display:block;margin-bottom:24px;color:#8b4d5c}.butter .portal-icon{color:#947124}.lilac .portal-icon{color:#75558d}.portal .eyebrow{font-size:.57rem;letter-spacing:1.5px}.portal h2{font-size:1.75rem;margin:12px 0}.portal p{font-size:.8rem;color:var(--muted);line-height:1.8}.portal-link{display:flex;justify-content:space-between;border-top:1px solid #69514c1c;padding-top:17px;margin-top:22px;font-size:.75rem}.portal-link>span{font-size:1rem}.home-bottom{display:grid;grid-template-columns:1fr 1.3fr;gap:34px;margin-top:45px}.home-bottom h2{font-size:1.4rem}.quote-card{background:#f5efe4;border:1px solid var(--border);border-radius:16px;padding:36px;display:flex;flex-direction:column;justify-content:center}.quote-card p{font-family:Georgia,serif;font-size:1.8rem;line-height:1.4;margin:20px 0}.quote-card p em{font-size:1.3rem}.quote-card>span:last-child{font-size:1.7rem;color:var(--rose)}.page-heading{padding:48px 0 26px}.page-heading h1{font-size:clamp(2.6rem,4vw,3.5rem);margin:16px 0}.page-heading p{font-size:.9rem;color:var(--muted);margin-bottom:12px}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filter-row button{padding:11px 18px;background:transparent;border:1px solid var(--border);border-radius:30px;color:var(--muted);font-size:.78rem;min-height:44px}.filter-row button.active{background:var(--rose);color:#fff;border-color:var(--rose)}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.content-card{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--paper);height:100%;box-shadow:var(--shadow)}.card-body{padding:28px}.card-body h3{margin:14px 0}.card-body p{font-size:.9rem}.memory-photo{width:100%;max-height:400px;object-fit:cover;border:10px solid var(--paper)}.letter{background:#fffcf4;position:relative}.letter .card-body{padding:38px;background:repeating-linear-gradient(transparent,transparent 31px,#baa9970b 32px)}.letter-signature{display:block;font-family:Georgia,serif;font-style:italic;color:var(--rose);margin-top:24px}.featured{border-color:#d4b6a4}.source{display:block;font-size:.72rem;margin-top:20px;overflow-wrap:anywhere}.date{color:#936449;font-size:.76rem}.empty{padding:50px 28px;text-align:center;border:1px dashed #d5c6b8;border-radius:16px;width:100%;grid-column:1/-1}.empty>span{color:#b58b35;font-size:2.2rem}.empty h2{margin:16px 0}.empty p{color:var(--muted);font-size:.86rem}.empty.compact{padding:20px}.empty.compact p{margin:8px 0}.wide-link{display:flex;justify-content:space-between;gap:20px;padding:25px 28px;background:var(--rose-soft);border-radius:14px;margin-top:35px;font-family:Georgia,serif;font-size:1.2rem}.wide-link span{font-family:Segoe UI,sans-serif;font-size:.8rem}.photo-preview{margin:16px 0;padding:10px;border:1px solid var(--border);border-radius:12px;background:#fffdfa}.photo-preview img{display:block;width:100%;max-height:320px;object-fit:contain;border-radius:8px}.photo-preview figcaption{padding:8px 2px 2px;color:var(--muted);font-size:.74rem}.story-garden{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:148px;margin:0 0 30px;padding:20px 32px;border:1px solid #eddfbd;border-radius:18px;background:linear-gradient(105deg,#fff9e9,#fffdf9 62%,#f8efeb);overflow:hidden}.garden-stems{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:10px;width:220px;height:112px;flex:none}.garden-flower{position:relative;display:block;width:38px;height:92px;align-self:flex-end;background:linear-gradient(#688766,#688766) 50% 38px/3px 54px no-repeat}.garden-flower:before{content:"";position:absolute;top:0;left:50%;width:36px;height:36px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle at 50% 50%,#a77824 0 14%,transparent 16%),radial-gradient(ellipse at 50% 12%,var(--petal) 0 24%,transparent 26%),radial-gradient(ellipse at 88% 50%,var(--petal) 0 24%,transparent 26%),radial-gradient(ellipse at 50% 88%,var(--petal) 0 24%,transparent 26%),radial-gradient(ellipse at 12% 50%,var(--petal) 0 24%,transparent 26%)}.garden-flower i{position:absolute;left:18px;top:62px;width:14px;height:7px;border-radius:100% 0;background:#7f9b70;transform:rotate(-24deg)}.bloom-one{--petal:#f5d76d;height:85px}.bloom-two{--petal:#fff0bb;height:106px;transform:translateY(-4px)}.bloom-three{--petal:#f6dca0;height:78px}.bloom-four{--petal:#f1cf67;height:98px;transform:translateY(-2px)}.bloom-five{--petal:#fff1c4;height:72px}.garden-leaf{position:absolute;bottom:23px;width:28px;height:12px;border-radius:100% 0;background:#829b72}.leaf-one{left:57px;transform:rotate(20deg)}.leaf-two{right:45px;transform:rotate(190deg)}.garden-caption{font-family:Georgia,serif;color:#7a6547;font-size:1.3rem}.garden-caption span{color:var(--rose);padding-left:8px}.daily-paper{max-width:720px;margin:12px auto 35px;padding:45px;text-align:center;background:#fcf1d9;border:1px solid #eddfbd;border-radius:20px}.envelope{display:block;font-size:4rem;color:#b68d3d;margin-bottom:15px}.daily-paper h2{font-size:1.9rem}.daily-paper p{font-size:.9rem;color:var(--muted)}.countdown{font-family:Georgia,serif;font-size:2.7rem;letter-spacing:6px;color:#88602f;margin:25px}.daily-content{max-width:720px;margin:auto}.history-section{margin-top:48px}.bts-hero{background:#efe8f4;border:1px solid #ded4e8;border-radius:22px;margin-top:35px;padding:48px;position:relative;overflow:hidden}.bts-hero h1{font-size:clamp(2.3rem,4vw,3.5rem);margin-top:22px}.bts-hero em{color:#76508b}.bts-hero p{color:#6f617b;font-size:.88rem}.bts-hero .primary{background:#76508b;border-color:#76508b}.bts-stars{position:absolute;right:50px;top:70px;font-size:5rem;color:#ad90bf;transform:rotate(-10deg);opacity:.6;pointer-events:none}.progress-strip{display:flex;gap:24px;align-items:center;margin-bottom:28px;font-size:.8rem;background:var(--rose-soft);padding:20px 26px;border-radius:12px}progress{flex:1;height:8px;accent-color:var(--rose)}.quiz-list{max-width:760px;margin:auto;display:grid;gap:25px}.question h2{font-size:1.6rem;margin:18px 0}.question fieldset{border:0;padding:0;margin:20px 0}.answer-option{display:flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:10px;padding:14px;font-weight:400;cursor:pointer}.answer-option:has(input:checked){background:var(--rose-soft);border-color:var(--rose)}.answer-option input{accent-color:var(--rose);width:17px;height:17px}.attempt-count{display:inline-block;font-size:.75rem;margin:15px}.question details{font-size:.85rem;color:var(--muted)}summary{cursor:pointer;line-height:1.6}.quiz-start,.quiz-finish{margin:40px auto;text-align:center}.quiz-start .primary,.quiz-finish>.primary{margin:16px auto}.quiz-score{font:3.5rem Georgia,serif;color:var(--rose);margin:14px}.quiz-score span{font-family:inherit;font-size:1rem;color:var(--muted)}.bts-game-question{max-width:760px;margin:auto}.bts-game-question .source{display:block;margin:10px 0 20px}.bts-game-question .primary{margin-top:20px}.admin-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;align-items:start}.admin-item{border-bottom:1px solid var(--border);padding:22px 0}.admin-item:last-child{border-bottom:0}.admin-item h3{font-size:1.2rem;margin:10px 0}.admin-item p{font-size:.8rem;margin:6px 0}.admin-item .admin-preview{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);background:#fffaf1;border-left:3px solid var(--yellow);padding:12px 14px;margin-top:12px}.admin-item .actions{margin-top:10px}.modal-backdrop{position:fixed;inset:0;background:#30272388;z-index:50;display:grid;place-items:center;padding:20px}.modal{max-width:460px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}@media(min-width:1440px){main{padding:0 35px}}@media(max-width:1000px){.site-header{flex-wrap:wrap;gap:12px}.main-nav{order:3;width:100%;justify-content:center}.login-layout{gap:5%}.login-card{padding:28px}.home-hero{padding:35px}.portal{padding:23px 20px}.brand{font-size:1rem}.bts-stars{right:20px;font-size:3.8rem;opacity:.35}}@media(max-width:700px){.site-header{padding:18px 5%}.brand{font-size:.88rem;gap:8px}.brand-heart{font-size:1.8rem}.brand small{font-size:.55rem}.header-note{font-size:.65rem}.main-nav{overflow-x:auto;justify-content:flex-start;gap:22px;white-space:nowrap;font-size:.76rem}.logout{font-size:.68rem;padding:8px 11px}.login-layout{grid-template-columns:1fr;padding:35px 0 0;gap:32px}.login-story h1{font-size:2.8rem;margin-bottom:16px}.login-story>p{font-size:.8rem;max-width:270px}.login-story .eyebrow{font-size:.6rem}.garden{position:absolute;width:42%;right:-6px;bottom:-30px;height:140px;opacity:.92}.handwritten{margin:20px 0 0;font-size:1.1rem}.login-card{padding:28px 24px}.login-card h2{font-size:1.7rem}.site-footer{margin-top:45px;flex-wrap:wrap;justify-content:center;text-align:center;font-size:.62rem;gap:14px}.footer-flower{display:none}.home-hero{margin:24px 0 30px;padding:30px 26px;grid-template-columns:1fr;position:relative}.home-hero h1{font-size:2.5rem}.home-hero p{max-width:100%}.home-hero img{height:145px;object-fit:contain;margin-top:20px}.section-heading{align-items:flex-start;flex-direction:column;gap:6px}.portal-grid{grid-template-columns:1fr}.portal{padding:22px 25px}.portal-icon{float:right;font-size:2.3rem;margin-bottom:0}.portal h2{font-size:1.65rem;margin-top:14px}.portal p br{display:none}.portal-link{margin-top:16px}.home-bottom{grid-template-columns:1fr;gap:28px;margin-top:28px}.quote-card{padding:28px}.quote-card p{font-size:1.7rem}.content-grid{grid-template-columns:1fr}.page-heading{padding:32px 0 20px}.page-heading h1{font-size:2.5rem}.filter-row{gap:8px}.filter-row button{padding:9px 13px;font-size:.72rem}.wide-link{flex-direction:column;gap:10px}.daily-paper{padding:30px 22px}.daily-paper h2{font-size:1.6rem}.countdown{font-size:2.1rem;letter-spacing:4px}.paper,.card-body{padding:24px}.letter .card-body{padding:28px}.bts-hero{padding:32px 26px}.bts-hero h1{font-size:2.5rem}.bts-stars{font-size:2rem;top:18px;right:20px}.bts-hero p{max-width:260px}.progress-strip{padding:17px;gap:12px;flex-wrap:wrap}.progress-strip progress{order:3;flex-basis:100%}.progress-strip strong{margin-left:auto}.admin-layout{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr;gap:0}.question .primary{width:100%}.narrow{margin:30px auto}.notice{font-size:.8rem}}@media(max-width:700px){.story-garden{flex-direction:column;justify-content:center;gap:8px;padding:17px 16px}.garden-stems{height:96px;transform:scale(.9);margin-bottom:-6px}.garden-caption{text-align:center;font-size:1.1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.content-grid .content-card{height:auto}.gallery-grid{columns:2 300px;column-gap:24px}.gallery-grid>app-content-card{display:inline-block;width:100%;break-inside:avoid;vertical-align:top;margin:0 0 24px}.gallery-grid .empty{display:block;break-inside:avoid;grid-column:auto}.gallery-grid .memory-photo{display:block;width:100%;max-height:560px;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media(max-width:700px){.gallery-grid{columns:1;column-gap:0}.gallery-grid>app-content-card{margin-bottom:18px}}