:root{--desk: #127C7C;--win: #C0C0C0;--body: #FFFFFF;--ink: #000000;--muted: #404040;--hi: #FFFFFF;--lo: #404040;--title: linear-gradient(90deg, #0A246A 0%, #3A6EA5 100%);--title-ink: #FFFFFF;--sel: #0A246A;--sel-ink: #FFFFFF;--icon-ink: #FFFFFF;--radius: 0px;--good: #0F6E70;--bad: #A3301C;--note: #FFFFE1;--gold: #F2C230;--f-ui: "Archivo", "Arial Narrow", sans-serif;--f-title: "Archivo Black", "Arial Black", sans-serif;--f-mono: "Courier Prime", "Courier New", monospace;color-scheme:light}html,body{background:#127c7c;color:#000}body{margin:0;font-family:var(--f-ui);font-size:14px}*{box-sizing:border-box}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px dotted #000000;outline-offset:2px}.desk{min-height:100vh;background:var(--desk);color:var(--ink);font-family:var(--f-ui);padding:10px 8px calc(64px + env(safe-area-inset-bottom,0px))}.wrap{max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.icons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px}.ico .l{font-size:11px;white-space:nowrap}.ico{background:none;border:0;padding:4px 2px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--icon-ink);font-size:12px;text-shadow:1px 1px 0 rgba(0,0,0,.8);position:relative}.ico[aria-current=true] span.l{background:var(--sel);color:var(--sel-ink);text-shadow:none;outline:1px dotted #FFFFFF}.ico .badge{position:absolute;top:0;right:12%;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#c8102e;color:#fff;font-size:11px;line-height:18px;text-shadow:none;font-weight:700}.win{background:var(--win);border:2px solid;border-color:var(--hi) var(--lo) var(--lo) var(--hi);box-shadow:1px 1px #000;padding:2px;border-radius:var(--radius);display:flex;flex-direction:column;min-width:0}.tbar{min-height:26px;background:var(--title);color:var(--title-ink);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 3px 2px 8px;font-weight:700;border-radius:calc(var(--radius) - 2px) calc(var(--radius) - 2px) 0 0}.tbar .tt{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tctl{display:flex;gap:2px;flex:none}.tctl span{width:20px;height:18px;display:inline-flex;align-items:center;justify-content:center;background:silver;color:#000;border:1px solid;border-color:#FFFFFF #404040 #404040 #FFFFFF;font-size:12px;line-height:1}.menu{display:flex;gap:14px;padding:4px 6px;font-size:13px;flex-wrap:wrap}.wbody{padding:6px;display:flex;flex-direction:column;gap:8px}.inset{background:var(--body);border:2px solid;border-color:var(--lo) var(--hi) var(--hi) var(--lo);border-radius:calc(var(--radius) / 2);min-width:0}.pad{padding:8px 10px}.seg{display:flex;gap:4px;flex-wrap:wrap}.btn{min-height:40px;padding:4px 12px;background:silver;color:#000;border:2px solid;border-color:#FFFFFF #404040 #404040 #FFFFFF;border-radius:0;flex:1 1 auto}.btn.primary{outline:1px solid #000000;font-weight:700}.btn[aria-pressed=true]{border-color:#404040 #FFFFFF #FFFFFF #404040;background:#d6d6d6}.btn[disabled]{color:gray;text-shadow:1px 1px 0 #FFFFFF;cursor:not-allowed}.btns{display:flex;gap:6px;flex-wrap:wrap}.mail{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:0 8px;align-items:center;width:100%;text-align:left;background:none;border:0;padding:6px 8px;border-bottom:1px solid #E2E2E2}.mail.unread{font-weight:700}.mail[aria-current=true]{background:var(--sel);color:var(--sel-ink)}.mail .sub{grid-column:2 / 3;font-weight:400;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail .fee{font-variant-numeric:tabular-nums}.k{color:var(--muted);font-size:12px}.meta{font-size:12px;color:var(--muted)}.hint{font-size:13px;color:var(--muted);margin:0}.row{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.b{font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{font-size:12px;padding:1px 6px;border:1px solid var(--muted);background:var(--body)}.chip.bad{border-color:var(--bad);color:var(--bad)}.chip.good{border-color:var(--good);color:var(--good)}.barrow{display:grid;grid-template-columns:84px minmax(0,1fr) 44px;gap:6px;align-items:center;font-size:13px}.track{height:14px;background:var(--body);border:1px solid var(--lo);padding:1px}.fill{height:10px;background:repeating-linear-gradient(90deg,var(--sel) 0 8px,transparent 8px 10px)}.fill.works{background:repeating-linear-gradient(90deg,#1A8A8A 0 8px,transparent 8px 10px)}.fill.exp{background:repeating-linear-gradient(90deg,#C8102E 0 8px,transparent 8px 10px)}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.fill.range{opacity:.85}.notes .row .face{display:inline-block;vertical-align:middle}.notes{background:var(--note);border:1px dashed #000000;padding:8px 10px;font-family:var(--f-mono);font-size:13px;display:flex;flex-direction:column;gap:4px}.person{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;align-items:start}.face{image-rendering:pixelated;background:#e8e2d0;border:1px solid var(--lo);display:block}.faces{display:flex;gap:3px;flex-wrap:wrap}.trait{font-size:13px;font-style:italic}.stam{height:8px;border:1px solid var(--lo);background:var(--body)}.stam>div{height:6px;background:#1a8a8a}.stam>div.low{background:#c8102e}.sheet{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:13px;background:var(--body)}.sheet th{background:#d6d6d6;font-weight:400;color:#000;border:1px solid #A0A0A0;padding:2px 4px;text-align:center}.sheet td{border:1px solid #D0D0D0;padding:4px 6px}.sheet td.n{text-align:right}.sheet td.rn{background:#d6d6d6;text-align:center;color:#000;width:28px;border-color:#a0a0a0}.sheet tr.sel td:not(.rn){outline:2px solid #000000;outline-offset:-2px}.tabsbar{display:flex;flex-wrap:wrap;gap:2px}.stab{background:#d6d6d6;border:1px solid #808080;border-top:0;padding:4px 10px;font-size:13px;white-space:nowrap;min-height:34px}.stab[aria-selected=true]{background:var(--body);font-weight:700}.up{color:var(--good)}.down{color:var(--bad)}.slide{background:linear-gradient(180deg,#16236a,#0b1236);color:#fff;padding:14px;border-bottom:4px solid var(--gold);display:flex;flex-direction:column;gap:6px}.slide .eyb{font-family:var(--f-mono);font-size:12px;letter-spacing:2px;color:#8fd3d3}.slide .hl{font-family:var(--f-title);font-size:24px;line-height:1.1;color:var(--gold);text-shadow:2px 2px 0 #B85A1E,4px 4px 0 #5C2410;text-wrap:balance}.slide .fn{font-size:13px;font-style:italic;color:#d8dceb}.figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.fig{background:var(--body);border:1px solid #A0A0A0;padding:6px 8px}.fig .v{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.news{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}.news li{display:flex;gap:8px;align-items:baseline;font-size:14px}.news li:before{content:"";flex:none;width:9px;height:9px;background:#16236a}.news li.good:before{background:#1a8a8a}.news li.bad:before{background:#c8102e}.taskbar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:silver;border-top:2px solid #FFFFFF;padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px))}.taskbar .in{max-width:480px;margin:0 auto;display:flex;gap:4px;align-items:stretch}.go{flex:none;display:flex;align-items:center;gap:6px;font-weight:700;min-height:42px;padding:0 10px;background:silver;border:2px solid;border-color:#FFFFFF #404040 #404040 #FFFFFF;color:#000}.task{flex:1 1 0;min-width:0;display:flex;align-items:center;padding:0 8px;background:#dcdcdc;border:2px solid;border-color:#404040 #FFFFFF #FFFFFF #404040;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000}.tray{flex:none;display:flex;align-items:center;gap:6px;padding:0 6px;border:1px solid;border-color:#808080 #FFFFFF #FFFFFF #808080;font-size:12px;color:#000;font-variant-numeric:tabular-nums}.tray button{background:none;border:1px solid transparent;padding:2px;min-width:44px;min-height:40px;display:inline-flex;align-items:center;justify-content:center}.tray button[aria-pressed=true]{border-color:#404040 #FFFFFF #FFFFFF #404040;background:#e8e8e8}.overlay{position:fixed;inset:0;z-index:40;background:#00000040;display:flex;align-items:center;justify-content:center;padding:12px}.dlg{width:100%;max-width:440px;max-height:calc(100vh - 24px);overflow-y:auto}.dlg .wbody{gap:10px}.warn{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start;font-size:15px}.opt{text-align:left;display:flex;flex-direction:column;gap:3px;align-items:stretch;padding:8px 10px}.opt .on{font-weight:700}.bindy{align-self:flex-end;display:flex;align-items:flex-end;gap:0;max-width:360px}.bubble{background:var(--note);color:#000;border:1px solid #000000;border-radius:10px;padding:8px 10px;font-size:14px;display:flex;flex-direction:column;gap:6px;margin-bottom:40px;margin-right:-6px;max-width:250px;box-shadow:2px 2px #0000004d}.bubble .btn{min-height:44px;font-size:13px}.bindy svg{flex:none}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px 8px}.wizard{width:100%;max-width:440px}.wiz{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px}.wizside{background:linear-gradient(180deg,#0a246a,#127c7c);min-height:100%;display:flex;align-items:flex-end;justify-content:center;padding:8px;color:#fff;font-family:var(--f-title);font-size:14px;line-height:1.1;text-align:center}.field{display:flex;flex-direction:column;gap:4px;font-size:13px}.field input[type=text]{font:inherit;font-size:16px;padding:6px 8px;min-height:40px;background:#fff;color:#000;border:2px solid;border-color:#404040 #FFFFFF #FFFFFF #404040;width:100%}.radio{display:grid;grid-template-columns:20px minmax(0,1fr);gap:6px;align-items:start;padding:6px 4px;font-size:13px}.radio input{margin:2px 0 0;width:16px;height:16px}.wordart{font-family:var(--f-title);font-size:40px;line-height:1;color:var(--gold);text-shadow:2px 2px 0 #D9822B,4px 4px 0 #B85A1E,6px 6px 0 #5C2410;transform:skewY(-5deg) rotate(-2deg);transform-origin:left center;margin:6px 0 10px}.shut{min-height:100vh;background:#000;color:#f2a541;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;font-family:var(--f-mono)}.era07{--desk: radial-gradient(120% 70% at 20% 0%, #FFFFFF 0%, #CFE9FF 35%, #5AA9E6 100%);--win: linear-gradient(180deg, #FDFEFF 0%, #E4E9EF 100%);--hi: #9DB0C4;--lo: #9DB0C4;--title: linear-gradient(180deg, #8ED0FF 0%, #3D8FE0 50%, #2C7BD6 51%, #5BB0F5 100%);--sel: #2C7BD6;--radius: 12px;--icon-ink: #0B2E59;--note: #FFFBE0}.era07 .win{border-width:1px;box-shadow:0 10px 24px #143c6e47}.era07 .tbar{text-shadow:0 1px 1px rgba(0,0,0,.35)}.era07 .tctl span{border-radius:50%;border:1px solid #1A5DAF;background:radial-gradient(circle at 50% 30%,#fff,#8fc8f5 60%,#3d8fe0);width:18px;height:18px;color:#0b2e59}.era07 .ico{text-shadow:0 1px 0 rgba(255,255,255,.8)}.era07 .btn{border-radius:18px;border:1px solid #9DB0C4;background-image:linear-gradient(180deg,#ffffffe6 0 48%,#fff0 52%),linear-gradient(180deg,#fff,#d9e3ee);color:#0b2e59}.era07 .btn.primary{outline:0;border-color:#1a5daf;background-image:linear-gradient(180deg,#ffffff73 0 48%,#fff0 52%),linear-gradient(180deg,#6fc2ff,#1f6fd1);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.4)}.era07 .inset{border:1px solid #B9C7D6}.era07 .taskbar{background:linear-gradient(180deg,#4d6a8f,#1d2f49);border-top:1px solid #8FB2DA}.era07 .go{border-radius:22px;border:1px solid #0F3B6E;background:radial-gradient(circle at 50% 30%,#9fe3b5,#2e9e5b 70%);color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.5)}.era07 .task{background:#ffffff2e;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:6px}.era07 .tray{border-color:#ffffff4d;color:#fff}.era07 .tbar:after{content:"BETA";font-size:10px;letter-spacing:1px;background:#f2c230;color:#b8361e;padding:1px 5px;border-radius:8px;margin-left:auto;margin-right:4px;text-shadow:none}.era14{--desk: #F6F1F8;--win: #FFFFFF;--hi: #FFFFFF;--lo: #FFFFFF;--title: #9FE0D2;--title-ink: #FFFFFF;--sel: #FF8A80;--radius: 0px;--icon-ink: #5A5E72;--muted: #8A87A0;--note: #FFF3E8;--f-ui: "Quicksand", sans-serif}.era14 .win{border:0;box-shadow:none;padding:0}.era14 .tbar{font-weight:500;text-transform:lowercase;letter-spacing:1px}.era14 .tctl span{background:transparent;border:0;color:#fff}.era14 .ico{text-shadow:none;font-weight:600}.era14 .ico[aria-current=true] span.l{outline:0}.era14 .btn{border:0;background:#ede7f0;color:#5a5e72;text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:600}.era14 .btn.primary{outline:0;background:#ff8a80;color:#fff}.era14 .inset{border:0;background:#fbf9fc}.era14 .taskbar{background:#fff;border-top:0;box-shadow:0 -1px #ece6ef}.era14 .go{border:0;background:#ff8a80;color:#fff;text-transform:lowercase}.era14 .task{border:0;background:#f6f1f8;color:#5a5e72;font-weight:600}.era14 .tray{border:0;color:#5a5e72}.era14 .fill{background:#9fe0d2}.era14 .fill.works{background:#b7a6e8}.era14 .fill.exp{background:#ff8a80}.era14 .track,.era14 .stam{border:0;background:#efeaf2}.era14 .sheet th,.era14 .sheet td.rn{background:#f6f1f8;border-color:#ece6ef;color:#8a87a0}.era14 .sheet td{border-color:#f2eef4}.era24{--desk: radial-gradient(90% 60% at 80% 0%, #EDE6FF 0%, #FAF9F7 60%, #F3F1EC 100%);--win: #FFFFFF;--hi: #E7E2F3;--lo: #E7E2F3;--title: #FFFFFF;--title-ink: #1B1F33;--sel: #EDE6FF;--sel-ink: #1B1F33;--radius: 18px;--icon-ink: #3B3557;--muted: #6E6A85;--note: #F4F0FF;--f-ui: "DM Sans", sans-serif}.era24 .win{border:1px solid #E7E2F3;box-shadow:0 6px 24px #3c287814;padding:0}.era24 .tbar{border-bottom:1px solid #EFEBF8;font-weight:500}.era24 .tctl span{background:transparent;border:0;color:#6e6a85}.era24 .ico{text-shadow:none}.era24 .ico[aria-current=true] span.l{outline:0;border-radius:8px;padding:0 4px}.era24 .btn{border-radius:999px;border:1px solid #D9D2F2;background:#fff;color:#4a3d96}.era24 .btn.primary{outline:0;background:#1b1f33;border-color:#1b1f33;color:#fff}.era24 .inset{border:1px solid #EFEBF8;border-radius:14px}.era24 .taskbar{background:#ffffffd9;border-top:1px solid #ECE8F6}.era24 .go{border-radius:999px;border:0;background:#1b1f33;color:#fff}.era24 .task{border:1px solid #ECE8F6;background:#fff;border-radius:999px;font-weight:500;color:#3b3557}.era24 .tray{border:0;color:#3b3557}.era24 .fill{background:#8a6be0;border-radius:6px}.era24 .fill.works{background:#3bb39a}.era24 .fill.exp{background:#e0533d}.era24 .track,.era24 .stam{border:0;background:#f1eefa;border-radius:8px}.era24 .mail{border-radius:12px;border-bottom:0}.era24 .bubble{border-radius:16px;border-color:#d9d2f2;box-shadow:0 6px 20px #3c28781f}@media(prefers-reduced-motion:no-preference){.dlg{animation:pop .16s ease-out}@keyframes pop{0%{transform:scale(.96);opacity:.6}to{transform:none;opacity:1}}}.seg .btn[aria-pressed=true]{font-weight:700}.era07 .btn[aria-pressed=true]{border-color:#1a5daf;background-image:linear-gradient(180deg,#cfe4fa,#9cc6f0)}.era14 .btn[aria-pressed=true]{background:#9fe0d2;color:#1e5a50}.era24 .btn[aria-pressed=true]{background:#ede6ff;border-color:#8a6be0;color:#1b1f33}.menubtn{background:none;border:0;padding:0;font:inherit;color:inherit;min-height:0;line-height:inherit}.menu{align-items:baseline}.tray .helpbtn{font-weight:700;font-size:16px;min-width:36px}
