MiiFox.net/pjat.html
2023-09-24 22:32:57 +02:00

1146 lines
78 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<html>
<head>
<title>MiiFox's little language</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1">
<meta http-equiv="Cache-control" content="no-cache, max-age=64800">
<link rel="shortcut icon" type="image/png" href="favicon.png">
<style>
body{
display: flex;
flex-wrap: wrap;
min-height: calc(100vh - 2em);
background-color: #333;
margin: 0;
padding: 0;
align-content: flex-start;
}
body>h1{
font-family: initial;
width: 100%;
background-color: #555;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
min-height: 1.6em;
color: #ddd;
}
#words{
font-family: sans-serif;
}
p,h4{
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
article{
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin: 1em;
padding: 1em;
flex-grow: 1;
background-color: #fff;
max-width: calc(100vw - 4em);
overflow: auto;
}
h1, h2, h3{
text-align: center;
}
.demos{
display:block;
}
.demo>em, .demo>bdi{
font-size: 2em;
margin-right: 1em;
}
.demo bdi>i:before,.demo bdi:after,.demo em:before,.demo em:after{
color: grey;
}
#words small{
display: block;
margin-top: 1em;
}
small{
opacity: 0.6;
}
table{
margin-left: auto;
margin-right: auto;
padding-right: 1em;
}
input{ display: none; }
label{
display: inline-block;
background-color: #ddd;
min-width: 2.25em;
padding-top: 0.25em;
padding-bottom: 0.25em;
border-radius: .25em;
padding-left: .5em;
padding-right: .25em;
}
label.option{
border-radius: .75em;
}
label.tl{ border-top-left-radius: .75em; }
label.tr{ border-top-right-radius: .75em; }
label.bl{ border-bottom-left-radius: .75em; }
label.br{ border-bottom-right-radius: .75em; }
.difficult-onset label, .arhide label, .auhide label, label[for="vowel-e"], label[for="onset-l"], label[for="vowel-none"]{
background-color: #eee;
}
label:hover{ text-decoration: underline; opacity: .5; }
#vowels{
padding-bottom: 4em;
}
#onset-none:checked ~ * label[for="onset-none"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-t:checked ~ * label[for="onset-t"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-ts:checked ~ * label[for="onset-ts"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-p:checked ~ * label[for="onset-p"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-ps:checked ~ * label[for="onset-ps"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-st:checked ~ * label[for="onset-st"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-s:checked ~ * label[for="onset-s"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-g:checked ~ * label[for="onset-g"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-n:checked ~ * label[for="onset-n"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-nt:checked ~ * label[for="onset-nt"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-nts:checked ~ * label[for="onset-nts"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-mp:checked ~ * label[for="onset-mp"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-mps:checked ~ * label[for="onset-mps"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-nst:checked ~ * label[for="onset-nst"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-ns:checked ~ * label[for="onset-ns"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-k:checked ~ * label[for="onset-k"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-l:checked ~ * label[for="onset-l"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-lt:checked ~ * label[for="onset-lt"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-lts:checked ~ * label[for="onset-lts"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-lp:checked ~ * label[for="onset-lp"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-lps:checked ~ * label[for="onset-lps"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-lst:checked ~ * label[for="onset-lst"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-sh:checked ~ * label[for="onset-sh"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#onset-f:checked ~ * label[for="onset-f"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-none:checked ~ * label[for="coda-none"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-t:checked ~ * label[for="coda-t"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-ts:checked ~ * label[for="coda-ts"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-p:checked ~ * label[for="coda-p"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-ps:checked ~ * label[for="coda-ps"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-st:checked ~ * label[for="coda-st"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-s:checked ~ * label[for="coda-s"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-g:checked ~ * label[for="coda-g"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-n:checked ~ * label[for="coda-n"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-nt:checked ~ * label[for="coda-nt"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-nts:checked ~ * label[for="coda-nts"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-mp:checked ~ * label[for="coda-mp"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-mps:checked ~ * label[for="coda-mps"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-nst:checked ~ * label[for="coda-nst"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-ns:checked ~ * label[for="coda-ns"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-k:checked ~ * label[for="coda-k"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-l:checked ~ * label[for="coda-l"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-lt:checked ~ * label[for="coda-lt"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-lts:checked ~ * label[for="coda-lts"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-lp:checked ~ * label[for="coda-lp"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-lps:checked ~ * label[for="coda-lps"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-lst:checked ~ * label[for="coda-lst"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-sh:checked ~ * label[for="coda-sh"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#coda-f:checked ~ * label[for="coda-f"]{ text-decoration: underline; background-color: orange; opacity: 1; }
#vowel-none:checked ~ #onset-none:checked ~ * em:before { content: ""; }
#vowel-none:checked ~ #onset-none:checked ~ * bdi>i:before{ content: "h"; }
#vowel-a:checked ~ #onset-none:checked ~ * em:before { content: "a"; }
#vowel-a:checked ~ #onset-none:checked ~ * bdi>i:before{ content: "ah"; }
#vowel-e:checked ~ #onset-none:checked ~ * em:before { content: "e"; }
#vowel-e:checked ~ #onset-none:checked ~ * bdi>i:before{ content: "eh"; }
#vowel-i:checked ~ #onset-none:checked ~ * em:before { content: "i"; }
#vowel-i:checked ~ #onset-none:checked ~ * bdi>i:before{ content: "ih"; }
#vowel-o:checked ~ #onset-none:checked ~ * em:before { content: "o"; }
#vowel-o:checked ~ #onset-none:checked ~ * bdi>i:before{ content: "oh"; }
#vowel-u:checked ~ #onset-none:checked ~ * em:before { content: "ú"; }
#vowel-u:checked ~ #onset-none:checked ~ * bdi>i:before{ content: "uh"; }
#vowel-ah:checked ~ #onset-none:checked ~ * em:before { content: "â"; }
#vowel-ah:checked ~ #onset-none:checked ~ * bdi>i:before{ content: "âh"; }
#vowel-eh:checked ~ #onset-none:checked ~ * em:before { content: "è"; }
#vowel-eh:checked ~ #onset-none:checked ~ * bdi>i:before{ content: "êh"; }
#vowel-ih:checked ~ #onset-none:checked ~ * em:before { content: "î"; }
#vowel-ih:checked ~ #onset-none:checked ~ * bdi>i:before{ content: "îh"; }
#vowel-oh:checked ~ #onset-none:checked ~ * em:before { content: "ô"; }
#vowel-oh:checked ~ #onset-none:checked ~ * bdi>i:before{ content: "ôh"; }
#vowel-uh:checked ~ #onset-none:checked ~ * em:before { content: "u"; }
#vowel-uh:checked ~ #onset-none:checked ~ * bdi>i:before{ content: "ûh"; }
#ji:not(:checked) ~ #a:checked ~ #vowel-a:checked ~ #onset-none:checked ~ * em:before { content: "ah"; }
#ji:not(:checked) ~ #a:checked ~ #vowel-e:checked ~ #onset-none:checked ~ * em:before { content: "eh"; }
#ji:not(:checked) ~ #a:checked ~ #vowel-i:checked ~ #onset-none:checked ~ * em:before { content: "ih"; }
#ji:not(:checked) ~ #a:checked ~ #vowel-o:checked ~ #onset-none:checked ~ * em:before { content: "oh"; }
#ji:not(:checked) ~ #a:checked ~ #vowel-u:checked ~ #onset-none:checked ~ * em:before { content: "úh"; }
#ji:not(:checked) ~ #a:checked ~ #vowel-ah:checked ~ #onset-none:checked ~ * em:before { content: "âh"; }
#ji:not(:checked) ~ #a:checked ~ #vowel-eh:checked ~ #onset-none:checked ~ * em:before { content: "èh"; }
#ji:not(:checked) ~ #a:checked ~ #vowel-ih:checked ~ #onset-none:checked ~ * em:before { content: "îh"; }
#ji:not(:checked) ~ #a:checked ~ #vowel-oh:checked ~ #onset-none:checked ~ * em:before { content: "ôh"; }
#ji:not(:checked) ~ #a:checked ~ #vowel-uh:checked ~ #onset-none:checked ~ * em:before { content: "uh"; }
#ji:not(:checked) ~ #ar:checked ~ #vowel-a:checked ~ #onset-none:checked ~ * em:before { content: "ah"; }
#ji:not(:checked) ~ #ar:checked ~ #vowel-e:checked ~ #onset-none:checked ~ * em:before { content: "eh"; }
#ji:not(:checked) ~ #ar:checked ~ #vowel-i:checked ~ #onset-none:checked ~ * em:before { content: "ih"; }
#ji:not(:checked) ~ #ar:checked ~ #vowel-o:checked ~ #onset-none:checked ~ * em:before { content: "oh"; }
#ji:not(:checked) ~ #ar:checked ~ #vowel-u:checked ~ #onset-none:checked ~ * em:before { content: "úh"; }
#ji:not(:checked) ~ #ar:checked ~ #vowel-ah:checked ~ #onset-none:checked ~ * em:before { content: "âh"; }
#ji:not(:checked) ~ #ar:checked ~ #vowel-eh:checked ~ #onset-none:checked ~ * em:before { content: "èh"; }
#ji:not(:checked) ~ #ar:checked ~ #vowel-ih:checked ~ #onset-none:checked ~ * em:before { content: "îh"; }
#ji:not(:checked) ~ #ar:checked ~ #vowel-oh:checked ~ #onset-none:checked ~ * em:before { content: "ôh"; }
#ji:not(:checked) ~ #ar:checked ~ #vowel-uh:checked ~ #onset-none:checked ~ * em:before { content: "uh"; }
#vowel-none:checked ~ #onset-t:checked ~ * em:before,
#vowel-none:checked ~ #onset-t:checked ~ * bdi>i:before{ content: "t"; }
#vowel-none:checked ~ #onset-ts:checked ~ * em:before { content: "ts"; }
#vowel-none:checked ~ #onset-ts:checked ~ * bdi>i:before{ content: "ŧ"; }
#vowel-none:checked ~ #onset-p:checked ~ * em:before,
#vowel-none:checked ~ #onset-p:checked ~ * bdi>i:before{ content: "p"; }
#vowel-none:checked ~ #onset-ps:checked ~ * em:before { content: "ps"; }
#vowel-none:checked ~ #onset-ps:checked ~ * bdi>i:before{ content: "ƥ"; }
#vowel-none:checked ~ #onset-st:checked ~ * em:before { content: "st"; }
#vowel-none:checked ~ #onset-st:checked ~ * bdi>i:before{ content: "ƾ"; }
#vowel-none:checked ~ #onset-s:checked ~ * em:before,
#vowel-none:checked ~ #onset-s:checked ~ * bdi>i:before{ content: "s"; }
#vowel-none:checked ~ #onset-g:checked ~ * em:before,
#vowel-none:checked ~ #onset-g:checked ~ * bdi>i:before{ content: "k"; }
#vowel-none:checked ~ #onset-n:checked ~ * em:before,
#vowel-none:checked ~ #onset-n:checked ~ * bdi>i:before{ content: "n"; }
#vowel-none:checked ~ #onset-nt:checked ~ * em:before,
#vowel-none:checked ~ #onset-nt:checked ~ * bdi>i:before{ content: "nt"; }
#vowel-none:checked ~ #onset-nts:checked ~ * em:before { content: "nts"; }
#vowel-none:checked ~ #onset-nts:checked ~ * bdi>i:before{ content: "nŧ"; }
#vowel-none:checked ~ #onset-mp:checked ~ * em:before { content: "mp"; }
#vowel-none:checked ~ #onset-mp:checked ~ * bdi>i:before{ content: "np"; }
#vowel-none:checked ~ #onset-mps:checked ~ * em:before { content: "mps"; }
#vowel-none:checked ~ #onset-mps:checked ~ * bdi>i:before{ content: "nƥ"; }
#vowel-none:checked ~ #onset-nst:checked ~ * em:before { content: "nst"; }
#vowel-none:checked ~ #onset-nst:checked ~ * bdi>i:before{ content: "nƾ"; }
#vowel-none:checked ~ #onset-ns:checked ~ * em:before,
#vowel-none:checked ~ #onset-ns:checked ~ * bdi>i:before{ content: "ns"; }
#vowel-none:checked ~ #onset-k:checked ~ * em:before,
#vowel-none:checked ~ #onset-k:checked ~ * bdi>i:before{ content: "nk"; }
#vowel-none:checked ~ #onset-l:checked ~ * em:before,
#vowel-none:checked ~ #onset-l:checked ~ * bdi>i:before{ content: "l"; }
#vowel-none:checked ~ #onset-lt:checked ~ * em:before,
#vowel-none:checked ~ #onset-lt:checked ~ * bdi>i:before{ content: "lt"; }
#vowel-none:checked ~ #onset-lts:checked ~ * em:before { content: "lts"; }
#vowel-none:checked ~ #onset-lts:checked ~ * bdi>i:before{ content: "lŧ"; }
#vowel-none:checked ~ #onset-lp:checked ~ * em:before,
#vowel-none:checked ~ #onset-lp:checked ~ * bdi>i:before{ content: "lp"; }
#vowel-none:checked ~ #onset-lps:checked ~ * em:before { content: "lps"; }
#vowel-none:checked ~ #onset-lps:checked ~ * bdi>i:before{ content: "lƥ"; }
#vowel-none:checked ~ #onset-lst:checked ~ * em:before { content: "lst"; }
#vowel-none:checked ~ #onset-lst:checked ~ * bdi>i:before{ content: "lƾ"; }
#vowel-none:checked ~ #onset-sh:checked ~ * em:before { content: "sh"; }
#vowel-none:checked ~ #onset-sh:checked ~ * bdi>i:before{ content: "ʃ"; }
#vowel-none:checked ~ #onset-f:checked ~ * em:before,
#vowel-none:checked ~ #onset-f:checked ~ * bdi>i:before{ content: "f"; }
#vowel-a:checked ~ #onset-t:checked ~ * em:before,
#vowel-a:checked ~ #onset-t:checked ~ * bdi>i:before{ content: "at"; }
#vowel-a:checked ~ #onset-ts:checked ~ * em:before { content: "ats"; }
#vowel-a:checked ~ #onset-ts:checked ~ * bdi>i:before{ content: "aŧ"; }
#vowel-a:checked ~ #onset-p:checked ~ * em:before,
#vowel-a:checked ~ #onset-p:checked ~ * bdi>i:before{ content: "ap"; }
#vowel-a:checked ~ #onset-ps:checked ~ * em:before { content: "aps"; }
#vowel-a:checked ~ #onset-ps:checked ~ * bdi>i:before{ content: "aƥ"; }
#vowel-a:checked ~ #onset-st:checked ~ * em:before { content: "ast"; }
#vowel-a:checked ~ #onset-st:checked ~ * bdi>i:before{ content: "aƾ"; }
#vowel-a:checked ~ #onset-s:checked ~ * em:before,
#vowel-a:checked ~ #onset-s:checked ~ * bdi>i:before{ content: "as"; }
#vowel-a:checked ~ #onset-g:checked ~ * em:before,
#vowel-a:checked ~ #onset-g:checked ~ * bdi>i:before{ content: "ak"; }
#vowel-a:checked ~ #onset-n:checked ~ * em:before,
#vowel-a:checked ~ #onset-n:checked ~ * bdi>i:before{ content: "an"; }
#vowel-a:checked ~ #onset-nt:checked ~ * em:before,
#vowel-a:checked ~ #onset-nt:checked ~ * bdi>i:before{ content: "ant"; }
#vowel-a:checked ~ #onset-nts:checked ~ * em:before { content: "ants"; }
#vowel-a:checked ~ #onset-nts:checked ~ * bdi>i:before{ content: "anŧ"; }
#vowel-a:checked ~ #onset-mp:checked ~ * em:before { content: "amp"; }
#vowel-a:checked ~ #onset-mp:checked ~ * bdi>i:before{ content: "anp"; }
#vowel-a:checked ~ #onset-mps:checked ~ * em:before { content: "amps"; }
#vowel-a:checked ~ #onset-mps:checked ~ * bdi>i:before{ content: "anƥ"; }
#vowel-a:checked ~ #onset-nst:checked ~ * em:before { content: "anst"; }
#vowel-a:checked ~ #onset-nst:checked ~ * bdi>i:before{ content: "anƾ"; }
#vowel-a:checked ~ #onset-ns:checked ~ * em:before,
#vowel-a:checked ~ #onset-ns:checked ~ * bdi>i:before{ content: "ans"; }
#vowel-a:checked ~ #onset-k:checked ~ * em:before,
#vowel-a:checked ~ #onset-k:checked ~ * bdi>i:before{ content: "ank"; }
#vowel-a:checked ~ #onset-l:checked ~ * em:before,
#vowel-a:checked ~ #onset-l:checked ~ * bdi>i:before{ content: "al"; }
#vowel-a:checked ~ #onset-lt:checked ~ * em:before,
#vowel-a:checked ~ #onset-lt:checked ~ * bdi>i:before{ content: "alt"; }
#vowel-a:checked ~ #onset-lts:checked ~ * em:before { content: "alts"; }
#vowel-a:checked ~ #onset-lts:checked ~ * bdi>i:before{ content: "alŧ"; }
#vowel-a:checked ~ #onset-lp:checked ~ * em:before,
#vowel-a:checked ~ #onset-lp:checked ~ * bdi>i:before{ content: "alp"; }
#vowel-a:checked ~ #onset-lps:checked ~ * em:before { content: "alps"; }
#vowel-a:checked ~ #onset-lps:checked ~ * bdi>i:before{ content: "alƥ"; }
#vowel-a:checked ~ #onset-lst:checked ~ * em:before { content: "alst"; }
#vowel-a:checked ~ #onset-lst:checked ~ * bdi>i:before{ content: "alƾ"; }
#vowel-a:checked ~ #onset-sh:checked ~ * em:before { content: "ash"; }
#vowel-a:checked ~ #onset-sh:checked ~ * bdi>i:before{ content: "aʃ"; }
#vowel-a:checked ~ #onset-f:checked ~ * em:before,
#vowel-a:checked ~ #onset-f:checked ~ * bdi>i:before{ content: "af"; }
#vowel-e:checked ~ #onset-t:checked ~ * em:before,
#vowel-e:checked ~ #onset-t:checked ~ * bdi>i:before{ content: "et"; }
#vowel-e:checked ~ #onset-ts:checked ~ * em:before { content: "ets"; }
#vowel-e:checked ~ #onset-ts:checked ~ * bdi>i:before{ content: "eŧ"; }
#vowel-e:checked ~ #onset-p:checked ~ * em:before,
#vowel-e:checked ~ #onset-p:checked ~ * bdi>i:before{ content: "ep"; }
#vowel-e:checked ~ #onset-ps:checked ~ * em:before { content: "eps"; }
#vowel-e:checked ~ #onset-ps:checked ~ * bdi>i:before{ content: "eƥ"; }
#vowel-e:checked ~ #onset-st:checked ~ * em:before { content: "est"; }
#vowel-e:checked ~ #onset-st:checked ~ * bdi>i:before{ content: "eƾ"; }
#vowel-e:checked ~ #onset-s:checked ~ * em:before,
#vowel-e:checked ~ #onset-s:checked ~ * bdi>i:before{ content: "es"; }
#vowel-e:checked ~ #onset-g:checked ~ * em:before,
#vowel-e:checked ~ #onset-g:checked ~ * bdi>i:before{ content: "ek"; }
#vowel-e:checked ~ #onset-n:checked ~ * em:before,
#vowel-e:checked ~ #onset-n:checked ~ * bdi>i:before{ content: "en"; }
#vowel-e:checked ~ #onset-nt:checked ~ * em:before,
#vowel-e:checked ~ #onset-nt:checked ~ * bdi>i:before{ content: "ent"; }
#vowel-e:checked ~ #onset-nts:checked ~ * em:before { content: "ents"; }
#vowel-e:checked ~ #onset-nts:checked ~ * bdi>i:before{ content: "enŧ"; }
#vowel-e:checked ~ #onset-mp:checked ~ * em:before { content: "emp"; }
#vowel-e:checked ~ #onset-mp:checked ~ * bdi>i:before{ content: "enp"; }
#vowel-e:checked ~ #onset-mps:checked ~ * em:before { content: "emps"; }
#vowel-e:checked ~ #onset-mps:checked ~ * bdi>i:before{ content: "enƥ"; }
#vowel-e:checked ~ #onset-nst:checked ~ * em:before { content: "enst"; }
#vowel-e:checked ~ #onset-nst:checked ~ * bdi>i:before{ content: "enƾ"; }
#vowel-e:checked ~ #onset-ns:checked ~ * em:before,
#vowel-e:checked ~ #onset-ns:checked ~ * bdi>i:before{ content: "ens"; }
#vowel-e:checked ~ #onset-k:checked ~ * em:before,
#vowel-e:checked ~ #onset-k:checked ~ * bdi>i:before{ content: "enk"; }
#vowel-e:checked ~ #onset-l:checked ~ * em:before,
#vowel-e:checked ~ #onset-l:checked ~ * bdi>i:before{ content: "el"; }
#vowel-e:checked ~ #onset-lt:checked ~ * em:before,
#vowel-e:checked ~ #onset-lt:checked ~ * bdi>i:before{ content: "elt"; }
#vowel-e:checked ~ #onset-lts:checked ~ * em:before { content: "elts"; }
#vowel-e:checked ~ #onset-lts:checked ~ * bdi>i:before{ content: "elŧ"; }
#vowel-e:checked ~ #onset-lp:checked ~ * em:before,
#vowel-e:checked ~ #onset-lp:checked ~ * bdi>i:before{ content: "elp"; }
#vowel-e:checked ~ #onset-lps:checked ~ * em:before { content: "elps"; }
#vowel-e:checked ~ #onset-lps:checked ~ * bdi>i:before{ content: "elƥ"; }
#vowel-e:checked ~ #onset-lst:checked ~ * em:before { content: "elst"; }
#vowel-e:checked ~ #onset-lst:checked ~ * bdi>i:before{ content: "elƾ"; }
#vowel-e:checked ~ #onset-sh:checked ~ * em:before { content: "esh"; }
#vowel-e:checked ~ #onset-sh:checked ~ * bdi>i:before{ content: "eʃ"; }
#vowel-e:checked ~ #onset-f:checked ~ * em:before,
#vowel-e:checked ~ #onset-f:checked ~ * bdi>i:before{ content: "ef"; }
#vowel-i:checked ~ #onset-t:checked ~ * em:before,
#vowel-i:checked ~ #onset-t:checked ~ * bdi>i:before{ content: "it"; }
#vowel-i:checked ~ #onset-ts:checked ~ * em:before { content: "its"; }
#vowel-i:checked ~ #onset-ts:checked ~ * bdi>i:before{ content: "iŧ"; }
#vowel-i:checked ~ #onset-p:checked ~ * em:before,
#vowel-i:checked ~ #onset-p:checked ~ * bdi>i:before{ content: "ip"; }
#vowel-i:checked ~ #onset-ps:checked ~ * em:before { content: "ips"; }
#vowel-i:checked ~ #onset-ps:checked ~ * bdi>i:before{ content: "iƥ"; }
#vowel-i:checked ~ #onset-st:checked ~ * em:before { content: "ist"; }
#vowel-i:checked ~ #onset-st:checked ~ * bdi>i:before{ content: "iƾ"; }
#vowel-i:checked ~ #onset-s:checked ~ * em:before,
#vowel-i:checked ~ #onset-s:checked ~ * bdi>i:before{ content: "is"; }
#vowel-i:checked ~ #onset-g:checked ~ * em:before,
#vowel-i:checked ~ #onset-g:checked ~ * bdi>i:before{ content: "ik"; }
#vowel-i:checked ~ #onset-n:checked ~ * em:before,
#vowel-i:checked ~ #onset-n:checked ~ * bdi>i:before{ content: "in"; }
#vowel-i:checked ~ #onset-nt:checked ~ * em:before,
#vowel-i:checked ~ #onset-nt:checked ~ * bdi>i:before{ content: "int"; }
#vowel-i:checked ~ #onset-nts:checked ~ * em:before { content: "ints"; }
#vowel-i:checked ~ #onset-nts:checked ~ * bdi>i:before{ content: "inŧ"; }
#vowel-i:checked ~ #onset-mp:checked ~ * em:before { content: "imp"; }
#vowel-i:checked ~ #onset-mp:checked ~ * bdi>i:before{ content: "inp"; }
#vowel-i:checked ~ #onset-mps:checked ~ * em:before { content: "imps"; }
#vowel-i:checked ~ #onset-mps:checked ~ * bdi>i:before{ content: "inƥ"; }
#vowel-i:checked ~ #onset-nst:checked ~ * em:before { content: "inst"; }
#vowel-i:checked ~ #onset-nst:checked ~ * bdi>i:before{ content: "inƾ"; }
#vowel-i:checked ~ #onset-ns:checked ~ * em:before,
#vowel-i:checked ~ #onset-ns:checked ~ * bdi>i:before{ content: "ins"; }
#vowel-i:checked ~ #onset-k:checked ~ * em:before,
#vowel-i:checked ~ #onset-k:checked ~ * bdi>i:before{ content: "ink"; }
#vowel-i:checked ~ #onset-l:checked ~ * em:before,
#vowel-i:checked ~ #onset-l:checked ~ * bdi>i:before{ content: "il"; }
#vowel-i:checked ~ #onset-lt:checked ~ * em:before,
#vowel-i:checked ~ #onset-lt:checked ~ * bdi>i:before{ content: "ilt"; }
#vowel-i:checked ~ #onset-lts:checked ~ * em:before { content: "ilts"; }
#vowel-i:checked ~ #onset-lts:checked ~ * bdi>i:before{ content: "ilŧ"; }
#vowel-i:checked ~ #onset-lp:checked ~ * em:before,
#vowel-i:checked ~ #onset-lp:checked ~ * bdi>i:before{ content: "ilp"; }
#vowel-i:checked ~ #onset-lps:checked ~ * em:before { content: "ilps"; }
#vowel-i:checked ~ #onset-lps:checked ~ * bdi>i:before{ content: "ilƥ"; }
#vowel-i:checked ~ #onset-lst:checked ~ * em:before { content: "ilst"; }
#vowel-i:checked ~ #onset-lst:checked ~ * bdi>i:before{ content: "ilƾ"; }
#vowel-i:checked ~ #onset-sh:checked ~ * em:before { content: "ish"; }
#vowel-i:checked ~ #onset-sh:checked ~ * bdi>i:before{ content: "iʃ"; }
#vowel-i:checked ~ #onset-f:checked ~ * em:before,
#vowel-i:checked ~ #onset-f:checked ~ * bdi>i:before{ content: "if"; }
#vowel-o:checked ~ #onset-t:checked ~ * em:before,
#vowel-o:checked ~ #onset-t:checked ~ * bdi>i:before{ content: "ot"; }
#vowel-o:checked ~ #onset-ts:checked ~ * em:before { content: "ots"; }
#vowel-o:checked ~ #onset-ts:checked ~ * bdi>i:before{ content: "oŧ"; }
#vowel-o:checked ~ #onset-p:checked ~ * em:before,
#vowel-o:checked ~ #onset-p:checked ~ * bdi>i:before{ content: "op"; }
#vowel-o:checked ~ #onset-ps:checked ~ * em:before { content: "ops"; }
#vowel-o:checked ~ #onset-ps:checked ~ * bdi>i:before{ content: "oƥ"; }
#vowel-o:checked ~ #onset-st:checked ~ * em:before { content: "ost"; }
#vowel-o:checked ~ #onset-st:checked ~ * bdi>i:before{ content: "oƾ"; }
#vowel-o:checked ~ #onset-s:checked ~ * em:before,
#vowel-o:checked ~ #onset-s:checked ~ * bdi>i:before{ content: "os"; }
#vowel-o:checked ~ #onset-g:checked ~ * em:before,
#vowel-o:checked ~ #onset-g:checked ~ * bdi>i:before{ content: "ok"; }
#vowel-o:checked ~ #onset-n:checked ~ * em:before,
#vowel-o:checked ~ #onset-n:checked ~ * bdi>i:before{ content: "on"; }
#vowel-o:checked ~ #onset-nt:checked ~ * em:before,
#vowel-o:checked ~ #onset-nt:checked ~ * bdi>i:before{ content: "ont"; }
#vowel-o:checked ~ #onset-nts:checked ~ * em:before { content: "onts"; }
#vowel-o:checked ~ #onset-nts:checked ~ * bdi>i:before{ content: "onŧ"; }
#vowel-o:checked ~ #onset-mp:checked ~ * em:before { content: "omp"; }
#vowel-o:checked ~ #onset-mp:checked ~ * bdi>i:before{ content: "onp"; }
#vowel-o:checked ~ #onset-mps:checked ~ * em:before { content: "omps"; }
#vowel-o:checked ~ #onset-mps:checked ~ * bdi>i:before{ content: "onƥ"; }
#vowel-o:checked ~ #onset-nst:checked ~ * em:before { content: "onst"; }
#vowel-o:checked ~ #onset-nst:checked ~ * bdi>i:before{ content: "onƾ"; }
#vowel-o:checked ~ #onset-ns:checked ~ * em:before,
#vowel-o:checked ~ #onset-ns:checked ~ * bdi>i:before{ content: "ons"; }
#vowel-o:checked ~ #onset-k:checked ~ * em:before,
#vowel-o:checked ~ #onset-k:checked ~ * bdi>i:before{ content: "onk"; }
#vowel-o:checked ~ #onset-l:checked ~ * em:before,
#vowel-o:checked ~ #onset-l:checked ~ * bdi>i:before{ content: "ol"; }
#vowel-o:checked ~ #onset-lt:checked ~ * em:before,
#vowel-o:checked ~ #onset-lt:checked ~ * bdi>i:before{ content: "olt"; }
#vowel-o:checked ~ #onset-lts:checked ~ * em:before { content: "olts"; }
#vowel-o:checked ~ #onset-lts:checked ~ * bdi>i:before{ content: "olŧ"; }
#vowel-o:checked ~ #onset-lp:checked ~ * em:before,
#vowel-o:checked ~ #onset-lp:checked ~ * bdi>i:before{ content: "olp"; }
#vowel-o:checked ~ #onset-lps:checked ~ * em:before { content: "olps"; }
#vowel-o:checked ~ #onset-lps:checked ~ * bdi>i:before{ content: "olƥ"; }
#vowel-o:checked ~ #onset-lst:checked ~ * em:before { content: "olst"; }
#vowel-o:checked ~ #onset-lst:checked ~ * bdi>i:before{ content: "olƾ"; }
#vowel-o:checked ~ #onset-sh:checked ~ * em:before { content: "osh"; }
#vowel-o:checked ~ #onset-sh:checked ~ * bdi>i:before{ content: "oʃ"; }
#vowel-o:checked ~ #onset-f:checked ~ * em:before,
#vowel-o:checked ~ #onset-f:checked ~ * bdi>i:before{ content: "of"; }
#vowel-ah:checked ~ #onset-t:checked ~ * em:before,
#vowel-ah:checked ~ #onset-t:checked ~ * bdi>i:before{ content: "ât"; }
#vowel-ah:checked ~ #onset-ts:checked ~ * em:before { content: "âts"; }
#vowel-ah:checked ~ #onset-ts:checked ~ * bdi>i:before{ content: "âŧ"; }
#vowel-ah:checked ~ #onset-p:checked ~ * em:before,
#vowel-ah:checked ~ #onset-p:checked ~ * bdi>i:before{ content: "âp"; }
#vowel-ah:checked ~ #onset-ps:checked ~ * em:before { content: "âps"; }
#vowel-ah:checked ~ #onset-ps:checked ~ * bdi>i:before{ content: "âƥ"; }
#vowel-ah:checked ~ #onset-st:checked ~ * em:before { content: "âst"; }
#vowel-ah:checked ~ #onset-st:checked ~ * bdi>i:before{ content: "âƾ"; }
#vowel-ah:checked ~ #onset-s:checked ~ * em:before,
#vowel-ah:checked ~ #onset-s:checked ~ * bdi>i:before{ content: "âs"; }
#vowel-ah:checked ~ #onset-g:checked ~ * em:before,
#vowel-ah:checked ~ #onset-g:checked ~ * bdi>i:before{ content: "âk"; }
#vowel-ah:checked ~ #onset-n:checked ~ * em:before,
#vowel-ah:checked ~ #onset-n:checked ~ * bdi>i:before{ content: "ân"; }
#vowel-ah:checked ~ #onset-nt:checked ~ * em:before,
#vowel-ah:checked ~ #onset-nt:checked ~ * bdi>i:before{ content: "ânt"; }
#vowel-ah:checked ~ #onset-nts:checked ~ * em:before { content: "ânts"; }
#vowel-ah:checked ~ #onset-nts:checked ~ * bdi>i:before{ content: "ânŧ"; }
#vowel-ah:checked ~ #onset-mp:checked ~ * em:before { content: "âmp"; }
#vowel-ah:checked ~ #onset-mp:checked ~ * bdi>i:before{ content: "ânp"; }
#vowel-ah:checked ~ #onset-mps:checked ~ * em:before { content: "âmps"; }
#vowel-ah:checked ~ #onset-mps:checked ~ * bdi>i:before{ content: "ânƥ"; }
#vowel-ah:checked ~ #onset-nst:checked ~ * em:before { content: "ânst"; }
#vowel-ah:checked ~ #onset-nst:checked ~ * bdi>i:before{ content: "ânƾ"; }
#vowel-ah:checked ~ #onset-ns:checked ~ * em:before,
#vowel-ah:checked ~ #onset-ns:checked ~ * bdi>i:before{ content: "âns"; }
#vowel-ah:checked ~ #onset-k:checked ~ * em:before,
#vowel-ah:checked ~ #onset-k:checked ~ * bdi>i:before{ content: "ânk"; }
#vowel-ah:checked ~ #onset-l:checked ~ * em:before,
#vowel-ah:checked ~ #onset-l:checked ~ * bdi>i:before{ content: "âl"; }
#vowel-ah:checked ~ #onset-lt:checked ~ * em:before,
#vowel-ah:checked ~ #onset-lt:checked ~ * bdi>i:before{ content: "âlt"; }
#vowel-ah:checked ~ #onset-lts:checked ~ * em:before { content: "âlts"; }
#vowel-ah:checked ~ #onset-lts:checked ~ * bdi>i:before{ content: "âlŧ"; }
#vowel-ah:checked ~ #onset-lp:checked ~ * em:before,
#vowel-ah:checked ~ #onset-lp:checked ~ * bdi>i:before{ content: "âlp"; }
#vowel-ah:checked ~ #onset-lps:checked ~ * em:before { content: "âlps"; }
#vowel-ah:checked ~ #onset-lps:checked ~ * bdi>i:before{ content: "âlƥ"; }
#vowel-ah:checked ~ #onset-lst:checked ~ * em:before { content: "âlst"; }
#vowel-ah:checked ~ #onset-lst:checked ~ * bdi>i:before{ content: "âlƾ"; }
#vowel-ah:checked ~ #onset-sh:checked ~ * em:before { content: "âsh"; }
#vowel-ah:checked ~ #onset-sh:checked ~ * bdi>i:before{ content: "âʃ"; }
#vowel-ah:checked ~ #onset-f:checked ~ * em:before,
#vowel-ah:checked ~ #onset-f:checked ~ * bdi>i:before{ content: "âf"; }
#vowel-ih:checked ~ #onset-t:checked ~ * em:before,
#vowel-ih:checked ~ #onset-t:checked ~ * bdi>i:before{ content: "ît"; }
#vowel-ih:checked ~ #onset-ts:checked ~ * em:before { content: "îts"; }
#vowel-ih:checked ~ #onset-ts:checked ~ * bdi>i:before{ content: "îŧ"; }
#vowel-ih:checked ~ #onset-p:checked ~ * em:before,
#vowel-ih:checked ~ #onset-p:checked ~ * bdi>i:before{ content: "îp"; }
#vowel-ih:checked ~ #onset-ps:checked ~ * em:before { content: "îps"; }
#vowel-ih:checked ~ #onset-ps:checked ~ * bdi>i:before{ content: "îƥ"; }
#vowel-ih:checked ~ #onset-st:checked ~ * em:before { content: "îst"; }
#vowel-ih:checked ~ #onset-st:checked ~ * bdi>i:before{ content: "îƾ"; }
#vowel-ih:checked ~ #onset-s:checked ~ * em:before,
#vowel-ih:checked ~ #onset-s:checked ~ * bdi>i:before{ content: "îs"; }
#vowel-ih:checked ~ #onset-g:checked ~ * em:before,
#vowel-ih:checked ~ #onset-g:checked ~ * bdi>i:before{ content: "îk"; }
#vowel-ih:checked ~ #onset-n:checked ~ * em:before,
#vowel-ih:checked ~ #onset-n:checked ~ * bdi>i:before{ content: "în"; }
#vowel-ih:checked ~ #onset-nt:checked ~ * em:before,
#vowel-ih:checked ~ #onset-nt:checked ~ * bdi>i:before{ content: "înt"; }
#vowel-ih:checked ~ #onset-nts:checked ~ * em:before { content: "înts"; }
#vowel-ih:checked ~ #onset-nts:checked ~ * bdi>i:before{ content: "înŧ"; }
#vowel-ih:checked ~ #onset-mp:checked ~ * em:before { content: "împ"; }
#vowel-ih:checked ~ #onset-mp:checked ~ * bdi>i:before{ content: "înp"; }
#vowel-ih:checked ~ #onset-mps:checked ~ * em:before { content: "împs"; }
#vowel-ih:checked ~ #onset-mps:checked ~ * bdi>i:before{ content: "înƥ"; }
#vowel-ih:checked ~ #onset-nst:checked ~ * em:before { content: "înst"; }
#vowel-ih:checked ~ #onset-nst:checked ~ * bdi>i:before{ content: "înƾ"; }
#vowel-ih:checked ~ #onset-ns:checked ~ * em:before,
#vowel-ih:checked ~ #onset-ns:checked ~ * bdi>i:before{ content: "îns"; }
#vowel-ih:checked ~ #onset-k:checked ~ * em:before,
#vowel-ih:checked ~ #onset-k:checked ~ * bdi>i:before{ content: "înk"; }
#vowel-ih:checked ~ #onset-l:checked ~ * em:before,
#vowel-ih:checked ~ #onset-l:checked ~ * bdi>i:before{ content: "îl"; }
#vowel-ih:checked ~ #onset-lt:checked ~ * em:before,
#vowel-ih:checked ~ #onset-lt:checked ~ * bdi>i:before{ content: "îlt"; }
#vowel-ih:checked ~ #onset-lts:checked ~ * em:before { content: "îlts"; }
#vowel-ih:checked ~ #onset-lts:checked ~ * bdi>i:before{ content: "îlŧ"; }
#vowel-ih:checked ~ #onset-lp:checked ~ * em:before,
#vowel-ih:checked ~ #onset-lp:checked ~ * bdi>i:before{ content: "îlp"; }
#vowel-ih:checked ~ #onset-lps:checked ~ * em:before { content: "îlps"; }
#vowel-ih:checked ~ #onset-lps:checked ~ * bdi>i:before{ content: "îlƥ"; }
#vowel-ih:checked ~ #onset-lst:checked ~ * em:before { content: "îlst"; }
#vowel-ih:checked ~ #onset-lst:checked ~ * bdi>i:before{ content: "îlƾ"; }
#vowel-ih:checked ~ #onset-sh:checked ~ * em:before { content: "îsh"; }
#vowel-ih:checked ~ #onset-sh:checked ~ * bdi>i:before{ content: "îʃ"; }
#vowel-ih:checked ~ #onset-f:checked ~ * em:before,
#vowel-ih:checked ~ #onset-f:checked ~ * bdi>i:before{ content: "îf"; }
#vowel-uh:checked ~ #onset-t:checked ~ * em:before { content: "ut"; }
#vowel-uh:checked ~ #onset-t:checked ~ * bdi>i:before{ content: "ût"; }
#vowel-uh:checked ~ #onset-ts:checked ~ * em:before { content: "uts"; }
#vowel-uh:checked ~ #onset-ts:checked ~ * bdi>i:before{ content: "ûŧ"; }
#vowel-uh:checked ~ #onset-p:checked ~ * em:before { content: "up"; }
#vowel-uh:checked ~ #onset-p:checked ~ * bdi>i:before{ content: "ûp"; }
#vowel-uh:checked ~ #onset-ps:checked ~ * em:before { content: "ups"; }
#vowel-uh:checked ~ #onset-ps:checked ~ * bdi>i:before{ content: "ûƥ"; }
#vowel-uh:checked ~ #onset-st:checked ~ * em:before { content: "ust"; }
#vowel-uh:checked ~ #onset-st:checked ~ * bdi>i:before{ content: "ûƾ"; }
#vowel-uh:checked ~ #onset-s:checked ~ * em:before { content: "us"; }
#vowel-uh:checked ~ #onset-s:checked ~ * bdi>i:before{ content: "ûs"; }
#vowel-uh:checked ~ #onset-g:checked ~ * em:before { content: "uk"; }
#vowel-uh:checked ~ #onset-g:checked ~ * bdi>i:before{ content: "ûk"; }
#vowel-uh:checked ~ #onset-n:checked ~ * em:before { content: "un"; }
#vowel-uh:checked ~ #onset-n:checked ~ * bdi>i:before{ content: "ûn"; }
#vowel-uh:checked ~ #onset-nt:checked ~ * em:before { content: "unt"; }
#vowel-uh:checked ~ #onset-nt:checked ~ * bdi>i:before{ content: "ûnt"; }
#vowel-uh:checked ~ #onset-nts:checked ~ * em:before { content: "unts"; }
#vowel-uh:checked ~ #onset-nts:checked ~ * bdi>i:before{ content: "ûnŧ"; }
#vowel-uh:checked ~ #onset-mp:checked ~ * em:before { content: "ump"; }
#vowel-uh:checked ~ #onset-mp:checked ~ * bdi>i:before{ content: "ûnp"; }
#vowel-uh:checked ~ #onset-mps:checked ~ * em:before { content: "umps"; }
#vowel-uh:checked ~ #onset-mps:checked ~ * bdi>i:before{ content: "ûnƥ"; }
#vowel-uh:checked ~ #onset-nst:checked ~ * em:before { content: "unst"; }
#vowel-uh:checked ~ #onset-nst:checked ~ * bdi>i:before{ content: "ûnƾ"; }
#vowel-uh:checked ~ #onset-ns:checked ~ * em:before { content: "uns"; }
#vowel-uh:checked ~ #onset-ns:checked ~ * bdi>i:before{ content: "ûns"; }
#vowel-uh:checked ~ #onset-k:checked ~ * em:before { content: "unk"; }
#vowel-uh:checked ~ #onset-k:checked ~ * bdi>i:before{ content: "ûnk"; }
#vowel-uh:checked ~ #onset-l:checked ~ * em:before { content: "ul"; }
#vowel-uh:checked ~ #onset-l:checked ~ * bdi>i:before{ content: "ûl"; }
#vowel-uh:checked ~ #onset-lt:checked ~ * em:before { content: "ult"; }
#vowel-uh:checked ~ #onset-lt:checked ~ * bdi>i:before{ content: "ûlt"; }
#vowel-uh:checked ~ #onset-lts:checked ~ * em:before { content: "ults"; }
#vowel-uh:checked ~ #onset-lts:checked ~ * bdi>i:before{ content: "ûlŧ"; }
#vowel-uh:checked ~ #onset-lp:checked ~ * em:before { content: "ulp"; }
#vowel-uh:checked ~ #onset-lp:checked ~ * bdi>i:before{ content: "ûlp"; }
#vowel-uh:checked ~ #onset-lps:checked ~ * em:before { content: "ulps"; }
#vowel-uh:checked ~ #onset-lps:checked ~ * bdi>i:before{ content: "ûlƥ"; }
#vowel-uh:checked ~ #onset-lst:checked ~ * em:before { content: "ulst"; }
#vowel-uh:checked ~ #onset-lst:checked ~ * bdi>i:before{ content: "ûlƾ"; }
#vowel-uh:checked ~ #onset-sh:checked ~ * em:before { content: "ush"; }
#vowel-uh:checked ~ #onset-sh:checked ~ * bdi>i:before{ content: "ûʃ"; }
#vowel-uh:checked ~ #onset-f:checked ~ * em:before { content: "uf"; }
#vowel-uh:checked ~ #onset-f:checked ~ * bdi>i:before{ content: "ûf"; }
#vowel-oh:checked ~ #onset-t:checked ~ * em:before,
#vowel-oh:checked ~ #onset-t:checked ~ * bdi>i:before{ content: "ôt"; }
#vowel-oh:checked ~ #onset-ts:checked ~ * em:before { content: "ôts"; }
#vowel-oh:checked ~ #onset-ts:checked ~ * bdi>i:before{ content: "ôŧ"; }
#vowel-oh:checked ~ #onset-p:checked ~ * em:before,
#vowel-oh:checked ~ #onset-p:checked ~ * bdi>i:before{ content: "ôp"; }
#vowel-oh:checked ~ #onset-ps:checked ~ * em:before { content: "ôps"; }
#vowel-oh:checked ~ #onset-ps:checked ~ * bdi>i:before{ content: "ôƥ"; }
#vowel-oh:checked ~ #onset-st:checked ~ * em:before { content: "ôst"; }
#vowel-oh:checked ~ #onset-st:checked ~ * bdi>i:before{ content: "ôƾ"; }
#vowel-oh:checked ~ #onset-s:checked ~ * em:before,
#vowel-oh:checked ~ #onset-s:checked ~ * bdi>i:before{ content: "ôs"; }
#vowel-oh:checked ~ #onset-g:checked ~ * em:before,
#vowel-oh:checked ~ #onset-g:checked ~ * bdi>i:before{ content: "ôk"; }
#vowel-oh:checked ~ #onset-n:checked ~ * em:before,
#vowel-oh:checked ~ #onset-n:checked ~ * bdi>i:before{ content: "ôn"; }
#vowel-oh:checked ~ #onset-nt:checked ~ * em:before,
#vowel-oh:checked ~ #onset-nt:checked ~ * bdi>i:before{ content: "ônt"; }
#vowel-oh:checked ~ #onset-nts:checked ~ * em:before { content: "ônts"; }
#vowel-oh:checked ~ #onset-nts:checked ~ * bdi>i:before{ content: "ônŧ"; }
#vowel-oh:checked ~ #onset-mp:checked ~ * em:before { content: "ômp"; }
#vowel-oh:checked ~ #onset-mp:checked ~ * bdi>i:before{ content: "ônp"; }
#vowel-oh:checked ~ #onset-mps:checked ~ * em:before { content: "ômps"; }
#vowel-oh:checked ~ #onset-mps:checked ~ * bdi>i:before{ content: "ônƥ"; }
#vowel-oh:checked ~ #onset-nst:checked ~ * em:before { content: "ônst"; }
#vowel-oh:checked ~ #onset-nst:checked ~ * bdi>i:before{ content: "ônƾ"; }
#vowel-oh:checked ~ #onset-ns:checked ~ * em:before,
#vowel-oh:checked ~ #onset-ns:checked ~ * bdi>i:before{ content: "ôns"; }
#vowel-oh:checked ~ #onset-k:checked ~ * em:before,
#vowel-oh:checked ~ #onset-k:checked ~ * bdi>i:before{ content: "ônk"; }
#vowel-oh:checked ~ #onset-l:checked ~ * em:before,
#vowel-oh:checked ~ #onset-l:checked ~ * bdi>i:before{ content: "ôl"; }
#vowel-oh:checked ~ #onset-lt:checked ~ * em:before,
#vowel-oh:checked ~ #onset-lt:checked ~ * bdi>i:before{ content: "ôlt"; }
#vowel-oh:checked ~ #onset-lts:checked ~ * em:before { content: "ôlts"; }
#vowel-oh:checked ~ #onset-lts:checked ~ * bdi>i:before{ content: "ôlŧ"; }
#vowel-oh:checked ~ #onset-lp:checked ~ * em:before,
#vowel-oh:checked ~ #onset-lp:checked ~ * bdi>i:before{ content: "ôlp"; }
#vowel-oh:checked ~ #onset-lps:checked ~ * em:before { content: "ôlps"; }
#vowel-oh:checked ~ #onset-lps:checked ~ * bdi>i:before{ content: "ôlƥ"; }
#vowel-oh:checked ~ #onset-lst:checked ~ * em:before { content: "ôlst"; }
#vowel-oh:checked ~ #onset-lst:checked ~ * bdi>i:before{ content: "ôlƾ"; }
#vowel-oh:checked ~ #onset-sh:checked ~ * em:before { content: "ôsh"; }
#vowel-oh:checked ~ #onset-sh:checked ~ * bdi>i:before{ content: "ôʃ"; }
#vowel-oh:checked ~ #onset-f:checked ~ * em:before,
#vowel-oh:checked ~ #onset-f:checked ~ * bdi>i:before{ content: "ôf"; }
#vowel-eh:checked ~ #onset-t:checked ~ * em:before { content: "èt"; }
#vowel-eh:checked ~ #onset-t:checked ~ * bdi>i:before{ content: "êt"; }
#vowel-eh:checked ~ #onset-ts:checked ~ * em:before { content: "èts"; }
#vowel-eh:checked ~ #onset-ts:checked ~ * bdi>i:before{ content: "êŧ"; }
#vowel-eh:checked ~ #onset-p:checked ~ * em:before { content: "èp"; }
#vowel-eh:checked ~ #onset-p:checked ~ * bdi>i:before{ content: "êp"; }
#vowel-eh:checked ~ #onset-ps:checked ~ * em:before { content: "èps"; }
#vowel-eh:checked ~ #onset-ps:checked ~ * bdi>i:before{ content: "êƥ"; }
#vowel-eh:checked ~ #onset-st:checked ~ * em:before { content: "èst"; }
#vowel-eh:checked ~ #onset-st:checked ~ * bdi>i:before{ content: "êƾ"; }
#vowel-eh:checked ~ #onset-s:checked ~ * em:before { content: "ès"; }
#vowel-eh:checked ~ #onset-s:checked ~ * bdi>i:before{ content: "ês"; }
#vowel-eh:checked ~ #onset-g:checked ~ * em:before { content: "èk"; }
#vowel-eh:checked ~ #onset-g:checked ~ * bdi>i:before{ content: "êk"; }
#vowel-eh:checked ~ #onset-n:checked ~ * em:before { content: "èn"; }
#vowel-eh:checked ~ #onset-n:checked ~ * bdi>i:before{ content: "ên"; }
#vowel-eh:checked ~ #onset-nt:checked ~ * em:before { content: "ènt"; }
#vowel-eh:checked ~ #onset-nt:checked ~ * bdi>i:before{ content: "ênt"; }
#vowel-eh:checked ~ #onset-nts:checked ~ * em:before { content: "ènts"; }
#vowel-eh:checked ~ #onset-nts:checked ~ * bdi>i:before{ content: "ênŧ"; }
#vowel-eh:checked ~ #onset-mp:checked ~ * em:before { content: "èmp"; }
#vowel-eh:checked ~ #onset-mp:checked ~ * bdi>i:before{ content: "ênp"; }
#vowel-eh:checked ~ #onset-mps:checked ~ * em:before { content: "èmps"; }
#vowel-eh:checked ~ #onset-mps:checked ~ * bdi>i:before{ content: "ênƥ"; }
#vowel-eh:checked ~ #onset-nst:checked ~ * em:before { content: "ènst"; }
#vowel-eh:checked ~ #onset-nst:checked ~ * bdi>i:before{ content: "ênƾ"; }
#vowel-eh:checked ~ #onset-ns:checked ~ * em:before { content: "èns"; }
#vowel-eh:checked ~ #onset-ns:checked ~ * bdi>i:before{ content: "êns"; }
#vowel-eh:checked ~ #onset-k:checked ~ * em:before { content: "ènk"; }
#vowel-eh:checked ~ #onset-k:checked ~ * bdi>i:before{ content: "ênk"; }
#vowel-eh:checked ~ #onset-l:checked ~ * em:before { content: "el"; }
#vowel-eh:checked ~ #onset-l:checked ~ * bdi>i:before{ content: "êl"; }
#vowel-eh:checked ~ #onset-lt:checked ~ * em:before { content: "elt"; }
#vowel-eh:checked ~ #onset-lt:checked ~ * bdi>i:before{ content: "êlt"; }
#vowel-eh:checked ~ #onset-lts:checked ~ * em:before { content: "elts"; }
#vowel-eh:checked ~ #onset-lts:checked ~ * bdi>i:before{ content: "êlŧ"; }
#vowel-eh:checked ~ #onset-lp:checked ~ * em:before { content: "elp"; }
#vowel-eh:checked ~ #onset-lp:checked ~ * bdi>i:before{ content: "êlp"; }
#vowel-eh:checked ~ #onset-lps:checked ~ * em:before { content: "elps"; }
#vowel-eh:checked ~ #onset-lps:checked ~ * bdi>i:before{ content: "êlƥ"; }
#vowel-eh:checked ~ #onset-lst:checked ~ * em:before { content: "elst"; }
#vowel-eh:checked ~ #onset-lst:checked ~ * bdi>i:before{ content: "êlƾ"; }
#vowel-eh:checked ~ #onset-sh:checked ~ * em:before { content: "èsh"; }
#vowel-eh:checked ~ #onset-sh:checked ~ * bdi>i:before{ content: "êʃ"; }
#vowel-eh:checked ~ #onset-f:checked ~ * em:before { content: "èf"; }
#vowel-eh:checked ~ #onset-f:checked ~ * bdi>i:before{ content: "êf"; }
#vowel-u:checked ~ #onset-t:checked ~ * em:before { content: "út"; }
#vowel-u:checked ~ #onset-t:checked ~ * bdi>i:before{ content: "ut"; }
#vowel-u:checked ~ #onset-ts:checked ~ * em:before { content: "úts"; }
#vowel-u:checked ~ #onset-ts:checked ~ * bdi>i:before{ content: "uŧ"; }
#vowel-u:checked ~ #onset-p:checked ~ * em:before { content: "úp"; }
#vowel-u:checked ~ #onset-p:checked ~ * bdi>i:before{ content: "up"; }
#vowel-u:checked ~ #onset-ps:checked ~ * em:before { content: "úps"; }
#vowel-u:checked ~ #onset-ps:checked ~ * bdi>i:before{ content: "uƥ"; }
#vowel-u:checked ~ #onset-st:checked ~ * em:before { content: "úst"; }
#vowel-u:checked ~ #onset-st:checked ~ * bdi>i:before{ content: "uƾ"; }
#vowel-u:checked ~ #onset-s:checked ~ * em:before { content: "ús"; }
#vowel-u:checked ~ #onset-s:checked ~ * bdi>i:before{ content: "us"; }
#vowel-u:checked ~ #onset-g:checked ~ * em:before { content: "úk"; }
#vowel-u:checked ~ #onset-g:checked ~ * bdi>i:before{ content: "uk"; }
#vowel-u:checked ~ #onset-n:checked ~ * em:before { content: "ún"; }
#vowel-u:checked ~ #onset-n:checked ~ * bdi>i:before{ content: "un"; }
#vowel-u:checked ~ #onset-nt:checked ~ * em:before { content: "únt"; }
#vowel-u:checked ~ #onset-nt:checked ~ * bdi>i:before{ content: "unt"; }
#vowel-u:checked ~ #onset-nts:checked ~ * em:before { content: "únts"; }
#vowel-u:checked ~ #onset-nts:checked ~ * bdi>i:before{ content: "unŧ"; }
#vowel-u:checked ~ #onset-mp:checked ~ * em:before { content: "úmp"; }
#vowel-u:checked ~ #onset-mp:checked ~ * bdi>i:before{ content: "unp"; }
#vowel-u:checked ~ #onset-mps:checked ~ * em:before { content: "úmps"; }
#vowel-u:checked ~ #onset-mps:checked ~ * bdi>i:before{ content: "unƥ"; }
#vowel-u:checked ~ #onset-nst:checked ~ * em:before { content: "únst"; }
#vowel-u:checked ~ #onset-nst:checked ~ * bdi>i:before{ content: "unƾ"; }
#vowel-u:checked ~ #onset-ns:checked ~ * em:before { content: "úns"; }
#vowel-u:checked ~ #onset-ns:checked ~ * bdi>i:before{ content: "uns"; }
#vowel-u:checked ~ #onset-k:checked ~ * em:before { content: "únk"; }
#vowel-u:checked ~ #onset-k:checked ~ * bdi>i:before{ content: "unk"; }
#vowel-u:checked ~ #onset-l:checked ~ * em:before { content: "úl"; }
#vowel-u:checked ~ #onset-l:checked ~ * bdi>i:before{ content: "ul"; }
#vowel-u:checked ~ #onset-lt:checked ~ * em:before { content: "últ"; }
#vowel-u:checked ~ #onset-lt:checked ~ * bdi>i:before{ content: "ult"; }
#vowel-u:checked ~ #onset-lts:checked ~ * em:before { content: "últs"; }
#vowel-u:checked ~ #onset-lts:checked ~ * bdi>i:before{ content: "ulŧ"; }
#vowel-u:checked ~ #onset-lp:checked ~ * em:before { content: "úlp"; }
#vowel-u:checked ~ #onset-lp:checked ~ * bdi>i:before{ content: "ulp"; }
#vowel-u:checked ~ #onset-lps:checked ~ * em:before { content: "úlps"; }
#vowel-u:checked ~ #onset-lps:checked ~ * bdi>i:before{ content: "ulƥ"; }
#vowel-u:checked ~ #onset-lst:checked ~ * em:before { content: "úlst"; }
#vowel-u:checked ~ #onset-lst:checked ~ * bdi>i:before{ content: "ulƾ"; }
#vowel-u:checked ~ #onset-sh:checked ~ * em:before { content: "úsh"; }
#vowel-u:checked ~ #onset-sh:checked ~ * bdi>i:before{ content: "uʃ"; }
#vowel-u:checked ~ #onset-f:checked ~ * em:before { content: "úf"; }
#vowel-u:checked ~ #onset-f:checked ~ * bdi>i:before{ content: "uf"; }
#coda-t:checked ~ article>.demos>.demo em:after,
#coda-t:checked ~ article>.demos>.demo bdi:after{ content: "t"; }
#coda-ts:checked ~ article>.demos>.demo em:after{ content: "ts";}
#coda-ts:checked ~ article>.demos>.demo bdi:after{ content: "ŧ"; }
#coda-p:checked ~ article>.demos>.demo em:after,
#coda-p:checked ~ article>.demos>.demo bdi:after{ content: "p"; }
#coda-ps:checked ~ article>.demos>.demo em:after{ content: "ps"; }
#coda-ps:checked ~ article>.demos>.demo bdi:after{ content: "ƥ"; }
#coda-st:checked ~ article>.demos>.demo em:after{ content: "st"; }
#coda-st:checked ~ article>.demos>.demo bdi:after{ content: "ƾ"; }
#coda-s:checked ~ article>.demos>.demo em:after,
#coda-s:checked ~ article>.demos>.demo bdi:after{ content: "s"; }
#coda-g:checked ~ article>.demos>.demo em:after,
#coda-g:checked ~ article>.demos>.demo bdi:after{ content: "k"; }
#coda-n:checked ~ article>.demos>.demo em:after,
#coda-n:checked ~ article>.demos>.demo bdi:after{ content: "n"; }
#coda-nt:checked ~ article>.demos>.demo em:after,
#coda-nt:checked ~ article>.demos>.demo bdi:after{ content: "nt"; }
#coda-nts:checked ~ article>.demos>.demo em:after{ content: "nts"; }
#coda-nts:checked ~ article>.demos>.demo bdi:after{ content: "nŧ"; }
#coda-mp:checked ~ article>.demos>.demo em:after { content: "mp"; }
#coda-mp:checked ~ article>.demos>.demo bdi:after{ content: "np"; }
#coda-mps:checked ~ article>.demos>.demo em:after{ content: "mps"; }
#coda-mps:checked ~ article>.demos>.demo bdi:after{ content: "nƥ"; }
#coda-nst:checked ~ article>.demos>.demo em:after { content: "nst"; }
#coda-nst:checked ~ article>.demos>.demo bdi:after{ content: "nƾ"; }
#coda-ns:checked ~ article>.demos>.demo em:after,
#coda-ns:checked ~ article>.demos>.demo bdi:after{ content: "ns"; }
#coda-k:checked ~ article>.demos>.demo em:after,
#coda-k:checked ~ article>.demos>.demo bdi:after{ content: "nk"; }
#coda-l:checked ~ article>.demos>.demo em:after,
#coda-l:checked ~ article>.demos>.demo bdi:after{ content: "l"; }
#coda-lt:checked ~ article>.demos>.demo em:after,
#coda-lt:checked ~ article>.demos>.demo bdi:after{ content: "lt"; }
#coda-lts:checked ~ article>.demos>.demo em:after{ content: "lts"; }
#coda-lts:checked ~ article>.demos>.demo bdi:after{ content: "lŧ"; }
#coda-lp:checked ~ article>.demos>.demo em:after,
#coda-lp:checked ~ article>.demos>.demo bdi:after{ content: "lp"; }
#coda-lps:checked ~ article>.demos>.demo em:after{ content: "lps"; }
#coda-lps:checked ~ article>.demos>.demo bdi:after{ content: "lƥ"; }
#coda-lst:checked ~ article>.demos>.demo em:after{ content: "lst"; }
#coda-lst:checked ~ article>.demos>.demo bdi:after{ content: "lƾ"; }
#coda-sh:checked ~ article>.demos>.demo em:after{ content: "sh"; }
#coda-sh:checked ~ article>.demos>.demo bdi:after{ content: "ʃ"; }
#coda-f:checked ~ article>.demos>.demo em:after,
#coda-f:checked ~ article>.demos>.demo bdi:after{ content: "f"; }
#ji:checked ~ article>.demos>.demo:not(.ji) { display: none; }
#ji:not(:checked) ~ article>.demos>.demo.ji { display: none; }
#ue:checked ~ article>.demos>.demo:not(.ue) { display: none; }
#ue:not(:checked) ~ article>.demos>.demo.ue { display: none; }
#au:checked ~ article>.demos>.demo:not(.au) { display: none; }
#au:not(:checked) ~ article>.demos>.demo.au { display: none; }
#a:checked ~ article>.demos>.demo:not(.a) { display: none; }
#ar:checked ~ article>.demos>.demo:not(.ar) { display: none; }
#ra:checked ~ article>.demos>.demo:not(.ra) { display: none; }
#au:checked ~ * .arhide { display: none; }
#ar:checked ~ * .auhide { display: none; }
#ji:checked ~ * label[for="ji"] { text-decoration: underline; background-color: #39f; }
#ue:checked ~ * label[for="ue"] { text-decoration: underline; background-color: #39f; }
#au:checked ~ * .auhide>label[for="au"] { text-decoration: underline; background-color: #39f; }
#a:checked ~ * label[for="a"] { text-decoration: underline; background-color: orange; opacity: 1; }
#ar:checked ~ * .arhide>label[for="ar"] { text-decoration: underline; background-color: orange; opacity: 1; }
#ra:checked ~ * label[for="ra"] { text-decoration: underline; background-color: orange; opacity: 1; }
#vowel-none:checked ~ * label[for="vowel-none"] { text-decoration: underline; background-color: orange; opacity: 1; opacity: 1; }
#vowel-a:checked ~ * label[for="vowel-a"] { text-decoration: underline; background-color: orange; opacity: 1; }
#vowel-e:checked ~ * label[for="vowel-e"] { text-decoration: underline; background-color: orange; opacity: 1; }
#vowel-i:checked ~ * label[for="vowel-i"] { text-decoration: underline; background-color: orange; opacity: 1; }
#vowel-o:checked ~ * label[for="vowel-o"] { text-decoration: underline; background-color: orange; opacity: 1; }
#vowel-u:checked ~ * label[for="vowel-u"] { text-decoration: underline; background-color: orange; opacity: 1; }
#vowel-ah:checked ~ * label[for="vowel-ah"] { text-decoration: underline; background-color: orange; opacity: 1; }
#vowel-eh:checked ~ * label[for="vowel-eh"] { text-decoration: underline; background-color: orange; opacity: 1; }
#vowel-ih:checked ~ * label[for="vowel-ih"] { text-decoration: underline; background-color: orange; opacity: 1; }
#vowel-oh:checked ~ * label[for="vowel-oh"] { text-decoration: underline; background-color: orange; opacity: 1; }
#vowel-uh:checked ~ * label[for="vowel-uh"] { text-decoration: underline; background-color: orange; opacity: 1; }
bdi>i{font-style: normal;}
section.ji>bdi>i:after{ content: "\0303"; }
section.ue>bdi>i:after{ content: "\0304"; }
section.ji.ue>bdi>i:after{ content: "\030C"; }
section.ar>bdi>i:after{ content: "\0322"; }
section.ar.ji>bdi>i:after{ content: "\0322\0303"; }
section.ar.ue>bdi>i:after{ content: "\0322\0304"; }
section.ar.ji.ue>bdi>i:after{ content: "\0322\030C"; }
section.ra>bdi>i:after{ content: "\0328"; }
section.ra.ji>bdi>i:after{ content: "\0328\0303"; }
section.ra.ue>bdi>i:after{ content: "\0328\0304"; }
section.ra.ji.ue>bdi>i:after{ content: "\0328\030C"; }
section.au>bdi>i:after{ content: "\0321"; }
section.au.ji>bdi>i:after{ content: "\0321\0303"; }
section.au.ue>bdi>i:after{ content: "\0321\0304"; }
section.au.ji.ue>bdi>i:after{ content: "\0321\030C"; }
section.au.ra>bdi>i:after{ content: "\0327"; }
section.au.ra.ji>bdi>i:after{ content: "\0327\0303"; }
section.au.ra.ue>bdi>i:after{ content: "\0327\0304"; }
section.au.ra.ji.ue>bdi>i:after{ content: "\0327\030C"; }
#vowel-none:checked ~ * .difficult-onset{ display: none; }
#vowel-e:checked ~ * .difficult-el{ display: none; }
#onset-l:checked ~ * label[for="vowel-e"]{ display: none; }
#onset-lt:checked ~ * label[for="vowel-e"]{ display: none; }
#onset-lts:checked ~ * label[for="vowel-e"]{ display: none; }
#onset-lp:checked ~ * label[for="vowel-e"]{ display: none; }
#onset-lps:checked ~ * label[for="vowel-e"]{ display: none; }
#onset-lst:checked ~ * label[for="vowel-e"]{ display: none; }
#onset-nt:checked ~ * label[for="vowel-none"]{ display: none; }
#onset-nts:checked ~ * label[for="vowel-none"]{ display: none; }
#onset-mp:checked ~ * label[for="vowel-none"]{ display: none; }
#onset-mps:checked ~ * label[for="vowel-none"]{ display: none; }
#onset-nst:checked ~ * label[for="vowel-none"]{ display: none; }
#onset-ns:checked ~ * label[for="vowel-none"]{ display: none; }
#onset-lt:checked ~ * label[for="vowel-none"]{ display: none; }
#onset-lts:checked ~ * label[for="vowel-none"]{ display: none; }
#onset-lp:checked ~ * label[for="vowel-none"]{ display: none; }
#onset-lps:checked ~ * label[for="vowel-none"]{ display: none; }
#onset-lst:checked ~ * label[for="vowel-none"]{ display: none; }
#onset-sh:checked ~ * label[for="vowel-none"]{ display: none; }
#onset-k:checked ~ * label[for="vowel-none"]{ display: none; }
.tooltip{ display: none; position: absolute; margin-top: 2em; }
#ji:checked ~ * label[for="ji"]:hover ~ #ji-off{ display: initial;}
#ji:not(:checked) ~ * label[for="ji"]:hover ~ #ji-on{ display: initial;}
#ue:checked ~ * label[for="ue"]:hover ~ #ue-off{ display: initial;}
#ue:not(:checked) ~ * label[for="ue"]:hover ~ #ue-on{ display: initial;}
#au:checked ~ * .auhide:hover ~ #au-off{ display: initial;}
#au:not(:checked) ~ * .auhide:hover ~ #au-on{ display: initial;}
#a:not(:checked) ~ * label[for="a"]:hover ~ #a-on{ display: initial;}
#ra:not(:checked) ~ * label[for="ra"]:hover ~ #ra-on{ display: initial;}
#ar:not(:checked) ~ * .arhide:hover ~ #ar-on{ display: initial;}
</style>
</head>
<body>
<input type="checkbox" name="ji" id="ji">
<input type="checkbox" name="ue" id="ue">
<input type="checkbox" name="au" id="au">
<input type="radio" name="vowel" id="a" checked>
<input type="radio" name="vowel" id="ar">
<input type="radio" name="vowel" id="ra">
<input type="radio" name="onset-vowel" id="vowel-none" checked>
<input type="radio" name="onset-vowel" id="vowel-a">
<input type="radio" name="onset-vowel" id="vowel-e">
<input type="radio" name="onset-vowel" id="vowel-i">
<input type="radio" name="onset-vowel" id="vowel-o">
<input type="radio" name="onset-vowel" id="vowel-u">
<input type="radio" name="onset-vowel" id="vowel-ah">
<input type="radio" name="onset-vowel" id="vowel-eh">
<input type="radio" name="onset-vowel" id="vowel-ih">
<input type="radio" name="onset-vowel" id="vowel-oh">
<input type="radio" name="onset-vowel" id="vowel-uh">
<input type="radio" name="onset" id="onset-none" checked>
<input type="radio" name="onset" id="onset-t">
<input type="radio" name="onset" id="onset-ts">
<input type="radio" name="onset" id="onset-p">
<input type="radio" name="onset" id="onset-ps">
<input type="radio" name="onset" id="onset-st">
<input type="radio" name="onset" id="onset-s">
<input type="radio" name="onset" id="onset-g">
<input type="radio" name="onset" id="onset-n">
<input type="radio" name="onset" id="onset-nt">
<input type="radio" name="onset" id="onset-nts">
<input type="radio" name="onset" id="onset-mp">
<input type="radio" name="onset" id="onset-mps">
<input type="radio" name="onset" id="onset-nst">
<input type="radio" name="onset" id="onset-ns">
<input type="radio" name="onset" id="onset-k">
<input type="radio" name="onset" id="onset-l">
<input type="radio" name="onset" id="onset-lt">
<input type="radio" name="onset" id="onset-lts">
<input type="radio" name="onset" id="onset-lp">
<input type="radio" name="onset" id="onset-lps">
<input type="radio" name="onset" id="onset-lst">
<input type="radio" name="onset" id="onset-sh">
<input type="radio" name="onset" id="onset-f">
<input type="radio" name="coda" id="coda-none" checked>
<input type="radio" name="coda" id="coda-t">
<input type="radio" name="coda" id="coda-ts">
<input type="radio" name="coda" id="coda-p">
<input type="radio" name="coda" id="coda-ps">
<input type="radio" name="coda" id="coda-st">
<input type="radio" name="coda" id="coda-s">
<input type="radio" name="coda" id="coda-g">
<input type="radio" name="coda" id="coda-n">
<input type="radio" name="coda" id="coda-nt">
<input type="radio" name="coda" id="coda-nts">
<input type="radio" name="coda" id="coda-mp">
<input type="radio" name="coda" id="coda-mps">
<input type="radio" name="coda" id="coda-nst">
<input type="radio" name="coda" id="coda-ns">
<input type="radio" name="coda" id="coda-k">
<input type="radio" name="coda" id="coda-l">
<input type="radio" name="coda" id="coda-lt">
<input type="radio" name="coda" id="coda-lts">
<input type="radio" name="coda" id="coda-lp">
<input type="radio" name="coda" id="coda-lps">
<input type="radio" name="coda" id="coda-lst">
<input type="radio" name="coda" id="coda-sh">
<input type="radio" name="coda" id="coda-f">
<h1>My <small>(quite difficult)</small> little language</h1>
<article>
<h2>Onset</h2>
<h3>Vowel</h3>
<table>
<tr>
<th>Unstressed</th>
<td><label for="vowel-ah" class="tl">â-</label></td>
<td><label for="vowel-eh">è-</label></td>
<td><label for="vowel-ih">î-</label></td>
<td><label for="vowel-uh">u-</label></td>
<td><label for="vowel-oh" class="tr">ô-</label></td>
<td rowspan="2"><label for="vowel-none" class="tr br">--</label></td>
</tr>
<tr>
<th>Stressed</th>
<td><label for="vowel-a" class="bl">a-</label></td>
<td><label for="vowel-e">é-</label></td>
<td><label for="vowel-i">i-</label></td>
<td><label for="vowel-u">ú-</label></td>
<td><label for="vowel-o" class="br">o-</label></td>
</tr>
</table>
<h3>Consonant</h3>
<table>
<tr>
<th></th><th>-</th><th>K</th>
<th>T</th><th>Ts</th><th>P</th><th>Ps</th>
<th>St</th><th>S</th>
</tr>
<tr>
<th>-</th>
<td><label for="onset-none" class="tl">-</label></td>
<td><label for="onset-g">k-</label></td>
<td><label for="onset-t">t-</label></td>
<td><label for="onset-ts">ts-</label></td>
<td><label for="onset-p">p-</label></td>
<td><label for="onset-ps">ps-</label></td>
<td><label for="onset-st">st-</label></td>
<td><label for="onset-s" class="tr">s-</label></td>
</tr>
<tr>
<th>L</th>
<td><label for="onset-f">f-</label></td>
<td><label class="difficult-el" for="onset-l">l-</label></td>
<td class="difficult-onset"><label class="difficult-el" for="onset-lt">lt-</label></td>
<td class="difficult-onset"><label class="difficult-el" for="onset-lts">lts-</label></td>
<td class="difficult-onset"><label class="difficult-el" for="onset-lp">lp-</label></td>
<td class="difficult-onset"><label class="difficult-el" for="onset-lps">lps-</label></td>
<td class="difficult-onset"><label class="difficult-el" for="onset-lst">lst-</label></td>
<td class="difficult-onset"><label for="onset-sh">sh-</label></td>
</tr>
<tr>
<th>N</th>
<td><label for="onset-n" class="bl">n-</label></td>
<td class="difficult-onset"><label for="onset-k">nk-</label></td>
<td class="difficult-onset"><label for="onset-nt">nt-</label></td>
<td class="difficult-onset"><label for="onset-nts">nts-</label></td>
<td class="difficult-onset"><label for="onset-mp">mp-</label></td>
<td class="difficult-onset"><label for="onset-mps">mps-</label></td>
<td class="difficult-onset"><label for="onset-nst">nst-</label></td>
<td class="difficult-onset"><label class="br" for="onset-ns">ns-</label></td>
</tr>
</table>
</article>
<article id="vowels">
<h2>Vowel</h2>
<h4>Semivowels</h4>
<label for="ji" class="option">ji</label> +
<label for="ue" class="option">ue</label><span class="auhide"> +
<label for="au" class="option">au</label></span><br/>
<h4>Rhotics</h4>
<label for="a" class="tl bl">a</label> /
<label for="ra">ra</label><span class="arhide"> /
<label for="ar" class="tr br">ar</label></span><br/>
<small class="tooltip" id="ji-on">Make the consonant <q>soft</q>.</small>
<small class="tooltip" id="ji-off">Make the consonant <q>hard</q>.</small>
<small class="tooltip" id="ue-on">Add a wha before the vowel.</small>
<small class="tooltip" id="ue-off">Remove the wha before the vowel.</small>
<small class="tooltip" id="au-on">Add a wha after the vowel.</small>
<small class="tooltip" id="au-off">Remove the wha after the vowel.</small>
<small class="tooltip" id="ra-on">Put the rhotic before the vowel.</small>
<small class="tooltip" id="ar-on">Put the rhotic after the vowel.</small>
<small class="tooltip" id="a-on">Remove the rhotic.</small>
</article>
<article>
<h2>Coda</h2>
<table>
<tr>
<th></th><th>-</th>
<th>K</th><th>T</th><th>Ts</th><th>P</th><th>Ps</th>
<th>St</th><th>S</th>
</tr>
<tr>
<th>-</th>
<td><label for="coda-none" class="tl">-</label></td>
<td><label for="coda-g">-k</label></td>
<td><label for="coda-t">-t</label></td>
<td><label for="coda-ts">-ts</label></td>
<td><label for="coda-p">-p</label></td>
<td><label for="coda-ps">-ps</label></td>
<td><label for="coda-st">-st</label></td>
<td><label for="coda-s" class="tr">-s</label></td>
</tr>
<tr>
<th>L</th>
<td><label for="coda-f">-f</label></td>
<td><label for="coda-l">-l</label></td>
<td><label for="coda-lt">-lt</label></td>
<td><label for="coda-lts">-lts</label></td>
<td><label for="coda-lp">-lp</label></td>
<td><label for="coda-lps">-lps</label></td>
<td><label for="coda-lst">-lst</label></td>
<td><label for="coda-sh">-sh</label></td>
</tr>
<tr>
<th>N</th>
<td><label for="coda-n" class="bl">-n</label></td>
<td><label for="coda-k">-nk</label></td>
<td><label for="coda-nt">-nt</label></td>
<td><label for="coda-nts">-nts</label></td>
<td><label for="coda-mp">-mp</label></td>
<td><label for="coda-mps">-mps</label></td>
<td><label for="coda-nst">-nst</label></td>
<td><label for="coda-ns" class="br">-ns</label></td>
</tr>
</table>
</article>
<article id="words">
<h1>Words</h1>
<div class="demos">
<section class="demo a"> <bdi><i>a</i></bdi><em>a</em> /ɒ/</section>
<section class="demo a ji"> <bdi><i>a</i></bdi><em>ja</em> /jɒ/</section>
<section class="demo a ue"> <bdi><i>a</i></bdi><em>ua</em> /wɒ/</section>
<section class="demo a ji ue"> <bdi><i>a</i></bdi><em>jua</em> /jwɒ/</section>
<section class="demo ar"> <bdi><i>a</i></bdi><em>ar</em> /ɒ˞/</section>
<section class="demo ar ji"> <bdi><i>a</i></bdi><em>jar</em> /jɒ˞/</section>
<section class="demo ar ue"> <bdi><i>a</i></bdi><em>uar</em> /wɒ˞/</section>
<section class="demo ar ji ue"> <bdi><i>a</i></bdi><em>juar</em> /jwɒ˞/</section>
<section class="demo a au"> <bdi><i>a</i></bdi><em>au</em> /ɒ:u/</section>
<section class="demo a au ji"> <bdi><i>a</i></bdi><em>jau</em> /jɒ:u/</section>
<section class="demo a au ue"> <bdi><i>a</i></bdi><em>uau</em> /wɒ:u/</section>
<section class="demo a au ji ue"> <bdi><i>a</i></bdi><em>juau</em> /jwɒ:u/</section>
<section class="demo ra"> <bdi><i>a</i></bdi><em>ra</em> /rɒ/</section>
<section class="demo ra ji"> <bdi><i>a</i></bdi><em>rja</em> /rjɒ/</section>
<section class="demo ra ue"> <bdi><i>a</i></bdi><em>rua</em> /ruɒ/</section>
<section class="demo ra ji ue"> <bdi><i>a</i></bdi><em>rjua</em> /rjwɒ:/</section>
<section class="demo ra au"> <bdi><i>a</i></bdi><em>rau</em> /rɒ:u/</section>
<section class="demo ra au ji"> <bdi><i>a</i></bdi><em>rjau</em> /rjɒ:u/</section>
<section class="demo ra au ue"> <bdi><i>a</i></bdi><em>ruau</em> /rwɒ:u/</section>
<section class="demo ra au ji ue"> <bdi><i>a</i></bdi><em>rjuau</em> /rjwɒ:u/</section>
<section class="demo a"> <bdi><i>e</i></bdi><em>e</em> /ɜ/</section>
<section class="demo a ji"> <bdi><i>e</i></bdi><em>je</em> /jɜ/</section>
<section class="demo a ue"> <bdi><i>e</i></bdi><em>ue</em> /wɜ/</section>
<section class="demo a ji ue"> <bdi><i>e</i></bdi><em>jue</em> /jwɜ/</section>
<section class="demo ar"> <bdi><i>e</i></bdi><em>èr</em> /ɜ˞/</section>
<section class="demo ar ji"> <bdi><i>e</i></bdi><em>jèr</em> /jɜ˞/</section>
<section class="demo ar ue"> <bdi><i>e</i></bdi><em>uer</em> /wɜ˞/</section>
<section class="demo ar ji ue"> <bdi><i>e</i></bdi><em>juer</em> /jwɜ˞/</section>
<section class="demo a au"> <bdi><i>e</i></bdi><em>eu</em> /ɜ:u/</section>
<section class="demo a au ji"> <bdi><i>e</i></bdi><em>jeu</em> /jɜ:u/</section>
<section class="demo a au ue"> <bdi><i>e</i></bdi><em>ueu</em> /wɜ:u/</section>
<section class="demo a au ji ue"> <bdi><i>e</i></bdi><em>jueu</em> /jwɜ:u/</section>
<section class="demo ra"> <bdi><i>e</i></bdi><em></em> /rɜ/</section>
<section class="demo ra ji"> <bdi><i>e</i></bdi><em>rje</em> /rjɜ/</section>
<section class="demo ra ue"> <bdi><i>e</i></bdi><em>rue</em> /ruɜ/</section>
<section class="demo ra ji ue"> <bdi><i>e</i></bdi><em>rjue</em> /rjuɜ/</section>
<section class="demo ra au"> <bdi><i>e</i></bdi><em>reu</em> /rɜ:u/</section>
<section class="demo ra au ji"> <bdi><i>e</i></bdi><em>rjeu</em> /rjɜ:u/</section>
<section class="demo ra au ue"> <bdi><i>e</i></bdi><em>rueu</em> /rwɜ:u/</section>
<section class="demo ra au ji ue"> <bdi><i>e</i></bdi><em>rjueu</em> /rjwɜ:u/</section>
<section class="demo a"> <bdi><i>i</i></bdi><em>i</em> /ɪ/</section>
<section class="demo a ji"> <bdi><i>i</i></bdi><em>ji</em> /jɪ/</section>
<section class="demo a ue"> <bdi><i>i</i></bdi><em>wi</em> /wɪ/</section>
<section class="demo a ji ue"> <bdi><i>i</i></bdi><em>jwi</em> /jwɪ/</section>
<section class="demo ar"> <bdi><i>i</i></bdi><em>ir</em> /ɨ˞/</section>
<section class="demo ar ji"> <bdi><i>i</i></bdi><em>jir</em> /jɨ˞/</section>
<section class="demo ar ue"> <bdi><i>i</i></bdi><em>wir</em> /wɨ˞/</section>
<section class="demo ar ji ue"> <bdi><i>i</i></bdi><em>jwir</em> /jwɨ˞/</section>
<section class="demo a au"> <bdi><i>i</i></bdi><em>iw</em> /ɨw/</section>
<section class="demo a ji au"> <bdi><i>i</i></bdi><em>jiw</em> /jɨw/</section>
<section class="demo a au ue"> <bdi><i>i</i></bdi><em>uiw</em> /wɨw/</section>
<section class="demo a ji au ue"> <bdi><i>i</i></bdi><em>juiw</em> /jwɨ:u/</section>
<section class="demo ra"> <bdi><i>i</i></bdi><em>ri</em> /rɪ/</section>
<section class="demo ra ji"> <bdi><i>i</i></bdi><em>rji</em> /rjɨ/</section>
<section class="demo ra ue"> <bdi><i>i</i></bdi><em>rwi</em> /rwɪ/</section>
<section class="demo ra au"> <bdi><i>i</i></bdi><em>riw</em> /rɨw/</section>
<section class="demo ra au ue"> <bdi><i>i</i></bdi><em>ruiw</em> /rwɨw/</section>
<section class="demo ra ji au"> <bdi><i>i</i></bdi><em>rjiw</em> /rjɨw/</section>
<section class="demo ra ji ue"> <bdi><i>i</i></bdi><em>rjui</em> /rjwɨ/</section>
<section class="demo ra ji au ue"> <bdi><i>i</i></bdi><em>rjuiw</em> /rjwɨ:u/</section>
<section class="demo a"> <bdi><i>u</i></bdi><em>ú</em> /y/</section>
<section class="demo a ji"> <bdi><i>u</i></bdi><em></em> /jy/</section>
<section class="demo a ue"> <bdi><i>u</i></bdi><em></em> /wy/</section>
<section class="demo ar"> <bdi><i>u</i></bdi><em>ur</em> /y˞/</section>
<section class="demo ar ji"> <bdi><i>u</i></bdi><em>jur</em> /jyr/</section>
<section class="demo ra"> <bdi><i>u</i></bdi><em>ru</em> /ry/</section>
<section class="demo a"> <bdi><i>o</i></bdi><em>u</em> /ɵ/</section>
<section class="demo a ji"> <bdi><i>o</i></bdi><em>ju</em> /jɵ/</section>
<section class="demo a ue"> <bdi><i>o</i></bdi><em>wu</em> /wɵ/</section>
<section class="demo ar"> <bdi><i>o</i></bdi><em>er</em> /ɵ˞/</section>
<section class="demo ar ji"> <bdi><i>o</i></bdi><em>jer</em> /jɵ˞/</section>
<section class="demo ra"> <bdi><i>o</i></bdi><em>re</em> /rɵ/</section>
<small>Don't claim as your own :-) but mostly have fun with it!</small>
</div>
</article>
<article>
<h4>A small explanation is perhaps due.</h4>
<p>This started with me experimenting with words. Words are funky things, and prononciation doubly so; so how far could we push it?</p>
<p>First of all, consonants. <strong>T</strong>, <strong>P</strong>, <strong>S</strong>, <strong>N</strong>, <strong>K</strong>, <strong>L</strong>, and <strong>F</strong> are the main one I choose.</p>
<p>However slavic languages inspired me to make <q>hard</q> and <q>soft</q> variants of these, so <strong>Ket</strong> and <strong>Kjet</strong>. Over there the determinant of whether a consonant is soft or hard is on the vowel, so of course I did the same. Of course, I also stole the idea of thinking about <strong>PS</strong> (ƥ), <strong>TS</strong> (ŧ), and <strong>ST</strong> (ƾ) as their own consonants. These signs I picked because they look pretty.</p>
<p>What more can we put on the consonant? Make them a little more nasal by prepending a <strong>N-</strong> to them, or make them flow by adding a <strong>L-</strong>. Now our consonants have some power to form complex words that are still <small>(vaguely)</small> pronouncable!</p>
<p>What else can we put on the vowel? Ah, rhotics. I am kinda from a part of the world where these even get their own IPA sign <small>(something something lowering of the third formant mid-vowel)</small> so of course I had to abuse it. In front and behind the vowel, including on the afformentioned <strong>YA</strong>, <strong>YE</strong> and <strong>YI</strong>'s from slavic.</p>
<p>Inspired by the other side of the world, you can also put <strong>WHUA</strong>'s on your vowels. In front, behind, or both.</p>
<p>Are you still following me? Good, cause I am not :-D.</p>
<p>I made two scripts for this little conlang-ish prononciation guide; one <q>traditional</q> and one <q>modern</q>. Well ok they claim to be :-D</p>
<p>I also added an attempt at IPA, but I don't claim it to be exact. Pronounce it well back in the throat, else you <strong>*will*</strong> die.</p>
<h4>Worldbuilding time</h4>
<p>The traditional one <small>I imagine</small> started as a <q>vowel-consonant-vowel-consonant</q> kind of affair, not being very precise on the pronounciation on the vowels especially. But the language required this precision, perhaps to encode aspects or tense<sup>(?)</sup> or something. </p>
<p>Much error was made! So the monks started to put little extra's on the letters; little tails to indicate the rhotics, and little diacritics to indicate the semivowels. It was kind of a hodgepot affair; but they didn't have to reformat their poetic books <sup>and</sup>/<sub>or</sub> alter their local word of God.</p>
<p>But it was quite clumsy, albeit compact. So to modernise their country for the newfangled computer <small>(a locally-made homecomputer in a shed supported this format, but that was not the case of all those foreign-imported computers of course)</small> the gouvernement set out to modernise the language; and in the process come up with a much simpler and clean script.</p>
<p>Reaction was mixed. On the one end it made it easier for foreigners to read local signs <small>(let that due to slim city budgets be the last thing to be replaced, btw)</small>. On the other hand there were complaints that the spelling was unpredictable, the words too long <small>(<strong>Ampsrjuaumps</strong>, anyone?)</small>, and it was seen as a modernism and a foreign influence to some. Massive sums spend that could better have been focussed on repairing the unusuable roads and the shitty sheds people lived in.</p>
<p>But they coexist, people use both <small>(<i>traditional</i> often for names including product names, with in small <i>modern</i> the ingredients written on them)</small>, and after all both were imported at some point. It's not easy being a small shitty country with an overly complex language!</p>
<h4>Extensions</h4>
Say you want to write longer words <small>(for some stupid reason. I quite see people chaining words together a-la german tho, abuse that language!)</small>. </p>
<p>I would say put the onset on void (check off <label class="tl bl" for="vowel-none">here</label> and <label class="tr br" for="onset-none">here</label> you lazy bitch) and then glue that to the previous word you made. This would probably allow you all the complex vowel structures you'd ever want; if not you go invent your own language I'm not stopping you it's a fun hobby!</p>
<small>09/2023 Miifox</small>
</article>
</body>
</html>