.video_card_container{display:flex;flex-direction:row;padding:12px;padding-bottom:6px;background-color:#fcec6027;border:2px solid #fcec60;border-radius:6px;cursor:pointer;user-select:none;margin:8px 0px;align-items:center;transition:all .3s}.video_card_container:hover{border-width:6px}.video_card_container>img{margin-bottom:12px}.video_card_container>.rightPart{display:flex;flex-direction:column;margin-left:12px}.video_card_container>.rightPart>.title{font-size:18px;font-family:"Smiley Sans Oblique";margin-bottom:6px}.video_card_container>.rightPart>.desc{text-indent:20px;font-size:12px}.video_card_container>.rightPart>.iframeBottom{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin-top:6px;color:#c9ad21}.video_card_container>.rightPart>.iframeBottom svg,.video_card_container>.rightPart>.iframeBottom .label{cursor:pointer}.video_card_container>.rightPart>.iframeBottom .label{margin-left:2px;font-size:12px}a:visited{color:#837123}html,body{margin:0;font-family:Arial}p{text-indent:28px;line-height:1.6}table{border-collapse:collapse;width:100%}.clickable{cursor:pointer;user-select:none}td,th{border:1px solid #dddddd;text-align:center;padding:8px}tr:nth-child(even){background-color:#ffeb3b3f}form{display:grid;place-content:center}form label{display:flex;flex-direction:row;align-items:center;padding:6px;font-family:IPA;font-size:16px}form label:hover{background-color:#d3d3d345;border-radius:4px}input[type="radio"]{-webkit-appearance:none;appearance:none;background-color:white;margin:0;margin-right:8px;margin-left:4px;font:inherit;color:currentColor;width:1.15em;height:1.15em;border:.15em solid currentColor;border-radius:50%;transform:translateY(-0.075em);display:grid;place-content:center}input[type="radio"]::before{content:"";width:.65em;height:.65em;border-radius:50%;transform:scale(0);transition:120ms transform ease-in-out;box-shadow:inset 1em 1em black}input[type="radio"]:checked::before{transform:scale(1)}._iconAudio{border-radius:4px;cursor:pointer}._iconAudio:hover{background-color:#d3d3d345}.highlighted,h3{display:inline;font-weight:unset;font-size:20px;font-family:"Smiley Sans Oblique";box-shadow:inset 0 -9px 0 0 #fff200;color:unset;text-decoration:none}#confettiLayer{height:100vh;width:100vw;position:fixed;top:0px;left:0px;transform-style:preserve-3d;overflow:hidden;pointer-events:none}.glitter{position:absolute;height:10px;width:10px;background-color:red}.hidden{display:none}.biliUPCard{padding:18px;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:#ffeb3b1a;border-radius:8px}.biliUPCard img{border-radius:50%;border:4px solid #fcec60;width:64px;margin-right:10px;user-select:none;cursor:pointer}.biliUPCard .biliInfo .biliName{font-size:17px;font-weight:bold;margin-bottom:4px;cursor:pointer}.biliUPCard .biliInfo .biliUPDesc{font-size:14px;user-select:none}.biliUPCard .followButton{text-align:center;cursor:pointer;width:70px}.SSQ{display:flex;flex-direction:column;padding:10px}.SSQ .title{margin-bottom:4px}.SSQ .title .titleLabel{display:inline-flex;flex-direction:row;align-items:center}.SSQ .title .titleLabel .iconAudio{cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:4px}.SSQ .title .titleLabel .iconAudio:hover{background-color:#d3d3d345;border-radius:4px}.SSQ .interactions{user-select:none;display:flex;flex-direction:row;justify-content:space-between;align-items:center;min-height:52px}.SSQ .interactions .result .plainText.onCorrect{font-weight:bold;color:#00c600;text-shadow:0 0 3px #e8ff00b0}.SSQ .interactions .result .plainText.onFail{color:#e0673d}.SSQ .interactions .result .plainText.onLoading{color:#4894ef;font-weight:bold}.SSQ .interactions .answerSubmitButton{min-width:80px;text-align:center;cursor:pointer;padding:5px 0px;border:solid 1px black;border-radius:6px}.disable{opacity:.5;cursor:default}.iframeBottom{user-select:none}@media only screen and (min-width:320px) and (max-width:480px){.dictBox{margin-right:32px}}.dictBox{display:flex;flex-direction:column;border:1px solid lightgrey}.dictBox iframe{border:none}.dictBox .iframeBottom{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;padding:2px 4px;border-top:1px solid lightgray;color:#c9ad21}.dictBox .iframeBottom svg,.dictBox .iframeBottom .label{cursor:pointer}.dictBox .iframeBottom .label{margin-left:2px;font-size:12px}.audioBubble{display:inline-flex;flex-direction:row;align-items:center;user-select:none;font-family:IPA}.audioBubble .clickHint{color:gray;font-size:12px;margin-left:8px;font-family:Arial}.audioBubble .avatar{font-size:28px;margin-right:12px}.audioBubble .message{padding:10px 15px;margin:5px 0;border-radius:10px;position:relative;font-size:14px;display:inline-flex;flex-direction:row;align-items:center;cursor:pointer}.audioBubble .message.received{background-color:#9eea6a;align-self:flex-start}.audioBubble .message.received::before{content:"";position:absolute;top:10px;left:-8px;border-width:10px 10px 10px 0;border-style:solid;border-color:transparent #9eea6a transparent transparent}mark{background-color:unset;text-decoration:underline}#app{background:linear-gradient(to right, #cccccc33 1px, transparent 1px),linear-gradient(to bottom, #cccccc33 1px, transparent 1px);background-repeat:repeat;background-size:10px 10px}#app .container{margin:0 auto;max-width:500px;background:white;min-height:calc(100vh - 38px);display:flex;flex-direction:column;box-shadow:inset 0 0 0 6px #ffeb3b;padding:6px 24px;padding-bottom:32px}#app .container>.logoPart{user-select:none;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center;height:150px}#app .container>.logoPart img,#app .container>.logoPart>svg{width:100px;pointer-events:none;user-select:none;margin-left:20px;margin-right:8px}#app .container>.logoPart>.rightPart{display:flex;flex-direction:column}#app .container>.logoPart>.rightPart>.siteTitle{font-family:"Smiley Sans Oblique";font-size:32px;margin-right:14px}#app .container>.logoPart>.rightPart>.url{font-size:16px;font-family:serif;margin-left:4px;margin-top:2px}#app .container .navBar{user-select:none;font-family:"Smiley Sans Oblique";font-size:20px;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:25px}#app .container .navBar a{text-decoration:none;color:black;margin:0px 12px;background-color:#ffeb3b35;padding:4px 10px;border-radius:4px}#app .container .navBar .active{background-color:#ffeb3b}#app .container .main .videoCard{font-family:Arial;margin:0 auto;margin-bottom:32px;max-width:320px;display:flex;flex-direction:column;border:2px solid #ffeb3b;background-color:#ffeb3b94}#app .container .main .videoCard img{cursor:pointer}#app .container .main .videoCard>.label{margin:0px 12px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#app .container .main .videoCard>.label .iframeBottom{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-end;padding:2px 4px;color:#7d6800}#app .container .main .videoCard>.label .iframeBottom svg,#app .container .main .videoCard>.label .iframeBottom .label{cursor:pointer}#app .container .main .videoCard>.label .iframeBottom .label{margin-left:2px;font-size:12px}#app .container .main .h2{position:relative;font-family:"Smiley Sans Oblique";font-size:24px;margin-left:14px;margin-top:10px;margin-bottom:16px}#app .container .main .h2>.label{position:relative;z-index:20}#app .container .main .h2>img{user-select:none;position:absolute;left:0;top:8px;width:60px;z-index:10}