:root{--face: #c0c0c0;--light: #ffffff;--shadow: #808080;--dark: #000000;--title: #000080;--title-text: #ffffff;--edge: 6px;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body{margin:0;height:100%;background:#1a1a1a;overflow:hidden;font-family:"Pixelated MS Sans Serif",Tahoma,"MS Sans Serif",sans-serif;font-size:11px;-webkit-font-smoothing:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}#viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#6a8f4a;touch-action:none}#garden,#frogs,#markers{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated}#garden{object-fit:cover;z-index:0;background-color:#6a8f4a}#frogs{z-index:1}#markers{z-index:2;pointer-events:none}#ui{z-index:3}#modal-layer{z-index:4}#ui{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:auto}.btn,#modal-layer{touch-action:manipulation}.btn{background:var(--face);border:none;box-shadow:inset -1px -1px 0 var(--dark),inset 1px 1px 0 var(--light),inset -2px -2px 0 var(--shadow),inset 2px 2px 0 var(--face);--btn-pt: 5px;--btn-pr: 13px;--btn-pb: 7px;--btn-pl: 13px;padding:var(--btn-pt) var(--btn-pr) var(--btn-pb) var(--btn-pl);font:inherit;font-size:12px;color:#000;min-width:22px;cursor:pointer}.btn:active:not(:disabled){box-shadow:inset 1px 1px 0 var(--dark),inset -1px -1px 0 var(--light),inset 2px 2px 0 var(--shadow),inset -2px -2px 0 var(--face);padding:calc(var(--btn-pt) + 1px) calc(var(--btn-pr) - 1px) calc(var(--btn-pb) - 1px) calc(var(--btn-pl) + 1px)}.btn:disabled{color:var(--shadow);text-shadow:1px 1px 0 var(--light);cursor:default}.btn:focus-visible{outline:1px dotted #000;outline-offset:-4px}.panel{background:var(--face);box-shadow:inset -1px -1px 0 var(--dark),inset 1px 1px 0 var(--light),inset -2px -2px 0 var(--shadow),inset 2px 2px 0 var(--face);padding:4px 6px}.sunken{background:var(--face);box-shadow:inset 1px 1px 0 var(--shadow),inset -1px -1px 0 var(--light),inset 2px 2px 0 var(--dark),inset -2px -2px 0 var(--face);padding:3px 5px}.field{background:#fff;box-shadow:inset 1px 1px 0 var(--shadow),inset 2px 2px 0 var(--dark),inset -1px -1px 0 var(--light);border:none;font:inherit;padding:3px 4px;width:100%}.field:focus{outline:none}.field:not(:read-only):focus-visible{outline:1px dotted #000;outline-offset:-3px}.field:read-only{color:#4a4a4a;cursor:default}#modal-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:calc(8px + var(--safe-t)) calc(8px + var(--safe-r)) calc(8px + var(--safe-b)) calc(8px + var(--safe-l));overflow:auto;background:#00000040}#modal-layer.open{display:flex}.dialog{background:var(--face);box-shadow:inset -1px -1px 0 var(--dark),inset 1px 1px 0 var(--light),inset -2px -2px 0 var(--shadow),inset 2px 2px 0 var(--face);padding:3px;width:300px;max-width:94vw;max-height:90vh;max-height:92svh;display:flex;flex-direction:column}.dialog:has(.picker){min-height:min(300px,74svh)}.titlebar{background:var(--title);color:var(--title-text);font-weight:700;padding:2px 3px;display:flex;align-items:flex-start;gap:4px;flex:none}.titlebar>span{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.btn.icon-btn{padding:0;line-height:1;font-weight:700;display:grid;place-items:center}.close{flex:none;width:16px;height:14px;font-size:10px}.confirm-buttons{display:flex;gap:8px;justify-content:center;margin-top:12px}.dialog-body{padding:8px;overflow-y:auto;flex:1 1 auto}.row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.row label{flex:0 0 96px}.row .value{flex:1;text-align:right}.pref-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.spinner{display:flex;gap:2px}.spinner .btn{--btn-pt: 1px;--btn-pr: 6px;--btn-pb: 2px;--btn-pl: 6px}.help{color:#4a4a4a;line-height:1.35;margin:0 0 6px}.hint{margin:2px 0 5px}.appearance-grid{align-items:flex-start}.picker{flex:1 1 0;min-width:0;position:relative}.picker-grid{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:5;flex-flow:row wrap;gap:6px;justify-content:center;padding:6px;margin-top:2px;width:max-content;max-width:min(264px,86vw);max-height:min(232px,48svh);overflow-y:auto;background:var(--face);box-shadow:inset -1px -1px 0 var(--dark),inset 1px 1px 0 var(--light),inset -2px -2px 0 var(--shadow),inset 2px 2px 0 var(--face)}.picker-grid.open{display:flex}.btn.picker-opt{min-width:0;padding:0;box-sizing:border-box;flex:none;display:inline-flex;align-items:center;justify-content:center}.btn.picker-opt:active:not(:disabled){padding:0}.btn.picker-opt .frog-icon{flex:none}.btn.picker-opt.sel{outline:2px solid var(--title);outline-offset:-2px}.picker-md .btn.picker-opt{width:48px;height:48px}.picker-sm{max-width:min(232px,84vw)}.picker-sm .btn.picker-opt{width:22px;height:22px}.swatch{width:16px;height:16px;display:block}.swatch-none{background:repeating-linear-gradient(45deg,#cfcfcf 0,#cfcfcf 3px,#fff 3px,#fff 6px)}.bg-swatch{width:16px;height:16px;display:block;background-size:cover;background-position:center}.type-only{display:flex;justify-content:center;margin-bottom:8px}.type-only .picker{flex:0 0 auto;width:140px}.btn:has(.btn-icon):has(.btn-label){display:inline-flex;align-items:center;gap:5px}.btn.feed-apply{display:block;margin:8px auto 0;padding-left:16px;padding-right:16px}.btn.copy-list{display:block;margin:8px auto 0}.copy-wrap{position:relative;display:flex;justify-content:center;margin-top:8px}.copy-wrap .btn.copy-list{margin:0}.copy-saved{position:absolute;bottom:calc(100% + 3px);left:50%;margin-left:-5.5px;width:11px;height:11px;background:url(../spritesheets/diskette.png) 0 0 / auto 11px no-repeat;image-rendering:pixelated;pointer-events:none;display:none}.copy-wrap.did-copy .copy-saved{display:block;animation:disk-spin .7s steps(31) 1}@keyframes disk-spin{0%{background-position:0 0}to{background-position:-351.33px 0}}@media(prefers-reduced-motion:reduce){.copy-wrap.did-copy .copy-saved{animation:none}}.field-wrap{position:relative}.field-wrap>.field{padding-right:26px}.field-clear{position:absolute;right:3px;top:50%;transform:translateY(-50%);display:none;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:#949494;font:700 16px/1 Tahoma,"MS Sans Serif",sans-serif;cursor:pointer}.field-wrap--area .field-clear{top:3px;transform:none}.field-wrap.has-text .field-clear{display:flex}.field-clear:hover{color:#222}.btn.create,.btn.eat{display:block;margin:12px auto 0}.btn.create{--btn-pr: 18px;--btn-pl: 18px}.btn.eat{--btn-pr: 22px;--btn-pl: 22px}.tab-bar{display:flex;gap:3px;margin:10px 0 0;padding-left:2px}.tab{background:var(--face);border:none;font:inherit;color:#000;cursor:pointer;padding:4px 10px 6px;position:relative;top:2px;box-shadow:inset 1px 1px 0 var(--light),inset -1px -1px 0 var(--shadow),inset -2px 0 0 var(--dark)}.tab.active{font-weight:700;top:0;padding-bottom:8px;z-index:1}.tab-panel{background:var(--face);box-shadow:inset 1px 1px 0 var(--light),inset -1px -1px 0 var(--shadow),inset -2px -2px 0 var(--dark),inset 2px 2px 0 var(--face);padding:8px;margin-bottom:4px}.amount-row{display:flex;gap:6px}.amount-row .btn.amount{flex:1 1 0}.gstats{margin-bottom:10px}.gstats .row{margin-bottom:2px}.gstats .row:last-child{margin-bottom:0}.gstats .row label{flex:0 0 auto;white-space:nowrap}.gstats .value{flex:1;text-align:right;font-weight:700}.legend{font-weight:700;margin:10px 0 4px;border-top:1px solid var(--shadow);border-bottom:1px solid var(--light);padding-top:6px}.preview{display:block;margin:0 auto 8px;image-rendering:pixelated;background:#6a8f4a;box-shadow:inset 1px 1px 0 var(--shadow),inset 2px 2px 0 var(--dark)}.preview-nav{display:flex;align-items:stretch;justify-content:center;gap:6px;margin-bottom:8px}.preview-nav .preview{margin:0}.btn.nav-chevron{flex:none;min-width:0;width:30px;padding:0;font-size:22px;line-height:1;display:grid;place-items:center}.btn.nav-chevron:disabled{visibility:hidden}.preview-stage{position:relative;display:inline-flex;align-self:center}.preview-stage .preview{margin:0}.btn.feed-btn{display:flex;align-items:center;gap:8px;width:fit-content;margin:0 auto 8px}.feed-apple{flex:none;width:21px;height:27px;background:url(../spritesheets/apple.png) 0 center / 210px auto no-repeat;image-rendering:pixelated;animation:apple-spin 1.3s steps(10) infinite}@keyframes apple-spin{to{background-position:-210px center}}.feed-label{line-height:1}.feed-heart{position:absolute;width:17px;height:16px;background:url(../spritesheets/heart.png) 0 0 / auto 16px no-repeat;image-rendering:pixelated;pointer-events:none;animation:heart-beat .6s steps(12) infinite,heart-rise 1.4s ease-out forwards}@keyframes heart-beat{to{background-position:-204px 0}}@keyframes heart-rise{0%{transform:translateY(0) scale(.7);opacity:0}15%{transform:translateY(-6px) scale(1);opacity:1}to{transform:translateY(-52px) scale(1.05);opacity:0}}@media(prefers-reduced-motion:reduce){.feed-apple,.feed-heart{animation:none}}#top-buttons{position:absolute;top:calc(var(--edge) + var(--safe-t));right:calc(var(--edge) + var(--safe-r))}#sync-indicator{align-self:center;margin-left:auto;width:36px;height:36px;image-rendering:pixelated;background:url(../buttons/sync.png) 0 0 / 144px 36px no-repeat;filter:grayscale(1) opacity(.55);pointer-events:none;display:none}#sync-indicator.present{display:block}#sync-indicator.saving{filter:none;animation:sync-spin .6s steps(4) 1}@keyframes sync-spin{to{background-position:-144px 0}}@media(prefers-reduced-motion:reduce){#sync-indicator.saving{animation:none}}#mode-buttons{position:absolute;top:calc(var(--edge) + var(--safe-t));left:calc(var(--edge) + var(--safe-l));display:flex;align-items:center;gap:8px;max-width:calc(100% - 2 * var(--edge) - var(--safe-l) - var(--safe-r) - 100px)}#menu-btn{display:block;width:88.36px;height:36px;padding:0;border:none;cursor:pointer;image-rendering:pixelated;touch-action:manipulation;background:url(../buttons/menu.png) 0 0 / auto 36px no-repeat;background-color:transparent}#menu-btn[aria-expanded=true]{background-position:-88.36px 0}#mode-btn,.mode-opt{display:block;position:relative;overflow:hidden;width:62px;height:36px;padding:0;border:none;cursor:pointer;background:none;touch-action:manipulation}#mode-btn:before,.mode-opt:before{content:"";position:absolute;top:50%;left:50%;width:var(--fw);height:var(--fh, 36px);margin-left:calc(var(--fw) / -2);margin-top:calc(var(--fh, 36px) / -2);background:var(--sprite) 0 0 / auto var(--fh, 36px) no-repeat;image-rendering:pixelated}#mode-btn[aria-expanded=true]:before{background-position:calc(-1 * var(--fw)) 0}#mode-btn.mode-frog,.mode-opt-frog{--fw: 61.71px;--sprite: url(../buttons/frog.png)}#mode-btn.mode-butterfly,.mode-opt-butterfly{--fw: 58.73px;--fh: 34px;--sprite: url(../buttons/butterfly.png)}#mode-btn.mode-dragonfly,.mode-opt-dragonfly{--fw: 55.15px;--sprite: url(../buttons/dragonfly.png)}#mode-btn.mode-idea,.mode-opt-idea{--fw: 49px;--fh: 38px;--sprite: url(../buttons/cloud.png)}#mode-btn.mode-check,.mode-opt-check{--fw: 61.44px;--fh: 32px;--sprite: url(../buttons/bee.png)}#add-btn{width:36px;height:36px;padding:0;border:none;cursor:pointer;image-rendering:pixelated;touch-action:manipulation;background:url(../buttons/plus.png) 0 0 / 144px 36px no-repeat}#add-btn.spinning-once{animation:plus-spin .6s steps(4) 1}#add-btn.spinning{animation:plus-spin .6s steps(4) 2}@keyframes plus-spin{to{background-position:-144px 0}}@media(prefers-reduced-motion:reduce){#add-btn.spinning,#add-btn.spinning-once{animation:none}}#mode-menu{position:absolute;top:40px;left:0;display:none;flex-direction:column;gap:4px;align-items:flex-start;padding:4px;background:var(--face);box-shadow:inset -1px -1px 0 var(--dark),inset 1px 1px 0 var(--light),inset -2px -2px 0 var(--shadow),inset 2px 2px 0 var(--face)}#mode-menu.open{display:flex}.mode-opt.current{outline:2px solid var(--title);outline-offset:1px}.beehive{width:82px;height:81px;margin:0 auto 8px;background:url(../spritesheets/beehive.png) 0 0 / 656px 81px no-repeat;image-rendering:pixelated;animation:hive-buzz 1s steps(8) infinite}@keyframes hive-buzz{to{background-position:-656px 0}}@media(prefers-reduced-motion:reduce){.beehive{animation:none}}.task-list li.check-done .task-name{text-decoration:line-through;opacity:.65}#menu-panel{position:absolute;top:calc(48px + var(--safe-t));right:calc(var(--edge) + var(--safe-r));display:none;flex-direction:column;gap:4px;align-items:stretch}#menu-panel.open{display:flex}#menu-panel .btn{text-align:center}.icon-btn{--btn-pt: 3px;--btn-pr: 4px;--btn-pb: 4px;--btn-pl: 4px;display:grid;place-items:center}.audio-toggle{display:flex;align-items:center;gap:8px;margin:4px 0;cursor:pointer}.audio-toggle input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;margin:0;width:13px;height:13px;background:#fff;box-shadow:inset 1px 1px 0 var(--shadow),inset -1px -1px 0 var(--light),inset 2px 2px 0 var(--dark),inset -2px -2px 0 var(--face);position:relative;cursor:pointer}.audio-toggle input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:1px;width:3px;height:6px;border:solid var(--dark);border-width:0 2px 2px 0;transform:rotate(45deg)}.audio-toggle input[type=checkbox]:focus-visible{outline:1px dotted #000;outline-offset:1px}.check-add{display:flex;gap:6px;margin-bottom:8px}.check-add .field{flex:1 1 auto}.check-add .field-wrap{flex:1 1 auto;min-width:0;display:flex}.check-list{list-style:none;margin:0;padding:6px 8px;max-height:min(360px,42vh);overflow:hidden;background:#fff}.check-list li{display:flex;gap:8px;align-items:center;padding:3px 4px}.check-list li.clickable{cursor:pointer}.check-list li.clickable:hover,.check-list li.clickable:focus-visible{background:var(--title);color:var(--title-text);outline:none}.check-list li.empty{justify-content:center;color:var(--shadow);padding:14px 0}.check-frog{flex:none;image-rendering:pixelated;display:block}.check-name{flex:1 1 auto;word-break:break-word}.check-actions{display:flex;justify-content:center;margin-bottom:8px}.btn.check-del{flex:none;min-width:0;width:18px;height:16px;padding:0;font-size:11px;font-weight:700;line-height:1;display:grid;place-items:center}.btn.check-del:active:not(:disabled){padding:1px 0 0 1px}.screen-streak{align-self:stretch;display:flex;align-items:center;gap:4px;padding:0 8px;font-size:11px;line-height:1.2;white-space:nowrap}.screen-streak .streak-key{color:#555}.screen-streak .streak-val{font-weight:700;color:#111}.screen-streak .streak-val+.streak-key{margin-left:8px}#bottom-bar{position:absolute;left:calc(var(--edge) + var(--safe-l));right:calc(var(--edge) + var(--safe-r));bottom:calc(var(--edge) + var(--safe-b));display:flex;gap:4px;align-items:stretch}#tab-bar{position:relative;flex:0 0 auto;min-width:0;display:flex;gap:4px;align-items:stretch}.tab-toggle{display:inline-flex;align-items:center;gap:6px;max-width:160px}.tab-toggle-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-toggle-caret{flex:none;font-size:9px}.tab-menu{position:absolute;left:0;bottom:100%;margin-bottom:4px;display:none;flex-direction:column;gap:4px;align-items:stretch;min-width:130px;max-width:220px;max-height:60vh;overflow-y:auto;scrollbar-width:none;z-index:5}.tab-menu.open{display:flex}.tab-menu::-webkit-scrollbar{display:none}.tab-item{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-toggle.active,.tab-item.active{background:var(--title);color:var(--title-text);box-shadow:inset 1px 1px 0 var(--dark),inset -1px -1px 0 var(--shadow),inset 2px 2px #1a1a6a}.tab-toggle.active:active:not(:disabled),.tab-item.active:active:not(:disabled){color:var(--title-text)}.tab-toggle.active.colored,.tab-item.active.colored{color:#000;box-shadow:inset -1px -1px #00000059,inset 1px 1px #ffffff80}.tab-toggle.active.colored:active:not(:disabled),.tab-item.active.colored:active:not(:disabled){color:#000}.tab-icon{--btn-pr: 8px;--btn-pl: 8px;flex:none;min-width:0;padding-top:0;padding-bottom:0;display:grid;place-items:center;line-height:1;font-weight:700}.hat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:6px}.hat-cell{--btn-pt: 4px;--btn-pr: 4px;--btn-pb: 4px;--btn-pl: 4px;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.hat-cell.active{box-shadow:inset 1px 1px 0 var(--dark),inset -1px -1px 0 var(--light),inset 2px 2px 0 var(--shadow),0 0 0 2px var(--title)}.hat-thumb{display:block;image-rendering:pixelated}.hat-none{height:34px;display:grid;place-items:center;font-size:18px;color:var(--shadow)}.hat-name{font-size:11px}.bg-picker{display:flex;align-items:center;gap:8px;margin-bottom:6px}.bg-thumb{width:96px;height:72px;object-fit:cover;image-rendering:pixelated;flex:none;box-shadow:inset 1px 1px 0 var(--shadow),inset 2px 2px 0 var(--dark),inset -1px -1px 0 var(--light)}.pref-grid{display:flex;gap:8px;margin-bottom:6px}.pref-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:4px}.pref-preview{height:34px;display:grid;place-items:center;overflow:hidden;background:#fff;box-shadow:inset 1px 1px 0 var(--shadow),inset 2px 2px 0 var(--dark),inset -1px -1px 0 var(--light)}.pref-preview.bg-thumb{width:auto;height:34px;object-fit:cover}.pref-preview .hat-none{height:auto}.btn.pref-btn{--btn-pr: 4px;--btn-pl: 4px;font-size:11px;white-space:normal;word-break:break-word}.pref-controls{display:flex;align-items:stretch;gap:3px}.pref-controls .btn.pref-btn{flex:1 1 0;min-width:0}.btn.pref-step{flex:0 0 auto;min-width:0;width:16px;--btn-pr: 0px;--btn-pl: 0px;font-size:13px;line-height:1;display:grid;place-items:center}.w95-select{position:relative;flex:1 1 auto;min-width:0}.w95-select-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:4px;font:inherit;color:#000;border:none;padding:2px 2px 2px 5px;background:#fff;cursor:pointer;box-shadow:inset 1px 1px 0 var(--shadow),inset 2px 2px 0 var(--dark),inset -1px -1px 0 var(--light)}.w95-select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w95-select-caret{flex:none;width:17px;height:17px;display:grid;place-items:center;font-size:8px;background:var(--face);box-shadow:inset -1px -1px 0 var(--dark),inset 1px 1px 0 var(--light),inset -2px -2px 0 var(--shadow),inset 2px 2px 0 var(--face)}.w95-select-list{position:absolute;left:0;right:0;top:100%;margin:1px 0 0;padding:1px;list-style:none;z-index:10;max-height:180px;overflow-y:auto;display:none;background:#fff;box-shadow:inset 1px 1px 0 var(--shadow),inset -1px -1px 0 var(--light),1px 1px 0 var(--dark)}.w95-select-list.open{display:block}.w95-option{padding:3px 6px;cursor:pointer;white-space:nowrap}.w95-option:hover{background:var(--title);color:var(--title-text)}.w95-option.sel{font-weight:700}.btn.close:active:not(:disabled){padding:0}.empty{text-align:center;color:#5f5f5f;padding:20px 0}.credits div{margin-bottom:4px;overflow-wrap:anywhere}.credits div:last-child{margin-bottom:0}.credits a{color:var(--title)}.list-scroll{display:flex;align-items:stretch}.list-scroll .task-list{flex:1 1 auto;min-width:0}.w95-sb{flex:none;width:16px;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;touch-action:none}.w95-sb.idle{opacity:.5}.w95-sb-btn{flex:none;height:16px;padding:0;background:silver;border:1px solid;border-color:#ffffff #404040 #404040 #ffffff;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px gray;display:grid;place-items:center;cursor:default}.w95-sb-btn:active:not(:disabled){border-color:#404040 #ffffff #ffffff #404040;box-shadow:inset 1px 1px gray}.w95-sb .tri{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent}.w95-sb-up .tri{border-bottom:4px solid #000}.w95-sb-down .tri{border-top:4px solid #000}.w95-sb-btn:disabled .tri{border-bottom-color:gray;border-top-color:gray}.w95-sb-track{flex:1 1 auto;position:relative;min-height:0;background-color:silver;background-image:linear-gradient(45deg,#e9e9e9 25%,transparent 25%,transparent 75%,#e9e9e9 75%),linear-gradient(45deg,#e9e9e9 25%,transparent 25%,transparent 75%,#e9e9e9 75%);background-size:2px 2px;background-position:0 0,1px 1px}.w95-sb-thumb{position:absolute;left:0;right:0;background:silver;border:1px solid;border-color:#ffffff #404040 #404040 #ffffff;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px gray;cursor:default}.w95-sb.idle .w95-sb-thumb{display:none}@media(pointer:coarse){.w95-sb{width:22px}.w95-sb-btn{height:22px}}.task-list{list-style:none;margin:0;padding:6px 8px;max-height:min(400px,45vh);overflow:hidden;background:#fff}.task-list li{display:flex;gap:8px;align-items:center;padding:3px 4px;cursor:pointer}.task-list li:hover,.task-list li:focus-visible{background:var(--title);color:var(--title-text);outline:none}.task-list li:hover .task-time,.task-list li:focus-visible .task-time{color:#d8d8d8}.frog-icon{flex:none;image-rendering:pixelated;display:block}.task-name{flex:1 1 auto;word-break:break-word}.task-time{flex:none;color:#333;white-space:nowrap}.reorder{flex:none;display:flex;flex-direction:column;line-height:0}.reorder-btn{border:none;background:transparent;cursor:pointer;padding:0 2px;height:11px;font-size:9px;line-height:11px;color:#555}.reorder-btn:disabled{color:#c8c8c8;cursor:default}.reorder-btn:not(:disabled):hover{color:#000}.task-list li.confirming{background:#fff2d6;cursor:default}.task-list li.confirming .confirm-msg{flex:1;text-align:center;font-weight:700;color:#7a3a00;white-space:nowrap}.btn.inline-yes,.btn.inline-no{flex:none;min-width:0;width:18px;height:16px;padding:0;font-size:11px;font-weight:700;line-height:1;display:grid;place-items:center}.btn.inline-yes:active:not(:disabled),.btn.inline-no:active:not(:disabled){padding:1px 0 0 1px}.btn.inline-yes{color:#157015}.btn.inline-no{color:#b11}.task-list li:hover .reorder-btn,.task-list li:focus-visible .reorder-btn{color:#d8d8d8}.task-list li:hover .reorder-btn:disabled,.task-list li:focus-visible .reorder-btn:disabled{color:#7a8ec0}@media(pointer:coarse){html,body{font-size:14px}.btn{--btn-pt: 8px;--btn-pr: 12px;--btn-pb: 10px;--btn-pl: 12px;font-size:14px}.btn.close{padding:0;width:22px;height:20px;font-size:13px}.spinner .btn{--btn-pt: 6px;--btn-pr: 12px;--btn-pb: 8px;--btn-pl: 12px}.reorder-btn{padding:2px 7px;height:17px;font-size:11px;line-height:13px}.tab{padding:7px 12px 9px}.titlebar{padding:4px 5px}}
