:root,[data-skin=kolecko]{--bg: #f1f0f6;--bg-image: none;--card: #ffffff;--card-border: transparent;--ink: #2a2140;--muted: #6b6383;--line: #dedae8;--accent: #e5645a;--accent-ink: #ffffff;--accent-soft: #fbd9d5;--window: #8c6bc4;--window-tint: rgba(140, 107, 196, .18);--done: #2a2140;--hl: #fbd9d5;--ok: #2f8a5b;--warn: #c98a12;--alert: #c8443a;--ear: #e9925e;--ear-inner: #f4b48a;--radius: 28px;--radius-sm: 14px;--shadow: none;--font-display: "Gabarito", "Trebuchet MS", system-ui, sans-serif;--font-body: "Figtree", "Segoe UI", system-ui, sans-serif;--font-mono: "Figtree", "Segoe UI", system-ui, sans-serif;--font-hand: var(--font-body);color-scheme:light}@media(prefers-color-scheme:dark){[data-skin=kolecko]:not([data-mode=light]){color-scheme:dark;--bg: #17131f;--card: #211b2c;--ink: #eeeaf6;--muted: #a79fbd;--line: #362e45;--accent: #f07a6f;--accent-ink: #1c0f0d;--accent-soft: #4a2a2c;--window: #b59be6;--window-tint: rgba(181, 155, 230, .2);--done: #cfc6e4;--hl: #4a2a2c}}[data-skin=kolecko][data-mode=dark]{color-scheme:dark;--bg: #17131f;--card: #211b2c;--ink: #eeeaf6;--muted: #a79fbd;--line: #362e45;--accent: #f07a6f;--accent-ink: #1c0f0d;--accent-soft: #4a2a2c;--window: #b59be6;--window-tint: rgba(181, 155, 230, .2);--done: #cfc6e4;--hl: #4a2a2c}[data-skin=hravy]{--bg: #fff8ee;--card: #ffffff;--card-border: transparent;--ink: #2e2a47;--muted: #625c80;--line: #efe6d8;--accent: #ee6a4f;--accent-ink: #ffffff;--accent-soft: #ffd9ba;--window: #5e9a4b;--window-tint: #ddefc8;--done: #e9925e;--hl: #fff7d6;--ear: #e9925e;--ear-inner: #f4b48a;--radius: 26px;--radius-sm: 16px;--shadow: 0 2px 0 rgba(46, 42, 71, .05), 0 14px 32px -16px rgba(46, 42, 71, .22);--font-display: "Baloo 2", ui-rounded, "Arial Rounded MT Bold", "Segoe UI", sans-serif;--font-body: "Nunito", ui-rounded, "Segoe UI", system-ui, sans-serif;--font-mono: var(--font-body);--font-hand: var(--font-body);--lilac: #e2ddfb;--pistachio-soft: #eef7e3;color-scheme:light}[data-skin=sesit]{--bg: #edf2f8;--bg-image: linear-gradient(rgba(70, 110, 170, .1) 1px, transparent 1px), linear-gradient(90deg, rgba(70, 110, 170, .1) 1px, transparent 1px);--card: #fdfeff;--card-border: rgba(36, 64, 110, .17);--ink: #1b2333;--muted: #556077;--line: rgba(80, 130, 200, .2);--accent: #1d3f9e;--accent-ink: #ffffff;--accent-soft: rgba(29, 63, 158, .15);--window: #b8a200;--window-tint: rgba(243, 232, 68, .55);--done: #1d3f9e;--hl: rgba(243, 232, 68, .6);--red: #c42d3a;--stamp: #5b37a3;--radius: 3px;--radius-sm: 3px;--shadow: 0 1px 0 rgba(36, 64, 110, .08), 0 6px 18px -12px rgba(36, 64, 110, .35);--font-display: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-body: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, Consolas, monospace;--font-hand: "Caveat", "Segoe Print", "Bradley Hand", cursive;color-scheme:light}*{box-sizing:border-box}body{margin:0;background-color:var(--bg);background-image:var(--bg-image, none);background-size:22px 22px;color:var(--ink);font-family:var(--font-body);font-size:1rem;line-height:1.55}.app{max-width:1120px;margin:0 auto;padding-inline:16px;padding-block:0 40px;display:flex;flex-direction:column;gap:20px}h1,h2,h3{font-family:var(--font-display);margin:0;line-height:1.15;text-wrap:balance}h2{font-size:1.6rem}h3{font-size:1.15rem}p{margin:0}a{color:var(--window)}.display{font-family:var(--font-display)}.muted{color:var(--muted)}.small{font-size:.85rem}.mono{font-family:var(--font-mono);font-size:.8rem}.hand{font-family:var(--font-hand)}.error{color:var(--alert, #c8443a)}.stack{display:flex;flex-direction:column;gap:20px}.stack-sm{display:flex;flex-direction:column;gap:12px}.stack-xs{display:flex;flex-direction:column;gap:4px}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.row-tight{display:flex;gap:8px;align-items:center}.row-between{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}.card-head{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;justify-content:space-between}.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;min-width:0}label{display:flex;flex-direction:column;gap:4px;font-size:.9rem;color:var(--muted)}input,select{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:7px 10px}button{font:inherit;cursor:pointer;color:inherit}.btn,button[type=submit]{background:var(--ink);color:var(--card);border:0;border-radius:var(--radius-sm);padding:9px 18px;font-weight:600}.btn-soft{background:var(--bg);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:8px 14px;font-weight:600;color:var(--ink)}.btn-link,button.link{background:none;border:0;padding:0;color:var(--window);font-weight:600;text-decoration:underline;text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.top{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;padding-block:20px 0}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:800;font-size:1.25rem}.brand small{font-family:var(--font-body);font-weight:500;font-size:.85rem;color:var(--muted)}.brand-icon{width:30px;height:30px;fill:var(--accent)}.tabs{display:flex;border:1.5px solid var(--ink);border-radius:var(--radius-sm);overflow:hidden}.tabs button{border:0;background:transparent;padding:7px 14px;font-weight:600;font-size:.92rem}.tabs button[aria-pressed=true]{background:var(--ink);color:var(--card)}.skin-picker{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.swatch,.mode-toggle{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--line);background:var(--card);border-radius:999px;padding:4px 10px 4px 5px;font-size:.85rem;font-weight:600}.mode-toggle{padding-left:10px}.swatch[aria-pressed=true]{border-color:var(--ink)}.swatch span{width:18px;height:18px;border-radius:50%}.swatch-kolecko span{background:conic-gradient(#e5645a 0,#e5645a 35%,#2a2140 0,#2a2140 80%,#8c6bc4 0)}.swatch-hravy span{background:conic-gradient(#ffd9ba 0,#ffd9ba 33%,#ddefc8 0,#ddefc8 66%,#e2ddfb 0)}.swatch-sesit span{background:#edf2f8;border:1px solid #1d3f9e;background-image:linear-gradient(rgba(29,63,158,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(29,63,158,.35) 1px,transparent 1px);background-size:5px 5px}.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chip{background:var(--bg);border-radius:999px;padding:4px 12px;font-weight:600;font-size:.92rem}.badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:6px;padding:2px 7px;margin-left:6px;vertical-align:middle}.badge.sample{border:1.5px dashed var(--muted);color:var(--muted);margin-left:0}.badge.soft{background:var(--window-tint);color:var(--ink);text-transform:none;letter-spacing:0}.badge.now{background:var(--accent);color:var(--accent-ink)}.badge.limit{border:1.5px solid var(--alert, #c8443a);color:var(--alert, #c8443a)}.badge.day{background:var(--hl);color:var(--ink);margin-left:0;text-transform:none;letter-spacing:0;font-size:.85rem}.badge.week{background:var(--accent-soft);color:var(--ink);margin:0;text-transform:none;letter-spacing:0;font-size:.85rem}.layout{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}@media(min-width:900px){.cols-kolecko{grid-template-columns:minmax(0,440px) minmax(0,1fr)}.cols-hravy-top{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.cols-hravy-bottom{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.cols-sesit-top{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.cols-sesit-bottom{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}.hero{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.dial{width:100%;max-width:380px;aspect-ratio:1}.dog{width:100%;max-width:280px}.hero-title{font-size:2rem}.day-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tile{background:var(--bg);border-radius:var(--radius-sm);padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.tile span{font-size:.78rem;color:var(--muted)}.tile strong{font-family:var(--font-display);font-size:1.45rem;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}.tile small{font-size:.75rem;color:var(--muted)}.tile.main{background:var(--ink);color:var(--card)}.tile.main span,.tile.main small{color:inherit;opacity:.75}.note{font-size:.88rem;color:var(--muted)}.size{display:flex;gap:14px;align-items:center}.size-icon{width:56px;height:56px;flex:none}.size-value{font-family:var(--font-display);font-size:1.15rem}.entry p{max-width:64ch}.cite{font-size:.75rem;font-weight:700;color:var(--window);text-decoration:none;margin-left:3px;vertical-align:super}.tip{background:var(--window-tint);border-radius:var(--radius-sm);padding:12px 16px;display:flex;flex-direction:column;gap:2px}.tip b{font-family:var(--font-display)}.miles ol{list-style:none;margin:0;padding:0;position:relative}.miles ol:before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:2px;background:var(--line)}.miles li{position:relative;padding:6px 0 12px 30px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px}.miles li:before{content:"";position:absolute;left:0;top:10px;width:16px;height:16px;border-radius:50%;background:var(--card);border:2px solid var(--muted)}.miles li.past{opacity:.55}.miles li.now:before{background:var(--accent);border-color:var(--accent)}.miles li.limit:before{border-color:var(--alert, #c8443a);border-style:dashed}.m-name{font-weight:600}.m-when{color:var(--muted);font-size:.9rem;font-variant-numeric:tabular-nums}.week-row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.wk{border-radius:10px;background:var(--bg);text-align:center;padding:8px 0 6px;font-family:var(--font-display);font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.wk small{display:block;font-family:var(--font-body);font-weight:500;font-size:.62rem}.wk.past{background:var(--done);color:var(--card)}.wk.cur{background:var(--accent);color:var(--accent-ink)}.wk.birth{box-shadow:inset 0 0 0 2px var(--window);color:var(--window)}.bar-wrap{overflow-x:auto}.bar{position:relative;height:34px;margin:34px 12px 0 210px;min-width:360px;border-radius:999px;background:var(--hl)}.bar-progress{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,var(--accent-soft),var(--accent));opacity:.85}.bar-window{position:absolute;top:0;bottom:0;border-radius:999px;background:repeating-linear-gradient(135deg,var(--window-tint) 0 8px,transparent 8px 14px);border:1px solid var(--window-tint)}.bar-today{position:absolute;top:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:var(--accent);border:3px solid var(--card);display:grid;place-items:center}.bar-today svg{width:16px;height:16px;fill:var(--card)}.bar-today span,.bar-likely span{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);white-space:nowrap;font-size:.75rem;font-weight:800;background:var(--accent);color:var(--accent-ink);border-radius:999px;padding:1px 8px}.bar-likely{position:absolute;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:50%;background:var(--window);border:3px solid var(--card)}.bar-likely span{background:var(--window);color:#fff;bottom:calc(100% + 12px)}.bar-ticks{position:relative;height:22px;margin:6px 12px 0 210px;min-width:360px}.bar-ticks span{position:absolute;transform:translate(-50%);font-size:.72rem;color:var(--muted)}.bar-rows{display:flex;flex-direction:column;gap:4px;margin-top:8px}.bar-row{display:grid;grid-template-columns:210px minmax(360px,1fr);align-items:center}.bar-label{font-weight:600;font-size:.9rem;display:flex;flex-direction:column}.bar-label small{font-weight:500;color:var(--muted)}.bar-lane{position:relative;height:28px;margin-right:12px;border-bottom:1px dashed var(--line)}.bar-chip{position:absolute;top:9px;height:12px;border-radius:999px;background:var(--lilac, var(--window-tint))}.bar-chip.now{background:var(--accent)}.bar-chip.past{opacity:.4}.bar-dot{position:absolute;top:9px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--ink)}.bar-now{position:absolute;top:-4px;bottom:-4px;width:0;border-left:2px dashed var(--accent)}.sesit-day{display:flex;gap:14px;align-items:center;text-align:left;width:100%}.circled{position:relative;width:132px;height:92px;flex:none;display:grid;place-items:center}.circled svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.circled-num{font-family:var(--font-display);font-weight:700;font-size:3.6rem;line-height:1}.sesit-day-label{font-size:1.1rem}.sesit-date{margin-top:6px;font-weight:600}mark{background:var(--hl);color:var(--ink);padding:0 4px;font-weight:700}.grid-wrap{overflow-x:auto;margin-top:12px}.week-grid{border-collapse:collapse;width:100%;min-width:560px;font-family:var(--font-mono);font-size:.78rem}.week-grid th,.week-grid td{border:1px solid var(--line);padding:4px 5px;vertical-align:top;position:relative}.week-grid thead th{font-weight:500;color:var(--muted);font-size:.7rem;text-align:center}.week-grid tbody th{width:46px;text-align:center;font-weight:600}.week-grid tbody th small{display:block;font-size:.6rem;color:var(--muted);font-weight:400}.week-grid tr.cur th{background:var(--accent);color:var(--accent-ink)}.week-grid tr.cur th small{color:inherit}.week-grid td b{display:block;font-size:.85rem}.week-grid td small{color:var(--muted);font-size:.62rem}.week-grid td.past{background:repeating-linear-gradient(135deg,transparent 0 5px,rgba(80,130,200,.12) 5px 6px)}.week-grid td.window{background:var(--window-tint)}.week-grid td.today{outline:2.5px solid var(--accent);outline-offset:-4px;border-radius:50%}.week-grid td.likely{outline:2.5px solid var(--red, var(--alert));outline-offset:-4px;border-radius:50%}.week-grid td.limit{outline:2px solid var(--red, var(--alert));outline-offset:-3px}.week-grid td.off{background:transparent}.week-grid td.note{font-family:var(--font-hand);font-size:1.05rem;color:var(--accent);min-width:150px;vertical-align:middle}.week-grid .mating{position:absolute;top:2px;right:4px}.mating{font-family:var(--font-hand);font-style:normal;font-weight:700;color:var(--red, var(--alert));font-size:1rem}.week-grid .ms{position:absolute;left:4px;right:4px;bottom:2px;height:3px;background:var(--accent)}.week-grid .ms-xray{background:#1d7d54}.week-grid .ms-temperature{background:none;border-bottom:3px dotted var(--accent)}.legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:.8rem;color:var(--muted)}.lg{display:inline-block;width:14px;height:12px;vertical-align:middle;border:1px solid var(--line)}.lg.today{border:2px solid var(--accent);border-radius:50%}.lg.window{background:var(--window-tint)}.lg.likely{border:2px solid var(--red, var(--alert));border-radius:50%}.lg.past{background:repeating-linear-gradient(135deg,transparent 0 3px,rgba(80,130,200,.3) 3px 4px)}[data-skin=sesit] .card{position:relative}[data-skin=sesit] .card h3{font-family:var(--font-mono);font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding-bottom:8px;border-bottom:1.5px solid #e3909c;width:100%}[data-skin=sesit] .entry h2{font-size:1.4rem;text-decoration:underline 2px var(--accent);text-underline-offset:6px}[data-skin=sesit] .tip{background:#fffbdc;border:1px solid rgba(36,64,110,.12);box-shadow:0 6px 14px -10px #24406e80;transform:rotate(-.6deg)}[data-skin=sesit] .tip b{font-family:var(--font-hand);font-size:1.35rem;color:var(--accent)}[data-skin=sesit] .badge.now{background:none;color:var(--stamp);border:2px solid var(--stamp);transform:rotate(-6deg)}[data-skin=sesit] .badge.limit{color:var(--red);border-color:var(--red);transform:rotate(4deg)}[data-skin=sesit] .tile{background:none;border-bottom:1px solid var(--line);border-radius:0}[data-skin=sesit] .tile.main{background:none;color:var(--ink)}[data-skin=sesit] .tile.main strong{outline:2.5px solid var(--red);outline-offset:4px;border-radius:50%;padding:0 6px}[data-skin=sesit] .tile strong{font-family:var(--font-mono);font-size:1.15rem;letter-spacing:-.04em}[data-skin=sesit] .chip{background:none;font-family:var(--font-mono)}[data-skin=sesit] .hand{font-size:1.3rem;color:var(--accent);line-height:1.2}[data-skin=sesit] .hero .day-nav{width:100%;justify-content:flex-start}[data-skin=hravy] .litter{background:var(--pistachio-soft)}[data-skin=hravy] .chip{background:var(--card)}[data-skin=hravy] .hero{background:#ffebdc}[data-skin=hravy] .due{background:#f1eefd}[data-skin=hravy] .size{background:var(--hl)}[data-skin=hravy] .tile{background:var(--card)}[data-skin=hravy] .tile.main{background:#2c8b7b;color:#fff}[data-skin=hravy] .btn-soft{background:var(--card);border-radius:999px}[data-skin=hravy] .tip{background:var(--pistachio-soft);border:1.5px dashed var(--window-tint)}@media(min-width:900px){.puppies-top{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.puppies-miles,.puppies-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.age{display:flex;align-items:baseline;gap:8px}.age-num{font-family:var(--font-display);font-weight:800;font-size:5rem;line-height:1}.age-label{font-family:var(--font-display);font-size:1.4rem;font-weight:600}[data-skin=sesit] .age-num{padding:0 14px;border:3px solid var(--accent);border-radius:50%}[data-skin=hravy] .puppies-hero{background:#ffebdc}[data-skin=hravy] .nest{background:var(--hl)}.nest{display:flex;flex-direction:column;gap:2px}.nest-value{font-family:var(--font-display);font-size:1.8rem}.puppy-name{display:flex;align-items:center;gap:8px}.puppy-name input{font-weight:700;width:9rem}.collar{width:18px;height:18px;border-radius:50%;flex:none;border:2px solid var(--card);box-shadow:0 0 0 1.5px var(--line)}.puppy-facts{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end}.puppy-facts>div{display:flex;flex-direction:column}.puppy-facts input{width:7rem}.puppy-last{font-family:var(--font-display);font-size:1.5rem;line-height:1.1}.weight-chart{width:100%;height:auto}.table-wrap{overflow-x:auto}.weights{font-size:.85rem;min-width:460px;font-variant-numeric:tabular-nums}.weights td,.weights th{white-space:nowrap}.status{display:inline-block;border-radius:999px;padding:1px 9px;font-size:.78rem;font-weight:700;white-space:nowrap}.status-ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}.status-warning{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.status-alert{background:var(--alert);color:#fff}.btn-link.danger{color:var(--alert)}@media(min-width:900px){.cols-ovulation{grid-template-columns:repeat(2,minmax(0,1fr))}}.test-row{flex-wrap:wrap}.test-row input[type=date]{flex:1 1 10rem;min-width:0;max-width:12rem}.test-row input[inputmode=decimal]{width:6rem}.phase-beforeLhSurge{background:var(--bg);color:var(--muted)}.phase-lhSurge{background:var(--window-tint);color:var(--ink)}.phase-ovulation{background:var(--accent-soft);color:var(--ink)}.phase-fertile{background:var(--accent);color:var(--accent-ink)}.offline{margin:0;background:var(--hl);color:var(--ink);border-radius:var(--radius-sm);padding:10px 14px;font-weight:600;font-size:.92rem}.sources{margin:8px 0 0;padding-left:22px;font-size:.88rem;display:flex;flex-direction:column;gap:4px}.foot{color:var(--muted);font-size:.85rem;border-top:1px solid var(--line);padding-top:14px}.facts{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0}.facts dt{color:var(--muted)}.facts dd{margin:0}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;padding:5px 6px;border-bottom:1px solid var(--line)}.card:has(>table){overflow-x:auto}@media(max-width:520px){.tiles{grid-template-columns:minmax(0,1fr)}.week-row{grid-template-columns:repeat(5,minmax(0,1fr))}.bar,.bar-ticks{margin-left:12px}.bar-row{grid-template-columns:minmax(0,1fr)}.bar-lane{min-width:0;margin-left:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}