:root{font-family:Tahoma,"Microsoft JhengHei",Arial,sans-serif;color:#111;font-size:13px;background:#c0c0c0}*{box-sizing:border-box}body{margin:0;padding:0}button,input{font:inherit}button{background:#c0c0c0;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:1px 1px #000;padding:6px 16px;color:#111}button{cursor:pointer}button:active{border-color:#404040 #fff #fff #404040;box-shadow:none}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px dotted #000;outline-offset:3px}.window{width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;margin:0;background:#c0c0c0;padding:3px;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:2px 2px #000}.titlebar{background:linear-gradient(90deg,#000080,#1084d0);color:#fff;padding:7px 9px;display:flex;justify-content:space-between;font-weight:bold;letter-spacing:.2px}.workspace{padding:20px;flex:1}h1{font-size:22px;margin:0 0 7px;font-weight:normal}p{line-height:1.6;margin:0}.layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:24px}fieldset{border:2px groove #fff;padding:14px;margin:0 0 17px}legend{padding:0 5px}.choice{display:flex;align-items:center;gap:6px;margin:5px 0 12px}.choice:last-child{margin-bottom:0}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}input[type=date],input[type=number]{width:100%;background:white;border:2px solid;border-color:#808080 #fff #fff #808080;padding:6px;min-height:34px}input[type=checkbox],input[type=radio]{accent-color:#000080}.weekdays{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.weekdays label{display:flex;align-items:center;gap:3px}.weekdays input{margin:0}.form-actions{display:flex;gap:10px}.default-button{outline:1px solid #000;outline-offset:1px;font-weight:bold}.inset{border:2px solid;border-color:#808080 #fff #fff #808080;background:#fff}.result{padding:19px 22px;min-height:128px}.result .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#555}.result .answer{font-size:30px;color:#000080;display:block;margin:7px 0}.result .description{color:#444}.warning{margin:12px 0;padding:10px;background:#ffffdf;border:1px solid #808000;font-size:12px}.error{color:#a00000}.calendar-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between;margin:22px 0 12px}h2{font-size:14px;margin:0}.legend{display:flex;gap:12px;font-size:11px}.legend span{display:flex;align-items:center;gap:4px}i{display:inline-block;width:10px;height:10px;border:1px solid #808080}.work{background:#dce8fa}.off{background:#eee}.holiday{background:#f9e1dd}.calendar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-height:720px;overflow:auto;padding:2px}.month{background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080;padding:8px}.month h3{font-size:13px;text-align:center;background:#000080;color:#fff;padding:7px;margin:0 0 7px}.grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.dow{text-align:center;font-size:10px;color:#555;padding:5px 0}.cell{min-height:45px;padding:4px;position:relative;background:#fff;border:1px solid #ddd;font-size:11px;overflow-wrap:anywhere}.cell.off{background:#eee}.cell.holiday{background:#f9e1dd;color:#8d241c}.cell.counted{background:#dce8fa;border-color:#7d97be}.cell.outside{opacity:.4}.cell.landing{outline:2px solid #000080;outline-offset:-2px}.badge{float:right;color:#000080;font-size:9px;font-weight:bold}.holiday-name{display:block;font-size:8px;margin-top:4px}.pad{border:0;background:transparent}details{margin-top:20px}summary{cursor:pointer;padding:9px;border:2px solid;border-color:#fff #808080 #808080 #fff}.table-scroll{max-height:320px;overflow:auto;background:white}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:7px;border:1px solid #ddd}th{background:#ddd;position:sticky;top:0}dialog{padding:3px;background:#c0c0c0;border:2px outset #fff;max-width:440px;width:90%}dialog::backdrop{background:#0005}[hidden]{display:none!important}@media(max-width:850px){body{padding:0}.workspace{padding:15px}.layout{grid-template-columns:1fr}.calendar{max-height:none}form{display:grid;grid-template-columns:1fr 1fr;gap:12px}fieldset{margin:0}.form-actions{align-items:center}}@media(max-width:520px){form,.calendar{grid-template-columns:1fr}.result .answer{font-size:26px}.workspace{padding:12px}.cell{min-height:52px}}
.date-control{display:flex;align-items:stretch;border:2px solid;border-color:#808080 #fff #fff #808080;background:#fff}.date-input{width:100%;min-width:0;min-height:34px;padding:6px;border:0;background:#fff;cursor:pointer;font-variant-numeric:tabular-nums}.date-control>button{margin:2px;padding:2px 9px;box-shadow:none;font-size:19px;line-height:1}.date-picker{width:310px;max-width:calc(100vw - 24px);box-shadow:2px 2px #000}.picker-close{padding:0 5px;line-height:16px;box-shadow:none;font-weight:bold}.picker-content{padding:12px}.picker-navigation{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.picker-navigation button{padding:4px 8px;box-shadow:none}.picker-navigation strong{font-size:13px}.picker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;background:#fff;border:2px solid;border-color:#808080 #fff #fff #808080;padding:5px}.picker-dow{text-align:center;padding:5px 0;font-size:11px;color:#555;border-bottom:1px solid #808080;margin-bottom:3px}.picker-day{background:white;border:1px solid transparent;box-shadow:none;padding:7px 0;font-size:12px}.picker-day:hover{background:#dce8fa;border-color:#000080}.picker-day.selected{background:#000080;color:#fff}.picker-day.is-today{border:1px solid #000080;font-weight:bold}.picker-day:focus-visible{outline:1px dotted currentColor;outline-offset:-4px}.picker-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.picker-actions button{min-width:85px}
.meme-dialog{width:620px;max-width:calc(100vw - 24px);box-shadow:3px 3px #000}.meme-dialog .titlebar{background:linear-gradient(90deg,#800000,#c03030)}.meme-content{padding:18px}.meme-heading>span{font-size:44px;color:#9a0000}.meme-message{font-weight:bold;margin-bottom:12px}#meme-screen{aspect-ratio:16/9;background:#000080;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font:22px monospace}#meme-screen small{font-size:12px}#meme-screen iframe{width:100%;height:100%;border:0}.meme-note{font-size:11px;color:#444;margin-top:10px}.meme-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}button:disabled{cursor:default;color:#808080;text-shadow:1px 1px #fff}.meme-note a{color:#000080;text-decoration:underline}

.titlebar h1{font-size:14px;font-weight:bold;margin:0;line-height:1.4}.form-actions{flex-wrap:wrap;gap:8px}.form-actions button{padding:6px 12px}.result{min-height:110px}.workspace{padding:18px}.window{box-shadow:none}.meme-message{margin-bottom:12px}.plan-note{font-size:11px;line-height:1.5;color:#444;margin:0 0 17px}.premium-note{font-size:11px;color:#555;margin-bottom:12px}
.premium-button{font-weight:bold;color:#800080;background:#ffff80}.premium-error{width:430px;max-width:calc(100vw - 24px);background:#ff00ff;border:4px ridge #ffff00;box-shadow:6px 6px #000}.premium-error .titlebar{background:linear-gradient(90deg,#800080,#ff0000);color:#ffff00}.premium-error-content{padding:18px;text-align:center;background:repeating-linear-gradient(45deg,#00ffff 0,#00ffff 12px,#80ffff 12px,#80ffff 24px)}.retro-ticker{overflow:hidden;border:3px inset #ffff00;background:#000080;color:#ffff00;padding:7px 0;font-weight:bold;font-family:"Courier New",monospace}.retro-ticker span{display:inline-block;white-space:nowrap;animation:retro-scroll 7s linear infinite}.retro-error{font: bold 24px "Courier New",monospace;margin:20px 0 10px;text-shadow:2px 2px #fff;animation:retro-colors 3s linear infinite}.retro-payment{font-weight:bold;font-size:18px;color:#800000}.retro-caption{font-size:12px;margin:14px 0}.premium-error-content>button{background:#ffff00;color:#800080;font-weight:bold;margin-top:10px}@keyframes retro-scroll{from{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes retro-colors{0%,100%{color:#800000}33%{color:#000080}66%{color:#800080}}@media(prefers-reduced-motion:reduce){.retro-ticker span,.retro-error{animation:none}.retro-ticker span{white-space:normal}}
.meme-dialog{background:#ff00ff;border:4px ridge #ffff00;box-shadow:6px 6px #000}.meme-dialog .titlebar{background:linear-gradient(90deg,#800080,#ff0000);color:#ffff00}.meme-content{background:repeating-linear-gradient(135deg,#00ffff 0,#00ffff 14px,#80ffff 14px,#80ffff 28px)}.meme-content>.retro-ticker{margin-bottom:16px}.meme-message{font-family:"Courier New",monospace;font-size:16px;text-align:center;text-shadow:1px 1px #fff;animation:retro-colors 3s linear infinite}.meme-dialog #meme-screen{border:4px ridge #ff00ff}.meme-dialog #meme-screen>p{color:#ffff00;font-weight:bold;text-shadow:2px 2px #ff00ff;animation:ad-wobble 3s ease-in-out infinite}.meme-dialog .meme-actions button{background:#ffff00;color:#800080;font-weight:bold}.meme-dialog .meme-actions button:disabled{color:#808080;background:#c0c0c0}.meme-dialog .premium-note{color:#800080;text-align:center;font-weight:bold;margin-top:10px}.meme-dialog .meme-note{text-align:center}.meme-dialog .meme-note a{background:#ffff00;color:#800080;padding:3px 6px}@keyframes ad-wobble{0%,100%{transform:rotate(-3deg) translateY(-3px)}50%{transform:rotate(3deg) translateY(3px)}}@media(prefers-reduced-motion:reduce){.meme-message,.meme-dialog #meme-screen>p{animation:none}}
#ad-status.skip-callout{margin:16px 0;padding:12px;border:5px ridge #ff00ff;background:#ffff00;color:#800000;font:bold 17px/1.5 "Courier New",monospace;text-align:center;text-shadow:2px 2px #fff;box-shadow:4px 4px #000;animation:retro-colors 3s linear infinite,ad-wobble 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){#ad-status.skip-callout{animation:none}}
/* Small old-school flourishes on the original Windows 98 interface. */
.window>.titlebar h1{animation:home-title-drift 5s ease-in-out infinite}
.calendar-toolbar h2{animation:home-calendar-tilt 3s ease-in-out infinite;transform-origin:left center}
.plan-note{animation:home-note-colors 6s linear infinite}
@keyframes home-title-drift{0%,100%{transform:translateX(0)}50%{transform:translateX(12px)}}
@keyframes home-calendar-tilt{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}
@keyframes home-note-colors{0%,100%{color:#444}33%{color:#800080}66%{color:#000080}}
@media(prefers-reduced-motion:reduce){.window>.titlebar h1,.calendar-toolbar h2,.plan-note{animation:none}}/* Calendar-only ugly old Windows styling. */
.calendar{gap:16px;padding:4px}.month{background:#c0c0c0;border:3px outset #fff;box-shadow:3px 3px #404040;padding:7px}.month h3{background:linear-gradient(90deg,#000080,#800080);color:#ffff00;border:2px outset #fff;font:bold 13px "Courier New",monospace;text-shadow:1px 1px #000;margin-bottom:7px}.month .dow{background:#c0c0c0;border:2px outset #fff;padding:4px 0;color:#000080;font-weight:bold}.month .dow:first-child,.month .dow:last-child{color:#800000}.month .cell{background:#ffffdf;border:2px inset #fff;color:#000080;min-height:49px;font-family:"Courier New",monospace}.month .cell.counted{background:#bfffff;border-color:#008080;font-weight:bold}.month .cell.off{background:repeating-linear-gradient(135deg,#ddd 0,#ddd 4px,#c0c0c0 4px,#c0c0c0 8px);color:#555}.month .cell.holiday{background:#ffbfff;border-color:#800080;color:#800000}.month .cell.landing{background:#ffff00;outline:3px double #000080;outline-offset:-4px}.month .cell.pad{background:transparent;border:0}.month .badge{background:#000080;color:#ffff00;border:1px outset #fff;padding:1px 2px}.month .holiday-name{font-family:Tahoma,"Microsoft JhengHei",sans-serif}.legend .work{background:#bfffff}.legend .off{background:#c0c0c0}.legend .holiday{background:#ffbfff}.window>.titlebar{overflow:hidden}.window>.titlebar h1{overflow-wrap:anywhere;padding-right:12px}
/* Windows 98 list-view styling for day details. */
#trace>summary{background:#c0c0c0;border:2px outset #fff;color:#000080;font-weight:bold}#trace .table-scroll{margin-top:6px;border:3px inset #fff;background:#fff}#trace table{border-collapse:separate;border-spacing:0;font:12px Tahoma,"Microsoft JhengHei",Arial,sans-serif}#trace th{background:#c0c0c0;color:#111;border:2px outset #fff;font-weight:normal;padding:6px 9px;z-index:1}#trace td{padding:6px 9px;border:0;border-right:1px solid #ddd;border-bottom:1px solid #eee;font-variant-numeric:tabular-nums}#trace tbody tr:nth-child(even){background:#f0f0f0}#trace tbody tr:hover{background:#000080;color:#fff}#trace tbody tr:hover td{border-color:#000080}
.window>.home-ticker{display:block;overflow:hidden;background:#000080;color:#ffff00;border:3px inset #ffff00;padding:8px 0}.window>.home-ticker h1{display:inline-block;white-space:nowrap;overflow-wrap:normal;padding:0;margin:0;font:bold 16px "Courier New",monospace;color:#ffff00;text-shadow:none;animation:retro-scroll 2s linear infinite}@media(prefers-reduced-motion:reduce){.window>.home-ticker h1{animation:none;white-space:normal;padding:0 10px}}
.window>.home-ticker{position:relative;height:40px}.window>.home-ticker h1{position:absolute;top:8px;left:100%;animation:header-full-scroll 2s linear infinite}@keyframes header-full-scroll{from{left:100%;transform:translateX(0)}to{left:0;transform:translateX(-100%)}}@media(prefers-reduced-motion:reduce){.window>.home-ticker{height:auto}.window>.home-ticker h1{position:static;animation:none;white-space:normal}}
.layout{grid-template-columns:285px minmax(0,1fr) 210px}.game-panel{background:#c0c0c0;border:3px outset #fff;padding:3px;box-shadow:2px 2px #404040}.game-panel .titlebar{font-size:12px;padding:5px 7px}.game-panel img{display:block;width:100%;height:auto;border:2px inset #fff;background:#000}.game-side{align-self:start;position:sticky;top:12px}.game-bottom{margin:20px auto 0;width:220px}.game-bottom img{max-height:330px;object-fit:contain}@media(max-width:1100px){.layout{grid-template-columns:250px minmax(0,1fr) 165px}}@media(max-width:850px){.layout{grid-template-columns:1fr}.game-side{position:static;width:210px;justify-self:center}.game-bottom{width:210px}}
.game-side{display:grid;gap:14px}.game-bottom{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:18px;width:100%;margin:22px auto 0}.game-bottom .game-panel{width:220px}.game-bottom .game-panel:first-child{width:min(350px,100%)}.game-bottom img{max-height:330px;object-fit:contain}@media(max-width:520px){.game-bottom{gap:12px}.game-bottom .game-panel{width:min(220px,100%)}}
.output .game-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start;margin-top:18px}.output .game-bottom .game-panel,.output .game-bottom .game-panel:first-child{width:100%;min-width:0}.output .game-bottom img{max-height:300px;object-fit:contain}@media(max-width:520px){.output .game-bottom{grid-template-columns:1fr}.output .game-bottom .game-panel{max-width:260px;justify-self:center}}