.guide-body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.guide-content{max-width:600px;margin:0 auto;color:var(--on-surface)}.guide-content h1{font-size:28px;font-weight:400;margin-bottom:var(--spacing-md);color:var(--primary)}.guide-content .lead{font-size:18px;line-height:1.5;margin-bottom:var(--spacing-xl);color:var(--on-surface-variant)}.guide-content h3{font-size:20px;font-weight:500;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm);color:var(--secondary)}.guide-content p{font-size:16px;line-height:1.6;margin-bottom:var(--spacing-md)}.guide-content ul{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-lg)}.guide-content li{font-size:16px;line-height:1.6;margin-bottom:var(--spacing-sm)}.guide-content strong{font-weight:600;color:var(--primary)}.app-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--bg-primary)}.top-bar{height:64px;display:flex;align-items:center;padding:0 var(--spacing-lg);background-color:var(--surface);flex-shrink:0}.logo{font-size:22px;font-weight:400;color:var(--on-surface);cursor:pointer;letter-spacing:-.5px;display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.logo-icon{width:32px;height:32px;transition:transform var(--transition-fast)}.logo:hover .logo-icon{transform:scale(1.1)}.top-bar-actions{margin-left:auto;display:flex;align-items:center;gap:var(--spacing-sm)}.btn-guide{background:none;border:none;color:var(--on-surface-variant);cursor:pointer;width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-guide:hover{background-color:var(--surface-container-high);color:var(--on-surface)}.btn-guide .material-icons{font-size:20px}.logo-bg{fill:var(--primary-container)}.logo-symbol{fill:var(--primary)}[data-theme=dark] .logo-bg{fill:var(--surface-container-high)}[data-theme=dark] .logo-symbol{fill:var(--primary)}.shell-body{display:flex;flex:1;overflow:hidden}.sidebar{width:80px;background-color:var(--bg-primary);display:flex;flex-direction:column;padding:var(--spacing-md) 0;gap:var(--spacing-sm);align-items:center}@media(min-width:768px){.sidebar{width:240px;align-items:stretch;padding:var(--spacing-md);transition:width var(--transition-medium),padding var(--transition-medium)}.shell-body.collapsed .sidebar{width:80px;align-items:center;padding:var(--spacing-md) 0}}@media(max-width:768px){.sidebar{display:none}}.content{flex:1;overflow-y:auto;padding:var(--spacing-lg);background-color:var(--surface-container-lowest);border-top-left-radius:24px}@media(max-width:768px){.content{border-top-left-radius:0;padding:var(--spacing-md)}}.bottom-nav{display:none;height:80px;background-color:var(--surface-container);flex-shrink:0;padding:0 var(--spacing-sm)}@media(max-width:768px){.bottom-nav{display:flex;justify-content:space-around;align-items:center}}.nav-item{text-decoration:none;color:var(--on-surface-variant);display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:64px;height:56px;border-radius:16px;transition:all var(--transition-fast);position:relative;cursor:pointer}.nav-item:hover{color:var(--on-surface)}@media(min-width:768px){.nav-item:not(.active):hover{background-color:rgba(var(--on-surface-rgb),.04)}}.sidebar .nav-item{width:56px;margin-bottom:var(--spacing-sm)}.nav-toggle{background:none;border:none;color:var(--on-surface-variant);cursor:pointer;width:56px;height:56px;border-radius:28px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);margin-bottom:var(--spacing-md)}.nav-toggle:hover{background-color:rgba(var(--on-surface-rgb),.08);color:var(--on-surface)}@media(min-width:768px){.nav-toggle{margin-left:var(--spacing-sm);align-self:flex-start}.shell-body.collapsed .nav-toggle{margin-left:0;align-self:center}}@media(min-width:768px){.sidebar .nav-item{width:auto;flex-direction:row;justify-content:flex-start;padding:0 var(--spacing-lg);height:56px;gap:var(--spacing-md)}.shell-body.collapsed .sidebar .nav-item{width:64px;height:64px;flex-direction:column;justify-content:center;padding:0;gap:0;margin:0 auto var(--spacing-sm);border-radius:16px}}.nav-icon-wrapper{width:64px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:16px;transition:background-color var(--transition-fast)}.nav-icon-wrapper .material-icons{font-size:24px}.nav-item:hover .nav-icon-wrapper{background-color:rgba(var(--on-surface-rgb),.08)}.nav-item.active .nav-icon-wrapper{background-color:var(--secondary-container);color:var(--on-secondary-container)}.nav-item.active{color:var(--on-surface)}.nav-item:focus-visible,.nav-toggle:focus-visible,.btn-guide:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.nav-label{font-size:12px;font-weight:500;margin-top:4px}@media(min-width:768px){.sidebar .nav-label{font-size:14px;margin-top:0;display:block}.shell-body.collapsed .sidebar .nav-label{display:none}.sidebar .nav-icon-wrapper{width:auto;height:auto;background:transparent}.shell-body.collapsed .sidebar .nav-icon-wrapper{width:64px;height:32px;border-radius:16px}.sidebar .nav-item.active{background-color:var(--secondary-container);color:var(--on-secondary-container)}.sidebar .nav-item:hover{background-color:rgba(var(--on-surface-rgb),.08)}.shell-body.collapsed .sidebar .nav-item:hover{background-color:rgba(var(--on-surface-rgb),.12)}.sidebar .nav-item:hover .nav-icon-wrapper,.sidebar .nav-item.active .nav-icon-wrapper{background-color:transparent!important}}.snackbar{position:fixed;bottom:var(--spacing-lg);left:50%;transform:translate(-50%) translateY(100px);background-color:var(--surface-container-highest);color:var(--on-surface);padding:12px 16px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);box-shadow:var(--elevation-3);z-index:2000;transition:transform var(--transition-medium),opacity var(--transition-fast);opacity:0;min-width:320px;max-width:90vw}.snackbar.visible{transform:translate(-50%) translateY(0);opacity:1}.snackbar-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.snackbar-message{font-size:var(--font-size-body)}.snackbar-action{color:var(--primary);text-decoration:none;font-weight:500;font-size:var(--font-size-label);padding:4px 8px;border-radius:4px;transition:background-color var(--transition-fast)}.snackbar-action:hover{background-color:var(--primary-container);color:var(--on-primary-container)}.snackbar-close{background:none;border:none;color:var(--on-surface-variant);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;transition:background-color var(--transition-fast)}.snackbar-close:hover{background-color:var(--surface-container-high)}@media(max-width:600px){.snackbar{bottom:var(--spacing-md);min-width:calc(100vw - 32px)}}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:16px;color:var(--on-surface-variant)}.page-header{display:flex;align-items:center;gap:var(--spacing-md)}.page-header h1{font-size:28px;font-weight:400;color:var(--on-surface)}.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 var(--spacing-lg);border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);gap:var(--spacing-sm);text-decoration:none;border:none;background:none;color:inherit}.btn:disabled{opacity:.38;cursor:default;pointer-events:none}.btn-primary{background-color:var(--primary);color:var(--on-primary)}.btn-primary:hover{box-shadow:var(--elevation-1);background-image:linear-gradient(#ffffff14,#ffffff14)}.btn-outline{background-color:color-mix(in srgb,var(--primary-container) 15%,transparent);color:var(--primary);border:1px solid var(--primary)}.btn-outline.active{background-color:var(--secondary-container);color:var(--on-secondary-container)}.btn-ghost{color:var(--primary)}.btn-ghost:hover{background-color:var(--surface-container-low);color:var(--on-surface)}.btn-ghost.active{background-color:var(--secondary-container);color:var(--on-secondary-container)}.btn-error-outline{background-color:color-mix(in srgb,var(--error-container) 25%,transparent);color:var(--error);border:1px solid var(--error)}.btn-error-outline:hover{background-color:color-mix(in srgb,var(--error-container) 35%,transparent)}.btn-icon{width:40px;height:40px;padding:0;border-radius:50%;color:var(--on-surface-variant);transition:background-color var(--transition-fast)}.btn-icon:hover{background-color:var(--surface-container-high)}.btn-back{background:none;border:none;color:var(--on-surface-variant);cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;transition:background-color var(--transition-fast),transform var(--transition-fast)}.btn-back:hover{background-color:var(--surface-container-high);transform:translate(-4px)}.btn-icon .material-icons,.btn-back .material-icons{font-size:24px}:root{--habit-color-1: hsl(0, 40%, 60%);--habit-color-2: hsl(18, 40%, 60%);--habit-color-3: hsl(36, 40%, 60%);--habit-color-4: hsl(54, 40%, 60%);--habit-color-5: hsl(72, 40%, 60%);--habit-color-6: hsl(90, 40%, 60%);--habit-color-7: hsl(108, 40%, 60%);--habit-color-8: hsl(126, 40%, 60%);--habit-color-9: hsl(144, 40%, 60%);--habit-color-10: hsl(162, 40%, 60%);--habit-color-11: hsl(180, 40%, 60%);--habit-color-12: hsl(198, 40%, 60%);--habit-color-13: hsl(216, 40%, 60%);--habit-color-14: hsl(234, 40%, 60%);--habit-color-15: hsl(252, 40%, 60%);--habit-color-16: hsl(270, 40%, 60%);--habit-color-17: hsl(288, 40%, 60%);--habit-color-18: hsl(306, 40%, 60%);--habit-color-19: hsl(324, 40%, 60%);--habit-color-20: hsl(342, 40%, 60%);--bg-primary: #fdfdfd;--bg-secondary: #f3f3f3;--surface: #ffffff;--surface-container-lowest: #ffffff;--surface-container-low: #f7f2fa;--surface-container: #f3edf7;--surface-container-high: #ece6f0;--surface-container-highest: #e6e0e9;--on-surface: #1c1b1f;--on-surface-variant: #49454f;--outline: #79747e;--outline-variant: #cac4d0;--primary: #6750a4;--on-primary: #ffffff;--primary-container: #eaddff;--on-primary-container: #21005d;--secondary: #625b71;--on-secondary: #ffffff;--secondary-container: #e8def8;--on-secondary-container: #1d192b;--error: #b3261e;--on-error: #ffffff;--error-container: #f9dedc;--success: #388e3c;--on-success: #ffffff;--success-container: #c8e6c9;--on-surface-rgb: 28, 27, 31;--primary-rgb: 103, 80, 164;--secondary-rgb: 98, 91, 113;--error-rgb: 179, 38, 30;--success-rgb: 56, 142, 60;--text-primary: var(--on-surface);--text-secondary: var(--on-surface-variant);--border-color: var(--outline-variant);--accent-color: var(--primary);--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-size-display: 57px;--font-size-headline: 32px;--font-size-title: 22px;--font-size-label: 14px;--font-size-body: 16px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--page-max-width: 900px;--elevation-1: 0 1px 3px 1px rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .3);--elevation-2: 0 2px 6px 2px rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .3);--elevation-3: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px 0 rgba(0, 0, 0, .3);--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.3, 0, 0, 1);--transition-fast: .2s var(--ease-standard);--transition-medium: .4s var(--ease-emphasized)}@media(prefers-color-scheme:dark){:root{--bg-primary: #1c1b1f;--bg-secondary: #2b2930;--surface: #1c1b1f;--surface-container-lowest: #0f0d13;--surface-container-low: #1d1b20;--surface-container: #211f26;--surface-container-high: #2b2930;--surface-container-highest: #36343b;--on-surface: #e6e1e5;--on-surface-variant: #cac4d0;--outline: #938f99;--outline-variant: #49454f;--primary: #d0bcff;--on-primary: #381e72;--primary-container: #4f378b;--on-primary-container: #eaddff;--secondary: #ccc2dc;--on-secondary: #332d41;--secondary-container: #4a4458;--on-secondary-container: #e8def8;--error: #f2b8b5;--on-error: #601410;--error-container: #601410;--success: #81c784;--on-success: #003308;--success-container: #003308;--on-surface-rgb: 230, 225, 229;--primary-rgb: 208, 188, 255;--secondary-rgb: 204, 194, 220;--error-rgb: 242, 184, 181;--success-rgb: 129, 199, 132;--habit-color-1: hsl(0, 40%, 45%);--habit-color-2: hsl(18, 40%, 45%);--habit-color-3: hsl(36, 40%, 45%);--habit-color-4: hsl(54, 40%, 45%);--habit-color-5: hsl(72, 40%, 45%);--habit-color-6: hsl(90, 40%, 45%);--habit-color-7: hsl(108, 40%, 45%);--habit-color-8: hsl(126, 40%, 45%);--habit-color-9: hsl(144, 40%, 45%);--habit-color-10: hsl(162, 40%, 45%);--habit-color-11: hsl(180, 40%, 45%);--habit-color-12: hsl(198, 40%, 45%);--habit-color-13: hsl(216, 40%, 45%);--habit-color-14: hsl(234, 40%, 45%);--habit-color-15: hsl(252, 40%, 45%);--habit-color-16: hsl(270, 40%, 45%);--habit-color-17: hsl(288, 40%, 45%);--habit-color-18: hsl(306, 40%, 45%);--habit-color-19: hsl(324, 40%, 45%);--habit-color-20: hsl(342, 40%, 45%)}}[data-theme=light]{--bg-primary: #fdfdfd;--bg-secondary: #f3f3f3;--surface: #ffffff;--surface-container-lowest: #ffffff;--surface-container-low: #f7f2fa;--surface-container: #f3edf7;--surface-container-high: #ece6f0;--surface-container-highest: #e6e0e9;--on-surface: #1c1b1f;--on-surface-variant: #49454f;--outline: #79747e;--outline-variant: #cac4d0;--primary: #6750a4;--on-primary: #ffffff;--primary-container: #eaddff;--on-primary-container: #21005d;--secondary: #625b71;--on-secondary: #ffffff;--secondary-container: #e8def8;--on-secondary-container: #1d192b;--error: #b3261e;--on-error: #ffffff;--error-container: #f9dedc;--success: #388e3c;--on-success: #ffffff;--success-container: #c8e6c9;--on-surface-rgb: 28, 27, 31;--primary-rgb: 103, 80, 164;--secondary-rgb: 98, 91, 113;--error-rgb: 179, 38, 30;--success-rgb: 56, 142, 60}[data-theme=dark]{--bg-primary: #1c1b1f;--bg-secondary: #2b2930;--surface: #1c1b1f;--surface-container-lowest: #0f0d13;--surface-container-low: #1d1b20;--surface-container: #211f26;--surface-container-high: #2b2930;--surface-container-highest: #36343b;--on-surface: #e6e1e5;--on-surface-variant: #cac4d0;--outline: #938f99;--outline-variant: #49454f;--primary: #d0bcff;--on-primary: #381e72;--primary-container: #4f378b;--on-primary-container: #eaddff;--secondary: #ccc2dc;--on-secondary: #332d41;--secondary-container: #4a4458;--on-secondary-container: #e8def8;--error: #f2b8b5;--on-error: #601410;--error-container: #601410;--success: #81c784;--on-success: #003308;--success-container: #003308;--on-surface-rgb: 230, 225, 229;--primary-rgb: 208, 188, 255;--secondary-rgb: 204, 194, 220;--error-rgb: 242, 184, 181;--success-rgb: 129, 199, 132;--habit-color-1: hsl(0, 40%, 45%);--habit-color-2: hsl(18, 40%, 45%);--habit-color-3: hsl(36, 40%, 45%);--habit-color-4: hsl(54, 40%, 45%);--habit-color-5: hsl(72, 40%, 45%);--habit-color-6: hsl(90, 40%, 45%);--habit-color-7: hsl(108, 40%, 45%);--habit-color-8: hsl(126, 40%, 45%);--habit-color-9: hsl(144, 40%, 45%);--habit-color-10: hsl(162, 40%, 45%);--habit-color-11: hsl(180, 40%, 45%);--habit-color-12: hsl(198, 40%, 45%);--habit-color-13: hsl(216, 40%, 45%);--habit-color-14: hsl(234, 40%, 45%);--habit-color-15: hsl(252, 40%, 45%);--habit-color-16: hsl(270, 40%, 45%);--habit-color-17: hsl(288, 40%, 45%);--habit-color-18: hsl(306, 40%, 45%);--habit-color-19: hsl(324, 40%, 45%);--habit-color-20: hsl(342, 40%, 45%)}.sidesheet-overlay{position:fixed;inset:0;background-color:#0006;display:flex;justify-content:flex-end;z-index:1000}.sidesheet-content{width:100%;max-width:400px;background-color:var(--surface-container-low);height:100%;box-shadow:var(--elevation-3);display:flex;flex-direction:column;padding:var(--spacing-lg);animation:slideIn var(--transition-medium);border-top-left-radius:28px;border-bottom-left-radius:28px}.sidesheet-content.hint-sidesheet{box-shadow:none;padding:var(--spacing-sm) var(--spacing-lg)}.sidesheet-content.hint-sidesheet section{background:none!important;padding:0!important;box-shadow:none!important;height:auto!important;display:block!important}.sidesheet-content *{scrollbar-width:none;-ms-overflow-style:none}.sidesheet-content *::-webkit-scrollbar{display:none}.sidesheet-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) 0;margin-top:auto}@media(max-width:600px){.sidesheet-content{max-width:100%;border-radius:0}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.sidesheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.sidesheet-header h2{font-size:24px;font-weight:400;color:var(--on-surface)}.btn-close{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--on-surface-variant);background:none;border:none;cursor:pointer;transition:background-color var(--transition-fast)}.btn-close:hover{background-color:var(--surface-container-high)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}h1{font-size:var(--font-size-headline);font-weight:400;letter-spacing:0}h2{font-size:var(--font-size-title);font-weight:400;letter-spacing:0}h3{font-size:16px;font-weight:500;letter-spacing:.1px}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit;font-size:16px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--outline)}.segmented-control{display:flex;background:var(--surface-container-highest);padding:4px;border-radius:20px;gap:4px}.segment-btn{padding:8px 16px;border:none;background:transparent;border-radius:16px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);color:var(--on-surface-variant);font-size:14px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.segment-btn:hover{background:rgba(var(--on-surface-rgb),.04);color:var(--on-surface)}.segment-btn.active{background:var(--secondary-container);color:var(--on-secondary-container);box-shadow:var(--elevation-1)}.segment-btn .material-icons{font-size:18px}.dashboard-fabs{position:fixed;bottom:calc(96px + env(safe-area-inset-bottom));right:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);z-index:100}@media(min-width:769px){.dashboard-fabs{bottom:var(--spacing-xl);right:var(--spacing-xl)}}.fab{width:56px;height:56px;border-radius:16px;background-color:var(--primary-container);color:var(--on-primary-container);box-shadow:var(--elevation-3);font-size:24px;display:flex;align-items:center;justify-content:center;transition:box-shadow var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast);border:none;cursor:pointer}.fab-secondary{width:40px;height:40px;border-radius:12px;background-color:var(--secondary-container);color:var(--on-secondary-container)}.fab:hover{box-shadow:var(--elevation-3);filter:brightness(.95)}.fab:active{transform:scale(.95)}:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:4px}button:focus:not(:focus-visible),a:focus:not(:focus-visible),input:focus:not(:focus-visible),textarea:focus:not(:focus-visible){outline:none}.btn-info{background:none;border:none;padding:0;margin:0;color:var(--on-surface-variant);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast);line-height:1}.btn-info:hover{background-color:var(--surface-container-high);color:var(--primary)}.btn-info .material-icons,.btn-info .material-symbols-outlined{font-size:1.1rem!important;width:1.1rem;height:1.1rem;display:flex;align-items:center;justify-content:center}.clickable-insight{cursor:pointer!important;transition:opacity var(--transition-fast)}.clickable-insight:hover{opacity:.7}.clickable-insight:active{opacity:.5}