*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#2d2d2d;background:linear-gradient(#eef3f6 0%,#f5f7fa 40%);font-family:Outfit,Inter,system-ui,sans-serif}.app-shell{background:#f5f7fa;flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 40px #0000000f}@media (width>=760px){.app-shell{max-width:900px}}.app-content{flex:1;padding:20px 16px 96px;overflow-y:auto}.page-title{margin-bottom:16px;font-size:22px;font-weight:700}.bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:8px 4px calc(8px + env(safe-area-inset-bottom));z-index:20;background:#ffffffeb;border-top:1px solid #ebedf0;justify-content:space-around;align-items:center;display:flex;position:sticky;bottom:0;left:0;right:0}.bottom-nav-item{color:#9aa1a9;cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:4px 10px;font-size:11px;transition:color .15s;display:flex}.bottom-nav-item.active{color:#00b5ad}.bottom-nav-item .icon{font-size:20px}.bottom-nav-fab{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00c9b7,#00b5ad);border:4px solid #f5f7fa;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-top:-28px;font-size:26px;display:flex;box-shadow:0 8px 20px #00b5ad66}.mood-grid{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.mood-option{cursor:pointer;border-radius:18px;flex-direction:column;flex:1;align-items:center;gap:6px;min-width:56px;padding:10px 6px;transition:transform .12s,background .12s;display:flex}.mood-option:hover{transform:translateY(-2px)}.mood-option .emoji-circle{background:#f0f2f5;border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.mood-option.selected .emoji-circle{border-color:var(--mood-color,#00b5ad);background:color-mix(in srgb, var(--mood-color,#00b5ad) 18%, white)}.mood-option .mood-label{color:#6b7280;font-size:12px}.activity-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width>=760px){.activity-grid{grid-template-columns:repeat(6,1fr)}}.activity-chip{cursor:pointer;background:#fff;border:2px solid #eef0f2;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;display:flex}.activity-chip.selected{background:#e3f7f5;border-color:#00b5ad}.activity-chip .icon{font-size:22px}.activity-chip .name{color:#565f6b;text-align:center;font-size:11px}.year-pixels{grid-template-columns:repeat(31,1fr);gap:3px;display:grid}.year-pixel-cell{aspect-ratio:1;background:#e9ecef;border-radius:3px}.entry-card-mood{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.responsive-two-col{display:block}@media (width>=760px){.responsive-two-col{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}}