:root{font-family:Playfair Display,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;background-color:#fff0f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#fff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#ffb6c1}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dancing-script-vietnamese-400-normal-CVC4eMIM.woff2) format("woff2"),url(/assets/dancing-script-vietnamese-400-normal-CdHIbuER.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dancing-script-latin-ext-400-normal-CBcYVTwL.woff2) format("woff2"),url(/assets/dancing-script-latin-ext-400-normal-C3ZxgGIm.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Dancing Script;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dancing-script-latin-400-normal-BGOkwg1k.woff2) format("woff2"),url(/assets/dancing-script-latin-400-normal-CBaqTbSQ.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/playfair-display-cyrillic-400-normal-Bw4gXCin.woff2) format("woff2"),url(/assets/playfair-display-cyrillic-400-normal-DIDQ5qyx.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/playfair-display-vietnamese-400-normal-DP5NnYLI.woff2) format("woff2"),url(/assets/playfair-display-vietnamese-400-normal-0Xrw1F2p.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/playfair-display-latin-ext-400-normal-CDP9IHBB.woff2) format("woff2"),url(/assets/playfair-display-latin-ext-400-normal-BpHmUUWd.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/playfair-display-latin-400-normal-B74d1IHM.woff2) format("woff2"),url(/assets/playfair-display-latin-400-normal-DC9_0-8q.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary-color: #ffb6c1;--secondary-color: #fff0f5;--accent-color: #ff69b4;--text-color: #4a4a4a;--background-color: #fff;--card-background: white;--button-background: white;--button-text: var(--text-color);--shadow-color: rgba(0, 0, 0, .1)}@media (prefers-color-scheme: dark){:root{--primary-color: #ff8fa3;--secondary-color: #2a1f2d;--accent-color: #ff69b4;--text-color: #e0e0e0;--background-color: #1a1a1a;--card-background: #2d2d2d;--button-background: #2d2d2d;--button-text: #e0e0e0;--shadow-color: rgba(0, 0, 0, .3)}}body{margin:0;font-family:Playfair Display,serif;background:linear-gradient(135deg,var(--secondary-color),var(--background-color));color:var(--text-color);min-height:100vh}.container{max-width:800px;margin:0 auto;padding:2rem;position:relative;overflow:hidden}.falling-petals{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.petal{position:absolute;top:-10%;font-size:24px;opacity:.4;animation:falling linear infinite;will-change:transform}.petal:before{content:"🌸"}@keyframes falling{0%{transform:translate(0) rotate(0);opacity:.4}25%{transform:translate(-15vw,25vh) rotate(90deg)}50%{transform:translate(15vw,50vh) rotate(180deg)}75%{transform:translate(-10vw,75vh) rotate(270deg)}to{transform:translate(10vw,100vh) rotate(360deg);opacity:0}}.welcome-section{text-align:center;margin-bottom:3rem}h1{font-family:Dancing Script,cursive;font-size:3.5rem;color:var(--accent-color);margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.location{font-size:1.2rem;color:var(--text-color);margin-bottom:.5rem}.visits{font-size:1rem;color:var(--text-color);opacity:.8}.mood-section{text-align:center;margin-bottom:3rem}h2{font-family:Dancing Script,cursive;font-size:2rem;color:var(--accent-color);margin-bottom:1.5rem}.mood-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.mood-button{background:var(--button-background);border:2px solid var(--primary-color);border-radius:25px;padding:.8rem 1.5rem;font-size:1.1rem;cursor:pointer;transition:all .3s ease;color:var(--button-text)}.mood-button:hover{background:var(--primary-color);transform:translateY(-2px)}.mood-button.selected{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.verse-section{margin-top:2rem}.verse-card{background:var(--card-background);border-radius:15px;padding:2rem;box-shadow:0 4px 15px var(--shadow-color);text-align:center;animation:fadeIn .5s ease-in}.verse-reference{font-weight:700;font-size:1.4rem;margin-bottom:1rem}.verse-text{font-size:1.2rem;line-height:1.6;color:var(--text-color)}.loading{text-align:center;color:var(--accent-color);font-size:1.2rem;margin:2rem 0}.error{text-align:center;color:#f44;font-size:1.1rem;margin:2rem 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.container{padding:1rem}h1{font-size:2.5rem}h2{font-size:1.8rem}.mood-button{padding:.6rem 1.2rem;font-size:1rem}}
