:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000;background-color:#dcdcdc;font-family:Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0 auto;max-width:430px;overflow:hidden}select,button,textarea,input[type=text]{color:#000;padding:10px 15px;font-size:24px;border-radius:5px;border:1px solid #ccc;height:60px;display:flex;align-items:center;justify-content:center;background-color:#f8f8f8}input[type=text]{padding:0 15px;height:58px}label{color:#000;padding:10px 15px;font-size:24px;border-radius:5px;height:60px;display:flex;align-items:center}.root-container{display:flex;flex-direction:column;gap:15px;height:100vh;padding:15px}.root-container>div{flex-grow:0}ruby+ruby{margin-left:5px}ruby rt{font-family:Brush Script MT,KaiTi,SimKai,Yu Mincho,serif}.card-container{display:flex;justify-content:center;margin-top:15px;gap:5px}.card-container>button{border:0;font-weight:700;background:#fff0;width:30px;text-align:center;font-size:1.5em;height:100%}.flashcard{width:80vw;height:60vw;max-height:320px;position:relative;perspective:1000px;transform-style:preserve-3d;transition:transform .2s;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0003}.flashcard.flipped{transform:rotateX(180deg)}.front,.back{position:absolute;width:100%;height:100%;display:flex;justify-content:center;font-size:2.2em;backface-visibility:hidden;color:#000;align-content:center;flex-direction:column;align-items:center}.front{font-weight:700}.back{font-weight:700;transform:rotateX(180deg)}.front>div,.back>div{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-end;align-content:flex-end}.back .exp{font-size:.8em}.flashcard .sticker{position:absolute;top:5px;left:5px;width:0;height:0;border-top:50px solid transparent;border-right:50px solid transparent;z-index:1}.flashcard .sticker.yellow{border-top-color:orange}.flashcard .sticker.red{border-top-color:#ff4500}.card-container .no-rt rt{display:none}.card-manager{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;gap:5px}.card-manager>div,.card-manager>select,.card-manager>button,.card-manager>input[type=text]{flex-grow:0;min-width:0}.expand{flex-grow:1}.card-manager button{font-weight:700;cursor:pointer;transition:all .3s ease}.card-manager button.selected{background-color:#919191}.card-manager button.yellow{background:linear-gradient(135deg,orange,#ff8c00)}.card-manager button.red{background:linear-gradient(135deg,#ff4500,tomato)}.card-manager button:hover{box-shadow:0 6px 10px rgba(0,0s,0,.3)}.card-manager button:active{box-shadow:0 4px 6px #0000001a}.card-manager .search-selector{width:100%}.card-foot{display:flex;align-items:center;gap:10px;padding:15px;font-size:14px;font-weight:300;color:#666;transition:transform .2s;opacity:0}.card-foot:hover{opacity:1}.tool-container{display:flex;flex-direction:column;gap:5px;height:100vh;padding:15px}textarea{height:30vh}.tool-manager{display:flex;align-items:center;gap:5px}.tool-manager button,.tool-manager label{font-size:18px}.note-container{display:flex;flex-direction:column;gap:5px;height:100vh;padding:15px;overflow:scroll}.note-container .displayer{white-space:pre-line}.displayer{font-size:16px;color:#2d2d2d;background-color:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 10px #0000000d;font-family:Segoe UI,Helvetica,Arial,sans-serif}.displayer h1{font-size:2em;margin-top:1em;border-bottom:2px solid #ddd;padding-bottom:.3em}.displayer h2{font-size:1.5em;margin-top:1em;border-bottom:1px solid #eee;padding-bottom:.3em}.displayer h3{font-size:1.2em;margin-top:1em}.displayer p{margin:1em 0}.displayer ul,.displayer ol{padding-left:2em}.displayer li{margin-bottom:.3em}.displayer table{width:100%;border-collapse:collapse;margin:1em 0}.displayer th,.displayer td{border:1px solid #ddd;padding:.75em;text-align:center}.displayer th{background-color:#f6f8fa}.displayer blockquote{border-left:4px solid #ccc;padding-left:1em;color:#666;margin:1em 0;background-color:#f9f9f9}.displayer code{background-color:#f4f4f4;padding:.2em .4em;border-radius:4px;font-family:Courier New,monospace;font-size:.95em}.displayer pre{background-color:#1e1e1e;color:#f8f8f2;padding:1em;border-radius:8px;overflow-x:auto;margin-top:1em}.displayer pre code{background:none;color:inherit}.displayer a{color:#0070f3;text-decoration:none}.displayer a:hover{text-decoration:underline}.displayer del{text-decoration:inherit}