:root{--color-primary: #20304F;--color-secondary: #EAECED;--color-tertiary: #C89E85;--color-accent: #FFB361;--color-warning: #DB5B72;--color-success: #515BB1;--color-background: #F6F6F6;--color-surface: #FFFFFF;--color-text: #000000;--color-text-muted: #BCBEC2;--shadow-surface: 0 5px 5px 5px #0000001A;--shadow-button: 4px 4px 4px #0000001A;--shadow-button-accent: 0 5px 5px 5px var(--color-accent);--shadow-button-success: 0 5px 5px 5px var(--color-success);--toast-gap: 12px;--toast-radius: 12px;--toast-shadow: 0 8px 24px rgba(0,0,0,.15);--toast-bg: var(--color-primary);--toast-fg: var(--color-secondary);--toast-success: var(--color-success);--toast-error: var(--color-warning);--toast-info: var(--color-accent)}*{-webkit-tap-highlight-color:transparent;outline:none;user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-webkit-touch-callout:none;-moz-user-select:none;-ms-user-select:none;margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{display:flex;flex-direction:column;font-family:Arial,sans-serif;line-height:1.6;margin:0;padding:0;color:var(--color-primary);background-color:var(--color-background)}#root{margin:0 auto;padding:0;text-align:start;width:100%;height:100%}input,textarea{user-select:auto;-webkit-user-drag:auto;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto}a{text-decoration:none;color:var(--color-tertiary)}a:hover{text-decoration:underline}*::-webkit-scrollbar{width:6px}*::-webkit-scrollbar-thumb{background-color:var(--color-text-muted);border-radius:20px}*::-webkit-scrollbar-track{background-color:var(--color-secondary);border-radius:20px}*::-webkit-scrollbar-thumb:hover{background-color:var(--color-accent);cursor:pointer}header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background-color:var(--color-primary);color:var(--color-background);box-shadow:var(--shadow-surface)}header .logo{display:flex;align-items:center}header .logo img{margin-right:10px;height:50px}header nav ul{list-style:none;display:flex;gap:20px;margin:0;padding:0}header nav ul li{display:inline}header nav ul li a{color:var(--color-background);text-decoration:none;font-weight:700}header nav ul li a:hover{text-decoration:underline}main{padding:40px;max-width:1200px;width:100%;margin:0 auto}address{margin-top:20px;font-style:normal;line-height:1.6;color:var(--color-tertiary)}address a{color:var(--color-tertiary);text-decoration:none}address a:hover{text-decoration:underline}@media(min-width:768px){.view{margin:0 60px;padding:20px 10px 20px 0;overflow-y:auto;display:flex;height:90dvh}.view.row{flex-direction:row}.view.column{flex-direction:column}.top-view{display:flex;height:10dvh;justify-content:space-between;align-items:center;margin:0 60px}}@media(max-width:767px){.view{padding:20px;height:76dvh;overflow-y:auto;display:flex;flex-direction:column;margin-right:10px}.top-view{display:flex;height:10dvh;justify-content:space-between;align-items:center;margin:0 20px}}.loading-wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-background)}.loading-text{font-size:1.2rem;font-weight:600;color:var(--color-primary);margin-bottom:20px;text-align:center}.progress-bar-container{width:80%;max-width:400px;height:12px;background-color:var(--color-secondary);border-radius:10px;overflow:hidden}.progress-fill{width:100%;height:100%;background-color:var(--color-accent);border-radius:10px;transform-origin:left;transition:transform .4s ease-in-out}.overlay{position:fixed;display:flex;top:0;left:0;width:100vw;height:100dvh;background:#00000080;justify-content:center;align-items:center;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease,visibility 0s .3s}.overlay.show{visibility:visible;opacity:1;transition:opacity .3s ease;pointer-events:auto}.popup-content,.option-content{background:var(--color-surface);transform:translateY(-30px);opacity:0;transition:transform .3s ease,opacity .3s ease;position:relative;display:flex;flex-direction:column;padding:2rem;border-radius:1rem;box-shadow:0 10px 30px #0000004d}.overlay.show .popup-content,.overlay.show .option-content{transform:translateY(0);opacity:1}@media(min-width:768px){.popup-content,.option-content{width:40%;max-width:70%}}@media(max-width:767px){.popup-content,.option-content{width:75%;max-width:70%}}.popup-content .title{color:var(--color-text);font-size:20px}.popup-content .title.bold{font-weight:700}.popup-content .subtitle{color:var(--color-success);font-size:14px;font-style:normal}.popup-content .description{color:var(--color-warning);font-size:10px}.popup-content .input{margin-top:10px;margin-bottom:20px;font-size:16px;border:none;border-bottom:2px solid var(--color-text-muted);background-color:transparent;color:var(--color-text);outline:none;transition:border-color .2s;box-sizing:border-box}.popup-content .input::placeholder{color:#bcbec2cc}.popup-content button{margin-top:1rem;width:100%;height:100%;font-size:1rem;border:none;background-color:var(--color-primary);color:var(--color-secondary);border-radius:.5rem;cursor:pointer}.popup-content .sub{display:flex;flex-direction:column;width:100%}.popup-content .sub .option{display:flex;flex-direction:row;gap:15px}.popup-content .sub .option h2{font-size:15px;color:var(--color-primary)}.popup-content .sub .option img{width:18px;height:18px;content:url(/images/wordmon/check_enabled.svg)}.popup-content .sub .option img.disabled{content:url(/images/wordmon/check_disabled.svg)}.popup-content .sub input{margin:20px 0}.popup-buttons{display:flex;justify-content:space-between;height:40px}.popup-buttons button{margin-top:1rem;width:100%;height:100%;font-size:1rem;border:none;border-radius:.5rem;cursor:pointer}.popup-buttons .add-button{background-color:var(--color-primary);color:var(--color-secondary)}.popup-buttons .cancel-button{background-color:var(--color-secondary);color:var(--color-primary)}.popup-buttons .print-button{background-color:var(--color-secondary);color:var(--color-text);cursor:not-allowed}.popup-buttons .print-button.positive{background-color:var(--color-success);color:var(--color-surface);cursor:pointer}.option-content .title{text-align:center;color:var(--color-text);margin-bottom:30px}.option-content .cancel-button,.popup-content>.cancel-button{position:absolute;top:10px;right:10px;width:30px;height:30px;cursor:pointer}.option-content .list{margin-left:10px;margin-right:10px;display:flex;gap:10px;flex-direction:column}.option-content .list>div{border-radius:20px;height:60px;display:flex;position:relative;align-items:center;justify-content:center;cursor:pointer}.option-content .list .primary{background:var(--color-primary)}.option-content .list .primary h2{color:var(--color-secondary);margin:0}.option-content .list .secondary{background:var(--color-secondary)}.option-content .list .secondary h2{color:var(--color-primary);margin:0}.option-content .list .positive{background:var(--color-success)}.option-content .list .positive h2{color:var(--color-surface);margin:0}.option-content .list .negative{background:var(--color-warning)}.option-content .list .negative h2{color:var(--color-surface);margin:0}input[type=range]{width:100%;height:6px;appearance:none;border-radius:3px;background:linear-gradient(var(--color-primary),var(--color-primary)) no-repeat,var(--color-secondary);background-size:50% 100%}input[type=range]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:var(--color-primary);border-radius:50%;cursor:pointer;border:none}.popup-content .sub #select-range-seekbar-indicator{display:flex;flex-direction:row;justify-content:space-between}.popup-content .sub #select-range-seekbar-indicator h2{margin:5px 0;font-size:15px;color:var(--color-text-muted)}.toast-container{position:fixed;z-index:9999;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.toast-container.top-right{top:16px;right:16px}.toast-container.top-left{top:16px;left:16px}.toast-container.bottom-right{bottom:16px;right:16px}.toast-container.bottom-left{bottom:16px;left:16px}.toast{display:grid;grid-auto-flow:column;align-items:center;gap:10px;max-width:min(92vw,380px);margin-top:var(--toast-gap);background:var(--toast-bg);color:var(--toast-fg);border-radius:var(--toast-radius);box-shadow:var(--toast-shadow);padding:12px 14px;pointer-events:auto;font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;opacity:0;transform:translateY(-8px);animation:toast-in .18s ease-out forwards}.toast+.toast{margin-top:var(--toast-gap)}.toast[data-type=success]{border-left:4px solid var(--toast-success)}.toast[data-type=error]{border-left:4px solid var(--toast-error)}.toast[data-type=info]{border-left:4px solid var(--toast-info)}.toast__badge{width:8px;height:8px;border-radius:9999px}.toast[data-type=success] .toast__badge{background:var(--toast-success)}.toast[data-type=error] .toast__badge{background:var(--toast-error)}.toast[data-type=info] .toast__badge{background:var(--toast-info)}.toast__msg{flex:1;word-break:keep-all}.toast__btn{background:transparent;border:0;color:inherit;cursor:pointer;padding:6px;border-radius:8px}.toast__btn:hover{background:#ffffff14}.toast--leaving{animation:toast-out .16s ease-in forwards}main .csv{margin-top:20px;text-align:center}main .csv h2{color:var(--color-primary);font-weight:700;text-align:left;width:100%;margin:auto}main .csv table{width:100%;margin:auto;border-collapse:collapse;background:var(--color-surface);color:var(--color-text);text-decoration:none;font-weight:700}@media(max-width:767px){main .csv table{width:100%;max-width:100%}main .csv h2{width:100%}}th,td{padding:10px;border-bottom:1px solid var(--color-text-muted);text-align:left}th{background:var(--color-primary);color:#fff}tr:hover{background:var(--color-background)}.appIntro{display:flex;align-items:center;flex-direction:column;margin-bottom:4%}.appIntro h1{color:var(--color-primary);font-size:2.5em;margin-bottom:10px}.appIntro h2{color:var(--color-text);font-size:2vw}.appIntro p{font-size:1.2em;color:var(--color-text)}.appIntro button{cursor:pointer;padding:2.5vw 2vw;background:var(--color-primary);border-radius:10px;color:var(--color-secondary);font-weight:700;margin:2vw;box-shadow:var(--shadow-button);border:0}.appIntro button:hover{background-color:var(--color-accent)}.features{display:grid;grid-template-columns:1fr 1fr;gap:20px;-webkit-user-select:none;user-select:none;margin-bottom:20px}@media(max-width:767px){.features{grid-template-columns:1fr}}.feature{display:flex;align-items:flex-start;background:var(--color-secondary);padding:20px;border-radius:8px;box-shadow:var(--shadow-surface);color:var(--color-primary)}.feature:hover,.feature.activate{box-shadow:var(--shadow-button-accent)}.feature svg{width:80px;height:auto;margin-right:20px}.feature h2{margin-top:0;font-size:1.5em}.feature strong{margin-top:5px;font-size:1em;color:var(--color-text)}.downloadSection{margin-top:80px;margin-bottom:40px}.downloadSection h1{font-size:2.5em;margin-bottom:10px;color:var(--color-primary)}.downloadSection p{font-size:1.2em;font-weight:700;color:var(--color-text);margin-bottom:20px}.playStoreLink{display:inline-flex;align-items:center;gap:10px;padding:20px 40px;background-color:var(--color-secondary);color:var(--color-primary);text-decoration:none;font-size:1.2em;font-weight:700;border-radius:8px;transition:background-color .3s;box-shadow:var(--shadow-button)}.playStoreLink:hover{box-shadow:var(--shadow-button-accent)}.playStoreLink img{width:40px;height:40px}.privacyContent{max-width:800px;margin:50px auto;padding:20px;background:var(--color-secondary);border:1px solid var(--color-text-muted);border-radius:5px;box-shadow:0 2px 5px #0000001a}.privacyContent h1{font-size:2em;margin-bottom:20px;color:var(--color-primary)}.privacyContent h2{font-size:1.5em;margin-top:30px;color:var(--color-primary)}.privacyContent p{margin:10px 0}.privacyContent ul{list-style:disc inside;margin:10px 0 20px;padding-left:20px}.privacyContent li{margin-bottom:10px}.detail,.directionContainer{overflow-x:hidden}.detail{background-color:var(--color-surface);padding:10px;border-radius:8px;opacity:0;visibility:hidden;position:absolute;transition:opacity .5s ease-in-out,visibility 0s .5s;transform:scale(0)}.detail.show{opacity:1;visibility:visible;position:relative;transition:opacity .5s ease-in-out,visibility 0s;transform:scale(1);box-shadow:var(--shadow-surface)}.detail h2,.detail h3{display:flex;flex-direction:column;overflow-wrap:break-word}.detail h3{margin-bottom:20px}.directionContainer{display:flex;flex-wrap:wrap;flex-direction:row;gap:20px;overflow:visible;white-space:normal}.directionItem{flex:1 1 calc((100% - 40px) / 3);width:300px;height:auto;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:calc((100% - 40px) / 3);box-sizing:border-box}@media(max-width:600px){.directionItem{flex:1 1 100%;max-width:100%}}.directionItem p{font-size:.8em;margin-top:10px}.directionItem p img{width:auto;height:15px;display:inline-block;vertical-align:middle}.directionStep{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative}.stepIcon{position:absolute;top:-10px;left:-10px;width:auto;height:30px}.stepImage{max-width:100%;max-height:300px;height:auto;width:auto;border-radius:8px;object-fit:contain;display:block}.bookshelf{background:var(--color-surface);padding:16px;border-radius:12px;margin-bottom:20px}.bookshelf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.bookshelf-header-left{display:flex;flex-direction:row;gap:5px}.bookshelf-header-left .name{font-size:18px;font-weight:700;color:var(--color-primary)}.bookshelf-header-left .bookshelf-edit-button{width:20px;height:auto;cursor:pointer}#bookshelf-list{display:grid;grid-gap:20px}@media(min-width:768px){#bookshelf-list{grid-template-columns:repeat(2,minmax(200px,1fr));flex-grow:1}.bookshelf-add-btn h3{display:none}}@media(max-width:767px){#bookshelf-list{grid-template-columns:repeat(1,minmax(200px,1fr))}.bookshelf-add-btn{position:fixed;left:50%;bottom:10px;transform:translate(-50%);z-index:1}.bookshelf-add-btn img{margin:10px 10px 20px;width:60px;height:60px;cursor:pointer}.bookshelf-add-btn h3{font-size:15px;color:var(--color-primary);margin:0}}.bookshelf-add-btn{display:flex;flex-direction:column;align-items:center}.bookshelf-add-btn img,.menu-button,.logout-button{margin:10px;width:60px;height:60px;cursor:pointer;-webkit-user-select:none;user-select:none}.language-select{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:10vh}.language-select-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:40%;height:75%;background:var(--color-secondary);border-radius:15px;color:var(--color-primary);font-weight:700;cursor:pointer}.add-dictionary-button{font-size:24px;color:var(--color-background);background-color:var(--color-primary);width:36px;height:36px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.dictionary-list .dictionary{display:block;width:100%;text-align:left;background:var(--color-background);border:none;padding:12px;margin-bottom:8px;border-radius:8px;font-size:16px;cursor:pointer;color:var(--color-text)}.language-list{display:flex;flex-direction:column;align-items:center;justify-content:start}.language-card{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-top:2px solid var(--color-primary);width:100%;cursor:pointer}.language-card h2{font-size:15px;color:var(--color-primary)}#dictionary-name{top:5px;position:relative;font-size:18px;font-weight:700}#edit-button,#word-add-btn img{margin:10px;width:60px;height:60px;cursor:pointer;-webkit-user-select:none;user-select:none}#word-add-btn{display:flex;flex-direction:column;align-items:center}#random-word-card{background:var(--color-surface);border-radius:12px;margin-bottom:20px;box-shadow:0 0 5px #0000000d;padding-bottom:60px;position:relative}@media(min-width:768px){#random-word-card{width:50%}}@media(max-width:767px){#random-word-card{width:100%}}#random-word-card .bookmark{padding:16px;position:absolute;top:12px;right:12px;cursor:pointer}#random-word-card .word{padding:16px;font-size:20px;font-weight:700;margin-bottom:8px}#random-word-card .meaning{padding:16px;font-size:16px;color:var(--color-text-muted)}.next-button{background-color:var(--color-primary);color:var(--color-background);border:none;padding:10px 16px;font-size:16px;border-radius:8px;right:16px;cursor:pointer;position:absolute}.random-word-card{background:var(--color-surface);border-radius:12px;padding-bottom:60px;position:relative;margin:5vh 0 0}.random-word-card #bookmark{padding:16px;position:absolute;top:12px;right:12px;font-size:24px;color:var(--color-tertiary);cursor:pointer}.random-word-card #word{padding:16px;font-size:20px;font-weight:700;margin-bottom:8px}.random-word-card #meaning{padding:16px;font-size:16px;color:var(--color-text-muted)}#prev-button,#next-button{border:none;padding:10px 16px;font-size:16px;border-radius:8px;right:16px;cursor:pointer;position:absolute}#prev-button{background-color:var(--color-secondary);color:var(--color-primary)}#next-button{background-color:var(--color-primary);color:var(--color-secondary);bottom:16px}.word-cards-wrapper{display:grid;grid-template-rows:1fr;transition:grid-template-rows .4s ease-in-out}.word-cards-wrapper.hide{grid-template-rows:0fr}.word-cards-container{overflow:hidden;opacity:1;transition:opacity .4s ease}.word-cards-wrapper.hide .word-cards-container{opacity:0}.word-card{background:var(--color-surface);padding:8px;border-radius:12px;margin-bottom:20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;transform-style:preserve-3d;transition:transform .4s ease-in-out}.word-card .word{margin-left:10px;font-size:18px;font-weight:700;backface-visibility:hidden}.word-card div{display:flex;flex-direction:row;align-items:center;gap:10px}.word-card div .delete-mode{width:25px;height:25px;cursor:pointer;content:url(/images/wordmon/delete_disabled.svg)}.word-card div .delete-mode.enabled{content:url(/images/wordmon/delete_enabled.svg)}.word-card div .bookmark{width:50%;height:auto;cursor:pointer;content:url(/images/wordmon/bookmark_disabled.svg)}.word-card div .bookmark.enabled{content:url(/images/wordmon/bookmark_enabled.svg)}#total-word{top:5px;position:relative;font-size:24px;font-weight:700}#back-button{width:50px;height:50px}.top-view-buttons{display:flex;flex-direction:row}#menu-list{display:grid;grid-gap:5%;margin-top:100px;margin-left:60px;margin-right:60px}@media(max-width:767px){#menu-list{grid-template-columns:repeat(1,minmax(200px,1fr))}}@media(min-width:768px){#menu-list{grid-template-columns:repeat(2,minmax(200px,1fr))}}.menu-item{background:var(--color-secondary);color:var(--color-primary);height:100px;position:relative;cursor:pointer;border-radius:15px;margin-bottom:5%}.menu-item h3{position:absolute;left:20px;top:2px}@media(max-width:767px){#menu-bar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background-color:var(--color-surface);height:12dvh;position:absolute;left:0;right:0;bottom:0;border-radius:20px 20px 0 0;box-shadow:var(--shadow-surface)}#menu-bar div{position:absolute;display:flex;flex-direction:column;align-items:center;margin:0;cursor:pointer;bottom:10px}#menu-bar div:nth-child(1){left:10px}#menu-bar div:nth-child(2){right:10px}#menu-bar div h3{margin:0;font-size:15px}#word-add-btn{position:fixed;left:50%;bottom:10px;transform:translate(-50%);z-index:1}#word-add-btn img{margin:10px 10px 20px;width:60px;height:60px;cursor:pointer}#word-add-btn h3{font-size:15px;color:var(--color-primary);margin:0}#view-mode,#study-mode{position:relative;transition:opacity .4s ease;opacity:0;width:0;height:0}#view-mode.show{opacity:1;left:0;right:0;width:100%;height:auto;padding-right:10px}#study-mode.show{opacity:1;width:100%;height:auto;overflow-y:auto}}@media(min-width:768px){#menu-bar,#word-add-btn h3{display:none}#view-mode{width:50%;overflow-y:auto;padding-right:10px}#study-mode{width:50%;margin:0 0 0 60px}}#study-mode .title{color:var(--color-text);font-size:20px;margin:0 0 20px}.study-list{display:grid;grid-template-columns:repeat(2,minmax(40%,50%));grid-gap:5%}.memorize-card{background-color:var(--color-surface);border-radius:10px;padding:10px;cursor:pointer}.memorize-card .day{color:var(--color-text-muted);font-size:15px;margin:5px 0 10px 5px;font-style:normal}.memorize{display:flex;flex-direction:row;margin-left:5px;gap:20px}.memorize .memorize-icon{width:30px;height:auto}.memorize .memorize-text{margin:0;color:var(--color-text);font-size:15px;font-style:normal}.section{display:none}.section.show{display:flex;flex-direction:column}.section-card{background:var(--color-secondary);padding:8px;border-radius:12px;margin-bottom:20px;display:flex;flex-direction:column;position:relative}.section-card .show-button{position:absolute;left:90%;top:50%;width:10%;transform:translate(-50%,-50%);max-width:40px;cursor:pointer}.section-card .section-txt{padding:6px;font-size:20px;font-weight:700}.section-card .memorize-list{display:flex;flex-direction:row}.cover-memorize-option,.select-memorize-option,.print-memorize-option{position:relative;outline:5px solid var(--color-primary);outline-offset:-5px;width:27%;height:40px;margin-right:10px;border-radius:30px;overflow:hidden;cursor:pointer;box-sizing:border-box}.memorize-progress{background:var(--color-primary);height:100%;width:100%;transform-origin:left}.memorize-txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-tertiary);font-weight:700;font-size:10px;pointer-events:none;margin:0}.memorize-container{display:flex;flex-direction:column;width:100%;height:100%}.progress{display:flex;justify-content:center;gap:20px}#word-position{color:var(--color-text)}#word-count{color:var(--color-text-muted)}.card-frame{flex-grow:1;overflow:hidden;border-radius:20px;position:relative;perspective:800px;left:50%;transform:translate(-50%);height:75%}@media(min-width:768px){.card-frame{width:60%}}@media(max-width:768px){.card-frame{width:90%}}#card-slider{display:flex;width:100%;height:100%;transition:transform .6s ease;transform-style:preserve-3d}#card-slider .card{flex:0 0 100%;display:flex;flex-direction:column;background:var(--color-surface);border-radius:20px;transition:transform .6s ease,z-index .6s;transform-style:preserve-3d}#card-slider .top{display:flex;flex-direction:row;justify-content:space-between;height:10%}#card-slider .pronounce{margin-left:20px;margin-top:10px;width:30px;height:auto}#card-slider .bookmark{margin-right:20px;margin-top:10px;width:25px;height:auto}#card-slider .word{position:relative;display:flex;height:30%;align-items:center;justify-content:center}#card-slider .word-text{color:var(--color-text);display:inline-block;position:relative;transition:transform .3s ease}#card-slider .meaning,.meaning-list{display:flex;flex-grow:1;flex-direction:column;position:relative;align-items:center;justify-content:center;overflow:hidden;border-radius:20px;gap:20px}#card-slider .cover{height:100%;width:100%;background-color:var(--color-primary);border-radius:20px;transition:transform .3s ease;z-index:2}#card-slider .meaning-text{position:fixed;margin:0;color:var(--color-text);z-index:1}#card-slider .meaning-button{display:flex;width:70%;height:20%;background-color:var(--color-secondary);border-radius:15px;border:0 solid var(--color-success);align-items:center;justify-content:center;position:relative}#top-view .title{font-size:22px;color:var(--color-text)}#top-view .subtitle{font-size:15px;color:var(--color-text-muted)}.top,.bottom{display:flex;flex-direction:column;text-align:center;width:100%}.top{justify-content:start;align-items:start;height:40%}.bottom{justify-content:center;align-items:center;gap:5%;height:60%}.top .title,.top .subtitle{width:100%;height:auto}.repeat-round{display:flex;background-color:var(--color-secondary);width:80%;height:25%;border-radius:20px;align-items:center;justify-content:center;cursor:pointer}.next-round{display:flex;background-color:var(--color-primary);width:80%;height:25%;border-radius:20px;align-items:center;justify-content:center;cursor:pointer}.repeat-text{color:var(--color-primary)}.next-text{color:var(--color-secondary)}#ready-text{font-size:40px;color:var(--color-primary);font-weight:700;font-style:italic}#progressbar-fever-time-bg{background:var(--color-secondary);height:70%;width:25%;border-radius:5px}#progressbar-fever-time{background:var(--color-warning);transform-origin:left;transform:scaleX(0);border-radius:5px;width:100%;height:100%}#progressbar-time-bg{background:var(--color-secondary);width:80%;height:10%;border-radius:5px}#progressbar-time{background:var(--color-accent);transform-origin:left;border-radius:5px;width:100%;height:100%}#top-view{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:10%;margin:0 10px}#middle-view{display:flex;flex-direction:column;align-items:center;justify-content:center;height:40%}#bottom-view{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50%;gap:10%}.meaning-button{display:flex;width:70%;height:45%;background-color:var(--color-primary);border-radius:15px;align-items:center;justify-content:center;position:relative}.meaning-text{position:fixed;margin:0;color:var(--color-secondary);z-index:1}#meaning-list{display:flex;flex-direction:column;position:relative;align-items:center;justify-content:space-between;overflow:hidden;border-radius:20px;gap:20px;width:100%;height:60%}#word-text{font-size:25px;color:var(--color-text)}#score-text{font-size:20px;color:var(--color-success)}#total-score-text{color:var(--color-text-muted);font-size:30px;margin:0;width:100%;height:auto}#score{color:var(--color-text-muted);font-size:30px;width:100%;height:auto}#best-score{color:var(--color-success);font-size:20px;width:100%;height:auto}#incorrect-word-card{width:90%;height:60%;text-align:start;background:var(--color-surface);border-radius:20px;display:flex;flex-direction:column;position:relative}#incorrect-word{font-size:20px;color:var(--color-text);margin:15px 0 15px 10px}#incorrect-meaning{font-size:15px;color:var(--color-text-muted);margin:15px 0 15px 10px}#bookmark{padding:16px;position:absolute;top:12px;right:12px;cursor:pointer}#retry-button{background:var(--color-primary);color:var(--color-secondary);width:60%;height:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px}#quit-button{background:var(--color-secondary);color:var(--color-primary);width:60%;height:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:20px}.shake-vertical{animation:shakeVerticalAnim .4s ease-out}@keyframes shakeVerticalAnim{0%{transform:translateY(0)}40%{transform:translateY(-25px)}to{transform:translateY(0)}}.shake-horizontal{animation:shakeHorizontalAnim .4s ease-out}@keyframes shakeHorizontalAnim{0%{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}.trailHighlight{position:absolute;left:0;width:100%;text-align:center;color:var(--color-accent);pointer-events:none;animation:trailHighlightAnim .6s ease-out forwards}.trailNegative{position:absolute;left:0;width:100%;text-align:center;color:var(--color-warning);pointer-events:none;animation:trailNegativeAnim .6s ease-out forwards}@keyframes trailHighlightAnim{0%{transform:translateY(0);opacity:.4}to{transform:translateY(-25px);opacity:0}}@keyframes trailNegativeAnim{0%{transform:translate(0);opacity:.4}to{transform:translate(-25px);opacity:0}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.toast{animation:none;opacity:1;transform:none}.toast--leaving{animation:none;opacity:0}}