:root{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#000;overflow:hidden;height:100vh;height:100dvh}.app-root{width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;background:#282626;color:#fff;overflow:hidden}.top-header{padding:8px 20px 4px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.top-title{color:#fff;font-size:24px;font-weight:700}.top-header-right{display:flex;align-items:baseline}.page-main{color:#fe623f;font-size:26px;font-weight:700}.page-sub{color:#fff;font-size:16px}.main-content{flex:1;min-height:0;padding:8px 16px 12px;display:flex;justify-content:center;align-items:stretch;overflow-y:auto;overflow-x:hidden}.bottom-nav{height:64px;background:#313131;padding:10px 24px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.bottom-nav-btn{flex:1;border:none;background:transparent;color:#fffa;font-size:16px}.bottom-nav-btn.active{color:#fe623f}.chapter-modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.chapter-modal{background:#d9d9d9;color:#000;border-radius:20px;width:306px;max-width:80%;height:610px;max-height:70%;position:relative;display:flex;flex-direction:column;padding-top:60px;padding-bottom:70px}.chapter-modal:before{content:"";position:absolute;left:50%;top:42px;transform:translate(-50%);width:calc(100% - 60px);border-top:1px solid #000000}.chapter-modal:after{content:"";position:absolute;left:50%;bottom:60px;transform:translate(-50%);width:calc(100% - 60px);border-top:1px solid #000000}.chapter-modal-list{flex:1;overflow-y:auto;padding:8px 40px;display:flex;flex-direction:column;gap:6px}.chapter-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);column-gap:16px;row-gap:8px}.chapter-modal-item{width:100%;border:none;background:transparent;color:#000;text-align:left;font-size:18px;padding:0;cursor:pointer;line-height:1.4;word-break:keep-all}.chapter-modal-item.active{font-weight:700}.chapter-modal-footer{position:absolute;left:50%;bottom:24px;transform:translate(-50%);font-size:15px;color:#000}.chapter-modal-page-buttons{position:absolute;right:18px;bottom:18px;display:flex;gap:6px;font-size:13px}.chapter-modal-page-buttons button{border:none;background:transparent;cursor:pointer}.chapter-modal-page-buttons button:disabled{color:#999}.flashcard{background:#313131;border-radius:20px;padding:24px 20px 56px;display:flex;flex-direction:column;gap:16px;flex:1;min-height:0;overflow:hidden;position:relative}.flashcard-word{color:#fff;font-size:clamp(48px,10vw,72px);font-weight:400;text-align:center;margin:20px 0 10px;flex-shrink:0;word-break:break-word;overflow-wrap:break-word;line-height:1.1}.flashcard-meanings{display:flex;flex-direction:column;gap:8px;text-align:center;flex-shrink:0}.flashcard-meaning{color:#fff;font-size:clamp(20px,4vw,28px);font-weight:700;line-height:1.3;word-break:keep-all}.pos-tag{color:#fff;font-size:clamp(20px,4vw,28px);font-weight:700}.flashcard-example{margin-top:12px;display:flex;flex-direction:column;gap:8px;padding:0 16px;max-height:40%;overflow-y:auto}.example-en{color:#d6d6d6;font-size:16px;text-align:left;line-height:1.4;word-break:break-word}.example-ko{color:#d6d6d6;font-size:14px;text-align:left;line-height:1.4;word-break:keep-all}.flashcard-nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:16px;flex-shrink:0}.nav-btn{border:none;background:transparent;color:#fffa;font-size:18px;cursor:pointer;padding:8px 16px}.nav-btn:disabled{color:#555;cursor:default}.word-indicator{color:#fff;font-size:14px}.home-container{width:100%;height:100%;max-width:700px;display:flex;flex-direction:column;gap:16px}.youtube-section{background:#282626;border-radius:12px;overflow:hidden;flex-shrink:0;height:118px}.youtube-link{display:flex;gap:12px;padding:12px;text-decoration:none;color:inherit;height:100%}.youtube-thumbnail{flex-shrink:0;width:168px;height:94px;border-radius:8px;overflow:hidden;background:#000}.youtube-thumbnail img{width:100%;height:100%;object-fit:cover}.youtube-info{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.youtube-title{color:#fff;font-size:14px;font-weight:400;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-break:break-word}.home-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-shrink:0}.home-autoplay-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:12px;cursor:pointer;padding:6px 10px;white-space:nowrap;flex:1;max-width:180px}.home-settings-btn-outside{background:transparent;border:none;font-size:24px;cursor:pointer;color:#fff;padding:4px}.flashcard-nav-fixed-home{position:absolute;bottom:20px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:20px}.settings-panel{position:absolute;top:50px;right:16px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 12px #0000004d;z-index:10;min-width:200px}.setting-item{margin-bottom:12px;color:#000;font-size:14px}.setting-item:last-child{margin-bottom:0}.setting-item label{display:flex;flex-direction:column;gap:8px}.setting-item input[type=checkbox]{margin-right:8px;width:18px;height:18px}.setting-item input[type=range]{width:100%}.setting-item select{padding:6px;border-radius:6px;border:1px solid #ccc;font-size:14px;margin-top:4px}.settings-close-btn{position:absolute;top:8px;right:10px;background:transparent;border:none;font-size:18px;cursor:pointer;color:#000;padding:0}.review-container{width:100%;height:100%;max-width:700px;display:flex;flex-direction:column;gap:12px;touch-action:pan-y}.review-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-shrink:0}.review-level-btn-outside{background:#fe623f;border:none;color:#fff;font-size:20px;font-weight:700;padding:6px 12px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1}.review-random-btn-outside{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:13px;cursor:pointer;padding:6px 12px;white-space:nowrap;flex:1;max-width:200px}.review-settings-btn-outside{background:transparent;border:none;font-size:24px;cursor:pointer;color:#fff;padding:4px}.review-settings-panel{position:absolute;top:60px;right:16px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 12px #0000004d;z-index:100;min-width:200px}.review-flashcard{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;min-height:0;padding-top:40px}.review-flashcard .flashcard-meanings,.review-flashcard .flashcard-meaning,.review-flashcard .flashcard-example-inline .example-en,.review-flashcard .flashcard-example-inline .example-ko{text-align:left}.review-content-top{display:flex;flex-direction:column;align-items:center;gap:20px}.review-flashcard .flashcard-word{margin:0;font-size:clamp(40px,9vw,64px);word-break:break-word;overflow-wrap:break-word;max-width:100%;padding:0 8px;text-align:center}.review-flashcard .flashcard-meanings{margin-bottom:0}.flashcard-example-inline{display:flex;flex-direction:column;gap:8px;padding:0 16px;max-width:100%;margin-top:12px}.flashcard-example-inline .example-en{color:#d6d6d6;font-size:16px;text-align:center;line-height:1.4;word-break:break-word}.flashcard-example-inline .example-ko{color:#d6d6d6;font-size:14px;text-align:center;line-height:1.4;word-break:keep-all}.flashcard-nav-fixed{position:absolute;bottom:20px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:20px}.meanings-first{margin-top:0}.end-dialog-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:2000}.end-dialog{background:#fff;border-radius:16px;padding:24px;width:300px;max-width:80%;text-align:center}.end-dialog h3{margin:0 0 16px;font-size:20px;color:#000}.end-dialog p{margin:0 0 24px;font-size:16px;color:#333}.end-dialog-buttons{display:flex;gap:12px;justify-content:center}.end-dialog-buttons button{flex:1;padding:12px 16px;border:none;border-radius:8px;font-size:14px;cursor:pointer;font-weight:600}.end-dialog-buttons button:first-child{background:#e0e0e0;color:#000}.end-dialog-buttons button:last-child{background:#fe623f;color:#fff}.about-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:20px}.about-content{width:100%;max-width:500px;display:flex;flex-direction:column;gap:32px}.about-section{display:flex;flex-direction:column;gap:16px}.about-title{color:#fff;font-size:28px;font-weight:700;text-align:center;margin:0}.about-description{color:#d6d6d6;font-size:16px;text-align:center;line-height:1.6;margin:0}.about-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#313131;border-radius:12px}.about-label{color:#fff;font-size:16px;font-weight:600}.about-value{color:#d6d6d6;font-size:16px}.about-email-btn{background:transparent;border:none;color:#fe623f;font-size:16px;cursor:pointer;text-decoration:underline;padding:0}.about-email-btn:hover{color:#ff7a5c}.about-footer{color:#888;font-size:14px;text-align:center;margin:0}.word-card{background:transparent;border-radius:0;width:100%;max-width:700px;padding:0 0 12px;display:flex;flex-direction:column;color:#fff}.word-list{flex:1;display:flex;flex-direction:column;margin-top:4px;overflow-y:auto}.word-row{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid #ffffff40;font-size:14px}.word-row:first-child{border-top:none}.word-left{font-weight:600;min-width:90px;word-break:break-word}.word-right{flex:1;text-align:left;word-break:keep-all}.word-pos{margin-right:4px;color:#bbb}.word-card-footer{height:28px;display:flex;align-items:center;justify-content:center;margin-top:4px;gap:12px}.wordlist-wrap{width:100%;max-width:700px;display:flex;flex-direction:column;gap:12px}.wordlist-header-buttons{display:flex;justify-content:space-between;align-items:center;gap:12px}.wordlist-level-btn{background:#fe623f;border:none;color:#fff;font-size:20px;font-weight:700;padding:6px 12px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1}.level-arrow{font-size:12px;line-height:1}.wordlist-mode-btn{background:#fe623f;border:none;color:#fff;font-size:20px;font-weight:700;padding:6px 12px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1;white-space:nowrap}.wordlist-table{width:100%;border-collapse:collapse}.wordlist-table tbody tr{border-bottom:1px solid #444444}.wordlist-table tbody tr:last-child{border-bottom:none}.word-cell-50{padding:14px 12px;color:#fff;font-size:16px;font-weight:600;width:50%;vertical-align:middle;word-break:break-word;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:48px}.meaning-cell-50{padding:14px 12px;color:#d6d6d6;font-size:14px;width:50%;vertical-align:middle;line-height:1.5;word-break:keep-all;cursor:pointer;-webkit-user-select:none;user-select:none;min-height:48px}.wordlist-pagination{display:flex;justify-content:center;align-items:center;gap:32px;margin-top:24px}.page-nav-btn{width:72px;height:72px;border-radius:16px;border:none;background:#313131;color:#fff;font-size:32px}.page-nav-btn:disabled{opacity:.3}.wordlist-page-indicator{min-width:120px;padding:10px 18px;border-radius:16px;border:none;background:#fe623f;color:#fff;font-size:20px;font-weight:600;cursor:pointer}.page-info{color:#fff;font-size:16px;font-weight:600}.pos-tag-small{color:#fe623f;font-weight:600;font-size:12px;margin-right:4px}@media(min-width:800px){.word-card{max-width:900px}}