:root{font-family:Tahoma,Verdana,Arial,sans-serif;color:#171717;font-size:12px;color-scheme:light;--face:#ece9d8;--dark:#aca899}*{box-sizing:border-box}body{margin:0;background:#3c72b3;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px dotted #123583;outline-offset:2px}button{border:1px solid #aca899;border-radius:3px;background:linear-gradient(#fff,#f0efea 50%,#e1dfd4);box-shadow:inset 1px 1px #fff;padding:4px 10px}button:hover{border-color:#e4a22b;box-shadow:inset 0 0 0 1px #ffd77a}button:active{background:#ddd9c8;box-shadow:inset 1px 1px 2px #777}button:disabled{color:#888;cursor:default}a{color:#00e;text-decoration:underline;cursor:pointer}[hidden]{display:none!important}.browser{height:calc(100dvh - 24px);margin:12px;display:flex;flex-direction:column;border:3px solid #164bc9;border-top:0;border-radius:8px 8px 0 0;box-shadow:3px 5px 18px #16305a80;background:var(--face);overflow:hidden}.browser.maximised{height:100dvh;margin:0;border-radius:0}.titlebar{height:31px;flex-shrink:0;background:linear-gradient(#458cfa 0,#1260ef 12%,#0054e3 85%,#0041bd);color:white;display:flex;align-items:center;gap:7px;padding:0 5px 0 8px;text-shadow:1px 1px #15358c;box-shadow:inset 0 1px #93baff}.titlebar h1{font-size:13px;line-height:1.3;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bold}.browser-icon,.address-icon{color:#d8f3ff;font:bold italic 27px/1 Georgia,serif;text-shadow:1px 1px #00469b}.window-buttons{display:flex;gap:3px;margin-left:auto;flex-shrink:0}.window-buttons button{height:22px;width:22px;padding:0;border:1px solid #fff9;color:white;background:linear-gradient(135deg,#6c9afc,#1b58d5);box-shadow:inset 1px 1px #fff5;font:bold 18px/1 Arial;text-shadow:1px 1px #163f98}.window-buttons #close-browser{background:linear-gradient(135deg,#eea28c,#cb3218);font-size:23px}.menubar{height:25px;display:flex;align-items:center;gap:0;padding:0 4px;flex-shrink:0;border-bottom:1px solid #d3d0bf}.menubar button{border:0;box-shadow:none;background:none;font-size:11px;padding:3px 8px}.menubar button:hover{background:#316ac5;color:white}.flag{margin-left:auto;background:white;border-left:1px solid #b7b7a6;color:#2487cc;padding:0 12px;font-size:21px;line-height:22px}.navigation{display:flex;align-items:center;gap:3px;padding:5px;min-height:40px;flex-shrink:0;border-bottom:1px solid #c5c2b3}.navigation button{background:none;border:1px solid transparent;box-shadow:none;font-size:18px;padding:2px 7px;white-space:nowrap}.navigation button:hover{border-color:#b4b2a5;background:linear-gradient(#fff9,#ddd9bd)}.navigation button span{font-size:11px;vertical-align:middle}.navigation #back{color:#348623}.navigation #stop{color:#cf2c1f}.navigation #refresh{color:#367639}.navigation #home{color:#76552f}.navigation .install-main{font-size:12px;border:1px solid #ada99b;background:linear-gradient(#fff,#e7e3cb);font-weight:bold;color:#24568c;margin-left:2px}.navigation #declutter{font-size:11px;color:#666}.navigation i{height:23px;border-right:1px solid #fff;border-left:1px solid #c2bfb0;margin:0 4px}.nav-end{margin-left:auto;color:#898674;font-size:9px;margin-right:8px}.addressbar{display:flex;align-items:center;gap:6px;padding:3px 6px 4px;min-height:29px;flex-shrink:0;border-bottom:1px solid #b8b5a5}.addressbar label{color:#666;font-size:11px;margin-right:2px}.addressbar input{flex:1;min-width:0;border:1px solid #7f9db9;background:white;height:22px;padding:1px 5px}.address-icon{font-size:20px;color:#338ac5;text-shadow:none}.addressbar button{font-size:11px;padding:2px 8px;border-color:transparent;background:none;box-shadow:none}#toolbar-stack{flex-shrink:1;min-height:0;overflow-y:auto;max-height:calc(100dvh - 235px);scrollbar-width:thin}.toolbar{display:flex;align-items:center;gap:5px;min-height:35px;padding:3px 5px;border-top:1px solid #fff9;border-bottom:1px solid #a9a99c;white-space:nowrap;overflow-x:auto;scrollbar-width:thin;flex-shrink:0;background:var(--bar-bg,#ece9d8);color:var(--bar-ink,#242424);font-size:11px}.toolbar button{font-size:10px;white-space:nowrap;padding:3px 6px;line-height:1.4}.toolbar .grip{background:repeating-linear-gradient(to bottom,#9c9b91 0 1px,transparent 1px 3px);width:4px;align-self:stretch;min-width:4px;border:0;border-radius:0;box-shadow:none;padding:0;margin-right:3px}.toolbar .grip:hover{background:#275aa9}.bar-logo{font-size:15px;font-weight:bold;letter-spacing:-.7px;margin-right:4px;white-space:nowrap;min-width:75px}.bar-logo small{font-size:8px;font-weight:normal;letter-spacing:0}.toolbar input{border:1px solid #7f9db9;background:white;color:#222;height:22px;width:180px;min-width:90px;padding:1px 5px;font-size:11px}.toolbar form{display:flex;gap:3px;align-items:center}.toolbar .divider{height:19px;border-left:1px solid #7774;border-right:1px solid #fff8;margin:0 3px}.toolbar .bar-end{font-size:9px;opacity:.8;margin-left:auto}.toolbar .remove-bar{font:14px/1 Arial;background:transparent;box-shadow:none;border:0;color:inherit;opacity:.55;padding:1px 4px;margin-left:6px}.toolbar .remove-bar:hover{background:#bd231c;color:white;opacity:1}.toolbar .ticker{font-size:10px;max-width:250px;overflow:hidden;text-overflow:ellipsis}.toolbar .badge{font-size:9px;background:#fff8;border:1px solid #0002;padding:2px 5px;border-radius:2px}.toolbar.security{min-height:43px}.toolbar.security .bar-logo{color:#a00000}.toolbar.rainbow{background:linear-gradient(90deg,#ffd7ea,#e6d8ff,#d5eaff,#d7ffdf,#fff6be)}.toolbar.huge{min-height:65px}.toolbar.huge .bar-logo{font-size:24px}.toolbar.purple .bar-logo{font-family:Georgia,serif;color:#6b238f}.toolbar.yellow button{border-color:#a58827}.infobar{display:flex;align-items:center;gap:7px;background:#ffffe1;border-bottom:1px solid #b9b397;min-height:29px;flex-shrink:0;font-size:10px;padding:3px 7px;color:#4b4b30}.infobar>span:first-child{color:#185fbd;font-size:16px}.infobar #infotext{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.infobar button{font-size:9px;padding:2px 7px;margin-left:auto;flex-shrink:0;background:#fff8}.infobar #dismiss-info{margin-left:0;border:0;background:none;padding:0 3px}#web-viewport{background:white;overflow:auto;flex:1;min-height:65px;position:relative;border:2px inset #eee;scrollbar-color:#b4b0a0 #ece9d8}#web-content{min-height:100%}.web-page{max-width:1000px;margin:auto;padding:26px 30px 55px;font-family:Verdana,Arial,sans-serif}.site-banner{display:flex;align-items:center;gap:15px;border-bottom:3px double #669194;padding-bottom:15px;margin-bottom:16px}.pixel-globe{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#9ff2ed,#2187b8 65%,#123c6a);display:grid;place-items:center;font:40px Georgia;color:#d8f1c2;box-shadow:inset -5px -5px 0 #0002;flex-shrink:0}.site-banner h2{font:italic bold 34px/1.1 Georgia,serif;color:#286665;margin:0}.site-banner p{font:10px Verdana;color:#6e8184;margin:6px 0 0}.web-nav{display:flex;gap:0;background:#2f6e70;padding:7px;margin-bottom:22px;flex-wrap:wrap}.web-nav button{font:11px Verdana;color:white;padding:2px 14px;background:none;border:0;border-radius:0;border-right:1px solid #fff6;box-shadow:none}.web-nav button:hover{background:#fff2}.site-grid{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:28px}.site-grid h3{font:bold 22px Georgia;color:#3d4e45;margin:0 0 12px}.site-grid p{font-size:12px;line-height:1.8;color:#4f5959}.intro-copy{font-size:14px!important}.web-eyebrow{font-size:9px;font-weight:bold;letter-spacing:2px;color:#8a774e}.article{border-bottom:1px dotted #a8b2aa;margin-top:20px;padding-bottom:18px}.article h4{margin:5px 0;font:18px Georgia;color:#526c63}.article p{margin:6px 0}.article a{font-size:11px}.web-box{border:1px solid #c9cfbf;background:#f4f3e7;padding:15px;margin-bottom:15px}.web-box h4{font:italic bold 17px Georgia;color:#5e6f57;margin:0 0 10px}.web-box p{font-size:11px;line-height:1.6;margin:7px 0}.web-box button{width:100%;margin-top:8px;padding:8px;font-size:11px;font-weight:bold;background:#fff5cc}.web-box .tiny{font-size:9px;color:#9a8d64}.construction{padding:8px;background:repeating-linear-gradient(135deg,#fff4b8 0 10px,#242424 10px 20px);text-align:center}.construction span{display:inline-block;background:#fff4b8;padding:4px 12px;font:bold 10px Verdana}.counter-digits{font:18px/1.5 monospace;background:#26352b;color:#9fe49e;padding:2px 7px;letter-spacing:3px;display:inline-block}.web-footer{font-size:9px;color:#999;border-top:1px solid #ccc;padding-top:15px;margin-top:25px;line-height:1.8}.guest-list{font:12px/1.8 Georgia,serif}.guest-list p{border-bottom:1px dotted #ccc;padding:10px}.fake-results h3{font:20px Arial;color:#12a;text-decoration:underline;margin:20px 0 4px}.fake-results .url{color:green;font-size:11px}.fake-results p{font:12px/1.6 Arial;max-width:600px}.cat-drawing{text-align:center;font:40px/1.4 monospace;color:#7f694c;padding:20px;background:#fff2da;border:2px ridge #e8dfbd;white-space:pre}.statusbar{height:25px;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:2px 5px;background:#ece9d8;font-size:10px;white-space:nowrap}.statusbar #status{flex:1;overflow:hidden;text-overflow:ellipsis;min-width:35px}.statusbar #counter{border-left:1px solid #bcb9a8;padding-left:8px}.meter{width:62px;height:11px;box-shadow:inset 1px 1px 2px #777;background:#fff;padding:2px;flex-shrink:0}.meter i{height:100%;display:block;background:repeating-linear-gradient(90deg,#53a832 0 5px,transparent 5px 7px);width:10%;transition:width .15s}.statusbar button{font-size:9px;border:0;background:none;box-shadow:none;padding:1px 4px}.zone{border-left:1px solid #bcb9a8;padding-left:8px;font-size:9px}.resize{color:#9b9888}dialog{padding:0;border:2px solid #1749ba;border-top:0;border-radius:7px 7px 0 0;background:var(--face);box-shadow:5px 8px 30px #0005;max-height:85dvh;max-width:calc(100vw - 24px);color:#222}dialog::backdrop{background:#15274455}.dialog-title{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#4d93ff,#0757dc 20%,#0049c9);color:white;padding:4px 5px 4px 10px;min-height:30px;position:sticky;top:0;z-index:1;font-size:12px}.dialog-title button{background:linear-gradient(135deg,#f39f81,#c42d1b);color:white;border-color:#fff9;padding:0;width:21px;height:21px;font:bold 20px Arial;box-shadow:inset 1px 1px #fff5}#catalog{width:690px}.catalog-intro{display:flex;gap:20px;background:white;padding:20px;border-bottom:1px solid #d7d3c5}.cd{font-size:50px;line-height:1;color:#98adcb;text-shadow:2px 2px #c7b5ca}.catalog-intro h2{font-size:18px;margin:0 0 7px}.catalog-intro p{font-size:11px;margin:0;color:#6f756f}.catalog-actions{display:flex;gap:8px;padding:12px 15px}.catalog-actions button:first-child{font-weight:bold}.catalog-actions button{font-size:10px}.catalog-list{padding:0 15px}.catalog-item{display:flex;align-items:center;gap:12px;padding:13px 15px;background:white;border:1px solid #d1cec1;margin:0 15px 6px}.catalog-item .catalog-logo{font:bold 21px Georgia;width:35px;text-align:center;flex-shrink:0}.catalog-item .catalog-info{flex:1}.catalog-item h3{font-size:12px;margin:0 0 4px}.catalog-item p{font-size:10px;color:#6a6a5a;margin:0;line-height:1.5}.catalog-item button{font-size:10px;min-width:65px}.catalog-bottom{display:flex;align-items:center;gap:20px;border-top:1px solid #bbb7a5;margin-top:15px;padding:13px 15px;font-size:9px;color:#777}.catalog-bottom span{flex:1}.catalog-bottom button{min-width:70px}.message-body{display:flex;align-items:flex-start;gap:20px;padding:25px;max-width:450px;font-size:12px;line-height:1.7}.message-icon{font-size:35px;color:#1c5bc0;line-height:1}.message-body p{margin:0 0 10px}.message-actions{text-align:right;padding:0 20px 15px}.message-actions button{min-width:100px}#toast{position:fixed;bottom:45px;left:50%;transform:translate(-50%,10px);background:#ffffe1;border:1px solid #8b8972;box-shadow:2px 3px 6px #0003;padding:10px 15px;font-size:11px;z-index:100;pointer-events:none;opacity:0;max-width:calc(100vw - 40px);transition:.15s}#toast.visible{opacity:1;transform:translate(-50%,0)}#minimised{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#2659ae,#71a6d7);color:white;font:16px Tahoma;gap:18px}#minimised button{padding:12px 25px;font-weight:bold}#minimised small{font-size:11px;color:#d4e5f9}@media(max-width:700px){.browser{margin:0;height:100dvh;border-radius:0;border-width:2px}.titlebar h1{font-size:11px}.navigation .nav-end,.navigation #forward,.navigation i,.navigation #declutter,.zone,.resize{display:none}.navigation{gap:0;padding:3px;min-height:34px}.navigation button{font-size:16px;padding:2px 5px}.navigation .install-main{font-size:10px;margin-left:auto}.addressbar{min-height:28px}.menubar button{font-size:10px;padding:3px 7px}.toolbar{min-height:34px;gap:4px}.toolbar input{width:130px}.bar-logo{font-size:14px;min-width:65px}.toolbar .bar-end{margin-left:15px}#toolbar-stack{max-height:calc(100dvh - 225px)}.infobar{font-size:9px}.infobar button{font-size:8px;padding:2px 3px}.web-page{padding:20px 15px}.site-grid{grid-template-columns:1fr;gap:12px}.site-banner{gap:10px}.site-banner h2{font-size:27px}.pixel-globe{width:45px;height:45px;font-size:30px}.site-banner p{font-size:8px}.web-nav{padding:6px 2px}.web-nav button{font-size:10px;padding:2px 8px}.statusbar{font-size:8px;gap:5px}.statusbar button{font-size:8px}#status{display:none}.meter{width:45px}.statusbar #counter{border-left:0;padding-left:0}#sound{margin-left:auto}.catalog-intro{padding:15px;gap:12px}.catalog-intro h2{font-size:16px}.catalog-intro p{font-size:10px}.cd{font-size:36px}.catalog-actions{padding:10px;gap:5px}.catalog-actions button{font-size:9px;padding:5px 7px}.catalog-item{margin:0 10px 5px;padding:10px;gap:8px}.catalog-item p{font-size:9px}.catalog-item .catalog-logo{width:25px;font-size:18px}.catalog-item button{min-width:54px;padding:4px 7px}.catalog-bottom{padding:10px;font-size:8px}.catalog-bottom button{min-width:55px}#toast{bottom:40px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.toolbar .bar-logo{flex-shrink:0}.toolbar button:not(.remove-bar):not(.grip){color:#303030}.infobar>span:first-child{font-family:Georgia,serif;font-weight:bold;border:1px solid #185fbd;border-radius:50%;font-size:11px;line-height:13px;text-align:center;width:15px;flex-shrink:0}
