.modes input[type=radio]{display:none}.modes input[type=radio]+label{display:inline-block;font-size:1.1rem;transition:all .25s ease;padding:2px 10px;cursor:pointer;color:#fff;text-align:center}.modes input[type=radio]:not(checked)+label{border:1px solid silver;background:silver}@media(prefers-color-scheme:dark){.modes input[type=radio]:not(checked)+label{border:1px solid #606060;background:#606060}}.modes input[type=radio]:checked+label{background:#7084ff}.modes input[type=radio]+label:hover{border:1px solid #4c9cf1;background:#324fff;box-shadow:0 0 10px #6666ba}#convert{font-size:1.1rem;margin:10px 0;padding:8px 20px;width:100%;display:block;box-sizing:border-box}@media(max-width:479px){.modes input[type=radio]+label{width:100%;display:block;margin:1px 0;box-sizing:border-box}}#transcript{padding-bottom:5rem}#input{margin-bottom:1.25rem}#han_input{width:100%;box-sizing:border-box;display:block;white-space:normal}.options-area{margin-top:.3rem}#message{display:none;color:green}#output{display:none}.output-layout.double-column{display:flex;flex-direction:row}.output-layout.double-column .output-section{flex:1 0 auto;width:50%;height:100%}.output-layout.double-column .output-section .output-block.output-latin{line-height:145%}#output h3{font-weight:700}.output-block{width:100%;margin-bottom:1.25rem;border-left:1px solid #aaa;padding-left:5px;box-sizing:border-box;white-space:pre-wrap}.output-block>i{font-style:normal;cursor:pointer}.output-block>i.i0{color:green}.dark .output-block>i.i0{color:#afffaf}.output-block>i.i2{color:red}.dark .output-block>i.i2{color:#ff6161}.output-block>i.ok{color:#00f}.dark .output-block>i.ok{color:#8484ff}.output-block>i.hover{color:#007cff!important;text-decoration:underline}.dark .output-block>i.hover{color:#5eacff!important}.output-block.han{line-height:1.2}.output-block.han>i{display:inline-block;font-size:140%}.transcript-tip{font-size:.8rem;white-space:normal}.trans-mul-sel{padding:0 0 5px 0;margin:0;text-align:left;font-size:120%}.trans-mul-sel.han{font-size:170%}.trans-mul-sel i{display:inline-block;color:#fff;font-style:normal;padding:3px 4px;margin:1px;cursor:pointer}.trans-mul-sel i:hover{color:#ff0}.trans-mul-sel i.active{background-color:#666}.transcript-tip{text-align:right;padding:3px 0}.transcript-tip button,.transcript-tip input,.transcript-tip input:focus{font-weight:400;border:1px solid #fff;box-shadow:none}.transcript-tip button{background:0 0}.transcript-tip button:hover{border:1px solid #ff0;color:#ff0}.transcript-tip button.active{border:1px solid #ff0;color:#ff0}.transcript-tip button.used{border:1px solid #777;color:#777}.trans-custom-word{text-align:center}.trans-edit{display:none;position:relative;margin-bottom:2px}.trans-edit input{width:100%;max-width:15rem;height:1.4rem;padding-right:40px;box-sizing:border-box}.trans-edit-cancel,.trans-edit-ok{position:absolute;top:2px;width:18px;height:calc(100% - 4px);background-color:#aaa!important;padding:2px;font-size:.6rem}.trans-edit-ok{right:21px;color:#0f0!important}.trans-edit-cancel{right:2px;color:red!important}