:root{color:#18342f;background:#f3f0e8;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.92),transparent 28rem),linear-gradient(135deg,#f7f4ed,#e8eee6)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid rgba(215,126,63,.4);outline-offset:3px}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{font-family:Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif}.app-loading{display:grid;min-height:100vh;place-items:center;color:#58746b;font-weight:600}.page-shell{width:min(960px,calc(100% - 40px));margin:0 auto;padding:28px 0 112px}.app-bottom-nav{scrollbar-width:none;position:fixed;z-index:80;right:50%;bottom:16px;display:flex;max-width:min(960px,calc(100% - 24px));align-items:center;justify-content:center;gap:8px;overflow-x:auto;padding:8px;border:1px solid rgba(34,79,68,.12);border-radius:12px;background:#fcfaf5f0;box-shadow:0 18px 50px #1e413829;transform:translate(50%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.nav-button,.text-button{border:0;color:#45655c;background:transparent;font-size:.84rem;font-weight:700}.nav-button{display:inline-grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border-radius:10px;padding:0}.nav-button:hover{color:#173c34;background:#ffffffa6}.nav-button.active{color:#173c34;background:#fffaf5;box-shadow:inset 0 0 0 2px #d77e3f59,0 8px 20px #1e41381f}.app-bottom-nav::-webkit-scrollbar{display:none}.nav-separator{width:1px;height:28px;flex:0 0 auto;background:#d9e3dd}.nav-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.nav-icon-fill,.nav-icon-muted{stroke:none}.nav-icon-muted{fill:currentColor;opacity:.35}.nav-icon-fill.soft{fill:#f4c8cd}.nav-icon-fill.medium{fill:#d76f80}.nav-icon-fill.heavy{fill:#9f304a}.nav-icon-text{fill:currentColor;stroke:none;font-size:6px;font-weight:900}.nav-icon-text.day-number{font-size:7.2px}.section-label{margin:0 0 18px;color:#58746b;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1{max-width:760px;margin:0;color:#173c34;font-size:clamp(2.75rem,7vw,5.25rem);line-height:.98;letter-spacing:-.06em}h2{margin:0;color:#173c34;font-size:1.65rem;letter-spacing:-.035em}.intro{max-width:630px;margin:28px 0 0;color:#5b6b65;font-size:1.08rem;line-height:1.7}.day-card,.month-card,.year-card,.panel-card,.auth-card{overflow:hidden;border:1px solid rgba(34,79,68,.12);border-radius:28px;background:#ffffffd1;box-shadow:0 28px 80px #1e41381a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.card-heading{display:flex;align-items:center;justify-content:space-between;padding:34px 38px 26px}.card-heading.flush{padding:0 0 24px}.section-label{margin-bottom:8px}.counter{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#fff;background:#1e5145;font-weight:800}.stack-form label{display:block;color:#344e47;font-size:.86rem;font-weight:700}.input-row{display:flex;gap:10px}input,select,textarea{width:100%;min-width:0;border:1px solid #d5ddd8;border-radius:14px;outline:none;padding:14px 16px;color:#173c34;background:#fff;transition:border-color .16s,box-shadow .16s}input:focus,select:focus,textarea:focus{border-color:#5c8f80;box-shadow:0 0 0 4px #5c8f8024}input[readonly]{color:#71817b;background:#f2f4f1}input::placeholder{color:#9aa7a2}.primary-button{border:0;border-radius:14px;padding:14px 22px;color:#fff;background:#d77e3f;font-weight:800;transition:transform .16s,background .16s}.primary-button:hover:not(:disabled){background:#bd6630;transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.55}.message{margin:-14px 38px 25px;color:#a23b2a;font-size:.9rem}.delete-button{border:0;padding:8px 0 8px 12px;color:#8c5a4f;background:transparent;font-size:.8rem;font-weight:700}.delete-button:hover{color:#bd3e27}.empty-state{margin:0;padding:44px 38px;color:#778780;text-align:center}.empty-state span{display:block;margin-bottom:10px;color:#d77e3f;font-size:1.5rem}.empty-state p{max-width:360px;margin:0 auto;line-height:1.6}.auth-shell{display:grid;width:min(440px,calc(100% - 40px));min-height:100vh;margin:0 auto;padding:72px 0;place-items:center}.auth-intro h1{font-size:clamp(3.1rem,7vw,6rem)}.auth-intro>p:last-child{max-width:540px;margin:28px 0 0;color:#61736c;font-size:1.05rem;line-height:1.75}.auth-card{padding:38px}.auth-card h2{margin-bottom:28px}.stack-form{display:grid;gap:18px}.stack-form label{display:grid;gap:8px}.stack-form label small{color:#84918d;font-weight:500}.stack-form .primary-button{width:100%;margin-top:4px}.auth-help,.soft-copy{margin:22px 0 0;color:#7a8984;font-size:.82rem;line-height:1.55}.text-button{padding:14px 0 0}.text-button:hover{color:#bd6630}.form-message{margin:0;color:#45655c;font-size:.86rem;line-height:1.5}.form-message.error{color:#a23b2a}.admin-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:22px;align-items:start}.profile-layout{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,.85fr);gap:22px;align-items:start}.split-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-summary dl{display:grid;gap:16px;margin:26px 0 0}.profile-summary dl div{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #e4e9e5;padding-bottom:14px}.profile-summary dl div:last-child{border-bottom:0;padding-bottom:0}.profile-summary dt{color:#6e7e78;font-size:.82rem;font-weight:700}.profile-summary dd{margin:0;color:#24443c;font-weight:800;text-align:right}.profile-data-card,.profile-logout-card{grid-column:1 / -1}.profile-summary-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.popup-card.guide-card{width:min(1080px,calc(100vw - 48px));max-height:min(820px,calc(100vh - 36px));overflow:auto}.guide-sections{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px}.guide-section{display:grid;gap:8px;border:1px solid #e1e8e4;border-radius:8px;padding:12px;background:#fff}.guide-section h3{margin:0;color:#183d34;font-size:.92rem}.guide-section ul{display:grid;gap:7px;margin:0;padding-left:18px;color:#5e7169;font-size:.84rem;line-height:1.45}.profile-data-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.switch-row{display:grid!important;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px!important;cursor:pointer}.switch-row input{position:absolute;opacity:0;pointer-events:none}.switch-control{position:relative;width:42px;height:24px;border:1px solid #cbd5d0;border-radius:999px;background:#e8ede9;transition:background .16s,border-color .16s}.switch-control:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #183d3433;transition:transform .16s}.switch-row input:checked+.switch-control{border-color:#5c8f80;background:#5c8f80}.switch-row input:checked+.switch-control:after{transform:translate(18px)}.switch-row input:focus-visible+.switch-control{outline:3px solid rgba(215,126,63,.4);outline-offset:3px}.stats-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;border:1px solid #dfe6e1;border-radius:8px;padding:12px}.stats-config:disabled{opacity:.55}.stats-config legend{padding:0 6px;color:#58746b;font-size:.72rem;font-weight:900;text-transform:uppercase}.check-row{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 7px!important;border:1px solid #e4e9e5;border-radius:6px;padding:7px 8px;background:#fff;cursor:pointer}.check-row input{width:15px;height:15px;accent-color:#8d2f46}.check-row span{min-width:0;color:#24443c;font-size:.78rem;font-weight:900}.check-row small{grid-column:2;color:#7a8984;font-size:.66rem}.year-card{min-height:calc(100dvh - 156px);overflow:visible;padding:0}.year-toolbar{display:flex;min-height:82px;align-items:center;justify-content:space-between;gap:18px;padding:24px 32px 16px}.year-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.compact-year-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.year-title-button{justify-self:center;border:0;padding:0;color:inherit;background:transparent}.year-arrow-button,.period-arrow-button,.day-arrow-button{position:relative;display:inline-grid;width:34px;min-width:34px;height:34px;place-items:center;overflow:hidden;border:0;border-radius:0;padding:0;color:#32564c;background:transparent;font-size:0;line-height:1}.year-arrow-button:hover,.period-arrow-button:hover,.day-arrow-button:hover{border-color:transparent;color:#183d34;background:transparent}.year-arrow-button:before,.period-arrow-button:before,.day-arrow-button:before{content:"";box-sizing:border-box;position:absolute;top:50%;left:50%;width:13px;height:13px;border-top:3px solid currentColor;border-right:3px solid currentColor;border-radius:1px;transform-origin:center}.year-arrow-button:first-child:before,.period-arrow-button:first-child:before,.day-arrow-button:first-child:before{transform:translate(-35%,-50%) rotate(-135deg)}.year-arrow-button:last-child:before,.period-arrow-button:last-child:before,.day-arrow-button:last-child:before{transform:translate(-65%,-50%) rotate(45deg)}.year-message{margin:0 32px 18px}.year-grid-wrap{max-height:calc(100dvh - 180px);overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid #e5e8e3;background:#f7f8f4c2}.year-grid{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;table-layout:fixed}.year-grid th,.year-grid td{height:34px;border-right:1px solid #e3e8e4;border-bottom:1px solid #e3e8e4;padding:0;text-align:center}.year-grid thead th{position:sticky;top:0;z-index:6;height:42px;background:#f7f8f4;box-shadow:0 1px #e3e8e4}.year-grid th:first-child{position:sticky;left:0;z-index:7;width:46px;color:#6a7a74;background:#f7f8f4;font-size:.76rem}.month-button{width:100%;min-height:40px;border:0;color:#32564c;background:transparent;font-size:.76rem;font-weight:900}.month-button:hover{color:#bd6630;background:#ffffffc7}.day-button{display:grid;width:100%;height:100%;min-height:33px;place-items:center;border:0;background:transparent}.day-button:hover:not(:disabled){background:#d77e3f14}.year-grid .day-button.level-light{background:#f4c8cd;box-shadow:inset 0 0 0 1px #d9959c}.year-grid .day-button.level-medium{background:#d76f80;box-shadow:inset 0 0 0 1px #c85f70}.year-grid .day-button.level-heavy{background:#9f304a;box-shadow:inset 0 0 0 1px #8d2f46}.year-grid .day-button.level-light:hover:not(:disabled){background:#efb8c0}.year-grid .day-button.level-medium:hover:not(:disabled){background:#cc5f72}.year-grid .day-button.level-heavy:hover:not(:disabled){background:#8d2f46}.day-dot{display:block;width:15px;height:15px;border:2px solid #cbd5d0;border-radius:50%;background:transparent}.day-dot.light,.day-dot.medium,.day-dot.heavy{border-radius:50% 50% 50% 0;transform:rotate(135deg)}.day-dot.light{border-color:#d9959c;background:#f4c8cd}.day-dot.medium{border-color:#c85f70;background:#d76f80}.day-dot.heavy{border-color:#8d2f46;background:#9f304a}.year-grid td.is-empty{background:#e8ece79e}.year-card,.month-card,.day-card,.year-grid-wrap{touch-action:pan-y pinch-zoom}.month-card{min-height:calc(100dvh - 156px);padding:0 0 30px}.month-toolbar-wrap{display:grid;min-height:82px;align-items:center;gap:10px;padding:24px 32px 16px}.small-back-button{justify-self:start;min-width:104px;min-height:34px;border:1px solid #ccd7d2;border-radius:8px;padding:7px 12px;color:#32564c;background:#fff;font-size:.72rem;font-weight:900;text-align:center}.month-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:50px}.compact-period-toolbar h2{justify-self:center;text-align:center}.month-toolbar h2{line-height:1.15}.month-cycle-summary{display:grid;gap:4px;margin:12px 32px 0;border:1px solid #dfe6e1;border-radius:6px;padding:8px 10px;color:#34574d;background:#fbf8f2;font-size:.82rem;font-weight:800;line-height:1.35}.cycle-summary-section{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:baseline}.cycle-summary-title{flex-basis:100%;color:#58746b;font-size:.72rem;font-weight:900;text-transform:uppercase}.month-cycle-summary p{margin:0}.month-cycle-summary strong{color:#183d34}.month-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;padding:0 32px 10px}.month-weekdays span{color:#6a7a74;font-size:.74rem;font-weight:900;text-align:center;text-transform:uppercase}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:0 32px}.month-day{position:relative;display:grid;min-height:106px;align-content:start;gap:8px;border:1px solid #e0e7e2;border-radius:12px;padding:10px;color:#24443c;background:#ffffffc7;text-align:left}.month-day.empty{border-style:dashed;background:#e8ece775}.month-day.has-day:hover:not(:disabled){border-color:#d9959c;background:#fff}.month-day.level-light{background:#fff7f8;border-left-color:#f4c8cd;box-shadow:inset 4px 0 #f4c8cd}.month-day.level-medium{background:#fff7f8;border-left-color:#d76f80;box-shadow:inset 4px 0 #d76f80}.month-day.level-heavy{background:#fff7f8;border-left-color:#9f304a;box-shadow:inset 4px 0 #9f304a}.month-day-heading{display:inline-flex;align-items:center;gap:5px;min-width:0}.month-day-number{font-size:.7rem;font-weight:900}.month-day .day-dot{position:static;display:inline-block;width:12px;height:12px;flex:0 0 auto}.month-day-summary{min-height:34px;color:#6a7a74;font-size:.76rem;font-weight:700;line-height:1.35}.day-card{min-height:calc(100dvh - 156px);padding:0 0 32px}.day-toolbar{display:grid;grid-template-columns:1fr;min-height:82px;align-items:center;gap:10px;padding:24px 32px 16px}.day-date-nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-width:0;min-height:50px}.day-date-title{display:grid;justify-items:center;gap:2px;min-width:0;text-align:center}.day-date-title h2{margin:0;text-align:center}.day-date-title span{color:#6b7c73;font-size:.82rem;font-weight:700}.day-back-button{justify-self:start;width:104px;min-height:34px;padding:7px 12px;text-align:center}.day-summary{display:grid;gap:12px;margin:0 32px 14px;border:1px solid #dfe6e1;border-radius:8px;padding:14px;color:#34574d;background:#fbf8f2}.day-summary-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.day-summary-tag{display:grid;grid-template-columns:18px minmax(0,auto) minmax(0,1fr);align-items:baseline;gap:8px;min-width:0;padding:2px 0}.day-summary-icon{display:inline-flex;width:18px;justify-content:center;align-items:center;line-height:1}.day-summary-tag .day-dot{width:10px;height:10px}.day-summary-tag strong{color:#183d34;font-size:.82rem}.day-summary-tag em{min-width:0;color:#687a73;font-size:.82rem;font-style:normal}.day-summary-note,.day-summary-empty{margin:0;color:#687a73;font-size:.86rem;line-height:1.45}.day-summary-note strong{color:#183d34}.day-danger-row{display:flex;justify-content:flex-end;padding:0 32px 16px}.day-fields-form{display:grid;gap:22px;padding:0 32px 32px}.day-bleeding-panel{display:grid;gap:10px}.day-bleeding-panel h3{margin:0;color:#344e47;font-size:.9rem}.bleeding-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.bleeding-choice{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border:1px solid #dfe6e1;border-radius:4px;padding:8px 6px;color:#34574d;background:#fff;font-size:.8rem;font-weight:900;white-space:nowrap}.bleeding-choice.active{border-color:#d9959c;color:#8d2f46;background:#fff0f2}.bleeding-choice .day-dot{flex:0 0 auto}.daily-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:0 12px}.daily-field{position:relative;min-width:0}.daily-field input{border-radius:4px;padding-top:4px;padding-bottom:4px}.daily-field-row{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px}.emoji-button{display:inline-grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:0;border-radius:8px;background:transparent;color:#183d34;font-size:1.2rem;line-height:1}.emoji-button:hover,.emoji-button:focus-visible{background:#fff0f2}.emoji-picker-popover{position:absolute;z-index:20;top:44px;left:0;right:0;overflow:hidden;border:1px solid #dfe6e1;border-radius:8px;box-shadow:0 18px 40px #212d292e}.day-notes-field{display:grid;gap:8px;color:#344e47;font-size:.86rem;font-weight:900}.day-notes-field textarea{min-height:150px;resize:vertical;line-height:1.5}.day-save-message{grid-column:1 / -1}.panel-card{padding:32px}.stack-form.compact{margin-top:24px}.share-result{display:grid;gap:12px;margin-top:24px;border-radius:16px;padding:18px;background:#eff3ee}.share-result code{max-height:90px;overflow:auto;border-radius:8px;padding:10px;color:#2d5047;background:#ffffffbf;font-size:.73rem;white-space:normal}.share-result p{margin:0;color:#687a73;font-size:.8rem;line-height:1.5}.secondary-button{border:1px solid #ccd7d2;border-radius:10px;padding:9px 12px;color:#32564c;background:#fff;font-size:.78rem;font-weight:800}.secondary-button:hover{border-color:#8da69d}.visually-hidden-file{position:fixed;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.admin-user-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.secondary-button.danger-soft{border-color:#e5c8c8;color:#8c4b4b}.secondary-button.danger-soft:hover{border-color:#d99a9a;color:#a23b2a}.secondary-button.danger{border-color:#c85f70;color:#fff;background:#9f304a}.secondary-button.danger:hover:not(:disabled){border-color:#8d2f46;background:#8d2f46}.user-list{border-top:1px solid #e4e9e5}.user-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid #e4e9e5}.user-row:last-child{border-bottom:0}.user-row>div{display:grid;gap:4px}.user-row strong{color:#24443c}.user-row span{color:#6e7e78;font-size:.82rem}.user-row small{color:#a06d45;font-size:.72rem}.stats-page{display:grid;gap:22px}.stats-year-filter{display:grid;grid-template-columns:auto minmax(120px,180px) auto;align-items:end;justify-content:center;gap:12px}.stats-year-filter label{display:grid;gap:4px;color:#6e7e78;font-size:.68rem;font-weight:900;text-align:center;text-transform:uppercase}.stats-year-filter select{min-height:38px;padding-top:8px;padding-bottom:8px;text-align:center}.stats-grid,.stats-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.stat-tile{display:grid;gap:8px;border:1px solid rgba(34,79,68,.12);border-radius:8px;padding:18px;background:#ffffffd1}.stat-tile span,.compact-definition-list dt{color:#6e7e78;font-size:.76rem;font-weight:900;text-transform:uppercase}.stat-tile strong{color:#183d34;font-size:1.6rem;line-height:1}.stat-tile small{color:#7a8984;font-size:.78rem}.stats-panel{display:grid;gap:18px}.charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.chart-card{min-width:0}.chart-card:has(.annual-heatmap){grid-column:1 / -1}.stat-tile-head,.stats-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0}.stats-panel-heading .section-label,.stat-tile-head span{margin:0}.info-popover{position:relative;flex:0 0 auto}.info-popover summary{display:grid;width:22px;height:22px;place-items:center;border:1px solid #ccd7d2;border-radius:50%;color:#34574d;background:#fff;font-size:.72rem;font-weight:900;line-height:1;list-style:none;cursor:pointer}.info-popover summary::-webkit-details-marker{display:none}.info-popover[open] summary{border-color:#8da69d;background:#f5f8f6}.info-popover p{position:absolute;z-index:20;top:calc(100% + 8px);right:0;width:min(240px,calc(100vw - 36px));margin:0;border:1px solid #dfe6e1;border-radius:8px;padding:10px 12px;color:#34574d;background:#fff;box-shadow:0 14px 32px #183d3429;font-size:.74rem;font-weight:700;line-height:1.45;text-transform:none}.chart-scroll{overflow-x:auto;overflow-y:hidden;max-width:100%;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:#ccd7d2 transparent}.chart-scroll::-webkit-scrollbar{height:6px}.chart-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#ccd7d2}.chart-scroll::-webkit-scrollbar-track{background:transparent}.stats-chart{display:block;min-width:320px;max-width:none;height:auto;overflow:visible}.chart-axis{stroke:#dfe6e1;stroke-width:1}.chart-average{stroke:#d77e3f;stroke-dasharray:4 4;stroke-width:1.5}.chart-line{fill:none;stroke:#8d2f46;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.chart-point{fill:#fff;stroke:#8d2f46;stroke-width:2}.chart-value{fill:#183d34;font-size:.58rem;font-weight:900}.chart-label{fill:#6e7e78;font-size:.56rem;font-weight:800}.chart-empty{margin:0;color:#7a8984;font-size:.78rem;line-height:1.5}.annual-heatmap{display:grid;gap:14px;min-width:320px}.heatmap-month{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:8px}.heatmap-month h4{margin:0;color:#5d756d;font-size:.68rem;font-weight:900;line-height:14px;text-transform:uppercase}.heatmap-days{display:grid;grid-template-columns:repeat(31,minmax(8px,1fr));gap:3px}.heatmap-day{position:relative;display:block;aspect-ratio:1;min-width:8px;border:1px solid #dfe6e1;border-radius:3px;background:#f8faf8}.heatmap-day.level-light{border-color:#e6a2aa;background:#f4c8cd}.heatmap-day.level-medium{border-color:#c85f70;background:#d76f80}.heatmap-day.level-heavy{border-color:#8d2f46;background:#9f304a}.heatmap-day.has-fields:after{content:"";position:absolute;right:2px;bottom:2px;width:3px;height:3px;border-radius:50%;background:#183d34}.heatmap-day.level-heavy.has-fields:after,.heatmap-day.level-medium.has-fields:after{background:#fffefa}.heatmap-day.has-note:before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-top:5px solid #d77e3f;border-left:5px solid transparent}.heatmap-legend{display:flex;flex-wrap:wrap;gap:8px 12px;color:#5d756d;font-size:.68rem;font-weight:800}.heatmap-legend span{display:inline-flex;align-items:center;gap:5px}.heatmap-legend .heatmap-day{width:12px;min-width:12px}.bar-chart{display:grid;grid-auto-flow:column;grid-auto-columns:46px;align-items:end;gap:7px;min-height:150px}.bar-chart-item{display:grid;grid-template-rows:auto minmax(90px,1fr) auto;align-items:end;gap:5px;min-width:0;text-align:center}.bar-chart-item strong{color:#183d34;font-size:.72rem}.bar-chart-item span{display:block;width:100%;min-height:8px;border-radius:4px 4px 0 0;background:#d76f80}.bar-chart-item em{overflow:hidden;color:#6e7e78;font-size:.55rem;font-style:normal;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.stacked-chart{display:grid;gap:8px}.stacked-row{display:grid;align-items:center;gap:8px;min-width:0}.stacked-row{grid-template-columns:42px minmax(0,1fr) auto}.stacked-row>span,.stacked-row strong{color:#34574d;font-size:.72rem;font-weight:900}.stacked-row>div{display:flex;overflow:hidden;height:12px;border-radius:999px;background:#e7ede9}.stacked-segment{display:block;min-width:0;height:100%}.stacked-segment.light{background:#f4c8cd}.stacked-segment.medium{background:#d76f80}.stacked-segment.heavy{background:#9f304a}.compact-definition-list{display:grid;gap:12px;margin:0}.compact-definition-list div{display:flex;justify-content:space-between;gap:16px}.compact-definition-list dd{margin:0;color:#24443c;font-weight:900}.bleeding-bars{display:grid;gap:12px}.bleeding-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center}.bleeding-bar>span{display:inline-flex;align-items:center;gap:8px;color:#34574d;font-weight:900}.bleeding-bar>div{grid-column:1 / -1;overflow:hidden;height:8px;border-radius:999px;background:#e7ede9}.bleeding-bar>div span{display:block;height:100%;border-radius:inherit;background:#c85f70}.tag-stats-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.tag-stat{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #dfe6e1;border-radius:8px;padding:10px 12px;background:#fff}.tag-stat span{font-size:1.15rem}.tag-stat strong{min-width:0;color:#34574d;font-size:.86rem}.tag-stat em{color:#8d2f46;font-style:normal;font-weight:900}.prediction-summary{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0 32px 18px;border:1px dashed #d9959c;border-radius:8px;padding:10px 12px;background:#fff7f8;color:#34574d;font-size:.84rem;font-weight:800}.prediction-summary span{color:#8d2f46}.year-grid .day-button.is-predicted{background:repeating-linear-gradient(135deg,#fff7f8 0 5px,#f4c8cd 5px 10px);box-shadow:inset 0 0 0 1px #d9959c}.month-day.is-predicted{border-style:dashed;border-color:#d9959c;background:repeating-linear-gradient(135deg,#fff 0 8px,#fff7f8 8px 16px)}.prediction-mark{display:block;width:10px;height:10px;border:2px dashed #d9959c;border-radius:50% 50% 50% 0;transform:rotate(135deg)}.prediction-card{align-content:start}.prediction-card strong{color:#8d2f46;font-size:1.55rem;line-height:1}.prediction-card span,.prediction-card small{color:#34574d;font-weight:800}.regularity-chart{display:grid;gap:8px}.regularity-row{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:8px}.regularity-row span,.regularity-row strong{color:#34574d;font-size:.72rem;font-weight:900}.regularity-row div{position:relative;overflow:hidden;height:12px;border-radius:999px;background:#e7ede9}.regularity-row div:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:#9aa7a2}.regularity-row i{position:absolute;top:0;bottom:0;display:block;background:#5c8f80}.regularity-row i.positive{left:50%}.regularity-row i.negative{right:50%;background:#d76f80}.prediction-window{stroke:#d9959c;stroke-width:10;stroke-linecap:round;opacity:.45}.prediction-point{fill:#d76f80;stroke:#8d2f46;stroke-width:2}.prediction-period{fill:#f4c8cd;stroke:#d9959c;stroke-width:1.5}.history-page,.history-years,.history-year{display:grid;gap:18px}.history-year h3{margin:0;color:#183d34;font-size:1.35rem}.history-cycle-chart{display:grid;gap:12px}.history-cycle-chart .chart-scroll{width:100%}.history-cycle-chart .stats-chart{min-width:100%}.cycle-history-details{border:1px solid #dfe6e1;border-radius:8px;background:#fff;overflow:hidden}.cycle-history-details summary{padding:12px 14px;color:#183d34;font-size:.84rem;font-weight:900;cursor:pointer}.cycle-history-table-wrap{overflow-x:auto;border-top:1px solid #e4e9e5}.cycle-history-table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;font-size:.82rem}.cycle-history-table th,.cycle-history-table td{padding:10px 12px;border-bottom:1px solid #edf1ee;text-align:left;white-space:nowrap}.cycle-history-table th{color:#58746b;font-size:.72rem;font-weight:900;text-transform:uppercase}.cycle-history-table td{color:#34574d}.cycle-history-table strong{color:#183d34}@media(max-width:760px){.page-shell{width:100%;padding:0 0 96px}.auth-shell{width:min(100% - 24px,960px)}.app-bottom-nav{right:0;bottom:0;left:0;max-width:none;justify-content:space-around;gap:2px;padding:6px 4px calc(6px + env(safe-area-inset-bottom));border-right:0;border-bottom:0;border-left:0;border-radius:0;transform:none}.nav-button{width:38px;height:38px}.nav-separator{height:26px}.nav-icon{width:19px;height:19px}.auth-shell{display:block;padding:54px 0}.auth-intro{margin-bottom:38px}.auth-card{padding:28px 22px}.day-card,.month-card,.year-card{min-height:calc(100dvh - 58px - env(safe-area-inset-bottom))}.day-card,.month-card,.year-card,.panel-card,.auth-card{border-radius:0}.admin-layout,.profile-layout,.split-fields,.daily-fields-grid{grid-template-columns:1fr}.profile-summary-actions{gap:8px;margin-top:16px}.popup-card.guide-card{width:100%;height:calc(100vh - 58px - env(safe-area-inset-bottom));max-height:none;align-self:start;border-radius:0;padding:14px 14px 0}.guide-card .popup-actions{position:sticky;bottom:0;margin:0 -14px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:#fffefa;border-top:1px solid #e1e8e4}.guide-sections{grid-template-columns:1fr;gap:8px}.guide-section{border-radius:4px;padding:10px}.guide-section ul{font-size:.78rem}.stats-page,.history-page,.history-years{gap:10px}.stats-year-filter{grid-template-columns:auto minmax(92px,130px) auto;gap:8px}.stats-year-filter select{min-height:34px;padding-top:6px;padding-bottom:6px}.stats-grid,.stats-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.charts-grid{grid-template-columns:1fr;gap:6px}.stat-tile{gap:5px;border-radius:6px;padding:12px 10px}.stat-tile span,.compact-definition-list dt{font-size:.64rem}.stat-tile strong{font-size:1.35rem}.stat-tile small,.compact-definition-list dd,.bleeding-bar,.soft-copy{font-size:.7rem}.info-popover summary{width:20px;height:20px;font-size:.66rem}.info-popover p{width:min(220px,calc(100vw - 24px));padding:8px 10px;font-size:.68rem}.panel-card.stats-panel{padding:10px}.stats-panel{gap:10px}.chart-card{gap:8px}.bar-chart{gap:4px;min-height:118px}.bar-chart-item{grid-template-rows:auto minmax(70px,1fr) auto;gap:3px}.bar-chart-item strong,.stacked-row>span,.stacked-row strong,.chart-empty{font-size:.64rem}.stacked-chart{gap:6px}.stacked-row{gap:5px}.stacked-row{grid-template-columns:34px minmax(0,1fr) auto}.compact-definition-list,.bleeding-bars{gap:7px}.bleeding-bar{gap:5px 8px}.bleeding-bar>span{gap:5px}.stats-config{grid-template-columns:1fr;gap:5px;padding:10px}.check-row{padding:6px 7px}.check-row span{font-size:.72rem}.check-row small{font-size:.6rem}.tag-stats-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tag-stat{gap:6px;padding:7px 8px}.tag-stat span{font-size:1rem}.tag-stat strong,.tag-stat em{font-size:.72rem}.prediction-summary{margin:0 10px 10px;border-radius:0;padding:8px 10px;font-size:.72rem}.prediction-card strong{font-size:1.25rem}.regularity-chart{gap:6px}.regularity-row{grid-template-columns:34px minmax(0,1fr) 34px;gap:5px}.regularity-row span,.regularity-row strong{font-size:.62rem}.panel-card.history-year{padding:10px}.history-year{gap:10px}.history-cycle-chart{gap:8px;padding-top:10px}.history-year h3{font-size:1rem}.bleeding-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.bleeding-choice{min-height:36px;padding:6px 3px;gap:3px;font-size:.68rem}.bleeding-choice .day-dot{width:10px;height:10px;border-width:1.5px}h1{font-size:clamp(2.6rem,14vw,4.25rem)}.card-heading,.year-toolbar,.month-toolbar-wrap,.month-cycle-summary,.month-weekdays,.month-grid{padding-left:10px;padding-right:10px}.input-row{flex-direction:column;align-items:stretch}.compact-year-toolbar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px}.year-arrow-button{width:32px;min-width:32px;height:32px}.year-card{width:100%}.year-grid-wrap{max-height:calc(100dvh - 148px);overflow-x:visible;overflow-y:auto;padding:0}.year-grid{width:100%;min-width:0;table-layout:fixed;font-size:.62rem}.year-grid th,.year-grid td{min-width:0;height:28px;padding:0}.year-grid th:first-child,.year-grid td:first-child{width:25px}.day-button{height:100%;min-height:0;padding:0}.year-grid .day-dot{width:10px;height:10px;border-width:1.5px}.month-button{font-size:.62rem}.month-toolbar-wrap{gap:8px}.month-toolbar{grid-template-columns:auto minmax(0,1fr) auto;gap:12px}.period-arrow-button{width:32px;min-width:32px;height:32px}.year-toolbar,.month-toolbar-wrap,.day-toolbar{min-height:66px}.month-toolbar,.day-date-nav{min-height:42px}.small-back-button,.day-back-button{width:104px;min-width:104px;min-height:34px;padding:7px 8px}.month-grid{gap:0;padding-left:10px;padding-right:10px}.month-cycle-summary{margin:10px 10px 0;border-radius:0;padding:7px 8px;font-size:.74rem}.day-toolbar{gap:8px;padding-left:10px;padding-right:10px}.day-date-nav{gap:8px}.day-date-title h2{font-size:1.2rem}.day-date-title span{font-size:.72rem}.day-arrow-button{width:32px;min-width:32px;height:32px}.day-back-button{padding-left:8px;padding-right:8px}.day-summary{margin-left:10px;margin-right:10px;border-radius:0}.day-summary-tags{grid-template-columns:1fr}.day-danger-row,.day-fields-form{padding-left:10px;padding-right:10px}.month-day{min-height:86px;border-radius:0;padding:8px}.month-day-summary{margin-top:0;font-size:.68rem}.cycle-history-table-wrap{overflow-x:visible}.cycle-history-table{min-width:0;font-size:.62rem}.cycle-history-table th,.cycle-history-table td{padding:6px 4px;white-space:normal}.cycle-history-table th:nth-child(1),.cycle-history-table td:nth-child(1){width:20%}.cycle-history-table th:nth-child(2),.cycle-history-table td:nth-child(2){width:22%}.cycle-history-table th:nth-child(3),.cycle-history-table td:nth-child(3),.cycle-history-table th:nth-child(4),.cycle-history-table td:nth-child(4){width:18%}.cycle-history-table th:nth-child(5),.cycle-history-table td:nth-child(5){width:22%}}@media(pointer:coarse),(hover:none){html,body{overflow-x:hidden}.page-shell{width:100%;max-width:100%;padding-top:0}.app-bottom-nav{right:0;bottom:0;left:0;max-width:none;justify-content:space-around;gap:2px;padding:6px 4px calc(6px + env(safe-area-inset-bottom));border-right:0;border-bottom:0;border-left:0;border-radius:0;transform:none}.profile-layout,.admin-layout,.split-fields,.daily-fields-grid{grid-template-columns:1fr}.panel-card,.day-card,.month-card,.year-card{width:100%;max-width:100%;border-radius:0}.day-card,.month-card,.year-card{min-height:calc(100dvh - 58px - env(safe-area-inset-bottom))}.profile-layout,.admin-layout{gap:12px}.stats-config{grid-template-columns:1fr}.daily-fields-grid{gap:0}.daily-field-row{grid-template-columns:38px minmax(0,1fr)}.bleeding-options{grid-template-columns:repeat(4,minmax(0,1fr))}.bleeding-choice{min-width:0;white-space:normal}.year-grid-wrap{max-height:calc(100dvh - 148px);max-width:100%!important;overflow-x:hidden!important;overflow-y:auto;touch-action:pan-y pinch-zoom}.year-grid{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed;font-size:.62rem}.year-grid th,.year-grid td{min-width:0!important;padding:0}.year-grid th:first-child,.year-grid td:first-child{width:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}.popup-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:18px;background:#183d3442}.popup-card{width:min(440px,100%);display:grid;gap:14px;border:1px solid #d9e3dd;border-radius:8px;background:#fffefa;padding:18px;box-shadow:0 22px 70px #183d3438}.popup-card h2,.popup-card p{margin:0}.compact-check{grid-template-columns:auto minmax(0,1fr);align-items:center;padding:0;border:0}.popup-actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:700px){.popup-backdrop{align-items:end;padding:10px}.popup-card{border-radius:4px;padding:14px}.popup-actions{display:grid;grid-template-columns:1fr 1fr}}