@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&display=swap";:root{color:#28342f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--color-primary:#668c79;--color-primary-dark:#4e735f;--color-background:#f7f8fc;--color-surface:#fff;--color-text:#28342f;--color-muted:#929b99;--color-border:#edf0ee;background:#f7f8fc;font-family:DM Sans,Noto Sans TC,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #a7c9b5}.dashboard-shell{min-height:100vh}.sidebar{z-index:5;background:#fff;border-right:1px solid #edf0ee;flex-direction:column;width:248px;padding:28px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.7px;align-items:center;gap:11px;padding:0 10px;font-size:21px;font-weight:700;display:flex}.brand-symbol{color:#fff;background:#6e947f;border-radius:12px;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:22px;font-style:italic;display:grid}.workspace-switcher{border:1px solid #edf0ee;border-radius:13px;align-items:center;gap:10px;margin:37px 0 32px;padding:11px;display:flex}.workspace-avatar,.profile-avatar,.top-avatar{color:#54735f;background:#eaf2eb;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.workspace-copy,.profile-row>span:nth-child(2){gap:3px;min-width:0;display:grid}.workspace-copy strong,.profile-row strong{font-size:12px;font-weight:600}.workspace-copy small,.profile-row small{color:#9aa39f;font-size:10px}.chevron{color:#9aa39f;margin-left:auto}.nav-label{color:#aab2ae;letter-spacing:1.2px;margin:0 10px 12px;font-size:10px;font-weight:700}.main-nav{gap:5px;display:grid}.nav-item{color:#77817c;border-radius:10px;align-items:center;gap:13px;padding:11px 13px;font-size:12px;transition:all .18s;display:flex}.nav-item>span:first-child{text-align:center;width:17px;font-size:16px}.nav-item:hover,.nav-item.active{color:#4f765e;background:#edf4ef}.nav-item.active{font-weight:700}.family-label{margin-top:32px}.family-icon{font-size:19px}.sidebar-bottom{margin-top:auto}.sidebar-tip{background:#f6f8f4;border-radius:13px;padding:15px}.tip-sparkle{color:#d2a86b;font-size:17px}.sidebar-tip strong{margin-top:7px;font-size:11px;display:block}.sidebar-tip p{color:#929b96;margin:6px 0 0;font-size:10px;line-height:1.7}.profile-row{border-top:1px solid #eff1ef;align-items:center;gap:10px;margin-top:18px;padding:13px 4px 0;display:flex}.profile-avatar{color:#866b54;background:#f4eadd;border-radius:50%}.more{color:#9aa39f;margin-left:auto}.signout-link{color:#7e9c86;background:#f2f7f2;border:0;border-radius:6px;margin-left:auto;padding:5px 7px;font-size:9px}.main-content{min-height:100vh;margin-left:248px}.topbar{background:#ffffffd1;border-bottom:1px solid #edf0ee;justify-content:space-between;align-items:center;height:76px;padding:0 48px;display:flex}.breadcrumb{color:#9aa39f;font-size:11px}.breadcrumb span{color:#d0d6d2;margin:0 9px}.breadcrumb strong{color:#4c5b53;font-weight:600}.topbar-actions{align-items:center;gap:21px;display:flex}.today-date{color:#929b96;font-size:11px}.icon-button{color:#7c8981;background:0 0;border:0;font-size:19px;position:relative}.icon-button i{background:#e49a78;border-radius:50%;width:5px;height:5px;position:absolute;top:1px;right:1px}.top-avatar{color:#886c55;background:#f4eadd;border-radius:50%;width:31px;height:31px;font-size:11px}.content-inner{max-width:1440px;margin:0 auto;padding:38px 48px 34px}.welcome-row{justify-content:space-between;align-items:center;min-height:145px;display:flex;position:relative;overflow:hidden}.eyebrow,.panel-kicker{color:#a2aaa5;letter-spacing:1.6px;margin:0 0 9px;font-size:9px;font-weight:700}.welcome-row h1{color:#2d3b33;letter-spacing:-1.2px;margin:0;font-size:clamp(23px,2.4vw,31px);font-weight:600}.welcome-row h1 span{color:#e9b86e;margin-left:7px;font-size:23px}.welcome-subtitle{color:#9aa39e;margin:11px 0 0;font-size:12px}.welcome-art{width:230px;height:140px;margin-right:40px;position:relative}.sun-orb{background:#f7e5bd;border-radius:50%;width:66px;height:66px;position:absolute;top:18px;right:60px}.art-ground{background:#e8f0e7;border-radius:50% 50% 0 0;width:205px;height:48px;position:absolute;bottom:13px;right:0;transform:rotate(-5deg)}.art-leaf{z-index:1;background:#a6c0a9;border-radius:100% 0;width:26px;height:62px;position:absolute;bottom:27px;right:108px;transform:rotate(27deg)}.leaf-two{background:#c0d1b8;height:48px;bottom:29px;right:80px;transform:rotate(52deg)}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.stat-card,.panel{background:#fff;border:1px solid #edf0ee;border-radius:15px;box-shadow:0 4px 18px #283c3006}.stat-card{min-height:143px;padding:18px 20px 15px}.stat-heading{color:#7d8982;align-items:center;gap:9px;font-size:11px;display:flex}.stat-icon{border-radius:9px;place-items:center;width:27px;height:27px;font-size:14px;display:grid}.mint{color:#5f9072;background:#eaf4ed}.lilac{color:#887ab2;background:#f0edfa}.apricot{color:#c38d5e;background:#fbf1e6}.stat-more{color:#b4bdb8;letter-spacing:2px;margin-left:auto}.stat-value{color:#35453b;letter-spacing:-.8px;margin-top:13px;font-size:27px;font-weight:600}.stat-value small{color:#a3aca6;letter-spacing:0;font-size:11px;font-weight:500}.progress-track{background:#edf2ee;border-radius:4px;height:4px;margin-top:9px;overflow:hidden}.progress-track span{border-radius:inherit;background:#83a88d;height:100%;display:block}.stat-foot{color:#a1aaa4;margin:8px 0 0;font-size:9px}.stat-foot.positive{color:#7ea087}.dashboard-grid{grid-template-columns:1.15fr .85fr;gap:16px;margin-top:18px;display:grid}.panel{padding:21px 22px}.panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-kicker{margin-bottom:5px;font-size:8px}.panel h2{color:#35443b;letter-spacing:-.3px;margin:0;font-size:16px;font-weight:600}.text-link{color:#7e9c86;white-space:nowrap;font-size:10px}.text-link span{margin-left:4px}.task-list{margin-top:18px}.task-row{border-bottom:1px solid #f1f3f1;align-items:center;gap:12px;min-height:53px;display:flex}.task-check{color:#fff;border:1px solid #d8e0da;border-radius:6px;place-items:center;width:17px;height:17px;font-size:10px;display:grid}.task-check.checked{background:#83a58d;border-color:#83a58d}.task-copy{gap:4px;min-width:0;display:grid}.task-copy strong,.event-copy strong{color:#59675f;font-size:11px;font-weight:500}.task-copy small,.event-copy small{color:#a8b0ab;font-size:9px}.task-done .task-copy strong{color:#a6aea9;text-decoration:line-through}.task-tag{color:#829c88;background:#eff5ef;border-radius:6px;margin-left:auto;padding:4px 8px;font-size:9px}.tag-family{color:#bd936b;background:#fbf3e9}.add-task{color:#8ca792;background:0 0;border:0;align-items:center;gap:7px;margin-top:12px;padding:4px 0;font-size:10px;display:flex}.add-task span{font-size:15px}.event-list{margin-top:18px}.event-row{border-bottom:1px solid #f1f3f1;align-items:center;gap:12px;min-height:64px;display:flex}.event-date{border-radius:9px;place-items:center;width:42px;height:46px;display:grid}.event-date strong{font-size:17px;font-weight:600}.event-date small{letter-spacing:1px;font-size:8px}.event-date.peach{color:#bd8d69;background:#fbf0e7}.event-date.lavender{color:#8d83b1;background:#f1eff9}.event-copy{gap:5px;display:grid}.event-arrow{color:#bdc6bf;margin-left:auto;font-size:22px}.calendar-note{color:#a1aaa4;margin-top:13px;font-size:9px}.calendar-note span{color:#d3ad72;margin-right:6px}.bottom-grid{grid-template-columns:1.1fr .9fr;gap:16px;margin-top:17px;display:grid}.focus-panel{min-height:143px}.streak-badge{color:#bd8b5d;background:#fbf2e8;border-radius:8px;padding:6px 9px;font-size:9px}.habit-chips{flex-wrap:wrap;gap:8px;margin-top:19px;display:flex}.habit-chip{color:#7e8982;border:1px solid #edf0ee;border-radius:8px;padding:8px 10px;font-size:9px}.habit-chip.done{color:#6d9677;background:#f2f7f2;border-color:#e7f0e8}.family-panel{background:#f4f7f1;border-color:#edf2e9;align-items:center;gap:14px;display:flex}.family-card-icon{color:#76957b;background:#e4eee2;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.family-card-copy{min-width:0}.family-card-copy h2{font-size:13px}.family-card-copy>p{color:#9ba79c;margin:6px 0 0;font-size:9px;line-height:1.6}.family-create-form{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.family-create-form input{color:#526357;min-width:120px;font:inherit;background:#fff;border:1px solid #e1e9df;border-radius:7px;flex:130px;padding:8px 9px;font-size:10px}.family-create-form button{color:#fff;background:#6e9479;border:0;border-radius:7px;padding:8px 10px;font-size:9px}.family-create-form button:disabled{cursor:not-allowed;opacity:.55}.family-card-copy .family-message{color:#65866c;margin-top:8px}.family-card-arrow{color:#87a18a;margin-left:auto;font-size:20px}.page-footer{color:#b0b8b2;letter-spacing:.4px;justify-content:space-between;gap:12px;margin-top:27px;font-size:8px;display:flex}.footer-dot{color:#d7c49f;margin:0 5px}.signin-float{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #e8ede8;border-radius:14px;align-items:center;gap:15px;padding:10px 11px 10px 16px;display:flex;position:fixed;bottom:22px;right:26px;box-shadow:0 8px 32px #2d43341a}.signin-float-copy{gap:4px;display:grid}.signin-float-copy strong{color:#4c5e51;font-size:10px}.signin-float-copy small{color:#a3aca6;font-size:8px}.google-signin{color:#fff;background:#648a72;border:0;border-radius:9px;align-items:center;gap:9px;padding:10px 13px;font-size:10px;font-weight:600;transition:background .18s;display:flex}.google-signin:hover{background:#52765f}.google-mark{color:#648a72;background:#fff;border-radius:50%;place-items:center;width:17px;height:17px;font-size:11px;font-weight:700;display:grid}.button-arrow{opacity:.75;margin-left:4px}.signin-message{color:#9a714c;background:#fffaf3;border:1px solid #f0dfcb;border-radius:9px;width:250px;margin:0;padding:10px 12px;font-size:10px;line-height:1.6;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 4px 18px #283c300f}.google-signin:disabled{cursor:wait;opacity:.7}.auth-loading,.auth-required{color:#75857a;justify-items:center;gap:12px;padding:28px;font-size:13px;display:grid}.auth-required{background:#fff;border:1px solid #edf0ee;border-radius:16px;max-width:440px;margin:15vh auto}.auth-error{z-index:11;color:#9a714c;background:#fffaf3;border:1px solid #f0dfcb;border-radius:9px;max-width:min(420px,100vw - 32px);padding:10px 14px;font-size:11px;position:fixed;bottom:100px;right:26px}@media (width<=1100px){.sidebar{width:215px}.main-content{margin-left:215px}.content-inner,.topbar{padding-left:30px;padding-right:30px}.welcome-art{margin-right:0}}@media (width<=820px){.sidebar{align-items:center;width:70px;padding:20px 9px}.brand{padding:0}.brand>span:last-child,.workspace-copy,.chevron,.nav-label{display:none}.workspace-switcher{justify-content:center;width:48px;margin:28px 0 24px;padding:7px}.workspace-avatar{width:32px;height:32px}.main-nav{width:100%}.nav-item{justify-content:center;padding:12px 0;font-size:0}.nav-item>span:first-child{font-size:17px}.sidebar-bottom{display:none}.main-content{margin-left:70px}.topbar{height:64px;padding:0 22px}.content-inner{padding:28px 22px 120px}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.welcome-art{transform-origin:100%;width:130px;transform:scale(.8)}}@media (width<=560px){.topbar{padding:0 15px}.today-date{display:none}.content-inner{padding:24px 14px 130px}.welcome-row{min-height:125px}.welcome-row h1{max-width:260px;font-size:22px;line-height:1.45}.welcome-art{opacity:.6;position:absolute;bottom:0;right:-37px}.stats-grid{grid-template-columns:1fr;gap:10px;margin-top:13px}.stat-card{min-height:120px}.dashboard-grid{margin-top:12px}.panel{padding:18px 16px}.signin-float{justify-content:space-between;gap:8px;padding:9px;bottom:12px;left:82px;right:12px}.signin-float-copy small{max-width:112px;line-height:1.4}.google-signin{gap:6px;padding:10px 9px;font-size:9px}.page-footer{flex-direction:column}}.workspace-select{color:#53675a;width:130px;min-width:0;font:inherit;background:0 0;border:0;padding:5px 3px;font-size:11px;font-weight:600}.data-form{flex-wrap:wrap;gap:7px;margin:16px 0 10px;display:flex}.data-form input,.data-form select{color:#526357;min-width:0;font:inherit;background:#fff;border:1px solid #e8eeea;border-radius:7px;flex:110px;padding:8px 9px;font-size:10px}.data-form button{color:#fff;background:#6e9479;border:0;border-radius:7px;padding:8px 11px;font-size:10px}.data-form button:disabled{cursor:not-allowed;opacity:.55}.data-form .secondary-action{color:#718277;background:#edf2ee}.calendar-form input[type=datetime-local]{flex:145px}.data-message{color:#8a9990;margin:9px 0;font-size:10px;line-height:1.6}.data-icon-action{color:#7e9c86;background:#f1f6f1;border:0;border-radius:5px;padding:5px 6px;font-size:9px}.task-manager .task-row,.calendar-manager .event-row{gap:8px}.task-manager .task-copy,.calendar-manager .event-copy{flex:1}.task-manager .task-check{background-clip:padding-box;flex:none;padding:0}.task-manager .task-check.checked{color:#fff}@media (width<=560px){.workspace-select{width:100%;font-size:10px}.data-form input,.data-form select{flex-basis:100%}.data-form button{flex:1}.data-icon-action{padding:6px 5px}}.notes-manager,.habit-manager{margin-top:14px}.notes-form{grid-template-columns:1fr 1fr;display:grid}.notes-form textarea{color:#526357;min-width:0;font:inherit;resize:vertical;border:1px solid #e8eeea;border-radius:7px;grid-column:1/-1;padding:9px;font-size:11px}.notes-search{color:#526357;width:100%;font:inherit;border:1px solid #e8eeea;border-radius:8px;margin:7px 0 12px;padding:9px 10px;font-size:10px}.note-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.note-card{background:#fbfcfa;border:1px solid #edf0ee;border-radius:10px;min-width:0;padding:13px}.note-card h3{color:#4d6253;margin:0;font-size:12px}.note-card p{color:#849188;white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px;line-height:1.6}.note-tags,.note-actions{flex-wrap:wrap;gap:6px;display:flex}.note-tags span{color:#78927e;background:#edf4ee;border-radius:6px;padding:4px 7px;font-size:9px}.note-actions{justify-content:flex-end;margin-top:10px}.habit-list{display:grid}.habit-row{border-bottom:1px solid #f0f2f0;align-items:center;gap:9px;min-height:48px;display:flex}.habit-toggle{color:#7e9c86;background:#fff;border:1px solid #dce6dd;border-radius:50%;flex:none;width:23px;height:23px;font-size:12px}.habit-toggle.done{color:#fff;background:#83a58d;border-color:#83a58d}.habit-copy{flex:1;gap:4px;min-width:0;display:grid}.habit-copy strong{color:#59675f;font-size:11px;font-weight:500}.habit-copy small{color:#9eaaa1;font-size:9px}.habit-streak{color:#bd8b5d}.notes-panel{min-width:0}@media (width<=560px){.notes-form{grid-template-columns:1fr}.notes-form textarea{grid-column:auto}}.family-workspace-manager{margin-top:16px}.family-manager{min-width:0}.family-manager-content{gap:12px;display:grid}.family-manager-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.family-manager-heading h3,.invitation-card h3{color:#405447;margin:0;font-size:14px}.family-manager-heading>span{color:#9aa79e;font-size:10px}.family-invite-form{margin:0}.family-invite-form input{min-width:0;font:inherit;border:1px solid #e8eeea;border-radius:8px;flex:190px;padding:9px 10px;font-size:11px}.family-invite-form select{color:#526357;font:inherit;background:#fff;border:1px solid #e8eeea;border-radius:8px;padding:8px 9px;font-size:10px}.family-member-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.family-member{background:#fcfdfb;border:1px solid #edf0ee;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:9px 10px;display:flex}.family-member-avatar{color:#64836b;background:#eaf2e9;border-radius:10px;flex:none;place-items:center;width:31px;height:31px;font-size:11px;font-weight:700;display:grid}.family-member-copy{flex:1;gap:3px;min-width:0;display:grid}.family-member-copy strong{color:#526357;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.family-member-copy small{color:#9ba79e;font-size:9px}.family-member select{color:#63766a;max-width:110px;font:inherit;background:#fff;border:1px solid #e8eeea;border-radius:7px;padding:6px;font-size:9px}.family-member button,.invitation-card button,.invitation-link button{color:#718277;background:#edf2ee;border:0;border-radius:7px;padding:7px 9px;font-size:9px}.invitation-link{background:#f7faf6;border:1px solid #e5eee4;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:11px;display:grid}.invitation-link label{color:#718779;grid-column:1/-1;font-size:10px}.invitation-link input{color:#64766a;min-width:0;font:inherit;background:#fff;border:1px solid #e1e9df;border-radius:7px;padding:8px;font-size:9px}.family-invitations{gap:8px;display:grid}.family-invitations h4{color:#718277;margin:4px 0 0;font-size:11px}.invitation-card{background:#fff;border:1px solid #edf0ee;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.invitation-card>span{gap:4px;min-width:0;display:grid}.invitation-card strong{overflow-wrap:anywhere;color:#59675f;font-size:10px}.invitation-card small{color:#9ba79e;font-size:9px}.family-manager-message{overflow-wrap:anywhere}@media (width<=560px){.family-member{flex-wrap:wrap}.family-member-copy{flex-basis:calc(100% - 50px)}.family-member select,.family-member button{margin-left:40px}.invitation-link{grid-template-columns:1fr}.invitation-link label{grid-column:auto}}.family-collaboration-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px;display:grid}.shopping-manager,.family-goals-manager{gap:12px;min-width:0;display:grid}.shopping-toolbar{justify-content:space-between;align-items:end;gap:10px;display:flex}.shopping-toolbar label{color:#84948a;flex:1;gap:5px;font-size:10px;display:grid}.shopping-toolbar select,.family-goal-controls input{color:#526357;min-width:0;font:inherit;background:#fff;border:1px solid #e6ece7;border-radius:8px;padding:8px 9px;font-size:11px}.shopping-list-form,.shopping-item-form,.family-goal-form{flex-wrap:wrap;gap:7px;margin:0;display:flex}.shopping-list-form input,.shopping-item-form input,.family-goal-form input{color:#526357;min-width:0;font:inherit;background:#fff;border:1px solid #e8eeea;border-radius:8px;flex:120px;padding:9px 10px;font-size:10px}.shopping-list-form button,.shopping-item-form button,.family-goal-form button{color:#fff;font:inherit;background:#75977c;border:0;border-radius:8px;padding:8px 12px;font-size:10px}.shopping-list-form button:disabled,.shopping-item-form button:disabled,.family-goal-form button:disabled{cursor:not-allowed;opacity:.5}.shopping-progress{color:#718277;justify-content:space-between;align-items:center;font-size:10px;display:flex}.shopping-progress-track{background:#edf2ed;border-radius:99px;height:7px;overflow:hidden}.shopping-progress-track>span{border-radius:inherit;background:#88aa8d;height:100%;transition:width .2s;display:block}.shopping-items,.family-goals-list{gap:8px;display:grid}.shopping-item{background:#fff;border:1px solid #edf0ee;border-radius:9px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px;display:grid}.shopping-item-check{color:#526357;align-items:center;gap:8px;min-width:0;font-size:11px;display:flex}.shopping-item-check input{accent-color:#75977c}.shopping-item-quantity{color:#84948a;font-size:10px}.shopping-item>small{color:#9ba79e;grid-column:1/-1;font-size:9px}.shopping-item-actions{gap:4px;display:flex}.shopping-item.is-purchased .shopping-item-check span{color:#a3afa6;text-decoration:line-through}.family-goal{background:#fff;border:1px solid #edf0ee;border-radius:10px;gap:9px;padding:12px;display:grid}.family-goal-heading,.family-goal-progress{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.family-goal-heading h3{color:#526357;margin:0;font-size:12px}.family-goal-heading p{color:#9ba79e;margin:4px 0 0;font-size:10px}.family-goal-status{color:#718277;background:#edf2ee;border-radius:99px;flex:none;padding:4px 7px;font-size:9px}.family-goal-status.status-completed{color:#56805f;background:#e9f3e9}.family-goal-progress{color:#718277;font-size:10px}.family-goal-progress strong{color:#5f8768}.family-goal-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.family-goal-controls input{width:95px}.family-goal-controls button{color:#718277;background:#edf2ee;border:0;border-radius:7px;padding:6px 8px;font-size:9px}.family-goal-date{color:#9ba79e;font-size:9px}@media (width<=900px){.family-collaboration-grid{grid-template-columns:1fr}}@media (width<=560px){.shopping-toolbar{flex-direction:column;align-items:stretch}.shopping-item{grid-template-columns:minmax(0,1fr) auto}.shopping-item-actions{grid-column:1/-1;justify-content:flex-end}.family-goal-controls input{flex:100%;width:auto}}.analytics-dashboard-panel{margin-top:17px}.analytics-panel{gap:16px;min-width:0;display:grid}.analytics-heading,.analytics-chart-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.analytics-heading h2{color:#35443b;margin:0;font-size:16px;font-weight:600}.analytics-period-note{color:#9ba79e;margin:5px 0 0;font-size:10px}.analytics-period-switch{background:#f2f5f1;border-radius:9px;flex-wrap:wrap;gap:5px;padding:4px;display:flex}.analytics-period-switch button{color:#819087;font:inherit;background:0 0;border:0;border-radius:7px;padding:7px 10px;font-size:10px}.analytics-period-switch button[aria-pressed=true]{color:#55745d;background:#fff;box-shadow:0 1px 4px #2d433414}.analytics-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.analytics-stat{background:#fbfcfa;border:1px solid #edf1ed;border-radius:11px;gap:7px;min-width:0;padding:14px;display:grid}.analytics-stat span{color:#89978d;font-size:10px}.analytics-stat strong{color:#526b58;font-size:25px;font-weight:600}.analytics-stat small{color:#a2aca5;font-size:9px;line-height:1.5}.analytics-chart{background:#fff;border:1px solid #edf1ed;border-radius:11px;padding:15px}.analytics-chart-heading h3{color:#526357;margin:0;font-size:12px}.analytics-chart-heading span,.analytics-chart-legend{color:#9ba79e;font-size:9px}.analytics-chart-legend{gap:13px;margin-top:10px;display:flex}.analytics-legend-task:before,.analytics-legend-habit:before{content:"";border-radius:2px;width:7px;height:7px;margin-right:5px;display:inline-block}.analytics-legend-task:before{background:#83a58d}.analytics-legend-habit:before{background:#c5b8dc}.analytics-bars{align-items:stretch;gap:5px;min-height:125px;margin-top:12px;display:flex}.analytics-bar-group{flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.analytics-bar-pair{border-bottom:1px solid #edf1ed;justify-content:center;align-items:flex-end;gap:3px;width:100%;height:95px;display:flex}.analytics-bar{border-radius:4px 4px 0 0;width:min(34%,18px);min-height:0;display:block}.analytics-bar-task{background:#83a58d}.analytics-bar-habit{background:#c5b8dc}.analytics-bar-group small{color:#9ba79e;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;overflow:hidden}.analytics-disclaimer{color:#8b978e;background:#f7f9f6;border-radius:8px;margin:0;padding:10px 12px;font-size:9px;line-height:1.7}@media (width<=560px){.analytics-heading{flex-direction:column;align-items:flex-start}.analytics-period-switch{width:100%}.analytics-period-switch button{flex:1}.analytics-stats{grid-template-columns:1fr}.analytics-stat{grid-template-columns:1fr auto;align-items:center}.analytics-stat strong{grid-area:1/2/span 2}.analytics-stat small{grid-column:1}.analytics-chart{padding:11px 8px}.analytics-bars{gap:2px}}