.app,[data-color=sage]{--bg:#f6f7f2;--surface:#fffefa;--ink:#293b32;--muted:#627066;--accent:#42644e;--tint:#e7eee2;--line:#dbe2d6}[data-color=dustyPink]{--bg:#fbf6f6;--surface:#fffdfc;--ink:#473538;--muted:#796367;--accent:#8d4d60;--tint:#f3e3e7;--line:#e7d8db}[data-color=lavender]{--bg:#f8f6fb;--surface:#fffefe;--ink:#3c354c;--muted:#716780;--accent:#705389;--tint:#ece4f3;--line:#e1dbea}[data-color=mutedBlue]{--bg:#f4f7fa;--surface:#fffefe;--ink:#2f3e4b;--muted:#607181;--accent:#426a86;--tint:#e0ebf2;--line:#d4e0e9}[data-color=beigeMocha]{--bg:#f9f6f1;--surface:#fffefa;--ink:#443a31;--muted:#776a5c;--accent:#7e6048;--tint:#eee5d8;--line:#e3d9ca}.swatch.sage{background:#8fa58a}.swatch.dustyPink{background:#cf9da9}.swatch.lavender{background:#b29cc9}.swatch.mutedBlue{background:#8aafc5}.swatch.beigeMocha{background:#bca58a}[data-color=secretForest]{--bg:#f0f5f2;--surface:#fbfefb;--ink:#203a31;--muted:#526e61;--accent:#255f4c;--tint:#dcecdf;--line:#cbded0}.swatch.secretForest{background:#255f4c}[data-format=Natural]{--radius:22px;--button-radius:14px;--shadow:0 3px 12px #263b2803}[data-format=Cute]{--radius:30px;--button-radius:24px;--shadow:0 5px 0 var(--tint)}[data-format=Simple]{--radius:7px;--button-radius:6px;--shadow:none}[data-format=Cute] .category-card{border:2px solid var(--line);box-shadow:0 6px 0 var(--tint)}[data-format=Cute] .category-card .icon-wrap{border:2px dotted var(--accent);background:var(--surface);border-radius:16px;transform:rotate(-5deg)}[data-format=Cute] .gentle{border:2px dashed var(--line)}[data-format=Cute] .panel{box-shadow:0 5px 0 var(--tint);border-width:2px}[data-format=Cute] .companion-emoji{font-size:3.2rem;background:var(--surface);border-radius:50%;padding:8px}[data-format=Cute] .stamp-choices button{border-width:2px}[data-format=Simple] .category-card{padding-top:24px;padding-bottom:24px}[data-format=Simple] .icon-wrap{background:transparent;border-radius:0}[data-format=Simple] .gentle{background:transparent;border-left:3px solid var(--accent);border-radius:0}[data-format=Simple] h1{font-weight:600;letter-spacing:-.02em}[data-format=Simple] .panel{border-width:0 0 1px;background:transparent}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px}body{margin:0;color:#293b32}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent,#405d49);outline-offset:4px}button{min-height:48px;color:inherit;border:1px solid var(--line);background:var(--surface);border-radius:var(--button-radius);padding:12px 18px}button:hover:not(:disabled){border-color:var(--accent)}button[aria-pressed=true]{background:var(--tint);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}a{color:inherit}h1,h2,p{margin-top:0}h1{font-size:clamp(1.75rem,4.8vw,2.4rem);font-weight:500;line-height:1.4;letter-spacing:-.035em;margin-bottom:12px;overflow-wrap:anywhere}h2{font-size:1.05rem;line-height:1.5;font-weight:600}p{line-height:1.8}small,.note,.hint{font-size:.875rem;line-height:1.6}.app{min-height:100dvh;background:var(--bg);color:var(--ink);transition:background .15s}.shell{max-width:780px;margin:auto;padding:0 36px 140px}.brand{display:flex;align-items:center;justify-content:space-between;padding:28px 0 20px;border-bottom:1px solid var(--line)}.brand a{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--accent)}.brand a span{font-family:Georgia,serif;font-size:1.75rem;letter-spacing:-.06em}.version{font-size:.8rem;letter-spacing:.08em;color:var(--muted)}main:focus{outline:none}.page-heading{padding:32px 0 16px}.eyebrow{font-size:.875rem;color:var(--accent);margin-bottom:14px;line-height:1.6}.page-heading>p:last-child{color:var(--muted);margin-bottom:8px}.gentle{display:flex;gap:18px;align-items:center;background:var(--tint);border-radius:var(--radius);padding:20px 24px;margin:4px 0 32px}.gentle>span{font-size:2rem;color:var(--accent)}.gentle p{font-size:.95rem;line-height:1.8;margin:0;max-width:490px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 16px}.section-heading h2{margin:0}.section-heading>span{font-size:.875rem;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.category-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:20px;border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;color:var(--muted)}.icon-wrap{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--tint);color:var(--accent);border-radius:50%}.category-card strong{font-size:1.05rem;font-weight:600;overflow-wrap:anywhere}.hint{color:var(--muted);margin-top:5px;flex:1}.record-state{display:flex;align-items:center;gap:4px;font-size:.875rem;margin-top:16px;color:var(--muted)}.has-record{color:var(--accent);font-weight:600}.more-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:16px 0 24px;background:transparent;border-style:dashed}.skip-panel{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:center;border-top:1px solid var(--line);padding:22px 0}.skip-panel h2{font-family:Georgia,serif;font-size:1.15rem;margin-bottom:6px}.skip-panel p{font-size:.875rem;color:var(--muted);margin:0}.skip-panel>small{flex-basis:100%;color:var(--muted)}.footer-note{color:var(--muted);font-size:.875rem;line-height:1.6;text-align:center;margin-top:28px}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translate(-50%);width:min(100%,780px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--surface);border:1px solid var(--line);border-bottom:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;box-shadow:0 -6px 28px #20382708}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;border:0;background:transparent;color:var(--muted);padding:9px 3px;min-width:0}.bottom-nav span{font-size:.875rem;overflow-wrap:anywhere;line-height:1.4}.bottom-nav [aria-current=page]{background:var(--tint);color:var(--accent);font-weight:600}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin:10px 0 22px}.back{display:flex;gap:8px;align-items:center;margin-top:20px;border:0;padding-left:0;background:transparent}.back+.page-heading{padding-top:16px}.month-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:24px}.month-heading h2{margin:0;text-align:center}.month-heading button{padding:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.weekday{text-align:center;color:var(--muted);font-size:.8rem;padding:4px 0 10px;overflow-wrap:anywhere}.day{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0 2px;border:1px solid transparent;background:transparent;border-radius:12px;min-height:56px;min-width:0}.day small{height:18px;font-size:.8rem;font-weight:700;color:var(--accent)}.day.is-today{background:var(--tint);border-color:var(--accent);font-weight:700}.calendar-panel>.note{margin:22px 0 0;color:var(--muted)}.text-button{border:0;background:transparent;color:var(--accent);text-decoration:underline;text-underline-offset:4px}.choices{display:flex;flex-wrap:wrap;gap:10px}.choices>button{flex:1 1 110px}fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}legend{font-weight:600;margin-bottom:14px;line-height:1.6}.color-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.color-options button{display:flex;align-items:center;gap:10px;text-align:left;overflow-wrap:anywhere}.swatch{width:24px;height:24px;border-radius:50%;flex-shrink:0;border:1px solid #0002}.privacy{padding:4px 8px;color:var(--muted)}.privacy p{font-size:.875rem}.field{display:flex;flex-direction:column;gap:12px;margin:24px 0}.field input{padding:14px;border:1px solid var(--line);border-radius:var(--button-radius);background:var(--bg);color:var(--ink);width:100%;min-height:50px}.checkbox{display:flex;align-items:center;gap:12px;line-height:1.6;min-height:48px;margin-bottom:22px}.checkbox input{width:22px;height:22px;accent-color:var(--accent);flex-shrink:0}.form-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.form-actions>button{flex:1}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.editor>.choices{margin-bottom:24px}.editor>.note{margin-top:24px;color:var(--muted)}.empty-state{padding:40px 24px;text-align:center;color:var(--muted)}.empty-state svg{color:var(--accent);margin-bottom:18px}.empty-state p{margin:0}.history{display:grid}.history button{border-radius:0;border-width:0 0 1px;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px;padding:18px 0}.history small{display:block;color:var(--muted);margin-top:5px}.error{border:2px solid #984730;background:#fff0e9;color:#622a1b;border-radius:12px;padding:16px;margin-top:20px}@media(max-width:520px){.shell{padding:0 20px 150px}.brand{padding-top:22px}.page-heading{padding-top:26px}.category-card{padding:16px}.category-grid{gap:12px}.gentle{padding:18px;margin-bottom:26px}.panel{padding:18px}.calendar-panel{padding:14px 8px}.color-options{grid-template-columns:1fr}.calendar-grid{gap:1px}.day{min-height:52px}.bottom-nav{padding-left:6px;padding-right:6px}.bottom-nav span{font-size:.875rem}.skip-panel>button{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.bottom-nav .nav-label{font-size:clamp(.75rem,3vw,.875rem);max-width:100%;word-break:normal;overflow-wrap:anywhere;line-height:1.4}.bottom-nav .nav-emoji{font-size:22px;line-height:22px;height:22px;flex-shrink:0}.bottom-nav svg{flex-shrink:0}@media(max-width:380px){.bottom-nav{padding-left:0;padding-right:0}}.stamp-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stamp-choices button{position:relative;display:flex;align-items:center;gap:10px;text-align:left;min-height:64px;padding:14px 12px;overflow-wrap:anywhere}.stamp{font-size:1.7rem;line-height:1.2;flex-shrink:0}.stamp-check{font-size:.8rem;margin-left:auto}.editor-tabs,.month-tabs{display:flex;gap:8px;margin-bottom:24px}.editor-tabs button,.month-tabs button{flex:1;min-width:0;overflow-wrap:anywhere;padding:12px 8px}.field textarea{width:100%;min-height:100px;padding:14px;font:inherit;line-height:1.7;border:1px solid var(--line);border-radius:var(--button-radius);background:var(--bg);color:var(--ink);resize:vertical}.field textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.photo-actions{display:grid;gap:10px;margin:12px 0}.file-button{display:flex;align-items:center;justify-content:center;min-height:52px;border:1px solid var(--accent);border-radius:var(--button-radius);position:relative;padding:12px;cursor:pointer;overflow-wrap:anywhere}.file-button:focus-within{outline:3px solid var(--accent);outline-offset:3px}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;cursor:pointer}.photo-prompt{width:100%;border-style:dashed;background:var(--tint)}.photo-preview{margin:16px 0}.photo-preview>img{display:block;width:100%;max-width:240px;height:180px;object-fit:cover;border-radius:var(--radius)}.photo-preview figcaption{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.photo-preview button{flex:1;min-width:120px}.meal-list{display:grid;gap:8px;margin-bottom:24px}.meal-list>button{display:flex;gap:12px;align-items:center;text-align:left}.meal-list img{width:48px;height:48px;object-fit:cover;border-radius:8px}.meal-list small{display:block;overflow-wrap:anywhere}.meal-list button>span:first-of-type{flex:1}.daily-summary{border-top:1px solid var(--line);padding-top:18px}.review-record{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0;overflow-wrap:anywhere}.review-record>span{background:var(--tint);border-radius:8px;padding:6px 10px;font-size:.95rem;max-width:100%;white-space:pre-wrap}.review-record>img{width:150px;height:110px;object-fit:cover;border-radius:12px;display:block}.review-day{padding:16px 0;border-top:1px solid var(--line)}.day-link{background:transparent;border:0;text-align:left;font-weight:600;padding:10px 0}.comparison table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.875rem}.comparison th,.comparison td{padding:12px 6px;border-bottom:1px solid var(--line);overflow-wrap:anywhere;text-align:center;vertical-align:middle}.comparison th:first-child{text-align:left;width:42%}.temperature-chart{margin:0;color:var(--accent)}.temperature-chart svg{display:block;width:100%;height:auto;overflow:visible}.temperature-chart text{font-size:16px;fill:currentColor}.temperature-chart figcaption,.temperature-chart details{font-size:.875rem;line-height:1.6;color:var(--muted);margin-top:12px}.temperature-chart summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.temperature-chart ul{padding-left:20px}.selected-month{margin-top:30px}.day.predicted{border:1px dashed var(--accent);background:var(--tint)}.zone-key{display:inline-block;width:16px;height:16px;border:1px dashed var(--accent);vertical-align:middle}.prediction-panel{background:var(--tint);padding:20px;border-radius:var(--radius);margin-top:20px}.prediction-panel p{margin-bottom:10px}.companion-message{display:flex;gap:16px;align-items:center;padding-top:12px;border-top:1px solid var(--line)}.companion-message p{margin:0}.companion-emoji{font-size:2.5rem}.companion-options{display:grid;gap:12px}.companion-options button{display:flex;align-items:center;gap:16px;text-align:left}.companion-options small{display:block;margin-top:6px}.secret-color{display:flex;align-items:center;gap:12px;overflow-wrap:anywhere;width:100%}.saved-message{margin:18px 0 0;color:var(--accent)}.app [aria-pressed=true]{font-weight:600}.app{overflow-wrap:anywhere}.note{color:var(--muted)}@media(max-width:380px){.shell{padding-left:14px;padding-right:14px}.stamp-choices button{gap:6px;padding:12px 8px}.stamp{font-size:1.4rem}.panel{padding:16px}.calendar-panel{padding:12px 3px}.day small{font-size:.72rem}.bottom-nav span{font-size:.875rem}.bottom-nav button{min-height:66px}.month-tabs{gap:5px}.month-tabs button{padding:12px 5px}}@media(min-width:600px){.stamp-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}.temperature-chart svg{max-width:480px;margin-inline:auto}.temperature-chart text{font-size:22px}.day{position:relative}.day small{white-space:nowrap}.extra-marker{position:absolute;right:2px;top:2px;font-size:.75rem;font-weight:700;line-height:1}.bottom-nav button{padding-inline:0}.bottom-nav span{font-family:Arial,sans-serif;letter-spacing:-.015em;font-weight:400}.field input::placeholder{color:var(--muted);opacity:.72}.personal-mail summary{cursor:pointer;min-height:48px;padding:12px 0;overflow-wrap:anywhere}.personal-mail img{max-width:100%;height:auto;border-radius:12px}.personal-text{white-space:pre-wrap;overflow-wrap:anywhere}.support-form{display:grid;gap:1.2rem;min-width:0}.support-form label{display:grid;gap:.5rem;min-width:0}.support-form select,.support-form textarea{width:100%;min-width:0;max-width:100%;font:inherit;padding:.7rem;border:1px solid var(--line);border-radius:10px;background:var(--surface,#fff);color:inherit;box-sizing:border-box}.support-form button{white-space:normal;overflow-wrap:anywhere}.support-diagnosis dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem}.support-diagnosis dd{margin:0;overflow-wrap:anywhere}.support-admin{display:grid;gap:1rem;margin-top:1rem;min-width:0}.support-item{padding:1rem 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.support-description{white-space:pre-wrap}.support-admin code,.support-admin time{overflow-wrap:anywhere}