:root{--paper:#f7f3ea;--paper-2:#efe8da;--ink:#23271f;--ink-2:#5d6155;--line:#23271f1f;--green:#2f4a3a;--green-2:#3f6450;--wheat:#e7c77a;--barn:#9a3a2c;--glass:#f7f3eae6;--shadow:0 10px 30px #1418102e, 0 2px 6px #1418101f;--radius:18px;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;font-family:var(--sans);color:var(--ink);-webkit-tap-highlight-color:transparent;background:#9fb3b9;margin:0;overflow:hidden}#app{position:fixed;inset:0}canvas{display:block}button{font:inherit;color:inherit}.hud{pointer-events:none;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));position:absolute;inset:0}.hud>*{pointer-events:auto}.panel{background:var(--glass);-webkit-backdrop-filter:blur(14px)saturate(1.2);border-radius:var(--radius);box-shadow:var(--shadow)}.topbar{top:max(12px, env(safe-area-inset-top));pointer-events:none;align-items:flex-start;gap:8px;display:flex;position:absolute;left:12px;right:12px}.topbar>*{pointer-events:auto}.title{min-width:0;padding:10px 16px}.title h1{font-family:var(--serif);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:19px;font-weight:600;overflow:hidden}.title .sub{color:var(--ink-2);margin-top:1px;font-size:12.5px}.spacer{flex:1}.chip{background:var(--glass);height:40px;box-shadow:var(--shadow);cursor:pointer;-webkit-backdrop-filter:blur(14px);white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:550;display:inline-flex}.chip.icon-only{justify-content:center;width:40px;padding:0}.chip:disabled{opacity:.45}.chip svg,.dock svg,.btn svg{stroke:currentColor;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.dock{left:50%;bottom:max(14px, env(safe-area-inset-bottom));scrollbar-width:none;border-radius:999px;gap:2px;max-width:calc(100% - 24px);padding:6px;display:flex;position:absolute;overflow-x:auto;transform:translate(-50%)}.dock::-webkit-scrollbar{display:none}.dock button{min-width:50px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;flex-direction:column;align-items:center;gap:2px;padding:7px 6px 6px;font-size:11px;font-weight:600;display:flex}.dock button.on{background:var(--green);color:#f7f3ea}.sheet{left:10px;right:10px;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 76px);opacity:0;pointer-events:none;max-height:52vh;padding:16px;transition:transform .22s,opacity .22s;position:absolute;overflow:auto;transform:translateY(12px)}.sheet.open{opacity:1;pointer-events:auto;transform:none}@media (min-width:900px){.sheet{width:380px;max-height:none;inset:76px 16px 96px auto}}.sheet h2{font-family:var(--serif);margin:0 0 2px;font-size:22px;font-weight:600}.sheet h3{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);margin:18px 0 8px;font-size:12px;font-weight:650}.sheet .meta{color:var(--ink-2);font-size:13.5px}.sheet-head{align-items:flex-start;gap:10px;display:flex}.sheet-head>div{flex:1;min-width:0}.close{background:var(--paper-2);cursor:pointer;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.close svg{stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px}.grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.tile{border:1px solid var(--line);cursor:pointer;text-align:center;background:#fffdf8;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:84px;padding:10px 6px;font-size:12.5px;font-weight:600;display:flex}.tile.on{border-color:var(--green);box-shadow:inset 0 0 0 1.5px var(--green)}.tile .sw{border-radius:6px;width:34px;height:24px;box-shadow:inset 0 -6px #00000026}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{background:var(--paper-2);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;height:42px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.btn.primary{background:var(--green);color:#f7f3ea}.btn.danger{color:#8a2a1e;background:#f3dcd6}.btn:disabled{opacity:.45;cursor:default}label.field{color:var(--ink-2);margin:10px 0;font-size:12.5px;font-weight:600;display:block}label.field input,label.field select,label.field textarea{border:1px solid var(--line);width:100%;height:42px;font:inherit;color:var(--ink);background:#fffdf8;border-radius:12px;margin-top:4px;padding:0 12px;font-size:15px;display:block}label.field textarea{resize:vertical;height:72px;padding:10px 12px}label.field input[type=range]{height:28px;accent-color:var(--green);background:0 0;border:0;padding:0}.two{grid-template-columns:1fr 1fr;gap:8px;display:grid}.swatches{flex-wrap:wrap;gap:6px;display:flex}.swatches button{width:30px;height:30px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border:2px solid #fff;border-radius:50%}.swatches button.on{box-shadow:0 0 0 2px var(--green)}.seg{flex-wrap:wrap;gap:6px;display:flex}.seg button{border:1px solid var(--line);cursor:pointer;background:#fffdf8;border-radius:999px;height:34px;padding:0 12px;font-size:13px;font-weight:600}.seg button.on{background:var(--green);color:#f7f3ea;border-color:var(--green)}.list{flex-direction:column;gap:6px;display:flex}.item{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fffdf8;border-radius:14px;align-items:center;gap:10px;width:100%;padding:10px 12px;display:flex}.item .dot{color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.item .t{font-size:14.5px;font-weight:650}.item .s{color:var(--ink-2);font-size:12.5px}.badge{background:var(--paper-2);color:var(--ink-2);border-radius:999px;padding:2px 8px;font-size:11.5px;font-weight:650;display:inline-block}.badge.green{color:#2f4a3a;background:#dde9dc}.growbar{background:var(--paper-2);border-radius:99px;height:8px;margin:8px 0 4px;overflow:hidden}.growbar>div{background:linear-gradient(90deg,#7fae55,#3f6450);border-radius:99px;height:100%}.actionbar{left:50%;bottom:calc(max(14px, env(safe-area-inset-bottom)) + 76px);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;transform:translate(-50%)}.actionbar .note{color:var(--ink-2);padding:0 8px;font-size:13px}.actionbar .note.bad{color:#a1372a}.toast{opacity:0;pointer-events:none;border-radius:999px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:opacity .2s;position:absolute;top:76px;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.bubble{color:#f7f3ea;white-space:nowrap;pointer-events:none;background:#23271fc7;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:650;position:absolute;transform:translate(-50%,-100%)}.timepanel{width:min(340px,100% - 24px);padding:14px 16px;display:none;position:absolute;top:64px;right:12px}.timepanel.open{display:block}.timepanel .row{justify-content:space-between}.hidden{display:none!important}@media (max-width:520px){.title .sub{font-size:12px}.chip .lbl{display:none}.chip{padding:0 12px}.chip.icon-only{padding:0}}@media (max-width:600px){.sheet{max-height:40vh;padding:14px}.sheet h2{font-size:19px}.grid{grid-template-columns:repeat(3,1fr);gap:6px}.tile{min-height:62px;padding:8px 4px;font-size:11.5px}.tile .sw{width:28px;height:18px}.dock button{flex:1;min-width:0;padding:7px 4px 6px;font-size:10.5px}.dock{justify-content:space-between;width:calc(100% - 20px)}}.records{z-index:20;background:var(--paper);padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));flex-direction:column;display:flex;position:absolute;inset:0}.records-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:10px;display:flex}.records-head h2{font-family:var(--serif);margin:0;font-size:22px;font-weight:600}.records-tabs{scrollbar-width:none;flex:1;gap:4px;display:flex;overflow-x:auto}.records-tabs::-webkit-scrollbar{display:none}.records-tabs button{height:36px;color:var(--ink-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:13.5px;font-weight:600}.records-tabs button.on{background:var(--green);color:#f7f3ea}.records-body{flex:1;padding-top:14px;overflow:auto}.records h3{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);margin:0 0 6px;font-size:12px;font-weight:650}.records h3:not(:first-child){margin-top:20px}.rec-split{grid-template-columns:340px 1fr;align-items:start;gap:20px;display:grid}.rec-form-col{border:1px solid var(--line);border-radius:var(--radius);background:#fffdf8;padding:14px 16px;position:sticky;top:0}.rec-table{border:1px solid var(--line);background:#fffdf8;border-radius:14px;overflow-x:auto}.rec-table table{border-collapse:collapse;width:100%;font-size:13.5px}.rec-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 10px 8px;font-size:11.5px}.rec-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}.rec-table tr:last-child td{border-bottom:0}.rec-table td.acts{white-space:nowrap;text-align:right}.rec-table td.warn,.records .warn{color:#a1372a;font-size:12.5px}.mini{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:999px;height:30px;margin-left:4px;padding:0 10px;font-size:12.5px;font-weight:600}.mini.danger{color:#8a2a1e}.muted{color:var(--ink-2);font-size:13.5px}.records p{line-height:1.45}.rec-note .btn{margin-top:6px}.rec-paste{max-width:760px;margin-bottom:16px}.rec-paste textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;height:180px!important;font-size:13px!important}.rec-account{max-width:760px}.rec-account form.row{align-items:flex-end}.rec-account form.row label{flex:1;min-width:200px;margin:0}.rec-account .rec-table{margin-top:12px}.rec-key{border:1px solid var(--wheat);background:#fffdf8;border-radius:14px;margin:10px 0;padding:4px 14px 12px}.rec-key code,.rec-account code{background:var(--paper-2);word-break:break-all;-webkit-user-select:all;user-select:all;border-radius:8px;padding:8px 10px;font-size:12px;display:block}.rec-account p code{padding:1px 5px;display:inline}.rec-google{min-height:44px;margin-top:8px}.chip.sync[data-state=off]{color:var(--ink-2)}.chip.sync[data-state=idle]{color:var(--green-2)}.chip.sync[data-state=syncing] svg{animation:1.2s linear infinite spin}.chip.sync[data-state=error]{color:#a1372a}@keyframes spin{to{transform:rotate(-360deg)}}.rec-form-col{max-height:calc(100vh - 150px);overflow-y:auto}.records-subtabs{scrollbar-width:none;gap:6px;margin:0 0 14px;display:flex;overflow-x:auto}.records-subtabs button{border:1px solid var(--line);background:var(--paper);height:32px;color:var(--ink-2);cursor:pointer;white-space:nowrap;border-radius:999px;padding:0 14px;font-size:13px;font-weight:600}.records-subtabs button.on{border-color:var(--green);color:var(--green);background:#fffdf8}.rec-callout{background:var(--paper-2);border-radius:12px;margin:0 0 12px;padding:10px 12px;font-size:13.5px;line-height:1.45}.rec-callout.warn{color:#7a2a1e;background:#f7e3dc}.records .good{color:#2f6b3a}.rec-money-sum{margin:0 0 12px}.rec-money-sum h3{padding:10px 10px 0}.rec-money-sum tr.total td{font-weight:700}.rec-pair,.rec-frost,.rec-animal-panel{margin:0 0 12px;padding-top:4px}.rec-frost,.rec-animal-panel{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.ped-row{grid-template-columns:92px repeat(auto-fit,minmax(0,1fr));align-items:center;gap:4px;margin:4px 0;font-size:12.5px;display:grid}.ped-gen{color:var(--ink-2);font-size:11.5px}.ped-cell{background:var(--paper-2);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;padding:3px 6px;overflow:hidden}.ped-cell.dam{background:#f3ece0}.mini.link{height:auto;color:var(--green);background:0 0;border:0;margin:0;padding:0;text-decoration:underline}.mini.primary{background:var(--green);border-color:var(--green);color:#f7f3ea}ul.plain{margin:4px 0 8px;padding-left:18px;font-size:13px}@media (max-width:760px){.rec-split{grid-template-columns:1fr}.rec-form-col{position:static}.records-head{flex-wrap:wrap}.records-tabs{flex-basis:100%;order:3}.records-head h2{flex:1}}.rec-genes{border:1px solid var(--line);border-radius:12px;margin:8px 0;padding:8px 10px}.rec-genes summary{cursor:pointer;font-size:13.5px;font-weight:650}.rec-genes .field .muted{font-size:11.5px;font-weight:500}.rec-report{max-width:860px}.rec-report h2{font-family:var(--serif);margin:16px 0 4px;font-size:24px}.rec-report .rec-table{margin-bottom:10px}.rec-report-big{font-size:16px}.rec-report form.row{align-items:flex-end;gap:8px}.rec-report form.row label{min-width:120px;margin:0}@media print{body>:not(.records){display:none!important}.records{box-shadow:none!important;background:#fff!important;position:static!important;inset:auto!important}.records-head,.records-subtabs,#rec-report-form{display:none!important}.records-body{overflow:visible!important}}.rec-beds{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.rec-bed{background:var(--card,#fffdf7);border:1px solid var(--line,#e6dccb);border-radius:14px;padding:12px 14px}.rec-bed h3{margin:0 0 8px;font-size:16px}.rec-bed h3 .muted{font-size:13px;font-weight:400}.rec-squares{grid-template-columns:repeat(var(--cols), 1fr);gap:2px;margin-bottom:6px;display:grid}.rec-squares .sq{aspect-ratio:1;background:var(--c);color:#fff;text-transform:uppercase;border-radius:3px;place-items:center;font-size:9px;line-height:1;display:grid;overflow:hidden}.rec-squares .sq.planned{color:var(--c);outline:1.5px dashed var(--c);outline-offset:-2px;background:0 0}.rec-squares .sq.empty{background:#e9dfcc}.rec-companions{margin-top:16px}.rec-crop dl,.rec-crop details dl{grid-template-columns:max-content 1fr;gap:4px 12px;margin:8px 0;font-size:14px;display:grid}.rec-crop dt{color:var(--ink-2)}.rec-crop dd{margin:0}.rec-crop h3 i{font-size:13px;font-weight:400}.rec-photos{margin-top:16px}.rec-photo-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;margin-bottom:8px;display:grid}.rec-photo{aspect-ratio:1;cursor:pointer;background:#e9dfcc;border:0;border-radius:8px;padding:0;overflow:hidden}.rec-photo img{object-fit:cover;width:100%;height:100%;display:block}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.photo-viewer{z-index:50;background:#141612eb;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:fixed;inset:0}.photo-viewer img{border-radius:10px;max-width:100%;max-height:calc(100% - 70px)}