:root{--cc-bg-h:280;--cc-bg-s:19%;--cc-bg-l:6%;--cc-bg-danger-h:0;--cc-bg-danger-s:50%;--cc-bg-danger-l:42%;--cc-bg-primary-h:300;--cc-bg-primary-s:49%;--cc-bg-primary-l:18%;--cc-text-h:0;--cc-text-s:0%;--cc-text-l:98%;--cc-text-danger-h:0;--cc-text-danger-s:91%;--cc-text-danger-l:73%;--cc-text-accent-h:296;--cc-text-accent-s:32%;--cc-text-accent-l:69%;--color-bg:hsl(var(--cc-bg-h),var(--cc-bg-s),var(--cc-bg-l));--color-bg-danger:hsl(var(--cc-bg-danger-h),var(--cc-bg-danger-s),var(--cc-bg-danger-l));--color-bg-primary:hsl(var(--cc-bg-primary-h),var(--cc-bg-primary-s),var(--cc-bg-primary-l));--color-text:hsl(var(--cc-text-h),var(--cc-text-s),var(--cc-text-l));--color-text-danger:hsl(var(--cc-text-danger-h),var(--cc-text-danger-s),var(--cc-text-danger-l));--color-text-accent:hsl(var(--cc-text-accent-h),var(--cc-text-accent-s),var(--cc-text-accent-l));--gradient-radial:radial-gradient(circle,var(--color-bg-primary)0%,var(--color-bg)80%);--border-size:1px;--border-style:solid;--border-color:var(--color-text);--border:var(--border-size)var(--border-style)var(--border-color);--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:2rem;--app-margin:var(--space-3);--box-margin:var(--space-1)0;--section-margin:var(--space-1)0 var(--space-4)0;--box-padding:var(--space-2);--section-padding:0 var(--space-3);--duration:.75s;--easing:cubic-bezier(.22,1,.36,1);--max-width:1200px}@keyframes animated-radial-bg{0%{background-size:100%;background-position:50%}20%{background-size:125%;background-position-x:25%;background-position-y:50%}40%{background-size:200%;background-position-x:45%;background-position-y:50%}60%{background-size:260%;background-position-x:65%;background-position-y:10%}80%{background-size:150%;background-position-x:75%;background-position-y:50%}to{background-size:100%;background-position-x:50%;background-position-y:50%}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);letter-spacing:.0625rem;font-family:Helvetica Neue,Arial Nova,Nimbus Sans,Arial,sans-serif;font-size:1.125rem;font-weight:300}section{margin:var(--section-margin);padding:var(--section-padding)}h1,h2,h3,h4,h5,h6{line-height:1}h1{font-size:3rem;font-weight:300}h2{font-size:2rem;font-weight:300}h3{font-size:1.5rem;font-weight:300}h4{font-size:1.25rem;font-weight:500}h5{font-size:1rem;font-weight:500}h6{font-variant:small-caps;font-size:.75rem;font-weight:500}p{margin:var(--space-1)0;word-wrap:break-word;line-height:1.5}a{color:var(--color-text)}form{display:flex;gap:var(--space-2);flex-direction:column}form label{position:relative;margin:var(--box-margin);gap:var(--space-1);display:flex;flex-direction:column}form label span{display:block;font-size:1rem;font-style:italic}input,.ink-select select{font-family:inherit;font-style:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;color:inherit;background-color:inherit;background-image:var(--gradient-radial);border:var(--border);padding:var(--box-padding);transition:background-position-x .75s var(--easing);background-position-x:100%;background-repeat:no-repeat;background-size:200%;box-shadow:0 0}:is(input,.ink-select select):focus{background-position-x:0%;box-shadow:0 0 .5em}:is(input,.ink-select select):user-invalid{border-color:var(--color-text-danger);box-shadow:0 0 .75em var(--color-bg-danger)}.ink-color-input{overflow:hidden;position:relative;height:calc(1.25em + (2*var(--space-2)));border:var(--border);width:100%}.ink-color-input input[type=color]{position:relative;display:block;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#0000;background-image:none;border:none;width:200%;height:200%;margin:0;padding:0;top:-20%;left:-20%}.ink-select select{display:block;position:relative;appearance:none;cursor:pointer;width:100%}.ink-select{position:relative;cursor:pointer}.ink-select:after{pointer-events:none;position:absolute;content:"⇣";color:var(--color-text);opacity:.5;transition:opacity var(--duration)var(--easing);top:50%;right:1rem;transform:translateY(-50%)}.ink-select:hover:after{opacity:1}button,.ink-button{display:inline-flex;text-decoration:none;padding:var(--box-padding);font-size:inherit;font-style:inherit;color:inherit;background-color:inherit;border:var(--border-size)solid var(--color-text);cursor:pointer;transition-property:all;transition-duration:.75s;transition-timing-function:var(--easing);word-wrap:break-word;flex-shrink:0;justify-content:center;align-items: center;font-family:inherit;font-weight:400}button.danger,.ink-button.danger{color:var(--color-text-danger);border-color:var(--color-text-danger);background-color:#0000}button.primary,.ink-button.primary{background-image:var(--gradient-radial);color:var(--color-text-accent);border-color:var(--color-text-accent);background-position:50%;background-repeat:no-repeat;background-size:0%}button:hover,.ink-button:hover{background-color:var(--color-text);color:var(--color-bg)}button.danger:hover,.ink-button.danger:hover{background-color:var(--color-bg-danger);color:var(--color-text);border-color:var(--color-text)}button.primary:hover,.ink-button.primary:hover{color:var(--color-text);border-color:var(--color-text);box-shadow:0 0 .75em var(--color-bg-primary);background-color:#0000;background-position:50%;background-size:350%}.ink-form-actions{display:flex;margin:var(--box-margin);margin-top:var(--space-2);justify-content:flex-end;align-items: center;gap:var(--space-2);flex-direction:row}.ink-form-actions button,.ink-form-actions .ink-button{flex:1}@media (min-width:768px){:is(.ink-form-actions button,.ink-form-actions .ink-button){flex:unset;flex-shrink:0}}form:invalid .ink-form-actions .primary{opacity:.5;pointer-events:none}#ink{position:relative;display:flex;max-width:var(--max-width,unset);flex-direction:column;min-height:100vh;margin:0 auto}#ink main{flex-grow:1}#ink header,#ink footer{flex-shrink:0}#ink footer{padding:var(--box-padding);opacity:.8;display:flex;gap:var(--space-1);text-align:center;flex-direction:column;font-size:.75rem;font-style:italic}@media (min-width:768px){#ink footer{text-align:left;flex-direction:row;justify-content:space-between}}.ink-header{display:flex;padding:var(--box-padding);justify-content:space-between;align-items: center}.ink-header>:first-child{opacity:.25;color:var(--color-text);transition:opacity .2s;font-size:1.5rem;font-weight:500}.ink-header>:first-child a{text-decoration:none;color:inherit}.ink-header>:first-child:hover{opacity:1}.ink-box{border:var(--border);padding:var(--box-padding);margin:var(--box-margin)}.ink-banner{display:block;padding:var(--box-padding);margin:var(--box-margin);border:var(--border)}.ink-banner.success{animation-name:animated-radial-bg;animation-duration:15s;animation-iteration-count:infinite;background-position:50%;background-size:100%;background-image:var(--gradient-radial);border-color:var(--color-text-accent);color:hsl(var(--cc-text-accent-h),var(--cc-text-accent-s),calc(var(--cc-text-accent-l) + 10%))}.ink-banner.danger{background-color:var(--color-bg-danger);border-color:var(--color-text-danger);color:var(--color-text)}.ink-banner p{margin:0;line-height:1.2}.ink-banner :first-child{font-weight:400}