:root { --canvas:var(--palette-fff4f5); --cream:var(--palette-fff6db); --pink-100:var(--palette-fbd8d9); --pink-300:var(--palette-f5bac1); --border:var(--palette-f5dce0); --pink-500:var(--palette-d76691); --pink-700:var(--palette-a63361); --muted:var(--palette-826574); --shadow:0 4px 16px var(--palette-e4b7b621); --font-rounded:"Comic Sans MS","Chalkboard SE","Arial Rounded MT Bold","Microsoft YaHei","PingFang SC",sans-serif; }
body { background:radial-gradient(ellipse at 10% 0,var(--palette-fce3ec),transparent 55%),var(--canvas); }
.journal-icon { display:inline-block; width:32px; height:32px; flex-shrink:0; vertical-align:middle; }
.nav-icon .journal-icon { width:36px;height:36px; }.brand-mark { border:0;background:none;width:44px; }.brand-mark .journal-icon { width:44px;height:44px; }.brand { font-family:var(--font-rounded); }.sidebar { padding-top:24px;background:linear-gradient(180deg,var(--nav-background),var(--nav-surface)); }.nav-caption { margin-top:24px; }.nav-link { background:var(--nav-item-background); border-color:var(--nav-border); min-height:55px; }.nav-link[aria-current="page"] { background:var(--nav-active-background); border-color:var(--nav-border); color:var(--nav-active-text); }.nav-link[aria-current="page"]::after { display:none; }.sidebar-note { font-family:var(--font-rounded); }
.topbar { min-height:44px;padding:8px 26px;background:var(--palette-fff8fb88); }.topbar .breadcrumb { font-size:.75rem; }main { padding:12px 24px 22px; max-width:1500px; }.journal-header { display:flex; align-items:center; gap:28px; min-height:104px; padding:6px 16px; margin-bottom:14px; position:relative; background:linear-gradient(100deg,var(--palette-fff9fb99),var(--palette-ffe8ee88)); border-radius:24px; }.hello { font:2.8rem/1.3 var(--font-rounded); color:var(--palette-cb5b88); transform:rotate(-8deg); }.journal-header h1 { font:1.25rem/1.8 var(--font-rounded); color:var(--palette-943152); letter-spacing:2px; margin:0; }.journal-header .date { margin-left:auto; display:flex; gap:12px;align-items:center; padding:12px 16px;background:var(--palette-fffafc); border:1px solid var(--border);border-radius:18px; min-width:152px; }.journal-header .flower-spray { position:static;margin-left:auto; }
.flower-spray { display:flex; align-items:flex-end; gap:0; pointer-events:none; flex-shrink:0; }.flower-spray .journal-icon { width:32px;height:45px; }.flower-spray .journal-icon:nth-child(2) { width:40px;height:60px; }.flower-spray .journal-icon:last-child { width:28px; height:35px; align-self:flex-start; }
.home-layout { display:grid; grid-template-columns:minmax(0,1fr) 270px; grid-template-areas:"profile encouragement" "daily belle" "lower belle" "bottom bottom"; gap:14px; align-items:stretch; }.welcome-card { grid-area:profile;display:flex;align-items:center;gap:18px;padding:18px; border-radius:24px;background:linear-gradient(100deg,var(--palette-fff8e8),var(--palette-fffbf3)); }.welcome-top { flex:1;gap:10px; }.welcome-top h2 { font-family:var(--font-rounded);font-size:1.4rem;white-space:nowrap; }.welcome-top p { font-size:.75rem; }.crown { color:var(--palette-c28a33); font-size:1.8rem; }.happy-pill { display:inline-block;font-size:.75rem;color:var(--pink-700);background:var(--palette-fbd8e4);border-radius:20px;padding:4px 12px;margin-top:8px; }.avatar { width:78px;height:78px;flex-shrink:0;overflow:hidden;background:var(--palette-fff5f4);box-shadow:0 0 0 1px var(--palette-efb4c9); }.avatar .belle-frame { width:76px;margin:0; }
.metrics { flex:1.25;margin:0;padding:0;border:0;gap:8px; }.metric { background:var(--palette-fff9fb);border:1px solid var(--palette-f9e6ec);border-radius:17px;text-align:center;padding:12px 8px; min-height:109px; }.metric + .metric { border-left:1px solid var(--palette-f9e6ec);padding-left:8px; }.metric strong { font-family:var(--font-rounded);font-size:1.7rem; color:var(--pink-700); margin:8px 0; }.metric span,.metric small { font-size:.7rem; }.empty-progress { height:8px;border-radius:8px;background:var(--palette-fbe1eb);margin:9px 4px 0; }
.encouragement { grid-area:encouragement;position:relative; padding:16px 20px;background:var(--palette-fff9fa);border-radius:24px;justify-content:flex-start; }.encouragement h2 { color:var(--pink-700);font-size:1rem; }.encouragement blockquote { font-family:var(--font-rounded);font-size:1rem;margin:9px 0 5px;text-align:center; }.encouragement small { font-size:.7rem;text-align:center; }.encouragement .flower-spray { display:none; }
.panel { padding:18px; border-radius:24px;background:var(--palette-fffdfbee); }.daily-panel { grid-area:daily; }.section-heading { margin-bottom:12px; }.section-heading h2,.home-belle h2,.future-card h2 { color:var(--pink-700);font-size:1.05rem;display:flex;align-items:center;gap:7px; }.section-heading > span { font-size:.7rem; }.category-grid { grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }.category-card { min-height:126px; padding:12px 4px; border:1px solid var(--palette-f9e6ec); border-radius:18px; }.category-icon { width:46px;height:46px;margin-bottom:6px; }.category-card strong { font-size:.95rem; }.category-card small { font-size:.65rem;text-align:center; }.home-belle { grid-area:belle; display:flex;flex-direction:column;align-items:center;background:linear-gradient(var(--palette-fffafc),var(--palette-fff5ed)); }.home-belle h2 { align-self:flex-start; }.home-belle .belle-frame { width:224px; margin:20px auto 5px; }.home-belle p { font-family:var(--font-rounded);font-size:.9rem;line-height:1.8;margin:8px 0 16px; }.primary { background:linear-gradient(120deg,var(--palette-f5a4c5),var(--palette-f5bac1));border-color:var(--palette-e9a3bb); color:var(--palette-762545);width:100%; border-radius:20px;font-weight:600; }
.belle-frame { position:relative; width:220px; max-width:100%; overflow:hidden; margin:20px auto; isolation:isolate; border-radius:15px; }.belle-frame .belle-art { position:absolute; max-width:none; display:block; margin:0; aspect-ratio:auto; object-fit:initial; mix-blend-mode:multiply; }.belle-panel .belle-fallback { width:220px;max-width:100%; }.pet-preview { width:260px; }.home-lower { grid-area:lower;display:grid;grid-template-columns:1fr 1fr;gap:14px; }.future-card { position:relative;min-width:0; }.paper-lines { background:repeating-linear-gradient(transparent 0,transparent 35px,var(--palette-efdae3) 36px);padding:3px 0; }.paper-lines p { font-size:.8rem;color:var(--muted);line-height:36px;margin:0; }.resource-preview { display:grid;grid-template-columns:1fr 1fr;gap:8px; }.resource-preview > span { padding:8px 12px;background:var(--palette-fff8e8);border:1px solid var(--palette-f5e4ce);border-radius:12px;font-size:.85rem; }.resource-preview small { display:block;color:var(--muted);font-size:.7rem; }.unavailable { display:block;font-size:.7rem;color:var(--muted);margin-top:8px; }.home-bottom { grid-area:bottom;display:grid;grid-template-columns:1.15fr 1fr;gap:14px; }.note-preview p { color:var(--muted);font-size:.85rem;margin:12px 0; }.note-preview small { font-size:.7rem;color:var(--muted); }.note-preview .flower-spray { position:absolute;right:15px;bottom:16px; }.note-preview { padding-right:105px; }.photo-preview > div { margin-top:10px;border:1px dashed var(--palette-edc3d0);border-radius:15px;padding:14px;color:var(--muted);font-size:.85rem;text-align:center; }.photo-preview small { display:block;font-size:.7rem; }.phase-note { margin-top:14px;font-size:.75rem; }.heading-icon { width:58px;height:58px; }h1,h2,h3 { font-family:var(--font-rounded); }
@media(min-width:768px) and (max-width:1150px) { .welcome-card { flex-direction:column;align-items:stretch;gap:12px; }.metrics { flex:auto; }.metric { min-height:90px;padding:8px; }.welcome-top { justify-content:center; }.category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.home-layout { grid-template-columns:minmax(0,1fr) 228px; }.home-belle .belle-frame { width:188px; }.home-lower { grid-template-columns:1fr; }.journal-header { gap:18px; }.journal-header .flower-spray { display:none; }.journal-header h1 { font-size:1rem; }.journal-header .date { min-width:120px;padding:9px; }.journal-header .date .journal-icon { display:none; }.hello { font-size:2.3rem; }.nav-icon .journal-icon { width:30px;height:30px; } }
@media(max-width:767px) { main { padding:12px 14px 20px; }.sidebar { padding:16px 14px 12px; }.nav-link { min-height:66px; }.nav-icon .journal-icon { width:30px;height:30px; }.topbar { padding:8px 16px; }.journal-header { min-height:104px;gap:16px;padding:12px;flex-wrap:wrap; }.hello { font-size:2.1rem; }.journal-header h1 { font-size:.95rem;letter-spacing:0;flex:1; }.journal-header .flower-spray { display:none; }.journal-header .date { display:none; }.home-layout { grid-template-columns:minmax(0,1fr); grid-template-areas:"profile" "daily" "encouragement" "belle" "lower" "bottom"; gap:12px; }.welcome-card { display:block;padding:16px; }.welcome-top { justify-content:center; }.metrics { margin-top:16px;gap:6px; }.metric { min-height:95px;padding:10px 5px; }.metric strong { font-size:1.5rem; }.metric + .metric { padding-left:5px; }.metric span,.metric small { font-size:.7rem; }.category-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }.category-card { min-height:115px; }.category-card small { font-size:.7rem; }.section-heading > span { max-width:92px;text-align:right; }.panel { padding:16px; }.encouragement blockquote br { display:none; }.encouragement small { display:none; }.encouragement { padding:16px; }.encouragement blockquote { margin-bottom:0; }.home-belle .belle-frame { width:205px; margin-top:12px; }.home-belle p { margin:5px 0 12px; }.home-lower,.home-bottom { grid-template-columns:1fr;gap:12px; }.home-belle .primary { max-width:300px; }.note-preview { padding-right:95px; }.brand small { letter-spacing:1px; }.page-heading h1 { font-size:1.5625rem; } }
.home-belle { align-self:start; }
.category-card small { font-size:.75rem; }
.metric span,.metric small { font-size:.75rem; }
@media(prefers-reduced-motion:reduce) { * { transition:none!important;animation:none!important; } }