@charset "UTF-8";:root{--primary:#BF5B3D;--primary-rgb:191,91,61;--primary-hover:#A64D33;--accent-blue:#0071E3;--success:#34C759;--error:#FF3B30;--warning:#FF9500;--bg-body:#F5F5F7;--bg-card:#FFFFFF;--bg-glass:rgba(255,255,255,0.72);--bg-secondary:#F2F2F7;--border-light:rgba(0,0,0,0.08);--text-primary:#1D1D1F;--text-secondary:#86868B;--text-tertiary:#BFBFBF;--radius-card:20px;--radius-btn:980px;--radius-input:12px;--max-width:1200px;--shadow-sm:0 1px 3px rgba(0,0,0,0.04);--shadow-card:0 4px 24px rgba(0,0,0,0.06);--shadow-hover:0 12px 40px rgba(0,0,0,0.12);--shadow-float:0 20px 50px rgba(0,0,0,0.15);--ease-apple:cubic-bezier(0.25,1,0.5,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Helvetica Neue,Arial,sans-serif;background:transparent;color:var(--text-primary);line-height:1.6;min-height:100vh}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke-width:1.8}.icon-sm{width:16px;height:16px}.icon-lg{width:24px;height:24px}header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:.5px solid rgba(0,0,0,.1);transition:all .3s var(--ease-apple)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:14px 24px;justify-content:space-between}.header-inner,.logo{display:flex;align-items:center}.logo{gap:10px;text-decoration:none;color:var(--text-primary);transition:opacity .2s}.logo:hover{opacity:.8}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary) 0,#D97E63 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:16px;box-shadow:0 4px 10px rgba(191,91,61,.3)}.logo-text{font-size:19px;font-weight:600;letter-spacing:-.01em}.logo-sub{font-size:12px;color:var(--text-secondary);margin-left:10px;padding-left:10px;border-left:1px solid var(--border-light);font-weight:500}.version-toggle{display:flex;padding:3px;background:rgb(118,118,128,.12);border-radius:9px;position:relative}.version-btn{padding:6px 16px;border:none;background:transparent;font-family:inherit;font-size:13px;font-weight:500;color:#1D1D1F;border-radius:7px;cursor:pointer;transition:all .3s var(--ease-apple);position:relative;z-index:1}.version-btn.active{background:white;box-shadow:0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04);color:black;font-weight:600}main{max-width:var(--max-width);margin:0 auto;padding:120px 24px 80px}.hero{text-align:center;margin-bottom:64px;animation:heroFadeIn 1s var(--ease-apple)}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hero h1{font-size:48px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px;background:linear-gradient(180deg,#1D1D1F,#424245);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:21px;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.5;font-weight:400}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px;flex-wrap:wrap}.filter-tabs{display:flex;gap:10px;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:4px 0}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{padding:8px 18px;background:transparent;border:1px solid transparent;border-radius:var(--radius-btn);font-family:inherit;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .3s var(--ease-apple);white-space:nowrap;flex-shrink:0}@media (max-width:768px){.filter-tab{padding:6px 14px;margin-right:2px;font-size:13px}.filter-tabs{gap:6px}}.filter-tab:hover{background:rgba(0,0,0,.04);color:var(--text-primary)}.filter-tab.active{background:var(--text-primary);color:white;box-shadow:0 4px 12px rgba(0,0,0,.15)}.search-box{display:flex;align-items:center;gap:10px;padding:10px 16px;background:white;border-radius:12px;width:260px;height:44px;box-sizing:border-box;border:1px solid rgba(0,0,0,.08);transition:all .3s var(--ease-apple)}.search-box:focus-within{border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(0,113,227,.15);width:300px}.search-box input{border:none;outline:none;font-family:inherit;font-size:15px;flex:1 1;background:transparent;color:var(--text-primary)}.search-box svg{color:var(--text-secondary)}.sort-toggle-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px;width:44px;height:44px;box-sizing:border-box;background:white;border:1px solid rgba(0,0,0,.08);border-radius:50%;font-family:inherit;font-size:15px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .3s var(--ease-apple);white-space:nowrap;flex-shrink:0}.sort-toggle-btn:hover{background:var(--bg-secondary);border-color:var(--primary)}.sort-toggle-btn:active{transform:scale(.96)}.sort-toggle-btn svg{color:var(--primary);flex-shrink:0;width:20px;height:20px}@media (max-width:640px){.sort-toggle-btn{width:44px;height:44px;padding:12px}.sort-toggle-btn svg{width:20px;height:20px}}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;margin-bottom:60px}@media (max-width:950px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.articles-grid{grid-template-columns:1fr}}.article-card{background:var(--bg-card);border-radius:var(--radius-card);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-card);transition:all .4s var(--ease-apple);position:relative;display:block;text-decoration:none;color:inherit}.article-card:hover{transform:scale(1.02);box-shadow:var(--shadow-hover)}.article-card:active{transform:scale(.98)}.article-thumb{position:relative;width:100%;padding-top:60%;overflow:hidden}.article-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background-color:#f1f1f1;transition:transform .8s var(--ease-apple)}.article-card:hover .article-thumb img{transform:scale(1.08)}.article-content{padding:24px}.article-tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-blue);margin-bottom:12px}.article-title{font-size:20px;font-weight:700;margin-bottom:8px;line-height:1.3;color:var(--text-primary);letter-spacing:-.01em}.article-title-en{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:14px;color:var(--text-secondary);margin-bottom:16px;font-weight:400;line-height:1.4}.article-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);font-weight:500;border-top:1px solid var(--border-light);padding-top:16px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.article-meta span:not(:first-child):before{content:"·";margin-right:8px;color:var(--text-tertiary);font-weight:700}.article-meta span:not(:first-child){display:flex;align-items:center}.article-detail{display:none;opacity:0;transition:opacity .4s var(--ease-apple)}.article-detail.active{display:block;opacity:1}.back-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 0;background:transparent;border:none;font-family:inherit;font-size:15px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .3s var(--ease-apple);margin-bottom:20px;text-decoration:none}.back-btn:hover{color:var(--primary)}.back-btn.floating{position:fixed;top:90px;left:20px;z-index:999;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:12px 20px;border-radius:999px;box-shadow:0 4px 20px rgba(0,0,0,.1);border:1px solid rgba(0,0,0,.06);margin-bottom:0;animation:slideInFromLeft .3s var(--ease-apple)}.back-btn.floating:hover{background:var(--bg-card);box-shadow:0 8px 30px rgba(0,0,0,.15);transform:translateX(-2px)}@media (max-width:768px){.back-btn.floating{top:180px;left:20px;transform:none;padding:10px 16px;font-size:14px}.back-btn.floating:hover{transform:translateY(-2px)}}@media (min-width:769px) and (max-width:1024px){.back-btn.floating{top:130px;left:20px}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.detail-header{text-align:center;margin-bottom:40px;padding:0 20px}.detail-header h1{font-size:36px;font-weight:700;margin-bottom:12px;letter-spacing:-.02em}.detail-header .subtitle{font-size:20px;color:var(--text-secondary);margin-bottom:24px;font-weight:400}.detail-meta{justify-content:center;gap:8px;font-size:14px;color:var(--text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.detail-meta,.detail-meta .detail-meta-item:not(:first-child){display:flex;align-items:center}.detail-meta .detail-meta-item:not(:first-child):before{content:"·";margin-right:8px;color:var(--text-tertiary);font-weight:700}.tabs{display:flex;justify-content:flex-start;gap:8px;margin-bottom:40px;position:-webkit-sticky;position:sticky;top:80px;z-index:90;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.05);padding:6px;border-radius:16px;box-shadow:var(--shadow-sm);width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;max-width:100%;overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.tab-btn{padding:10px 20px;border:none;background:transparent;border-radius:10px;font-family:inherit;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .3s;white-space:nowrap;flex-shrink:0}.tab-btn:hover{color:var(--text-primary);background:rgba(0,0,0,.03)}.tab-btn.active{background:var(--text-primary);color:white;box-shadow:0 4px 10px rgba(0,0,0,.2)}.tab-btn svg{margin-right:6px;vertical-align:text-bottom}.tab-content{display:none;margin-top:20px;animation:contentFade .5s var(--ease-apple)}.tab-content.active{display:block}@keyframes contentFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.article-text-container{background:var(--bg-card);border-radius:var(--radius-card);padding:60px 80px;box-shadow:var(--shadow-card);max-width:100%;margin:0 auto}.article-text{font-family:"Noto Serif SC",New York,Georgia,serif;font-size:19px;line-height:2;color:#2C2C2E}.article-text p{margin-bottom:28px;text-align:justify}.article-strong{color:var(--primary);font-weight:700}.vocab-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:20px;gap:20px;margin-top:24px}.vocab-item{padding:20px;background:var(--bg-secondary);border-radius:16px;transition:transform .2s}.vocab-item:hover{transform:translateY(-2px)}.vocab-word{font-size:16px;font-weight:700;color:var(--primary);margin-bottom:4px}.vocab-phonetic{font-family:SF Pro Mono,monospace;font-size:13px;color:var(--text-secondary);margin-bottom:4px}.vocab-meaning{font-size:14px;color:#1D1D1F;font-weight:500}.questions-container{background:var(--bg-card);border-radius:var(--radius-card);padding:40px;box-shadow:var(--shadow-card);max-width:100%;margin:0 auto}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.section-title{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.015em;margin:0;padding:0;border:none}.progress-indicator{font-size:14px;font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);padding:6px 14px;border-radius:20px}.answer-row{display:none;align-items:center;justify-content:space-between;margin-top:16px;padding:12px 16px;background:rgba(52,199,89,.08);border-radius:12px;border:1px solid rgba(52,199,89,.2)}.answer-row.show{display:flex;animation:fadeIn .3s var(--ease-apple)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.correct-answer-label{font-size:14px;color:var(--success);font-weight:500}.correct-answer-label strong{font-weight:700}.toggle-analysis-btn{padding:6px 14px;background:transparent;border:1px solid var(--success);border-radius:20px;font-size:13px;font-weight:500;color:var(--success);cursor:pointer;transition:all .2s var(--ease-apple)}.toggle-analysis-btn:hover{background:var(--success);color:white}.question-item{margin-bottom:40px;padding:24px;background:var(--bg-body);border-radius:20px}.question-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--text-primary);color:white;border-radius:50%;font-size:13px;font-weight:600;margin-right:12px}.question-text{font-size:17px;font-weight:600;line-height:1.5}.options{display:flex;flex-direction:column;gap:12px;margin-top:20px}.option{display:flex;align-items:center;padding:16px 20px;background:white;border:1.5px solid transparent;border-radius:14px;cursor:pointer;transition:all .2s var(--ease-apple);box-shadow:0 2px 5px rgba(0,0,0,.02)}.option:hover{border-color:rgba(0,0,0,.1);transform:translateX(4px)}.option.selected{border-color:var(--primary);background:rgba(191,91,61,.04);box-shadow:0 4px 12px rgba(191,91,61,.15)}.option.correct{border-color:var(--success);background:rgba(52,199,89,.1)}.option.incorrect{border-color:var(--error);background:rgba(255,59,48,.1)}.option-letter{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:50%;font-size:13px;font-weight:600;margin-right:16px;flex-shrink:0}.option.selected .option-letter{background:var(--primary);color:white}.option.correct .option-letter{background:var(--success);color:white}.option.incorrect .option-letter{background:var(--error);color:white}.cloze-option{flex:0 0 auto;padding:10px 16px}.cloze-option .option-letter{margin-right:8px}.blank-input{width:120px;padding:8px 12px;border:1px solid rgba(0,0,0,.15);border-radius:8px;background:white;font-family:inherit;font-size:16px;text-align:center;transition:all .2s;margin:0 4px}.blank-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(0,113,227,.2)}.blank-input.correct{border-color:var(--success);color:var(--success);background:#F0FDF4}.blank-input.incorrect{border-color:var(--error);color:var(--error);background:#FFF1F0}.analysis-box{display:none;margin-top:20px;padding:20px;background:white;border-radius:16px;border-left:4px solid var(--success);box-shadow:var(--shadow-sm)}.analysis-box.show{display:block;animation:slideDown .4s var(--ease-apple)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.analysis-title{font-weight:600;color:var(--success);margin-bottom:8px;font-size:14px}.analysis-text{font-size:15px;color:var(--text-primary);line-height:1.6}.submit-section{margin-top:50px;padding-top:40px;border-top:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px}.submit-btn{padding:14px 40px;background:var(--text-primary);border:none;border-radius:var(--radius-btn);font-size:16px;font-weight:600;color:white;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px rgba(0,0,0,.2)}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.25);background:#333}.reset-btn{padding:14px 30px;background:white;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-btn);font-size:16px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .3s}.reset-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.score-display{display:none;padding:15px 30px;background:var(--success);color:white;border-radius:16px;text-align:center;box-shadow:0 8px 20px rgba(52,199,89,.3)}.score-display.show{display:block;animation:popIn .5s var(--ease-bounce)}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{transform:scale(1)}}.cloze-passage{line-height:2.2;padding:20px;border-radius:16px;margin-bottom:20px}.cloze-passage,.inline-passage{font-size:18px;text-align:justify;background:white}.inline-passage{line-height:2.4;padding:32px 40px;border-radius:20px;box-shadow:var(--shadow-card)}.inline-passage>span{display:inline}.inline-passage p{display:inline;margin:0}.inline-passage br{display:none}.inline-passage .cloze-blank,.inline-passage .restoration-blank{display:inline-flex!important;align-items:center;gap:4px;margin:0 4px;vertical-align:middle}.inline-passage .cloze-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--accent-blue);color:white;border-radius:50%;font-size:12px;font-weight:600}.inline-passage .blank-input{width:100px;padding:4px 10px;border:1.5px solid var(--accent-blue);border-radius:6px;font-size:16px;text-align:center;background:rgba(0,113,227,.05);transition:all .2s var(--ease-apple)}.inline-passage .blank-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(0,113,227,.15);background:white}.inline-passage .blank-input.correct{border-color:var(--success);background:rgba(52,199,89,.1);color:var(--success)}.inline-passage .blank-input.incorrect{border-color:var(--error);background:rgba(255,59,48,.1);color:var(--error)}.section-instruction{color:var(--text-secondary);margin-bottom:24px;font-size:15px}.answers-section{margin-top:32px;padding:24px;background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow-sm)}.answers-section,.answers-section.show{animation:slideDown .4s var(--ease-apple)}.answers-title{font-size:18px;font-weight:600;color:var(--text-primary);padding-bottom:12px;border-bottom:1px solid var(--border-light)}.answer-item,.answers-title{margin-bottom:16px}.answer-item:last-child{margin-bottom:0}.answer-num{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--success);color:white;border-radius:50%;font-size:12px;font-weight:600;margin-right:12px}.cloze-num{color:var(--accent-blue);font-weight:700;margin-right:4px}.cloze-select{padding:4px 8px;border:1.5px solid var(--accent-blue);border-radius:6px;font-size:14px;font-family:inherit;background:rgba(0,113,227,.05);color:var(--text-primary);cursor:pointer;transition:all .2s var(--ease-apple);min-width:80px}.cloze-select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgba(0,113,227,.15)}.cloze-select.correct{border-color:var(--success);background:rgba(52,199,89,.1);color:var(--success)}.cloze-select.incorrect{border-color:var(--error);background:rgba(255,59,48,.1);color:var(--error)}.restoration-option{padding:16px;background:white;border:1.5px solid var(--border-light);border-radius:12px;cursor:pointer;transition:all .2s;margin-bottom:12px;font-size:15px}.restoration-option:hover{border-color:var(--primary);background:rgba(191,91,61,.02)}.restoration-blank{display:inline-flex!important;align-items:center;gap:4px;margin:0 4px;vertical-align:middle}.restoration-select{padding:4px 8px;border:1.5px solid var(--primary);border-radius:6px;font-size:14px;font-family:inherit;background:rgba(191,91,61,.05);color:var(--text-primary);cursor:pointer;transition:all .2s var(--ease-apple);min-width:60px}.restoration-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(191,91,61,.15)}.restoration-select.correct{border-color:var(--success);background:rgba(52,199,89,.1);color:var(--success)}.restoration-select.incorrect{border-color:var(--error);background:rgba(255,59,48,.1);color:var(--error)}.options-pool{margin-top:24px;padding:20px;background:var(--bg-secondary);border-radius:16px}.options-pool-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.pool-option{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:white;border-radius:10px;margin-bottom:8px;font-size:14px;line-height:1.5}.pool-option:last-child{margin-bottom:0}.pool-letter{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--primary);color:white;border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.pool-text{color:var(--text-primary)}.pool-option.used{opacity:.5;background:var(--bg-secondary)}.pool-option.used .pool-letter{background:var(--text-tertiary)}.pool-option.used .pool-text{text-decoration:line-through;color:var(--text-tertiary)}.pagination{margin-top:60px;gap:8px}.page-btn,.pagination{display:flex;justify-content:center}.page-btn{width:44px;height:44px;align-items:center;background:white;border:none;border-radius:12px;font-size:15px;color:var(--text-secondary);cursor:pointer;transition:all .3s;box-shadow:0 2px 8px rgba(0,0,0,.05)}.page-btn.active,.page-btn:hover{background:var(--text-primary);color:white;box-shadow:0 4px 12px rgba(0,0,0,.2)}.comprehension-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}.comprehension-grid .question-item{margin-bottom:0}@media (max-width:900px){.comprehension-grid{grid-template-columns:1fr}}.audio-player-container{position:fixed;bottom:0;left:0;right:0;z-index:90;padding:12px 20px;background:var(--bg-glass);border-top:.5px solid rgba(0,0,0,.1);box-shadow:0 -4px 20px rgba(0,0,0,.08)}.audio-player-wrapper.custom-player{display:flex;align-items:center;gap:16px;width:100%}.play-btn{width:44px;height:44px;border-radius:50%;background:var(--primary);color:white;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s var(--ease-apple);box-shadow:0 4px 12px rgba(191,91,61,.3)}.play-btn:active{transform:scale(.95)}.progress-container{gap:12px}.time-text{font-size:13px;font-weight:500;min-width:40px}.seek-slider{width:100%;height:6px;background:rgba(0,0,0,.1);border-radius:3px}.seek-slider::-webkit-slider-thumb{height:18px;width:18px;border:.5px solid rgba(0,0,0,.1)}.seek-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.audio-player-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.audio-player-icon{width:40px;height:40px;background:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;color:white}.audio-player-container{padding:16px 20px;border-top:1px solid var(--border-light);margin-top:auto;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.play-btn-circle{width:44px;height:44px;border-radius:50%;background:var(--primary);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px rgba(191,91,61,.3);transition:transform .2s;flex-shrink:0}.play-btn-circle:active{transform:scale(.92)}.play-btn-circle svg{width:20px;height:20px;fill:white}.audio-player-title{font-size:16px;font-weight:600;color:var(--text-primary)}.audio-player-wrapper{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.desktop-player-view{display:flex;align-items:center;gap:12px;width:100%}.mobile-player-view{display:none;width:100%}.progress-container{flex:1 1;display:flex;align-items:center;gap:10px;min-width:0}.seek-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1 1;height:4px;background:rgba(0,0,0,.06);background-image:linear-gradient(var(--primary),var(--primary));background-repeat:no-repeat;border-radius:2px;outline:none;cursor:pointer}.seek-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:white;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.2);cursor:pointer;-webkit-transition:transform .1s;transition:transform .1s}.seek-slider::-webkit-slider-thumb:active{transform:scale(1.2)}.time-text{font-size:12px;color:var(--text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:35px;text-align:center}.speed-control-wrapper{position:relative;display:flex;align-items:center}.speed-trigger{padding:6px 14px;background:white;border:1px solid rgba(0,0,0,.1);border-radius:20px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s;min-width:60px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.speed-trigger.active,.speed-trigger:hover{border-color:var(--primary);color:var(--primary);background:rgba(191,91,61,.02)}.speed-popover{position:absolute;bottom:calc(100% + 12px);right:0;background:white;border-radius:12px;padding:6px;display:flex;gap:4px;box-shadow:0 8px 30px rgba(0,0,0,.15);border:.5px solid rgba(0,0,0,.08);animation:popoverReveal .3s var(--ease-apple);z-index:100}@keyframes popoverReveal{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.speed-opt-btn{padding:8px 12px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s;white-space:nowrap}.speed-opt-btn:hover{background:rgba(0,0,0,.04);color:var(--text-primary)}.speed-opt-btn.active{background:var(--primary);color:white}.download-pdf-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--primary) 0,#D97E63 100%);border:none;border-radius:var(--radius-btn);font-family:inherit;font-size:14px;font-weight:600;color:white;cursor:pointer;transition:all .3s var(--ease-apple);box-shadow:0 4px 12px rgba(191,91,61,.25);text-decoration:none}.download-pdf-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(191,91,61,.35)}.download-pdf-btn svg{width:16px;height:16px}.section-header-with-action{justify-content:space-between;flex-wrap:wrap}.section-header-left,.section-header-with-action{display:flex;align-items:center;gap:16px}footer{text-align:center;padding:60px 20px;color:var(--text-tertiary);font-size:13px;font-weight:500}@media (max-width:768px){.header-inner{flex-direction:column;gap:16px;padding:12px}main{padding:160px 20px 40px}.hero h1{font-size:32px}.article-text-container{padding:30px 20px}.questions-container{padding:24px 20px}.filter-bar{flex-direction:column;align-items:stretch;gap:16px}.filter-tabs{margin:0 -20px;padding:4px 20px;-webkit-mask-image:none;mask-image:none;justify-content:flex-start}.filter-tab{background:rgba(0,0,0,.05);flex:0 0 auto;border:1px solid rgba(0,0,0,.02)}.filter-tab.active{background:var(--text-primary);color:white;border-color:transparent}.search-box{width:100%!important}.tabs{width:100%;border-radius:12px;margin-bottom:24px;justify-content:flex-start;padding:6px 12px;-webkit-mask-image:linear-gradient(90deg,transparent,black 15px,black calc(100% - 15px),transparent);mask-image:linear-gradient(90deg,transparent,black 15px,black calc(100% - 15px),transparent);top:112px}.tab-btn{padding:8px 16px;font-size:13px}.article-detail{padding-top:10px}.detail-header h1{font-size:24px}.detail-header .subtitle{font-size:16px}.answer-row{flex-direction:column;align-items:flex-start;gap:10px}@media (max-width:768px){.audio-player-container{padding:12px 16px 20px}.desktop-player-view{display:none!important}.mobile-player-view{display:flex;flex-direction:column;gap:12px}.mobile-progress-line{position:absolute;top:0;left:0;right:0;height:2px;background:rgba(0,0,0,.05)}.mobile-progress-fill{height:100%;background:var(--primary);transition:width .2s linear}.mobile-controls-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 16px}.play-btn-circle.large{width:60px;height:60px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.control-btn-secondary{background:transparent;border:none;color:var(--text-primary);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;opacity:.8}.control-btn-icon:active,.control-btn-secondary:active{transform:scale(.92);opacity:1;background:rgba(0,0,0,.03)}.control-btn-icon{background:transparent;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all .2s;font-size:14px;font-weight:600}.control-btn-icon.loop-btn[data-active=true]{color:var(--primary);background:rgba(var(--primary-rgb),.08);background:rgba(0,0,0,.03);font-weight:700}.control-btn-icon.speed-btn{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;letter-spacing:-.5px}}.audio-player-wrapper.custom-player{gap:12px}.progress-container{gap:8px}.time-text{font-size:11px;min-width:32px}.speed-trigger{padding:5px 10px;font-size:11px;min-width:50px}.speed-popover{bottom:calc(100% + 8px);padding:4px}.speed-opt-btn{padding:6px 10px;font-size:12px}.submit-section{flex-direction:column;align-items:stretch}.reset-btn,.submit-btn{width:100%}.cloze-select,.restoration-select{font-size:16px;padding:8px 12px;min-width:100px}.inline-passage .blank-input{font-size:16px;padding:6px 10px;width:110px}.inline-passage{font-size:16px;line-height:2.2;padding:24px 20px}.section-instruction{font-size:14px}.options-pool{padding:16px}.pool-option{padding:10px 12px;font-size:13px}}::-webkit-scrollbar{width:0;background:transparent}.pdf-preview-container{max-width:100%;margin:0 auto}.pdf-card{background:white;border-radius:20px;box-shadow:var(--shadow-card);overflow:hidden;padding:0}.pdf-card,.pdf-header{display:flex;flex-direction:column}.pdf-header{padding:30px;text-align:center;border-bottom:1px solid var(--border-light);align-items:center;background:#fdfdfd}.pdf-preview-visual{width:100%;height:85vh;min-height:600px;background:#525659;border:none;border-radius:0;display:flex;align-items:center;justify-content:center;margin-bottom:0;position:relative;overflow:hidden}.pdf-preview-visual:after{display:none}.pdf-icon-wrapper{color:rgba(255,255,255,.7);opacity:1;display:flex;flex-direction:column;align-items:center;gap:16px}.pdf-info h3{font-size:24px;font-weight:700;margin-bottom:10px}.pdf-version-label{display:inline-block;padding:4px 12px;background:rgba(191,91,61,.1);color:var(--primary);border-radius:20px;font-size:13px;font-weight:600;margin-bottom:20px}.pdf-description{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.download-pdf-btn.large{padding:12px 32px;font-size:15px;border-radius:99px}@media (max-width:600px){.pdf-header{padding:24px 20px}.pdf-preview-visual{height:60vh;min-height:400px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.overview-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 36px;background:linear-gradient(135deg,var(--primary) 0,#D97E63 100%);color:white;border:none;border-radius:999px;font-family:inherit;font-size:16px;font-weight:600;letter-spacing:.5px;cursor:pointer;box-shadow:0 8px 24px rgba(191,91,61,.3);transition:all .3s var(--ease-apple)}.overview-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 32px rgba(191,91,61,.4)}.overview-btn:active{transform:translateY(0) scale(.98)}.overview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease-out}.overview-modal-content{background:var(--bg-card);border-radius:24px;max-width:800px;width:100%;max-height:85vh;overflow-y:auto;padding:48px;box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative;animation:slideUp .4s var(--ease-apple)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.overview-close-btn{position:absolute;top:20px;right:20px;background:rgba(0,0,0,.05);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.overview-close-btn:hover{background:rgba(0,0,0,.1)}.overview-title{font-size:26px;font-weight:700;color:var(--text-primary);margin-bottom:32px;text-align:center;letter-spacing:-.5px}.overview-body{color:var(--text-primary);line-height:1.9;font-size:17px;font-family:"Noto Serif SC",New York,Georgia,serif;text-align:justify}.overview-body h2{font-size:19px;margin-top:36px;margin-bottom:14px;letter-spacing:-.3px}.overview-body h2,.overview-body h3{font-weight:600;color:var(--primary)}.overview-body h3{font-size:17px;margin-top:28px;margin-bottom:12px}.overview-body p{margin-bottom:16px;color:#333;text-align:justify}.overview-body ul{list-style:none;margin-left:0;padding-left:0;margin-bottom:24px}.overview-body ol{list-style:decimal;margin-left:0;padding-left:28px;margin-bottom:24px}.overview-body li{margin-bottom:10px;padding-left:0}.overview-body strong{font-weight:600;color:#000}.overview-body hr{display:none}@media (max-width:768px){.overview-modal-content{padding:32px 24px;max-height:90vh}.overview-title{font-size:24px}.overview-body{font-size:15px}}