*{margin:0;padding:0;box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}b{font-weight:700}i{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}body{padding:4rem 3rem 3rem;-webkit-font-smoothing:none;-font-smoothing:none;font-smooth:never;text-rendering:optimizeLegibility;image-resolution:pixelated}@media screen and (max-width:767px){body{padding:2rem}}@media screen and (max-width:360px){body{padding:1rem}}#tone-toggle{display:block;background-image:url(/i/speaker.png);background-repeat:no-repeat;background-position:center;position:fixed;top:0;right:0;width:40px;height:40px;opacity:0;cursor:pointer}#tone-toggle:hover{opacity:1}#tone-toggle.off{filter:grayscale(1)}#morsels{position:fixed;bottom:1rem;right:.75rem;display:block;background-image:url(i/wine.png);background-size:100%;width:24px;height:24px;z-index:999;cursor:pointer}@media screen and (max-width:768px){#morsels{bottom:.5rem;right:.25rem}}main{margin:0 auto;position:relative;max-width:600px}main #close{display:block;position:absolute;top:2px;right:3px;text-decoration:none;width:1rem;height:1rem;text-align:center;color:#555!important}main #corner{display:block;width:.875rem;height:.875rem;position:absolute;top:.5rem;right:.5rem}main.pre #close,main.pre #corner{display:none}main #chat,main #input{width:calc(100% - 1rem)}main #input{min-height:100px;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}@media screen and (max-width:500px){main #input{flex-direction:column;min-height:180px}}main #chat{bottom:100px;flex-direction:column;padding:.75rem .5rem;margin:.5rem .5rem 0;overflow:scroll;height:390px;scroll-behavior:smooth}@media screen and (max-width:768px){main #chat{max-height:calc(100vh - 250px)}}main #chat p{display:flex;flex-direction:row;padding:.25rem .5rem .25rem .25rem;margin:.125rem 0;line-height:1.4}main #chat p .name{font-style:italic;width:70px;overflow-x:hidden;white-space:nowrap;flex-shrink:0;margin:0 .75rem 0 0}main #chat p .timestamp{margin:2px 8px 0 0;font-family:monospace;font-size:12px}@media screen and (max-width:767px){main #chat p .timestamp{display:none}}main #clickme{position:absolute;bottom:-30px;right:0;font-size:13px}main #clickme img{height:18px;margin:0 .5rem -4px 0}main #intro{display:none}main.pre{height:500px}main.pre #chat,main.pre #input{display:none}main.pre #intro{width:480px;max-width:calc(100% - 2rem);display:flex;flex-direction:column;margin:6rem auto 0}main.pre #intro .welcome{font-family:cursive;font-size:14px;text-align:center;margin:0 0 .5rem 0}main.pre #intro img{width:100%;height:auto;margin:0 0 2rem 0}main.pre #intro #form{width:100%;max-width:316px;margin:0 auto;display:flex;flex-direction:column}button{font-size:15px;cursor:pointer;padding:.375rem;border-radius:0;outline:0;margin:.5rem 1rem}button#go{margin:1rem 0 0 0}input{font-size:1rem;padding:.5rem;margin:.5rem 0;outline:0;font-style:italic;letter-spacing:2px}input::placeholder{color:#00f;opacity:1}@-webkit-keyframes bounce{0%,100%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(-5px)}}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}.bouncy{text-shadow:1px 1px #d3d3d3;animation:bounce .5s infinite}.theme-classic{display:none}body.classic{background:#fafaf5}body.classic .theme-classic{display:block}body.classic main{background:#ffc;border:1px solid #555;box-shadow:-4px 5px #d3d3d3}body.classic main #corner{color:#555;text-decoration:none;background:#ffc;border-left:1px solid #555;border-bottom:1px solid #555;box-shadow:-2px 2px #d3d3d3}body.classic main #chat{background:#fffadc;border-bottom:1px solid #d3d3d3;border-left:1px solid #a9a9a9;border-top:1px solid #555;border-right:1px solid #777;box-shadow:inset -2px 2px #d3d3d3}body.classic button{background-color:#fafaf5;border-top:3px solid #d3d3d3;border-right:3px solid #a9a9a9;border-bottom:4px solid #555;border-left:3px solid #777}body.classic button:hover{border-top:4px solid #555;border-right:3px solid #777;border-bottom:3px solid #d3d3d3;border-left:3px solid #a9a9a9}body.classic button:active{font-style:italic}body.classic input{background:#fafaf5;border:1px solid #555;padding:.5rem;box-shadow:inset -2px 2px #d3d3d3}