:root{--font-family: "Martian Mono", monospace;--text: #222;--text-light: gray;--bg: white;--border: #ddd}@media (prefers-color-scheme: dark){:root{--text: #eee;--text-light: #aaa;--bg: #000;--border: #333}}@keyframes float{from{transform:translateY(0)}to{transform:translateY(5px)}}@keyframes float2{from{transform:translateY(0)}to{transform:translateY(10px)}}@keyframes slidebg{from{background-position:0 0}to{background-position:-200% 0}}@keyframes flipGhost{from{transform:rotate(180deg)}to{transform:rotate(-30deg)}}@keyframes runGhost{from{transform:rotate(-30deg) translate3d(0, 0, 0)}to{transform:rotate(30deg) translate3d(100vw, -100px, 0)}}@keyframes floatingGhost{0%{transform:rotate(-30deg) translate3d(0, 0, 0)}33%{transform:rotate(-30deg) translate3d(0, 50px, 0)}66%{transform:rotate(-30deg) translate3d(0, -50px, 0)}100%{transform:rotate(-30deg) translate3d(0, 0, 0)}}*,*:before,*:after{box-sizing:border-box;font:inherit;margin:0;overflow-wrap:break-word;padding:0;vertical-align:baseline}html{font-size:13px;height:100%}body{background-color:var(--bg);color:var(--text);display:flex;flex-direction:column;font-family:var(--font-family);font-size:1rem;height:100%;line-height:1.6;margin:0;padding:0}h1{font-size:1.75rem;font-weight:bold;line-height:1.3;margin-bottom:1rem}h2{font-size:1.4rem;font-weight:bold;line-height:1.5;margin-bottom:0.25em}h3{font-size:1.2rem;font-weight:bold;line-height:1.5}a{color:inherit;text-underline-offset:2px}@media (pointer: fine){a:hover{background-color:aqua;color:black}a:active{text-decoration:none}}strong{font-weight:bold}small{font-size:0.9rem}ul,ol{padding-left:1.5rem}li{margin-bottom:.75rem}hr{border-color:var(--txt);border-style:dashed;border-width:0 0 1px}.sunset-announcement{background-color:deeppink;color:white;padding:1em;position:relative;text-align:center;text-wrap:balance;z-index:100}.sunset-announcement a{color:inherit;font-weight:600}.flash{font-size:0.9rem;left:0;margin-bottom:1rem;margin-inline:auto;max-width:80rem;padding-inline:1rem;position:absolute;right:0;text-align:center;top:2rem;z-index:10}.flash-notice,.flash-alert{background-color:var(--bg);border:1px dashed hotpink;border-radius:0.25rem;color:deeppink;display:inline-block;padding:0.5rem 1rem}.errors{color:red}.errors .error{margin-top:0.5rem}.errors .error:before{content:"- "}button,.button{background-color:var(--text);border:0;border-radius:0.25rem;color:var(--bg);cursor:pointer;display:inline-block;padding:0.25rem 0.5rem;text-decoration:none;white-space:nowrap}@media (pointer: fine){button:hover,.button:hover{background-color:aqua;color:black}button:active,.button:active{color:white}}button.approve,.button.approve{background-color:rebeccapurple;color:white}@media (pointer: fine){button.approve:hover,.button.approve:hover{background-color:darkorchid;color:white}button.approve:active,.button.approve:active{color:black}}button.caution,.button.caution{background-color:firebrick;color:white}@media (pointer: fine){button.caution:hover,.button.caution:hover{background-color:red;color:white}button.caution:active,.button.caution:active{color:black}}button.button-secondary:not(:hover),.button.button-secondary:not(:hover){background-color:var(--bg);box-shadow:inset 0 0 0 1px var(--text);color:var(--text)}button.big-button,.button.big-button{border-radius:1rem;cursor:pointer;font-size:1.5rem;font-weight:bold;line-height:1;padding:2rem 0;white-space:normal;width:100%}@media (pointer: fine){button.big-button:hover,button.big-button:focus,.button.big-button:hover,.button.big-button:focus{animation:slidebg 2s linear infinite;animation-direction:reverse;background-image:linear-gradient(90deg, aqua 0%, yellow 25%, orangered 50%, hotpink 75%, aqua 100%);background-size:200% 100%;box-shadow:0 4px 8px rgba(0,0,0,0.1), 0 16px 32px rgba(0,0,0,0.1), 0 64px 64px -8px rgba(0,0,0,0.1);color:black}button.big-button:active,.button.big-button:active{color:white}}button.big-button.submitted,.button.big-button.submitted{animation:slidebg 1s linear infinite;background-image:linear-gradient(90deg, aqua 0%, yellow 25%, orangered 50%, hotpink 75%, aqua 100%);background-size:200% 100%;box-shadow:0 4px 8px rgba(0,0,0,0.1),0 16px 32px rgba(0,0,0,0.1),0 64px 64px -8px rgba(0,0,0,0.1);color:black;cursor:wait}.star{display:inline-block;font-size:1.4em;margin-block:-8px -5px;vertical-align:middle}nav{background-color:var(--text);margin-bottom:2rem;position:relative}@media (prefers-color-scheme: dark){nav{background-color:var(--bg)}}nav .nav-container{background-color:var(--text);box-sizing:border-box;color:var(--bg);margin-inline:auto;padding:0.5rem 1rem;position:relative;text-align:center;width:100%;z-index:10}@media (prefers-color-scheme: dark){nav .nav-container{background-color:var(--bg);color:var(--text)}}nav .nav-email{display:none}@media (min-width: 700px){nav{margin-bottom:3rem}nav .nav-container{text-align:right}nav .nav-email{display:inline}}nav ul{list-style:none;margin:0;padding:0}nav li{display:inline}nav li:not(:last-of-type):after{content:" /"}nav a{color:inherit;font-weight:bold}nav .sneaky-boo{background:url(/images/nav-boo-2.png) no-repeat;background-size:contain;cursor:pointer;height:72px;left:40%;position:absolute;top:-40px;transform:rotate(180deg);width:72px;z-index:5}nav .sneaky-boo.hiding{transition-duration:1s;transition-property:top}nav .sneaky-boo.hiding:hover{top:15px !important}nav .sneaky-boo.flipped{animation:flipGhost 1s ease-in-out;position:fixed;transform:rotate(-30deg)}nav .sneaky-boo.escaping{animation:runGhost 1.5s ease-in}nav .sneaky-boo.hovering{animation:floatingGhost 1.5s ease-in infinite}h1.logo{margin-bottom:2rem}@media (max-width: 699px){h1.logo{text-align:center}}@media (pointer: fine){h1.logo a:hover{background-color:transparent;color:deeppink}h1.logo a:active{color:aqua}}h1.logo svg{max-width:14rem}main{flex:1 0 auto;margin-inline:auto;max-width:80rem;padding:1rem;width:100%;z-index:2}@media (min-width: 700px){main:not(.single-column){display:grid;gap:5%;grid-template-columns:40% 55%;grid-template-rows:min-content}main .left-side{margin-right:2rem}}main p,main h3,main ul{margin-bottom:1rem}main.single-column{max-width:70ch}main.single-column img{max-width:100%}.left-side{margin-bottom:3rem}.right-side{text-align:center}section{margin-bottom:2.5rem;margin-inline:auto;position:relative}footer{color:var(--text-light);flex-shrink:0;font-size:0.9rem;padding:4rem 1rem 2rem;text-align:center}.by-hands{aspect-ratio:584 / 911;background:url(/images/yay-boo-footer-hands.png) no-repeat;background-position:top center;background-size:contain;color:var(--text-light);display:inline-block;flex-shrink:0;font-size:0.9rem;height:auto;margin-top:500px;max-width:584px;overflow-y:hidden;padding-bottom:652px;padding-top:20px;text-align:center;width:100%}.unconfirmed{border:2px dashed hotpink;display:inline-block;font-size:0.9rem;margin:1rem 0;padding:1rem}.unconfirmed button{background-color:hotpink;margin:0.25rem}#upload{border:3px dashed var(--text);cursor:pointer;overflow:hidden;padding:4rem 1rem 1rem;text-align:center}@media (pointer: fine){#upload:active{border-color:hotpink;border-style:solid}#upload:active i{color:hotpink}}#upload.dropping{background-color:lightcyan}@media (prefers-color-scheme: dark){#upload.dropping{background-color:navy}}#upload i{font-size:3rem;line-height:1;margin-bottom:1rem}#upload h2{margin-bottom:0.25rem}#upload p{color:var(--text-light);display:block;padding-bottom:3rem}.uploader{border:1px solid var(--text);color:var(--text);overflow:hidden;padding:0.5rem;position:relative;text-overflow:ellipsis;white-space:nowrap}.uploader:not(:last-of-type){border-bottom:0}.uploader-progress{background-color:rgba(0,250,0,0.2);height:100%;left:0;position:absolute;top:0;transition:width 0.2s ease-in;width:0}.textbox{align-items:center;background:none;border:1px solid var(--text);border-radius:0.25rem;box-shadow:3px 3px 0 var(--text);color:inherit;display:flex;font-family:inherit;font-size:inherit;gap:0.2rem;justify-content:center;margin:0 auto;position:relative}.textbox input{appearance:none;background:transparent;border:0;border-radius:0.25rem;padding:1rem 0.5rem;text-align:center;width:100%}.textbox input::-webkit-contacts-auto-fill-button,.textbox input::-webkit-credentials-auto-fill-button{position:absolute;right:0}#domain .textbox input::-webkit-contacts-auto-fill-button,#domain .textbox input::-webkit-credentials-auto-fill-button{visibility:hidden}#domain .textbox input.subdomain-textbox{padding-right:47%;text-align:right}#domain .textbox span{pointer-events:none;position:absolute;right:0;text-align:left;width:47%}#show-detailed-help{display:inline-block;margin:-4px 0 0 -5px;padding:0 2px;vertical-align:middle}#custom-domain-help-detailed{border:1px dashed var(--text);font-size:0.9rem;margin-block:0.5rem 1rem;padding:1.5rem;text-align:left}#custom-domain-help-detailed ol{margin-block:1rem;padding-left:4ch}#custom-domain-help-detailed ol li{margin:0}#domain-setup-check,#availability{line-height:1.1;margin-top:0.3rem}#domain-setup-check small,#availability small{font-size:0.8rem}#domain-setup-check .warning,#availability .warning{color:red}#domain-setup-check .caution,#availability .caution{color:darkgoldenrod}#domain-setup-check .success,#availability .success{color:blue}@media (prefers-color-scheme: dark){#domain-setup-check .warning,#availability .warning{color:orange}#domain-setup-check .success,#availability .success{color:aqua}}fieldset{border:0}fieldset:disabled{opacity:0.5}@media (pointer: fine){fieldset:disabled button:hover{background-color:var(--text);color:var(--bg)}}#done{border:1px solid var(--text);box-shadow:4px 4px 0 var(--text);margin-inline:auto;padding:3rem 2rem}#done .done-link{border:1px dashed var(--text);border-radius:0.5rem;font-weight:bold;margin-block:2rem;padding:1rem}#done *:last-child{margin-bottom:0 !important}#thanks{border:1px solid var(--text);box-shadow:4px 4px 0 var(--text);margin-inline:auto;padding:3rem 2rem;position:relative;text-align:left}#thanks h2{margin-block:0 1rem}#thanks *:last-child{margin-bottom:0 !important}.publish-terms{color:var(--text-light);font-size:0.9rem;margin-top:1.5rem}#subscription,#manage{margin-top:5rem}#subscription h2 span,#manage h2 span{text-decoration:line-through}#subscription ul{display:inline-block;margin-bottom:0;text-align:left}#subscription ul li{margin:0}.subscription-box{border:1px dashed var(--text);padding:2rem;text-align:left}.subscription-box h2{text-align:center;width:100%}.subscription-box-buttons{align-items:center;display:flex;flex-direction:column;gap:0.5rem;margin-top:1rem}.delete-account-link{margin-top:2rem}.meowmeowmeow{position:relative}.meowmeowmeow::before{background-image:url(/images/meowmeowmeow.png);background-position:top center;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:100}@media (prefers-color-scheme: dark){.meowmeowmeow::before{filter:invert(100%)}}.flex-buttons{display:flex;gap:0.25em;justify-content:center}.your-sites-list{list-style:none;margin:0 0 1rem;padding:0}.your-sites-list li{align-items:center;background-color:lavender;display:flex;gap:1rem;justify-content:space-between;padding:1rem 0.5rem;text-align:left}.your-sites-list li:not(:last-of-type){margin-bottom:2px}@media (prefers-color-scheme: dark){.your-sites-list li{background-color:indigo}}.your-sites-list li a{overflow-wrap:break-word;white-space:normal;word-break:break-word;word-wrap:break-word}.admin-table-wrapper{flex:1 0 auto;flex-shrink:0;padding-inline:1rem;width:100%}@media (max-width: 699px){.admin-table-wrapper{overflow:auto}}@media (min-width: 700px){.admin-table-wrapper{grid-column:1 / 3;grid-row:2 / 2}}.admin-table-wrapper navigation{align-items:center;display:flex}.admin-table-wrapper navigation ul{display:flex}.admin-table-wrapper navigation li{list-style-type:none;margin-right:1rem}.user-table .user-email{display:none}.pro-user{background:black;color:white;padding:.25em}.site-list{border-collapse:collapse;font-size:0.9rem;margin:0.5rem auto;text-align:left;white-space:nowrap;width:100%}.site-list th{background-color:var(--text);color:var(--bg)}.site-list th,.site-list td{border-bottom:1px solid var(--border);border-top:1px solid var(--border);padding:0.25rem 1rem 0.25rem 0.5rem;vertical-align:middle}@media (max-width: 800px){.site-list th:first-of-type,.site-list td:first-of-type{max-width:400px;min-width:400px}}.site-list th:first-of-type a,.site-list td:first-of-type a{overflow-wrap:break-word;white-space:normal;word-break:break-word;word-wrap:break-word}.site-list th:last-of-type,.site-list td:last-of-type{padding-right:0.5rem;width:1px}.site-list th:last-of-type .flex-buttons,.site-list td:last-of-type .flex-buttons{justify-content:flex-end}.site-list tr.needs-review td{background-color:lavender}@media (prefers-color-scheme: dark){.site-list tr.needs-review td{background-color:indigo;border-color:var(--bg)}}.site-list tbody tr:hover{outline:2px solid slateblue}#stumble{background:grey;display:flex;height:100svh;max-width:100%;padding:0;width:100vw}#stumble-container{align-items:flex-start;display:flex;flex:1;flex-direction:column;margin-inline:auto;max-width:1200px;overflow:hidden;padding:10px 15px 0}#stumble-bar{align-items:center;background:white;border-bottom:1px solid var(--text);border-radius:12px 12px 0 0;box-shadow:0 0 0 1px var(--text);display:flex;flex-basis:auto;justify-items:stretch;margin-bottom:10px;padding:8px 1rem 6px;width:100%}#stumble-bar svg{width:50px}#stumble-bar .logo a:hover{background-color:transparent;color:deeppink}#stumble-bar .logo a:active{color:aqua}#stumble-bar .buttons{flex-shrink:2;margin-left:auto;position:relative;text-align:right}#stumble-bar .buttons .button-secondary.active{background:deeppink}#stumble-bar .site-details{margin-left:1.5rem;vertical-align:middle}#stumble-bar .site-details a{font-size:1.25rem;font-weight:bold}#stumble-bar .site-details span{display:inline-block;font-size:.75rem}@media (max-width: 699px){#stumble-bar .logo{display:none}#stumble-bar .site-details{margin-left:0}#stumble-bar .site-details a{font-size:1rem}#stumble-bar button span{display:none}}.what-the-yay-dot-boo{background:pink;left:-160px;padding:5px;position:absolute;text-align:center;top:36px;width:400px;z-index:3}.what-the-yay-dot-boo::before{border:.75rem solid transparent;border-bottom-color:pink;border-top:none;bottom:100%;content:'';filter:drop-shadow(0 -0.0625rem 0.0625rem rgba(0,0,0,0.1));height:0;position:absolute;right:1.5em;width:0}@media (max-width: 699px){.what-the-yay-dot-boo{left:-225px;top:62px;width:300px}}#stumble-loader{left:50%;margin:-75px 0 0 -75px;opacity:0;position:absolute;top:50%;transition:opacity .5s;z-index:-1}#stumble-loader.active{opacity:100}#iframe-container{background:white;border:2px solid black;height:100%;width:100%}#iframe-container iframe{height:100%;width:100%}.single-column h1,.single-column h2{margin-block:2em 0.5em}.single-column h1.logo{margin-top:0;text-align:center}.single-column .back-link{position:absolute}.favorites-list h2{margin-bottom:0.25em}.favorites-list li{margin-bottom:2em}.red{color:red !important}.inline{display:inline !important}.text-left{text-align:left}.centered-section{margin-top:2rem !important;text-align:center !important}.ml-5{margin-left:0.5rem !important}.hidden,[hidden],.hide-header-footer nav,.hide-header-footer footer,.hide-header-footer .by-hands{display:none !important}@media (max-width: 699px){.hidden-on-mobile{display:none !important}}.pagy{background:white;color:#6b7280;display:flex;font-family:sans-serif;font-size:0.875rem;font-weight:600;line-height:1.25rem}.pagy>:not([hidden])~:not([hidden]){--space-reverse: 0;margin-left:calc(0.25rem * calc(1 - var(--space-reverse)));margin-right:calc(0.25rem * var(--space-reverse))}.pagy a:not(.gap){background-color:#e5e7eb;border-radius:0.5rem;color:inherit;display:block;padding:0.25rem 0.75rem;text-decoration:none}.pagy a:not(.gap):hover{background-color:#d1d5db}.pagy a:not(.gap):not([href]){background-color:#f3f4f6;color:#d1d5db;cursor:default}.pagy a.current:not(.gap){background-color:#9ca3af;color:white}.pagy label{background-color:#e5e7eb;border-radius:0.5rem;display:inline-block;padding:0.125rem 0.75rem;white-space:nowrap}.pagy label input{background-color:#f3f4f6;border-radius:0.375rem;border-style:none;line-height:1.5rem}@keyframes swirlout{0%{opacity:1;transform:rotate(0) scale(1)}100%{opacity:0;transform:rotate(-720deg) scale(0)}}@keyframes swirlin{0%{opacity:0;transform:rotate(-720deg) scale(0)}100%{opacity:1;transform:rotate(0) scale(1)}}.swirlout{animation:swirlout 0.8s ease-in-out}.swirlin{animation:swirlin 0.8s ease-in-out}