@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--mm-text:#1f2440;--mm-text-heading:#2b3250;--mm-text-muted:#556088;--mm-text-soft:#6a7398;--mm-text-nav:#4a5376;--mm-bg:#f6f7fb;--mm-bg-gradient:linear-gradient(180deg, #f9faff 0%, #f4f5fb 100%);--mm-surface:#fff;--mm-surface-subtle:#fafbff;--mm-surface-soft:#f5f7ff;--mm-border:#e6e9fb;--mm-border-soft:#e8ebfc;--mm-border-input:#d6dcef;--mm-accent:#6d5efc;--mm-accent-strong:#5a4fd4;--mm-accent-soft:#eef1ff;--mm-accent-wash:#6d5efc0f;--mm-overlay:#141b3361;--mm-shadow-panel:12px 0 30px #17244a26;--mm-shadow-card:0 8px 24px #18274b0d;--mm-toggle-track:#d4d8e8;--mm-toggle-on:#8b9fe8;color:var(--mm-text);background:var(--mm-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--mm-text:#e6e9f5;--mm-text-heading:#eef0fa;--mm-text-muted:#a7b0d0;--mm-text-soft:#8f98b8;--mm-text-nav:#c2c8e2;--mm-bg:#10121a;--mm-bg-gradient:linear-gradient(180deg, #151822 0%, #0e1017 100%);--mm-surface:#1a1e2c;--mm-surface-subtle:#212636;--mm-surface-soft:#242939;--mm-border:#2e3448;--mm-border-soft:#333a50;--mm-border-input:#3a425c;--mm-accent:#8b7fff;--mm-accent-strong:#a89bff;--mm-accent-soft:#2a2f48;--mm-accent-wash:#8b7fff1f;--mm-overlay:#04060e9e;--mm-shadow-panel:12px 0 30px #00000073;--mm-shadow-card:0 8px 24px #00000047;--mm-toggle-track:#3a425c;--mm-toggle-on:#6d7fd0}*{box-sizing:border-box}body{min-height:100vh;color:var(--mm-text);background:var(--mm-bg-gradient);margin:0}#root{min-height:100vh}.app-shell{box-sizing:border-box;min-width:0;max-width:980px;margin:16px auto 0;padding:1rem}.app-shell--side-page{margin-top:0}.side-panel-overlay{background:var(--mm-overlay);opacity:0;pointer-events:none;z-index:70;transition:opacity .2s;position:fixed;inset:0}.side-panel-overlay.is-open{opacity:1;pointer-events:auto}.side-panel{background:var(--mm-surface);border-right:1px solid var(--mm-border);width:min(72vw,18rem);height:100vh;box-shadow:var(--mm-shadow-panel);z-index:80;flex-direction:column;padding:.9rem .8rem;transition:transform .22s;display:flex;position:fixed;top:0;left:0;transform:translate(-102%)}.side-panel.is-open{transform:translate(0)}.side-panel-header{border-bottom:1px solid var(--mm-border-soft);align-items:center;padding:.2rem .2rem .65rem;display:flex;position:relative}.side-panel-header h2{text-align:left;letter-spacing:-.01em;color:var(--mm-text-heading);margin:0;padding-left:.1rem;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.32rem;font-weight:600;line-height:1}.side-panel-close{color:#4f5981;width:auto;height:auto;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0;font-size:1.2rem;line-height:1;position:absolute;top:50%;right:.2rem;transform:translateY(-50%)}.side-panel-close-icon{width:1.05rem;height:1.05rem;display:inline-block;position:relative}.side-panel-close-icon:before,.side-panel-close-icon:after{content:"";transform-origin:50%;background:currentColor;border-radius:999px;width:100%;height:.13rem;position:absolute;top:50%;left:50%}.side-panel-close-icon:before{transform:translate(-50%,-50%)rotate(45deg)}.side-panel-close-icon:after{transform:translate(-50%,-50%)rotate(-45deg)}.side-panel-nav{gap:.35rem;margin-top:.7rem;display:grid}.side-panel-item{color:#33406a;text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:.48rem;padding:.52rem .1rem;font-weight:500;display:inline-flex}.side-panel-item.active{color:#2d3361;font-weight:600}.side-panel-item.active .side-panel-item-icon{background:#eef1ff;border-color:#cfd6f8}.side-panel-item-icon{color:#39436d;background:#f5f7ff;border:1px solid #d6dcf7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.55rem;height:1.55rem;line-height:0;display:inline-flex}.side-panel-item-icon .side-panel-nav-svg{width:1.05rem;height:1.05rem;display:block}.sidebar-content{gap:.9rem;display:grid}.sidebar-content-header{align-items:center;gap:.55rem;display:flex}.sidebar-content-header h3{color:#2b3250;margin:0;font-size:1.15rem;line-height:1.2}.sidebar-content-close{color:#425188;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;line-height:0;display:inline-flex}.sidebar-content-close:hover{color:#2b3250}.sidebar-content-close:focus{outline:none}.sidebar-content-close:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #6d5efc}.sidebar-content-close-icon{width:1.15rem;height:1.15rem;display:block}.sidebar-content-intro{color:#556088;margin:0;font-size:.94rem;line-height:1.55}.sidebar-content-grid{gap:.65rem;display:grid}.sidebar-content-card{color:#384164;background:#fafbff;border:1px solid #e8ebfc;border-radius:12px;padding:.7rem .8rem}.sidebar-content-card--coming-soon{background:#f8f9ff;border-style:dashed}.sidebar-content-card--empty{background:#f5f7ff}.sidebar-content-card h4{color:#2f3558;margin:0 0 .4rem;font-size:.92rem}.sidebar-content-card p,.sidebar-content-card ul{color:#556088;margin:0;font-size:.88rem;line-height:1.5}.sidebar-content-card ul{padding-left:1.05rem}.sidebar-content-footnote{color:#6a7398;margin:0;font-size:.82rem;line-height:1.45}.experiments-grid{gap:.75rem;display:grid}.experiment-card{background:linear-gradient(165deg,#fdfdff 0%,#f7f8ff 100%);border:1px solid #e6e9f4;border-radius:10px;gap:.5rem;padding:.85rem .95rem;display:grid;box-shadow:0 4px 18px #18274b0a}.experiment-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.4rem .65rem;display:flex}.experiment-card-title{color:#252b48;letter-spacing:-.02em;margin:0;font-size:.98rem;font-weight:600;line-height:1.25}.experiment-complete-check{color:#2a9d55;margin-left:.35rem;font-weight:700}.experiment-card-badges{flex-wrap:wrap;gap:.35rem;display:flex}.experiment-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:10px;padding:.2rem .45rem;font-size:.65rem;font-weight:600;line-height:1}.experiment-badge--popular,.experiment-badge--coming-soon{color:#5a4fd4;background:#6d5efc1f}.experiment-badge--beginner-friendly{color:#3d6b8a;background:#3d6b8a1f}.experiment-card-duration{color:#6d7699;letter-spacing:.02em;margin:0;font-size:.78rem;font-weight:600}.experiment-card-summary{color:#4a5376;margin:0;font-size:.86rem;line-height:1.52}.experiment-card-footer{flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:.15rem;display:flex}.experiment-cancel-experiment-btn{color:#6a5a7a}.experiment-cancel-experiment-btn:hover{color:#a63a3a}.experiment-progress-panel{box-sizing:border-box;background:#dbf9e799;border:1px solid #74c79459;border-radius:10px;align-self:stretch;width:100%;margin-top:0;padding:.6rem .65rem}.experiment-started-message{color:#4a5376;margin:0;font-size:.82rem;line-height:1.4}.experiment-days{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.3rem .55rem;margin-top:.5rem;display:grid}.experiment-day-item{color:#5f688c;align-items:center;gap:.35rem;font-size:.77rem;display:inline-flex}.experiment-day-item input{accent-color:#6d5efc;width:.9rem;height:.9rem}.experiments-helper{color:#5a6288;background:#6d5efc0f;border:1px solid #6d5efc1f;border-radius:10px;margin:.15rem 0 0;padding:.65rem .75rem;font-size:.82rem;line-height:1.45}.explore-topics-block{gap:.55rem;display:grid}.explore-topics-intro{color:#556088;margin:0;font-size:.88rem;line-height:1.5}.explore-topics-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.explore-topic-row{color:#2b3250;font:inherit;letter-spacing:-.01em;background:#fafbff;border:1px solid #e6e9f4;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.72rem .85rem;font-size:.94rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.explore-topic-row:hover{background:#f3f5ff;border-color:#d4daf5}.explore-topic-row:focus{outline:none}.explore-topic-row:focus-visible{outline-offset:2px;outline:2px solid #6d5efc}.explore-topic-row-label{text-align:left}.explore-topic-row-chevron{color:#6d7699;flex-shrink:0;align-items:center;display:flex}.explore-topic-row:hover .explore-topic-row-chevron{color:#5a4fd4}.explore-topic-row-chevron-svg{width:1.1rem;height:1.1rem;display:block}.explore-topic-body{gap:.75rem;display:grid}.explore-topic-paragraph{color:#4a5376;margin:0;font-size:.9rem;line-height:1.55}.explore-section-stack{gap:.55rem;display:grid}.explore-section-block{margin:0}.settings-stack{gap:.65rem;display:grid}.setting-row-title-with-toggle{align-items:center;gap:10px;display:flex}.setting-row-title-with-toggle>span{color:#2f3558;font-size:.9rem;font-weight:600}.settings-toggle{cursor:pointer;flex-shrink:0;display:inline-flex;position:relative}.settings-toggle input{opacity:0;width:0;height:0;margin:0;position:absolute}.settings-toggle-track{background:var(--mm-toggle-track);border-radius:999px;width:2.15rem;height:1.15rem;transition:background .18s;display:block;position:relative;box-shadow:inset 0 0 0 1px #505a821f}.settings-toggle-track:after{content:"";background:#fff;border-radius:50%;width:.88rem;height:.88rem;transition:transform .18s;position:absolute;top:50%;left:.14rem;transform:translateY(-50%);box-shadow:0 1px 3px #28325a2e}.settings-toggle input:checked+.settings-toggle-track{background:var(--mm-toggle-on);box-shadow:inset 0 0 0 1px #465ab433}.settings-toggle input:checked+.settings-toggle-track:after{transform:translate(.99rem,-50%)}.settings-toggle input:focus-visible+.settings-toggle-track{outline-offset:2px;outline:2px solid #b8c0e8}.setting-row{border:1px solid var(--mm-border-soft);background:var(--mm-surface-subtle);border-radius:10px;gap:.25rem;padding:.65rem .7rem;display:grid}.setting-row-heading{justify-content:space-between;align-items:flex-start;gap:.45rem;display:flex}.setting-row-heading-title{color:var(--mm-text-heading);font-size:.9rem;font-weight:600;line-height:1.25}.setting-row-heading .experiment-badge{flex-shrink:0;margin-top:.05rem}.setting-row-notifications-head{position:relative}.setting-row-actions{flex-wrap:wrap;gap:.45rem;margin-top:.2rem;display:flex}.setting-row-actions .btn{margin-top:0}.setting-row-actions--export{flex-wrap:nowrap;width:100%}.setting-row-actions--export .btn{box-sizing:border-box;width:100%;min-width:0;font-size:inherit;border-radius:8px;flex:1 1 0;justify-self:stretch;padding:.45rem .55rem;line-height:1.25}.account-panel .account-auth-form{gap:.55rem;margin-top:.35rem;display:grid}.account-field{gap:.25rem;display:grid}.account-field>span{color:var(--mm-text-soft);font-size:.78rem;font-weight:600}.account-field input{border:1px solid var(--mm-border-input);background:var(--mm-surface);color:var(--mm-text);font:inherit;border-radius:8px;padding:.45rem .55rem}.account-sync-status{color:var(--mm-text-soft);margin:.35rem 0 0;font-size:.8rem}.account-sync-status--synced{color:#2a9d55}.account-sync-status--error{color:#a63a3a}.account-sync-status--syncing{color:var(--mm-accent)}.account-panel-feedback{color:var(--mm-text-soft);margin:.45rem 0 0;font-size:.8rem}.account-panel-feedback--error{color:#a63a3a}.account-panel code{font-size:.78em}.refer-share-copy{margin:0 0 .55rem}.refer-share-url{word-break:break-all;color:var(--mm-text-muted);margin:0 0 .7rem;font-size:.82rem}.legal-doc-updated{color:var(--mm-text-soft);margin:0 0 .35rem;font-size:.8rem}.legal-doc-sections{gap:.9rem;display:grid}.legal-doc-section h4{color:var(--mm-text-heading);margin:0 0 .35rem;font-size:.98rem}.legal-doc-section p,.legal-doc-section ul{color:var(--mm-text-muted);margin:0 0 .45rem;font-size:.9rem;line-height:1.5}.legal-doc-section ul{padding-left:1.15rem}.legal-doc-section li+li{margin-top:.2rem}.legal-doc-nav{color:var(--mm-text-soft);margin:1rem 0 0;font-size:.88rem}.legal-doc-nav a,.sidebar-content-card a{color:var(--mm-accent);text-underline-offset:2px;text-decoration:underline}.legal-doc-nav a:hover,.sidebar-content-card a:hover{color:var(--mm-accent-strong)}.setting-row>span{color:var(--mm-text-heading);font-size:.9rem;font-weight:600}.setting-row>small{color:var(--mm-text-soft);font-size:.8rem;line-height:1.4}.setting-row select{border:1px solid var(--mm-border-input);background-color:var(--mm-surface);color:var(--mm-text);appearance:none;font:inherit;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236D7699' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px 8px;border-radius:8px;margin-top:.2rem;padding:.45rem 2rem .45rem .55rem}.setting-row select:disabled{opacity:.55;cursor:not-allowed;background-color:#f3f4fa}.mood-reminder-select option{color:#3b456d}.mood-reminder-select--placeholder{color:#6a7398}.setting-row .btn{justify-self:start;margin-top:.2rem}.setting-row--placeholder .btn{opacity:.8}.app-header{justify-content:center;align-items:flex-start;min-height:calc(2.35rem + 20px);display:flex;position:relative}.menu-toggle{color:#33406a;cursor:pointer;background:0 0;border:0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;padding:0;font-size:1rem;line-height:1;display:inline-flex;position:absolute;top:0;left:0}.menu-toggle-lines{gap:.27rem;width:1.45rem;display:inline-grid}.menu-toggle-lines span{background:currentColor;border-radius:999px;width:100%;height:.2rem;display:block}.app-header h1{letter-spacing:-.01em;margin:0;padding-bottom:20px;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.9rem;font-weight:600;line-height:1}.app-header p{color:#66708f;margin:.3rem 0 0}.app-nav{gap:.45rem;width:100%;margin:1rem 0 1.3rem;display:flex}.nav-link{text-align:center;min-width:0;color:var(--mm-text-nav);background:var(--mm-accent-soft);white-space:nowrap;border-radius:999px;flex:1 1 0;padding:.5rem .35rem;font-size:clamp(.78rem,2.8vw,.95rem);text-decoration:none}.nav-link.active{background:var(--mm-accent);color:#fff}.app-content,.page-stack{gap:1rem;min-width:0;max-width:100%;display:grid}.card{background:var(--mm-surface);border:1px solid var(--mm-border-soft);box-shadow:var(--mm-shadow-card);box-sizing:border-box;border-radius:14px;min-width:0;max-width:100%;padding:1rem}.card-title-row{justify-content:flex-start;align-items:center;gap:5px;margin-bottom:20px;display:flex;position:relative}.card-title{margin:0;font-size:1.1rem}.card-title-extra{flex-shrink:0;align-items:center;display:flex}.mood-log-title-info-wrap{align-items:center;display:inline-flex;position:relative}.mood-log-title-info{color:#8b92b0;cursor:help;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;margin:0;padding:.15rem;line-height:0;transition:color .15s,background .15s;display:inline-flex}.mood-log-title-info:hover{color:#5c6488;background:#6c73941a}.mood-log-title-info:focus-visible{outline-offset:2px;color:#5c6488;outline:2px solid #b8c0e8}.mood-log-title-info-icon{width:1.35rem;height:1.35rem;display:block}.mood-log-title-tooltip{color:#1e2748;opacity:0;pointer-events:none;z-index:30;text-align:left;background:#dbe3fb;border:1px solid #9aacf0;border-radius:10px;width:min(17.5rem,100vw - 2.5rem);padding:.65rem .8rem;font-size:.8125rem;font-weight:400;line-height:1.45;transition:opacity .16s,transform .16s;position:absolute;top:50%;left:calc(100% + 8px);right:auto;transform:translate(6px,-50%);box-shadow:0 6px 18px #c5cde8}.mood-log-title-info-wrap:hover .mood-log-title-tooltip,.mood-log-title-info-wrap:focus-within .mood-log-title-tooltip{opacity:1;transform:translateY(-50%)}@media (width<=639px){.mood-log-title-info-wrap{position:static}.mood-log-title-tooltip{width:auto;max-width:none;top:calc(100% + 10px);left:0;right:0;transform:translateY(6px)}.mood-log-title-info-wrap:hover .mood-log-title-tooltip,.mood-log-title-info-wrap:focus-within .mood-log-title-tooltip{transform:translate(0)}.account-panel .setting-row-actions{flex-direction:column;align-items:stretch}.account-panel .setting-row-actions .btn{justify-self:stretch;width:100%}}.card-subtitle{color:#6c7394;margin:.25rem 0 .9rem}.stack-md{gap:.85rem;display:grid}@keyframes mood-face-icon-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.18)}}.mood-grid{grid-template-columns:repeat(5,minmax(0,1fr));justify-items:center;gap:.55rem;display:grid}.mood-grid--diary .mood-face-btn:not(.active){opacity:.72}.mood-log-note-field{margin-top:20px}.mood-face-btn{--mood-ring:#6d5efc;--mood-ring-soft:#6d5efc52;--mood-glow:#6d5efc38;--mood-fill-mid:#f0eeff8c;--mood-fill-outer:#eceffcbf;width:3.35rem;height:3.35rem;min-height:unset;cursor:pointer;background:radial-gradient(circle at 50% 50%, #fffffff2 0%, var(--mood-fill-mid) 42%, var(--mood-fill-outer) 100%);box-shadow:none;border:none;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid;overflow:hidden}.mood-face-btn[data-mood="1"]{--mood-ring:#de6f82;--mood-ring-soft:#de6f8261;--mood-glow:#de6f8252;--mood-fill-mid:#ffe0e48c;--mood-fill-outer:#fceceee0}.mood-face-btn[data-mood="2"]{--mood-ring:#e88f52;--mood-ring-soft:#e88f5261;--mood-glow:#e88f5247;--mood-fill-mid:#ffe8d68c;--mood-fill-outer:#fff2e6e6}.mood-face-btn[data-mood="3"]{--mood-ring:#d4a832;--mood-ring-soft:#d4a83261;--mood-glow:#d4a83242;--mood-fill-mid:#fff4d294;--mood-fill-outer:#fff8e2eb}.mood-face-btn[data-mood="4"]{--mood-ring:#5cb88a;--mood-ring-soft:#5cb88a61;--mood-glow:#5cb88a42;--mood-fill-mid:#dcf8e894;--mood-fill-outer:#eafcf2eb}.mood-face-btn[data-mood="5"]{--mood-ring:#5aa6d4;--mood-ring-soft:#5aa6d461;--mood-glow:#5aa6d447;--mood-fill-mid:#dceefc99;--mood-fill-outer:#e8f4ffeb}.mood-face-btn:hover{background:radial-gradient(circle at 50% 50%, #fff 0%, var(--mood-fill-mid) 45%, var(--mood-fill-outer) 100%)}.mood-face-btn:hover .mood-sprite--md,.mood-face-btn.active .mood-sprite--md{transform-origin:50%;will-change:transform, opacity;animation:2s ease-in-out infinite mood-face-icon-pulse}@media (prefers-reduced-motion:reduce){.mood-face-btn:hover .mood-sprite--md,.mood-face-btn.active .mood-sprite--md{animation:none}}.mood-face-btn:focus-visible{outline:2px solid var(--mood-ring-soft);outline-offset:3px}.mood-face-btn.active{box-shadow:none;background:radial-gradient(circle at 50% 50%, #fff 0%, var(--mood-fill-mid) 40%, var(--mood-fill-outer) 100%)}.mood-face-btn.active:focus-visible{outline:2px solid var(--mood-ring);outline-offset:3px}.mood-sprite{background-image:url(/mood-icons-sprite.png);background-repeat:no-repeat;background-size:500%;background-position:var(--mood-sprite-x,0%) var(--mood-sprite-y,50%);flex-shrink:0;margin-inline:auto;display:block}.mood-sprite--1{--mood-sprite-x:100%}.mood-sprite--2{--mood-sprite-x:75%}.mood-sprite--3{--mood-sprite-x:50%}.mood-sprite--4{--mood-sprite-x:25%}.mood-sprite--5{--mood-sprite-x:0%}.mood-sprite--md{width:108%;max-width:none;height:108%;aspect-ratio:unset;--mood-sprite-y:4%}.mood-sprite--sm{aspect-ratio:1/1.35;--mood-sprite-y:48%;background-size:500% 100%;width:1.65rem;max-width:100%}.field{gap:.35rem;display:grid}.field span{color:#4a5376;font-size:.9rem}.field input,.field textarea{font:inherit;background:#fff;border:1px solid #d8dcef;border-radius:10px;padding:.65rem .75rem}.mood-when-field .mood-when-row{flex-wrap:wrap;align-items:center;gap:.7rem 1rem;display:flex}.mood-when-field .mood-week-row{flex-wrap:wrap;align-items:center;gap:.45rem;width:100%;margin-top:.55rem;display:flex}.mood-when-option{color:#4a5376;cursor:pointer;align-items:center;gap:.35rem;font-size:.9rem;display:inline-flex}.mood-when-option input{accent-color:#6d5efc}.mood-hour-select{width:100%;max-width:none;font:inherit;appearance:none;color:#2a3150;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236D7699' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 10px center/12px 8px no-repeat;border:1px solid #d8dcef;border-radius:10px;margin-top:0;padding:.42rem 2rem .42rem .55rem;font-size:.84rem}.mood-when-field .mood-week-row .mood-hour-select{flex:1;min-width:0}.chip-row{flex-wrap:wrap;gap:.45rem;display:flex}.chip{color:#475074;cursor:pointer;background:#f7f9ff;border:1px solid #dbe1fb;border-radius:999px;padding:.4rem .65rem}.chip.active{color:#3c2fe0;background:#eeecff;border-color:#7c6fff}.diary-tag-hint{color:#6c7394;margin:-.35rem 0 0;font-size:.82rem;line-height:1.45}.diary-search{box-sizing:border-box;border-bottom:1px solid #eceffd;grid-template-columns:minmax(0,1fr);gap:.65rem;width:100%;min-width:0;max-width:100%;margin-bottom:1rem;padding-bottom:.85rem;display:grid;overflow-x:clip}.diary-search .field{grid-template-columns:minmax(0,1fr);width:100%;min-width:0;max-width:100%;margin:0;display:grid}.diary-search .field input[type=date]{box-sizing:border-box;appearance:none;width:100%;min-width:0;max-width:100%;min-height:2.1rem;padding-top:.38rem;padding-bottom:.38rem}.diary-search .btn{justify-self:start;height:2.5rem;padding-top:.38rem;padding-bottom:.38rem}.diary-search-empty{margin-top:.25rem}.diary-history{flex-direction:column;gap:1.35rem;display:flex}.diary-day-heading{color:#3a4260;margin:0 0 .55rem;font-size:.95rem;font-weight:600}.diary-entry-list{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.diary-entry{background:#f8f9ff;border:1px solid #eceffd;border-radius:10px;margin:0;padding:.65rem .75rem}.diary-entry-meta{color:#8b92b0;align-items:center;gap:.45rem;margin-bottom:.35rem;font-size:.75rem;display:flex}.diary-entry-delete{color:#a63a3a;font:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:.05rem .35rem;font-size:1.15rem;font-weight:500;line-height:1}.diary-entry-delete:hover{opacity:.75}.diary-entry-time{font-variant-numeric:tabular-nums}.diary-entry-mood{align-items:center;line-height:0;display:inline-flex}.diary-entry-note{color:#2a3150;white-space:pre-wrap;margin:0;font-size:.92rem;line-height:1.5}.btn{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:.65rem .95rem}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--mm-accent);color:#fff}.btn-danger{color:#fff;background:#c53d3d}.btn-danger:hover{background:#b03535}.btn-danger:focus-visible{outline-offset:2px;outline:2px solid #e08080}.btn-ghost{background:var(--mm-accent-soft);color:var(--mm-text-nav)}.btn.btn-ghost.btn-clear-all-data{box-sizing:border-box;width:100%;font-size:inherit;border:1px solid #d8def2;border-radius:8px;justify-self:stretch;padding:.45rem .55rem;line-height:1.25;transition:background .2s,color .2s,border-color .2s}.btn.btn-ghost.btn-clear-all-data:hover{color:#fff;background:#6d5efc;border-color:#5f52e8}.btn.btn-ghost.btn-clear-all-data:focus-visible{outline-offset:2px;outline:2px solid #b8c0e8}.confirm-modal-overlay{z-index:20000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18203873;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.confirm-modal{background:#fff;border:1px solid #e4e8f7;border-radius:14px;width:min(26rem,100%);max-height:min(90vh,32rem);padding:1.35rem 1.25rem 1.15rem;position:relative;overflow:auto;box-shadow:0 20px 48px #18274b2e}.confirm-modal-close{color:#6c7394;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;margin:0;padding:0;transition:background .15s,color .15s;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.confirm-modal-close:hover{color:#3d4566;background:#f0f2fb}.confirm-modal-close:focus-visible{outline-offset:1px;outline:2px solid #b8c0e8}.confirm-modal-title{color:#2a3150;margin:0 2.25rem .75rem 0;font-size:1.08rem;font-weight:650;line-height:1.3}.confirm-modal-body{color:#4c5683;margin:0 0 1.25rem;font-size:.88rem;line-height:1.55}.confirm-modal-body p{margin:0 0 .65rem}.confirm-modal-body p:last-child{margin-bottom:0}.confirm-modal-body ul{margin:.35rem 0 .65rem;padding-left:1.15rem}.confirm-modal-body li{margin-bottom:.35rem}.confirm-modal-body li:last-child{margin-bottom:0}.confirm-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.experiment-card-footer .btn.btn-ghost{color:#4c5683;background:#fff;border:1px solid #dde3f8;border-radius:10px;width:100%;padding:.5rem .75rem;font-size:.86rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.experiment-card-footer .btn.btn-ghost:hover{color:#3a4160;background:#f4f6ff;border-color:#c8d0f0}.timeline-metric-grid-wrap{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.35rem .65rem;width:100%;max-width:100%;display:grid}.timeline-metric-axis{grid-area:1/1;align-self:start;width:max-content;min-width:4.1rem;height:5.5rem;position:relative}.timeline-metric-axis-label{text-align:right;letter-spacing:.02em;text-transform:uppercase;color:#8b92b0;white-space:nowrap;padding-right:.2rem;font-size:.58rem;font-weight:600;line-height:1.15;position:absolute;left:0;right:0;transform:translateY(-50%)}.metric-chart-surface{background:linear-gradient(#f7f8ff 0%,#fbfcff 100%);border:1px solid #e4e8fb;border-radius:10px}.timeline-chart-stack{z-index:1;grid-area:1/2;width:100%;min-width:0;height:5.5rem;position:relative;overflow:visible}.analytics-metric-grid-wrap{box-sizing:border-box;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.35rem .65rem;width:100%;max-width:100%;padding-top:.45rem;padding-bottom:2.25rem;display:grid}.analytics-metric-grid-wrap.analytics-metric-grid-wrap--weekly{padding-bottom:3.85rem}.analytics-metric-grid-wrap.analytics-metric-grid-wrap--weekly .analytics-metric-x-labels{min-height:3.1rem;padding-bottom:1.35rem}.analytics-metric-axis{grid-area:1/1;align-self:start;width:max-content;min-width:4.1rem;height:260px;position:relative}.analytics-metric-axis-spacer{grid-area:2/1;min-width:4.1rem}.analytics-chart-stack{box-sizing:border-box;grid-area:1/2;width:100%;min-width:0;padding:0 .4rem;position:relative;overflow:visible}.analytics-chart-plot-wrap{width:100%;height:260px;position:relative}.analytics-metric-chart-surface{width:100%}.analytics-metric-x-labels{box-sizing:border-box;grid-area:2/2;align-items:start;gap:.1rem .15rem;width:100%;min-width:0;max-width:100%;min-height:2.75rem;padding-bottom:.85rem;display:grid}.analytics-metric-x-cell{text-align:center;color:#6c7394;font-variant-numeric:tabular-nums;justify-content:center;align-items:flex-start;min-width:0;padding-top:.15rem;font-size:.62rem;line-height:1.15;display:flex}.analytics-metric-x-cell-text{white-space:nowrap;transform-origin:top;max-width:none;padding-top:10px;display:inline-block;transform:rotate(-38deg)}.timeline-metric-chart{border-radius:10px;width:100%;height:100%;display:block;position:absolute;inset:0}.timeline-dots-overlay{pointer-events:none;position:absolute;inset:0}.timeline-dot-with-tooltip{pointer-events:auto;z-index:2;position:absolute;transform:translate(-50%,-50%)}.timeline-dot-with-tooltip:focus{outline:none}.timeline-dot-with-tooltip:focus-visible .timeline-metric-dot-visual{box-shadow:0 0 0 2px #fff,0 0 0 4px #6d5efc}.timeline-metric-dot-hit{cursor:default;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;margin:0;padding:0;display:flex}.timeline-dot-tooltip{color:#1f2440;text-align:left;word-break:break-word;opacity:0;visibility:hidden;pointer-events:none;z-index:20;background:#fff;border:1px solid #e4e8fb;border-radius:8px;min-width:5.5rem;max-width:14rem;padding:.45rem .6rem;font-size:.72rem;line-height:1.4;transition:opacity .12s,visibility .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 6px 20px #18274b1f}.timeline-dot-tooltip--empty{color:#8b92b0;font-style:italic}.timeline-dot-with-tooltip:hover .timeline-dot-tooltip,.timeline-dot-with-tooltip:focus-within .timeline-dot-tooltip{opacity:1;visibility:visible}.timeline-metric-dot-visual{box-sizing:border-box;aspect-ratio:1;background:#6d5efc;border-radius:50%;flex-shrink:0;width:4px;min-width:4px;max-width:4px;height:4px;min-height:4px;max-height:4px;box-shadow:0 0 0 1px #fff}.timeline-metric-axis-spacer{grid-area:2/1;min-width:4.1rem}.timeline-times{grid-area:2/2;gap:.15rem .2rem;width:100%;min-width:0;max-width:100%;display:grid}.timeline-time-cell{text-align:center;color:#6c7394;font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-width:0;min-height:2.85rem;font-size:.62rem;line-height:1.2;display:flex}.timeline-time-cell time{white-space:nowrap;transform-origin:50%;display:inline-block;transform:rotate(-42deg)}.timeline-metric-grid-layer{pointer-events:none}.timeline-metric-grid-point{stroke:#b8bcc8;stroke-width:.5px;stroke-dasharray:none;vector-effect:non-scaling-stroke}.timeline-metric-line{stroke:#6d5efc;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;vector-effect:non-scaling-stroke}.insights-list{color:#3e4666;margin:0;padding-left:1.1rem}.analytics-tabs{border-bottom:1px solid #e4e8fb;flex-wrap:nowrap;gap:0;width:100%;margin-bottom:1rem;display:flex}.analytics-tab{min-width:0;font:inherit;text-align:center;color:#6c7394;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;flex:1 1 0;margin:0 0 -1px;padding:.55rem .25rem .65rem;font-size:clamp(.78rem,2.8vw,.9rem);position:relative}.analytics-tab:hover{color:#1f2440;background:#6d5efc0f}.analytics-tab:focus{outline:none}.analytics-tab:focus-visible{border-radius:6px 6px 0 0;box-shadow:inset 0 0 0 2px #6d5efc59}.analytics-tab.active{color:#6d5efc;border-bottom-color:#6d5efc;font-weight:600}.analytics-tab.active:hover{color:#5a4fd4;background:0 0}.hint{color:#3f4ba3;margin:0;font-size:.92rem}.app-toast{left:50%;bottom:max(1.25rem, env(safe-area-inset-bottom,0px));z-index:120;color:#1f6b45;text-align:center;background:#e8f6ee;border:1px solid #b7e0c7;border-radius:10px;max-width:min(22rem,100vw - 2rem);padding:.7rem 1rem;font-size:.9rem;font-weight:600;line-height:1.35;animation:.22s app-toast-in;position:fixed;transform:translate(-50%);box-shadow:0 10px 28px #2878461f}@keyframes app-toast-in{0%{opacity:0;transform:translate(-50%)translateY(.45rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}.empty-state{color:#6d7699;margin:0}@media (width>=768px){.app-shell{padding:1.5rem}.card{padding:1.2rem}}[data-theme=dark] .side-panel-close,[data-theme=dark] .menu-toggle,[data-theme=dark] .side-panel-item,[data-theme=dark] .sidebar-content-close{color:var(--mm-text-nav)}[data-theme=dark] .side-panel-item:hover,[data-theme=dark] .side-panel-item.active{background:var(--mm-accent-soft);color:var(--mm-text-heading);border-color:#3d4566}[data-theme=dark] .sidebar-content-card{border-color:var(--mm-border);background:var(--mm-surface-subtle);color:var(--mm-text)}[data-theme=dark] .sidebar-content-card h4,[data-theme=dark] .sidebar-content-header h3,[data-theme=dark] .app-header h1,[data-theme=dark] .card-title,[data-theme=dark] .setting-row-title-with-toggle>span{color:var(--mm-text-heading)}[data-theme=dark] .sidebar-content-intro,[data-theme=dark] .sidebar-content-footnote,[data-theme=dark] .empty-state,[data-theme=dark] .explore-topics-intro,[data-theme=dark] .app-header p,[data-theme=dark] .legal-doc-updated,[data-theme=dark] .legal-doc-nav{color:var(--mm-text-soft)}[data-theme=dark] .legal-doc-section h4{color:var(--mm-text-heading)}[data-theme=dark] .legal-doc-section p,[data-theme=dark] .legal-doc-section ul{color:var(--mm-text-muted)}[data-theme=dark] .sidebar-content-card--coming-soon,[data-theme=dark] .sidebar-content-card--empty{background:var(--mm-surface-soft)}[data-theme=dark] .experiment-card,[data-theme=dark] .explore-topic-row,[data-theme=dark] .diary-entry,[data-theme=dark] .confirm-modal{background:var(--mm-surface-subtle);border-color:var(--mm-border);color:var(--mm-text)}[data-theme=dark] .experiment-badge--popular,[data-theme=dark] .experiment-badge--coming-soon{color:#c4bbff;background:#8b7fff2e}[data-theme=dark] .experiment-badge--beginner-friendly{color:#8eb8d4;background:#8eb8d429}[data-theme=dark] .setting-row select:disabled{background-color:#1a1e2c}[data-theme=dark] .setting-row select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23A7B0D0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-theme=dark] .mood-reminder-select option{color:var(--mm-text);background:var(--mm-surface)}[data-theme=dark] .btn.btn-ghost.btn-clear-all-data{border-color:var(--mm-border-input)}[data-theme=dark] .btn.btn-ghost.btn-clear-all-data:hover{background:var(--mm-accent);color:#fff;border-color:var(--mm-accent-strong)}[data-theme=dark] .confirm-modal-overlay{background:#04060eb8}[data-theme=dark] .analytics-tabs{border-bottom-color:var(--mm-border)}[data-theme=dark] .analytics-tab{color:var(--mm-text-soft)}[data-theme=dark] .analytics-tab:hover{color:var(--mm-text);background:var(--mm-accent-wash)}[data-theme=dark] .analytics-tab.active{color:var(--mm-accent);border-bottom-color:var(--mm-accent)}[data-theme=dark] .analytics-tab.active:hover{color:var(--mm-accent-strong)}[data-theme=dark] .hint{color:#a8b0ff}[data-theme=dark] .app-toast{color:#b8e6c8;background:#1e3328;border-color:#2f5a42;box-shadow:0 10px 28px #00000059}[data-theme=dark] .insights-list,[data-theme=dark] .diary-entry-note,[data-theme=dark] .timeline-time-cell{color:var(--mm-text-muted)}[data-theme=dark] .diary-entry-delete{color:#e08080}[data-theme=dark] .timeline-metric-grid-point{stroke:#4a5168}[data-theme=dark] .timeline-metric-line{stroke:var(--mm-accent)}[data-theme=dark] .mood-log-title-info{color:var(--mm-text-soft)}[data-theme=dark] .mood-log-title-info:hover,[data-theme=dark] .mood-log-title-info:focus-visible{color:var(--mm-text-nav);background:#a7b0d01f}[data-theme=dark] .mood-log-title-tooltip{color:var(--mm-text);border-color:var(--mm-border);background:#252a3c}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] .chip,[data-theme=dark] .mood-hour-select{background:var(--mm-surface-subtle);color:var(--mm-text);border-color:var(--mm-border-input)}[data-theme=dark] .chip.active{background:var(--mm-accent-soft);border-color:var(--mm-accent);color:var(--mm-text-heading)}
