.guide-body{padding:var(--spacing-lg);flex:1;overflow-y:auto}.guide-content{max-width:600px;color:var(--on-surface);margin:0 auto}.guide-content h1{margin-bottom:var(--spacing-md);color:var(--primary);font-size:28px;font-weight:400}.guide-content .lead{margin-bottom:var(--spacing-xl);color:var(--on-surface-variant);font-size:18px;line-height:1.5}.guide-content h3{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm);color:var(--secondary);font-size:20px;font-weight:500}.guide-content p{margin-bottom:var(--spacing-md);font-size:16px;line-height:1.6}.guide-content ul{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-lg)}.guide-content li{margin-bottom:var(--spacing-sm);font-size:16px;line-height:1.6}.guide-content strong{color:var(--primary);font-weight:600}.app-shell{background-color:var(--bg-primary);flex-direction:column;height:100vh;display:flex;overflow:hidden}.top-bar{height:64px;padding:0 var(--spacing-lg);background-color:var(--surface);flex-shrink:0;align-items:center;display:flex}@media (width<=768px){.top-bar{padding:0 var(--spacing-md)}}.logo{color:var(--on-surface);cursor:pointer;letter-spacing:-.5px;align-items:center;gap:var(--spacing-sm);font-size:22px;font-weight:400;text-decoration:none;display:flex}.logo-icon{width:32px;height:32px;transition:transform var(--transition-fast)}.logo:hover .logo-icon{transform:scale(1.1)}.top-bar-actions{align-items:center;gap:var(--spacing-sm);margin-left:auto;display:flex}.btn-guide{color:var(--on-surface-variant);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:20px;justify-content:center;align-items:center;display:flex}.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{flex:1;display:flex;overflow:hidden}.sidebar{background-color:var(--bg-primary);width:80px;padding:var(--spacing-md) 0;gap:var(--spacing-sm);flex-direction:column;align-items:center;display:flex}@media (width>=768px){.sidebar{width:240px;padding:var(--spacing-md);transition:width var(--transition-medium), padding var(--transition-medium);align-items:stretch}.shell-body.collapsed .sidebar{width:80px;padding:var(--spacing-md) 0;align-items:center}}@media (width<=768px){.sidebar{display:none}}.content{padding:var(--spacing-lg);background-color:var(--surface-container-lowest);border-top-left-radius:24px;flex:1;overflow:hidden auto}@media (width<=768px){.content{padding:var(--spacing-md);border-top-left-radius:0}}.bottom-nav{background-color:var(--surface-container);height:80px;padding:0 var(--spacing-sm);flex-shrink:0;display:none}@media (width<=768px){.bottom-nav{justify-content:space-around;align-items:center;display:flex}}.nav-item{color:var(--on-surface-variant);min-width:64px;height:56px;transition:all var(--transition-fast);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.nav-item:hover{color:var(--on-surface)}@media (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{color:var(--on-surface-variant);cursor:pointer;width:56px;height:56px;transition:all var(--transition-fast);margin-bottom:var(--spacing-md);background:0 0;border:none;border-radius:28px;justify-content:center;align-items:center;display:flex}.nav-toggle:hover{background-color:rgba(var(--on-surface-rgb), .08);color:var(--on-surface)}@media (width>=768px){.nav-toggle{margin-left:var(--spacing-sm);align-self:flex-start}.shell-body.collapsed .nav-toggle{align-self:center;margin-left:0}.sidebar .nav-item{width:auto;padding:0 var(--spacing-lg);justify-content:flex-start;gap:var(--spacing-md);flex-direction:row;height:56px}.shell-body.collapsed .sidebar .nav-item{width:64px;height:64px;margin:0 auto var(--spacing-sm);border-radius:16px;flex-direction:column;justify-content:center;gap:0;padding:0}}.nav-icon-wrapper{width:64px;height:32px;transition:background-color var(--transition-fast);border-radius:16px;justify-content:center;align-items:center;display:flex}.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{margin-top:4px;font-size:12px;font-weight:500}@media (width>=768px){.sidebar .nav-label{margin-top:0;font-size:14px;display:block}.shell-body.collapsed .sidebar .nav-label{display:none}.sidebar .nav-icon-wrapper{background:0 0;width:auto;height:auto}.shell-body.collapsed .sidebar .nav-icon-wrapper{border-radius:16px;width:64px;height:32px}.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:#0000!important}}.snackbar{bottom:var(--spacing-lg);background-color:var(--surface-container-highest);color:var(--on-surface);justify-content:space-between;align-items:center;gap:var(--spacing-md);box-shadow:var(--elevation-3);z-index:2000;transition:transform var(--transition-medium), opacity var(--transition-fast);opacity:0;border-radius:12px;min-width:320px;max-width:90vw;padding:12px 16px;display:flex;position:fixed;left:50%;transform:translate(-50%)translateY(100px)}.snackbar.visible{opacity:1;transform:translate(-50%)translateY(0)}.snackbar-content{align-items:center;gap:var(--spacing-md);flex:1;display:flex}.snackbar-message{font-size:var(--font-size-body)}.snackbar-action{color:var(--primary);font-weight:500;font-size:var(--font-size-label);transition:background-color var(--transition-fast);border-radius:4px;padding:4px 8px;text-decoration:none}.snackbar-action:hover{background-color:var(--primary-container);color:var(--on-primary-container)}.snackbar-close{color:var(--on-surface-variant);cursor:pointer;width:24px;height:24px;transition:background-color var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.snackbar-close:hover{background-color:var(--surface-container-high)}@media (width<=600px){.snackbar{bottom:var(--spacing-md);min-width:calc(100vw - 32px)}}.loading{height:100vh;color:var(--on-surface-variant);justify-content:center;align-items:center;font-size:16px;display:flex}.page-header{align-items:center;gap:var(--spacing-md);display:flex}.page-header h1{color:var(--on-surface);font-size:28px;font-weight:400}.btn{height:40px;padding:0 var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--spacing-sm);color:inherit;background:0 0;border:none;border-radius:20px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.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;color:var(--on-surface-variant);transition:background-color var(--transition-fast);border-radius:50%;padding:0}.btn-icon:hover{background-color:var(--surface-container-high)}.btn-back{color:var(--on-surface-variant);cursor:pointer;width:40px;height:40px;transition:background-color var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.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:#c27070;--habit-color-2:#c28970;--habit-color-3:#c2a170;--habit-color-4:#c2ba70;--habit-color-5:#b1c270;--habit-color-6:#99c270;--habit-color-7:#81c270;--habit-color-8:#70c278;--habit-color-9:#70c291;--habit-color-10:#70c2a9;--habit-color-11:#70c2c2;--habit-color-12:#70a9c2;--habit-color-13:#7091c2;--habit-color-14:#7078c2;--habit-color-15:#8170c2;--habit-color-16:#9970c2;--habit-color-17:#b170c2;--habit-color-18:#c270ba;--habit-color-19:#c270a1;--habit-color-20:#c27089;--bg-primary:#fdfdfd;--bg-secondary:#f3f3f3;--surface:#fff;--surface-container-lowest:#fff;--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:#fff;--primary-container:#eaddff;--on-primary-container:#21005d;--secondary:#625b71;--on-secondary:#fff;--secondary-container:#e8def8;--on-secondary-container:#1d192b;--error:#b3261e;--on-error:#fff;--error-container:#f9dedc;--success:#388e3c;--on-success:#fff;--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 #00000026, 0 1px 2px 0 #0000004d;--elevation-2:0 2px 6px 2px #00000026, 0 1px 2px 0 #0000004d;--elevation-3:0 4px 8px 3px #00000026, 0 1px 3px 0 #0000004d;--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:#a14545;--habit-color-2:#a16045;--habit-color-3:#a17c45;--habit-color-4:#a19745;--habit-color-5:#8ea145;--habit-color-6:#73a145;--habit-color-7:#57a145;--habit-color-8:#45a14e;--habit-color-9:#45a16a;--habit-color-10:#45a185;--habit-color-11:#45a1a1;--habit-color-12:#4585a1;--habit-color-13:#456aa1;--habit-color-14:#454ea1;--habit-color-15:#5745a1;--habit-color-16:#7345a1;--habit-color-17:#8e45a1;--habit-color-18:#a14597;--habit-color-19:#a1457c;--habit-color-20:#a14560}}[data-theme=light]{--bg-primary:#fdfdfd;--bg-secondary:#f3f3f3;--surface:#fff;--surface-container-lowest:#fff;--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:#fff;--primary-container:#eaddff;--on-primary-container:#21005d;--secondary:#625b71;--on-secondary:#fff;--secondary-container:#e8def8;--on-secondary-container:#1d192b;--error:#b3261e;--on-error:#fff;--error-container:#f9dedc;--success:#388e3c;--on-success:#fff;--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:#a14545;--habit-color-2:#a16045;--habit-color-3:#a17c45;--habit-color-4:#a19745;--habit-color-5:#8ea145;--habit-color-6:#73a145;--habit-color-7:#57a145;--habit-color-8:#45a14e;--habit-color-9:#45a16a;--habit-color-10:#45a185;--habit-color-11:#45a1a1;--habit-color-12:#4585a1;--habit-color-13:#456aa1;--habit-color-14:#454ea1;--habit-color-15:#5745a1;--habit-color-16:#7345a1;--habit-color-17:#8e45a1;--habit-color-18:#a14597;--habit-color-19:#a1457c;--habit-color-20:#a14560}.sidesheet-overlay{z-index:1000;background-color:#0006;justify-content:flex-end;display:flex;position:fixed;inset:0}.sidesheet-content{background-color:var(--surface-container-low);width:100%;max-width:400px;height:100%;box-shadow:var(--elevation-3);padding:var(--spacing-lg);animation:slideIn var(--transition-medium);border-top-left-radius:28px;border-bottom-left-radius:28px;flex-direction:column;display:flex}.sidesheet-content.hint-sidesheet{box-shadow:none;padding:var(--spacing-sm) var(--spacing-lg)}.sidesheet-content.hint-sidesheet section{box-shadow:none!important;background:0 0!important;height:auto!important;padding:0!important;display:block!important}.sidesheet-content *{scrollbar-width:none;-ms-overflow-style:none}.sidesheet-content ::-webkit-scrollbar{display:none}.sidesheet-actions{justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) 0;margin-top:auto;display:flex}@media (width<=600px){.sidesheet-content{border-radius:0;max-width:100%}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.sidesheet-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.sidesheet-header h2{color:var(--on-surface);font-size:24px;font-weight:400}.btn-close{width:40px;height:40px;color:var(--on-surface-variant);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:24px;display:flex}.btn-close:hover{background-color:var(--surface-container-high)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;touch-action:manipulation;margin:0;padding:0}html,body{touch-action:manipulation;overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}h1{font-size:var(--font-size-headline);letter-spacing:0;font-weight:400}h2{font-size:var(--font-size-title);letter-spacing:0;font-weight:400}h3{letter-spacing:.1px;font-size:16px;font-weight:500}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input[type=text],input[type=number],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input,textarea{font-family:inherit;font-size:16px!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--outline)}.segmented-control{background:var(--surface-container-highest);border-radius:12px;gap:4px;width:100%;padding:4px;display:flex}.segment-btn{cursor:pointer;transition:all var(--transition-fast);color:var(--on-surface-variant);justify-content:center;align-items:center;gap:var(--spacing-xs);background:0 0;border:none;border-radius:8px;flex:1;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.segment-btn:hover{background:rgba(var(--on-surface-rgb), .08);color:var(--on-surface)}.segment-btn.active{background:var(--surface-container);color:var(--primary);box-shadow:var(--elevation-1)}.segment-btn .material-icons{font-size:18px}.dashboard-fabs{bottom:calc(80px + 16px + env(safe-area-inset-bottom));right:var(--spacing-lg);align-items:center;gap:var(--spacing-md);z-index:100;flex-direction:column;display:flex;position:fixed}@media (width>=769px){.dashboard-fabs{bottom:var(--spacing-xl);right:var(--spacing-xl)}}.fab{background-color:var(--primary-container);width:56px;height:56px;color:var(--on-primary-container);box-shadow:var(--elevation-3);transition:box-shadow var(--transition-fast), transform var(--transition-fast), background-color var(--transition-fast);cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;font-size:24px;display:flex}.fab-secondary{background-color:var(--secondary-container);width:40px;height:40px;color:var(--on-secondary-container);border-radius:12px}.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{color:var(--on-surface-variant);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:0;line-height:1;display:flex}.btn-info:hover{background-color:var(--surface-container-high);color:var(--primary)}.btn-info .material-icons,.btn-info .material-symbols-outlined{justify-content:center;align-items:center;width:1.1rem;height:1.1rem;display:flex;font-size:1.1rem!important}.clickable-insight{transition:opacity var(--transition-fast);cursor:pointer!important}.clickable-insight:hover{opacity:.7}.clickable-insight:active{opacity:.5}