:root{--ink:#553773;--muted:#9680b0;--purple:#9763c5;--pink:#ef5c9e;--bg:#fff;--line:#f0eaf5;background:#f9f3f8}
.app{max-width:760px;padding-bottom:110px;box-shadow:0 0 80px #a978a21a}main{padding-inline:24px}.home-topbar{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:10px;padding:28px 26px 18px}.home-topbar .icon{background:#f7f0fc;color:#593a7c;width:48px;height:48px}.home-topbar .icon svg{width:25px;height:25px}.home-brand{text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}.brand-name{display:flex;align-items:center;justify-content:center;gap:9px;font-size:43px;font-weight:bold;line-height:1.2}.brand-flower{color:#ef89bd;font-size:56px;font-weight:normal;line-height:1}.brand-tagline{font-size:14px;white-space:nowrap}.little-heart{color:#ed6aa5;margin-right:3px}.home-search{margin:0 24px 20px;border:1px solid #eadcf3;background:#faf6fc;min-height:48px;padding:10px 16px}.home-search input{font-size:14px;color:#79658f}.home-search svg{color:#593a7c;width:25px;height:25px}.home-banner{position:relative;aspect-ratio:2.3;overflow:hidden;border-radius:22px;background:#fbdfe9 url('homepage-hero.png') center/cover no-repeat}.banner-copy{position:absolute;left:7%;top:12%;width:41%;text-align:center;color:#61317b}.banner-copy h1{font-size:32px;line-height:1.65;margin:0;font-weight:bold}.banner-heart{font-size:35px;line-height:1.5;color:#e876a7}.home-shortcuts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0 30px}.shortcut{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:110px;border-radius:18px;padding:13px 4px;font-size:16px;font-weight:bold;color:#5d347c}.shortcut svg{width:39px;height:39px;stroke-width:1.7}.shortcut.rose{background:#fdf0f5}.shortcut.rose svg{color:#d65090}.shortcut.lavender{background:#f6effd}.shortcut.lavender svg{color:#9768bd}.shortcut:hover,.home-help-card:hover{filter:brightness(.985);transform:translateY(-2px)}.shortcut,.home-help-card{transition:transform .16s,filter .16s}.home-help h2{font-size:25px;margin:0 0 18px;display:flex;align-items:center;gap:10px}.sparkle{width:22px;height:28px;position:relative;display:inline-block}.sparkle:before,.sparkle:after{content:'';position:absolute;width:6px;height:15px;border-radius:4px;transform:rotate(-35deg);background:#e96ca1;left:4px;top:0}.sparkle:after{transform:rotate(-65deg);background:#d5b4df;left:14px;top:13px;height:11px}.home-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.home-help-card{display:grid;grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:10px;padding:20px 17px;border-radius:20px;min-height:160px;color:#563473}.home-help-card.lavender{background:#f7f1fd}.home-help-card.rose{background:#fff3f5}.help-copy strong{font-size:19px;line-height:1.6;display:block}.help-copy small{font-size:14px;color:#9a7ab0;display:block;line-height:1.8;margin-top:4px}.help-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid #d7b9e3;background:#ffffff55;margin-top:12px;color:#8d5da7}.help-arrow svg{width:19px;height:19px}.help-art{display:block;aspect-ratio:1;background-image:url('homepage-icons.png');background-size:200% 200%;background-repeat:no-repeat}.help-art-0{background-position:0 0}.help-art-1{background-position:100% 0}.help-art-2{background-position:0 100%}.help-art-3{background-position:100% 100%}.daily-tip{display:flex;align-items:center;gap:18px;justify-content:space-between;background:#fff5f7;border-radius:20px;padding:22px;margin-top:20px}.daily-tip h2{display:flex;gap:8px;align-items:center;font-size:20px;margin:0 0 9px}.daily-tip h2 svg{color:#f3b34b}.daily-tip p{font-size:16px;line-height:1.85;margin:0}.tip-flower{font-size:60px;color:#ef95bd;line-height:1;flex-shrink:0}.bottom{width:min(760px,100%);flex-direction:row;min-height:90px;border-top:1px solid #f3edf4;box-shadow:0 -5px 20px #48314d06;background:#fffefefa}.bottom a{position:relative;color:#817a9b;font-size:14px;gap:8px;padding:4px 8px 10px}.bottom a svg{width:28px;height:28px}.bottom a.active{color:#ec5b9c}.bottom a.active:after{content:'';position:absolute;bottom:0;width:37px;height:4px;background:#f26ba6;border-radius:5px}.bottom a.active[data-nav=home] svg{fill:#ef71a8;stroke:#ef71a8}.page-title h1{color:var(--ink)}.night .home-search{background:#30263c}.night .home-help-card,.night .shortcut,.night .daily-tip{color:#553773}.night .home-topbar .icon{background:#3c2f4e;color:#ead5fc}.night .bottom{background:#251b31}.night .bottom a{color:#ccb7de}.night .bottom a.active{color:#f28cb9}.night .daily-tip p{color:#6e467f}
@media(max-width:700px){.app{max-width:440px;padding-bottom:94px}main{padding-inline:14px}.home-topbar{padding:21px 16px 15px;grid-template-columns:39px minmax(0,1fr) 39px;gap:6px}.home-topbar .icon{width:39px;height:39px}.home-topbar .icon svg{width:22px;height:22px}.brand-name{font-size:32px;gap:6px}.brand-flower{font-size:44px}.brand-tagline{font-size:11px}.home-search{margin:0 14px 14px;min-height:41px;padding:8px 12px}.home-search input{font-size:11px}.home-search svg{width:21px;height:21px}.home-banner{border-radius:18px;aspect-ratio:2.25}.banner-copy{top:12%;left:5%;width:43%}.banner-copy h1{font-size:21px;line-height:1.6}.banner-heart{font-size:25px;line-height:1.3}.home-shortcuts{gap:8px;margin:14px 0 23px}.shortcut{min-height:76px;border-radius:14px;font-size:11px;gap:8px;padding:11px 3px}.shortcut svg{width:27px;height:27px}.home-help h2{font-size:19px;margin-bottom:13px}.home-help-grid{gap:9px}.home-help-card{grid-template-columns:minmax(0,1fr) 58px;gap:4px;padding:12px 10px;min-height:116px;border-radius:17px}.help-copy strong{font-size:13px;line-height:1.8}.help-copy small{font-size:10px;line-height:1.8;margin-top:1px}.help-arrow{width:22px;height:22px;margin-top:7px}.help-arrow svg{width:16px;height:16px}.daily-tip{border-radius:17px;margin-top:14px;padding:15px;gap:8px}.daily-tip h2{font-size:15px;margin-bottom:6px}.daily-tip h2 svg{width:21px;height:21px}.daily-tip p{font-size:12px}.tip-flower{font-size:42px}.bottom{width:min(440px,100%);min-height:76px}.bottom a{font-size:12px;gap:5px;padding-bottom:8px}.bottom a svg{width:25px;height:25px}}
@media(max-width:350px){.brand-name{font-size:28px}.brand-tagline{font-size:10px}.banner-copy h1{font-size:18px}.shortcut{font-size:10px}.home-help-card{grid-template-columns:minmax(0,1fr) 45px;padding:10px 8px}.help-copy strong{font-size:12px}.help-copy small{font-size:9px}}
@media print{body{background:white!important;color:black!important}.app,.toast,.close,.reader-tools{display:none!important}dialog{position:static;display:block!important;width:100%;max-height:none;border:0;background:white;color:black;padding:0}dialog::backdrop{display:none}.reader{font-size:14pt;line-height:1.8}.reader .art{display:none}}