html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.app-container{max-width:600px;margin:40px auto 0;padding:20px}.card-container{perspective:1000px;height:300px;margin-bottom:20px}.navigation-controls{display:flex;justify-content:space-between;align-items:center}.nav-button{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.nav-button:disabled{background-color:#6c757d;cursor:not-allowed}.counter{font-size:1rem;color:#333}.no-cards{text-align:center;font-size:1.2rem;color:#666;margin-top:40px}.deck-selector{position:absolute;top:12px;right:12px}.deck-selector select{padding:4px 8px;font-size:14px}.flashcard{position:relative;width:100%;height:100%;transform-style:preserve-3d;cursor:pointer}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#000;font-size:1.2rem;background-color:#e6f7ff80}.flashcard-back{background-color:#b3e0ff6e;transform:rotateY(180deg);display:flex;flex-direction:column;gap:10px}.color-red{background-color:red}.color-blue{background-color:#00f}.color-yellow{background-color:#ffe066}.color-green{background-color:#66d18f}.color-purple{background-color:#c69cff}.color-pink{background-color:#ff99c8}.color-orange{background-color:#ffb366}.color-white{background-color:#fff}.color-black{background-color:#000;color:#fff}.color-gray{background-color:#bfbfbf}.color-brown{background-color:#b07d62}.color-swatch{width:20%;aspect-ratio:1;border-radius:50%;margin:0 auto;opacity:.7}.card-text{margin-top:8px;line-height:1.5}.card-text:first-child{margin-top:0}.card-text--hiragana{font-size:1.4rem}.card-text--romaji{font-size:1.3rem;color:#333}.card-text--english{font-size:1.3rem}.card-text--notes{font-size:1rem;color:#666;font-style:italic;margin-top:12px}