*{box-sizing:border-box;margin:0;padding:0;}@font-face{font-display:swap;font-family:'Fredericka the Great';font-style:normal;font-weight:400;src:url('../_fonts/fredericka-the-great-v22-latin-regular.woff2') format('woff2')}h1{font-size:2rem;margin-bottom:.25em;}h2{font-size:1.5rem;margin-bottom:1rem;}h1,h2{letter-spacing:-.01em;}.display-name{font-family:"Fredericka the Great","Georgia",serif;font-size:3rem;font-weight:bold;line-height:1.2;color:rgba(46,64,87,.8);}p{margin-bottom:1rem;}html{font-family:Verdana,Geneva,sans-serif;line-height:1.5;background-color:#f9f9f4;color:#1a1a1a;}body{display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh;padding:1rem;max-width:600px;margin:0 auto;}header{padding:1rem 0;border-bottom:4px solid #d0d0c8;}main{padding:2rem 0;display:flex;flex-direction:column;}main>nav{margin-top:auto;}footer{padding:1rem 0;text-align:center;border-top:4px solid #d0d0c8;}form{display:grid;gap:1rem;padding:1.5rem;border-radius:6px;color:inherit;}.form-group{display:flex;flex-direction:column;}label{margin-bottom:.25rem;}input,textarea,button{font:inherit;padding:.5rem;border:1px solid #ccc;border-radius:4px;}input:focus,textarea:focus{border-color:#007acc;outline:none;box-shadow:0 0 0 3px #007acc33;}button{background-color:#007acc;color:white;cursor:pointer;border:none;transition:background-color .3s;}button:hover{background-color:#005fa3;}.visually-hidden:not(:focus):not(:active){position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0;}.hidden{display:none;}nav ul{display:flex;flex-wrap:wrap;gap:2rem;list-style-type:"";padding-left:0;margin-top:1rem;}a{text-decoration:none;color:inherit;border-bottom:1px solid #aaa;transition:border-color .3s;&:hover,&:focus{border-bottom:3px solid #3399ff;color:#005fa3}}.alert{padding:1rem 1rem 1rem 2rem;border-radius:4px;margin-bottom:1rem;font-weight:600;&.success{background-color:#e6f4ea;color:#1e4620;border:1px solid #b7dfc8}&.errors{background-color:#fbeaea;color:#611a15;border:1px solid #f5c6cb}}header{border-bottom:4px solid #d0d0c8;}footer{border-top:4px solid #d0d0c8;}@media (prefers-color-scheme:dark){html{background-color:#1a1a1a;color:#e0e0e0}header{border-bottom-color:#444}footer{border-top-color:#444}form{color:#e0e0e0}input,textarea{background-color:#2a2a2a;color:#f0f0f0;border-color:#555}::placeholder{color:#888}input:focus,textarea:focus{border-color:#66ccff;box-shadow:0 0 0 3px #66ccff33}button{background-color:#3399ff;color:#fff}button:hover{background-color:#267acc}a:hover,a:focus{border-color:#66ccff}.alert.success{background-color:#203b2c;color:#d0f5dc;border:1px solid #489c6e}.alert.errors{background-color:#4b1f1f;color:#f8d7da;border:1px solid #f5c6cb}section{border-left-color:#333}.display-name{color:#c0d6df}}@media (forced-colors:active){.alert{background:Canvas;color:CanvasText;border:2px solid Highlight}}