--- /dev/null
+body {
+ background-color: black;
+}
+
+.yuu-toast {
+ background-color: hsla(276, 33%, 10%, 1.0);
+ border: solid hsla(276, 33%, 48%, 1.0) 2px;
+ color: hsla(276, 33%, 95%, 1.0);
+}
+
+.yuu-overlay {
+ background-color: hsla(276, 33%, 10%, 0.9);
+ border: solid hsla(276, 33%, 48%, 1.0) 2px;
+ color: hsla(276, 33%, 95%, 1.0);
+}
+
+.yuu-overlay *:focus {
+ box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
+ -moz-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
+ -webkit-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
+ outline: none;
+}
+
+input[type=range][data-yuu-command] {
+ background-color: hsla(276, 33%, 25%, 1.0);
+ border: solid hsla(276, 33%, 48%, 0.33) 1px;
+}
+
+input[type=range][data-yuu-command]::-webkit-slider-thumb {
+ background-color: hsla(276, 33%, 65%, 1.0);
+}
+
+input[type=range][data-yuu-command]::-moz-range-track {
+ background-color: hsla(276, 33%, 25%, 1.0);
+}
+
+input[type=range][data-yuu-command]::-moz-range-thumb {
+ background: hsla(276, 33%, 65%, 1.0);
+}
+
+input[type=checkbox][data-yuu-command]:focus + label[for] {
+ box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
+ -moz-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
+ -webkit-box-shadow: 0 0 5px hsla(276, 66%, 80%, 1.0);
+ outline: 0;
+}
+
+input[data-yuu-command] + label[for]:before {
+ color: hsla(276, 33%, 65%, 1.0);
+}
+
+a[href], [data-yuu-command] {
+ color: hsla(276, 33%, 65%, 1.0);
+}
+
+hr {
+ border: solid hsla(276, 33%, 48%, 0.75) 1px;
+}
+
+.link-footer {
+ list-style-type: none;
+ text-align: center;
+ margin-left: 0;
+ padding-left: 0;
+}