:root{--color-accent:196, 164, 136;--color-bg:48, 71, 94;--color-highlight:240, 240, 240;--color-text:232, 232, 232}html,body{height:100%;margin:0;padding:0}body{background:rgb(var(--color-bg));color:rgb(var(--color-text));display:flex;flex-direction:column;font-family:noto sans mono,monospace;font-size:1rem;line-height:1.6;min-width:320px}a,a:visited{color:inherit;text-decoration:none}a:hover,a:focus{color:rgb(var(--color-highlight))}@font-face{font-display:swap;font-family:noto sans mono;font-style:normal;font-weight:400;src:url(fonts/NotoSansMono-Regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:noto sans mono;font-style:normal;font-weight:600;src:url(fonts/NotoSansMono-SemiBold.woff2)format("woff2")}h1{margin:0}address{font-style:normal}ul{margin:0;padding:0}li{list-style:none;margin:0;padding:0}main p{grid-column:1;margin:0}.annotation{border-left:1px solid rgba(var(--color-text),.08);color:rgba(var(--color-text),.55);font-size:.9rem;grid-column:2;margin-top:.35rem;padding-left:.75rem;user-select:none;-webkit-user-select:none}.annotation:before{content:"/";color:rgb(var(--color-accent))}header{padding:2.5rem 1.25rem 0}main{box-sizing:border-box;column-gap:2.5rem;display:grid;flex:1 0 auto;grid-auto-rows:min-content;grid-template-columns:minmax(0,35.5rem)auto;padding:2.75rem 1.25rem 0;row-gap:2.5rem}.logo{display:block;height:auto;max-width:20rem;width:100%}button.play{background:0 0;border:none;color:rgba(var(--color-text),.55);cursor:pointer;font:inherit;font-size:.75rem;line-height:1;padding:0;position:relative;top:-.25rem;user-select:none}button.play:before{color:rgb(var(--color-accent));content:"!";margin-left:.1rem}button.play:hover{color:rgb(var(--color-highlight))}footer{color:rgba(var(--color-text),.4);font-size:.9rem;line-height:1.5;margin-top:2.25rem;padding:0 1.25rem .75rem}footer::before{background:rgba(var(--color-text),.08);content:"";display:block;height:1px;margin-bottom:.75rem;width:100%}li{align-items:baseline;column-gap:1.5rem;display:flex;list-style:none;margin-bottom:.25rem}.link-label{color:rgba(var(--color-text),.55);flex-shrink:0;user-select:none;white-space:nowrap;width:8ch}.link-label:before{content:"/"}footer a,footer a:visited{color:rgba(var(--color-text),.4)}footer a:hover,footer a:focus{color:rgb(var(--color-highlight))}.accent{color:rgb(var(--color-accent));fill:rgb(var(--color-accent))}.nowrap{white-space:nowrap}.skip-link{background:rgb(var(--color-bg));font-size:.85rem;left:-9999px;padding:.1rem;position:absolute;text-decoration:none;top:0;z-index:1000}.skip-link:focus{left:1.25rem;position:fixed;top:.5rem}@media(max-width:600px){main{display:block;padding-top:3rem}.annotation{border-bottom:1px solid rgba(var(--color-text),.08);border-left:0;display:block;margin:.35rem 0 1.75rem;padding-bottom:1.25rem;text-align:right}footer a{display:block;text-indent:1ch}li{align-items:flex-start;flex-direction:column;margin-bottom:.75rem;row-gap:.1rem}.link-label{width:auto}footer::before{display:none}}