@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;700&display=swap";
:root{--bg-primary:#0a0f1e;--bg-secondary:#111827;--bg-card:#1a2236;--bg-card-hover:#1f2a42;--bg-glass:#1a2236b3;--bg-input:#151d30;--text-primary:#e8eaf0;--text-secondary:#8892a8;--text-muted:#5a6478;--text-korean:#f0f4ff;--accent-coral:#ff6b6b;--accent-coral-hover:#ff5252;--accent-teal:#4ecdc4;--accent-teal-hover:#3dbdb4;--accent-amber:#ffd93d;--accent-purple:#a78bfa;--accent-blue:#60a5fa;--accent-green:#34d399;--border:#ffffff0f;--border-hover:#ffffff1f;--shadow:0 4px 24px #0000004d;--shadow-lg:0 8px 40px #0006;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-korean:"Noto Sans KR", "Inter", sans-serif;--gradient-hero:linear-gradient(135deg, #0a0f1e 0%, #1a1a3e 50%, #0d1b2a 100%);--gradient-card:linear-gradient(145deg, #1e283ccc, #141c2d99);--gradient-accent:linear-gradient(135deg, #ff6b6b, #ffd93d);--gradient-teal:linear-gradient(135deg, #4ecdc4, #60a5fa)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.page-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#0a0f1ed9;padding:0 1.5rem;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1200px;height:64px;margin:0 auto;display:flex}.navbar-logo{color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;text-decoration:none;display:flex}.navbar-logo span{font-family:var(--font-korean);background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar-links{align-items:center;gap:1rem;display:flex}.navbar-link{color:var(--text-secondary);border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.navbar-link:hover{color:var(--text-primary);background:#ffffff0d}.navbar-user,.navbar-guest{align-items:center;gap:.75rem;display:flex}.navbar-link-secondary{color:var(--text-secondary);white-space:nowrap;font-size:.85rem;text-decoration:none;transition:color .2s}.navbar-link-secondary:hover{color:var(--accent-teal)}.btn-link-secondary{color:var(--text-secondary);font-size:.85rem;font-family:var(--font-ui);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-weight:500;transition:color .2s}.btn-link-secondary:hover{color:var(--accent-teal)}.streak-badge{color:var(--accent-amber);background:#ffd93d1a;border:1px solid #ffd93d33;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.85rem;font-weight:600;display:flex}.btn{border-radius:var(--radius-md);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary{background:var(--accent-coral);color:#fff;box-shadow:0 4px 14px #ff6b6b4d}.btn-primary:hover{background:var(--accent-coral-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);background:#ffffff0f}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff1a}.btn-teal{background:var(--accent-teal);color:var(--bg-primary);box-shadow:0 4px 14px #4ecdc44d}.btn-teal:hover{background:var(--accent-teal-hover);transform:translateY(-2px)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:.5rem 1rem}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem;transition:all .3s}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow)}.card-glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.wc-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;padding:1.75rem 2rem;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.wc-card:hover{border-color:var(--border-hover);box-shadow:0 4px 24px #0003}.wc-card.wc-expanded{border-color:#4ecdc44d}.wc-accent-line{background:linear-gradient(90deg, var(--accent-teal), var(--accent-purple), var(--accent-coral));opacity:.7;height:3px;position:absolute;top:0;left:0;right:0}.wc-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.wc-topik{text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600}.wc-korean-row{align-items:center;gap:.75rem;display:flex}.wc-korean{font-family:var(--font-korean);color:var(--text-korean);font-size:2.75rem;font-weight:700;line-height:1.2}.wc-listen-btn{width:36px;height:36px;color:var(--accent-teal);cursor:pointer;background:#4ecdc414;border:1px solid #4ecdc44d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,border-color .2s;display:flex}.wc-listen-btn:hover{border-color:var(--accent-teal);background:#4ecdc42e}.wc-romanization{color:var(--text-secondary);margin-top:.35rem;margin-bottom:.75rem;font-size:.95rem}.wc-hint{color:var(--text-muted);letter-spacing:.02em;margin-top:.75rem;font-size:.8rem}.wc-details{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem;animation:.3s ease-out wcFadeIn}@keyframes wcFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.wc-english{color:var(--text-primary);margin-bottom:.35rem;font-size:1.35rem;font-weight:600}.wc-definition{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.6}.wc-section{margin-bottom:1rem}.wc-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.65rem;font-weight:600}.wc-section-text{color:var(--text-secondary);margin:0;font-size:.85rem;font-style:italic;line-height:1.6}.wc-example{border-left:2px solid var(--accent-teal);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#ffffff05;margin-bottom:.5rem;padding:.65rem .85rem}.wc-example-kr{font-family:var(--font-korean);color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.2rem;font-size:.95rem;display:flex}.wc-example-en{color:var(--text-muted);font-size:.8rem}.wc-speak-inline{width:22px;height:22px;color:var(--accent-teal);cursor:pointer;background:#4ecdc41a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:inline-flex}.wc-speak-inline:hover{background:#4ecdc440}.wc-use-cases{flex-wrap:wrap;gap:.4rem;display:flex}.wc-use-tag{color:var(--accent-purple);background:#a78bfa1a;border:1px solid #a78bfa33;border-radius:20px;padding:.25rem .65rem;font-size:.75rem}.wc-conjugations{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.wc-conj-item{border:1px solid var(--border);border-radius:var(--radius-sm);background:#ffffff05;padding:.5rem .7rem}.wc-conj-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem;font-size:.6rem;display:block}.wc-conj-value{font-family:var(--font-korean);color:var(--text-primary);font-size:.95rem;font-weight:500}.word-pos-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.pos-noun{color:var(--accent-blue);background:#60a5fa26}.pos-verb{color:var(--accent-coral);background:#ff6b6b26}.pos-adjective{color:var(--accent-purple);background:#a78bfa26}.pos-adverb{color:var(--accent-green);background:#34d39926}.pos-particle,.pos-expression{color:var(--accent-amber);background:#ffd93d26}.word-english{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.word-definition{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.5}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.section-title{color:var(--text-primary);font-size:1.5rem;font-weight:700}.section-subtitle{color:var(--text-secondary);margin-top:.25rem;font-size:.9rem}.word-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.input-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.input{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-ui);outline:none;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.input:focus{border-color:var(--accent-teal);box-shadow:0 0 0 3px #4ecdc426}.input::placeholder{color:var(--text-muted)}.progress-ring-container{justify-content:center;align-items:center;display:inline-flex;position:relative}.progress-ring-label{flex-direction:column;align-items:center;display:flex;position:absolute}.progress-ring-value{color:var(--text-primary);font-size:1.5rem;font-weight:700}.progress-ring-text{color:var(--text-secondary);font-size:.75rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1.25rem;display:flex}.stat-value{justify-content:center;align-items:center;gap:.25rem;margin-bottom:0;font-size:2rem;font-weight:700;display:inline-flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.conjugation-table{border-collapse:collapse;width:100%;margin:1rem 0}.conjugation-table th,.conjugation-table td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem 1rem}.conjugation-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.conjugation-table td{font-family:var(--font-korean);color:var(--text-primary);font-size:1rem}.conjugation-table tr:hover td{background:#ffffff05}.filter-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.filter-chip{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;font-family:var(--font-ui);background:0 0;border-radius:20px;padding:.4rem 1rem;transition:all .2s}.filter-chip:hover{border-color:var(--border-hover);color:var(--text-primary)}.filter-chip.active{background:var(--accent-teal);color:var(--bg-primary);border-color:var(--accent-teal)}.search-input{background:var(--bg-input);border:1px solid var(--border);min-width:200px;color:var(--text-primary);font-family:var(--font-ui);border-radius:20px;outline:none;flex:1;padding:.5rem 1rem;font-size:.9rem}.search-input:focus{border-color:var(--accent-teal)}.example-list{padding:0;list-style:none}.example-item{border-left:3px solid var(--accent-teal);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#4ecdc408;margin-bottom:.75rem;padding:.75rem}.example-korean{font-family:var(--font-korean);color:var(--text-primary);margin-bottom:.25rem;font-size:1rem}.example-roman{color:var(--text-muted);margin-bottom:.25rem;font-size:.8rem;font-style:italic}.example-english{color:var(--text-secondary);font-size:.9rem}.guest-banner{border-radius:var(--radius-md);background:linear-gradient(135deg,#ff6b6b1a,#ffd93d1a);border:1px solid #ff6b6b33;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.guest-banner-text{color:var(--text-primary);font-size:.9rem}.hero{text-align:center;background:var(--gradient-hero);justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:2rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle,#4ecdc40f,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-200px}.hero:after{content:"";background:radial-gradient(circle,#ff6b6b0f,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-100px;left:-100px}.hero-content{z-index:1;max-width:700px;position:relative}.hero-badge{color:var(--accent-teal);background:#4ecdc41a;border:1px solid #4ecdc433;border-radius:20px;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.85rem;display:inline-block}.hero-title{font-family:var(--font-korean);background:linear-gradient(135deg, var(--text-primary), var(--accent-teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:4rem;font-weight:700;line-height:1.1}.hero-subtitle{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.2rem;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero-korean-bg{font-family:var(--font-korean);color:#ffffff04;z-index:0;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:12rem;font-weight:700;position:absolute}.hero-korean-bg:first-child{top:10%;left:5%;transform:rotate(-15deg)}.hero-korean-bg:nth-child(2){bottom:10%;right:5%;transform:rotate(10deg)}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:2rem;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:2.5rem}.auth-title{text-align:center;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.auth-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:2rem;font-size:.9rem}.auth-divider{text-align:center;color:var(--text-muted);margin:1.5rem 0;font-size:.85rem;position:relative}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);width:40%;height:1px;position:absolute;top:50%}.auth-divider:before{left:0}.auth-divider:after{right:0}.auth-footer{text-align:center;color:var(--text-secondary);margin-top:1.5rem;font-size:.9rem}.auth-footer a{color:var(--accent-teal);font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.error-message{color:var(--accent-coral);border-radius:var(--radius-sm);background:#ff6b6b1a;border:1px solid #ff6b6b33;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.use-case-list{padding:0;list-style:none}.use-case-item{color:var(--text-secondary);padding:.5rem 0 .5rem 1rem;font-size:.9rem;line-height:1.5;position:relative}.use-case-item:before{content:"•";color:var(--accent-amber);position:absolute;left:0}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1rem}.wc-korean{font-size:2.25rem}.wc-card{padding:1.25rem 1.5rem}.word-korean{font-size:2.25rem}.word-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-card{padding:1rem .5rem}.stat-value{font-size:1.6rem}.stat-label{font-size:.7rem}.main-content{padding:1.5rem 1rem}.hero-korean-bg{font-size:6rem}.filter-bar{flex-direction:column;align-items:stretch}.guest-banner{text-align:center;flex-direction:column}.navbar{padding:0 .75rem}.navbar-inner{flex-wrap:nowrap;justify-content:space-between;gap:.5rem;height:auto;min-height:64px;padding:.5rem 0}.navbar-logo{white-space:nowrap;flex-shrink:0;font-size:1.1rem}.navbar-links{flex-shrink:1;gap:.5rem}.navbar-link{white-space:nowrap;padding:.35rem .5rem;font-size:.8rem}.user-name-tag{max-width:70px;font-size:.75rem}.pro-badge,.guest-badge{white-space:nowrap;padding:.25rem .5rem;font-size:.7rem}.navbar-user,.navbar-guest{gap:.4rem}.navbar-link-secondary,.btn-link-secondary{font-size:.75rem}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.section-header>a,.section-header>button{text-align:center;align-self:stretch}.btn{padding:.6rem 1.2rem;font-size:.9rem}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.btn-lg{width:100%;padding:.75rem 1.25rem;font-size:1rem}.modal-card{border-radius:var(--radius-lg);padding:1.5rem}}@media (max-width:580px){.navbar-logo span,.user-name-tag{display:none}.hero-actions{flex-direction:column;align-items:stretch;width:100%;max-width:320px;margin:0 auto}}@media (max-width:480px){.hero-title{font-size:2rem}.auth-card{padding:1.5rem}.stats-grid{grid-template-columns:repeat(3,1fr);gap:.5rem}.stat-card{padding:.75rem .25rem}.stat-value{font-size:1.35rem}.stat-label{letter-spacing:.02em;font-size:.65rem}.modal-card{padding:1.25rem}.question-card{padding:.75rem}.option-btn{padding:.6rem .75rem;font-size:.85rem}.listening-blank-select{max-width:100px;padding:.15rem .4rem;font-size:.9rem}.guest-badge{display:none}.navbar-user,.navbar-guest{gap:.3rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.5s ease-out fadeInUp}.fade-in-up-delay-1{animation-delay:.1s;animation-fill-mode:both}.fade-in-up-delay-2{animation-delay:.2s;animation-fill-mode:both}.fade-in-up-delay-3{animation-delay:.3s;animation-fill-mode:both}.fade-in-up-delay-4{animation-delay:.4s;animation-fill-mode:both}.fade-in-up-delay-5{animation-delay:.5s;animation-fill-mode:both}.pro-badge{background:linear-gradient(135deg, var(--accent-coral) 0%, var(--accent-amber) 100%);color:var(--bg-primary);letter-spacing:.05em;cursor:pointer;border-radius:20px;padding:.35rem .75rem;font-size:.75rem;font-weight:800;transition:all .2s;box-shadow:0 0 10px #ff6b6b66}.pro-badge:hover{transform:scale(1.05)}.guest-badge{border:1px solid var(--border);color:var(--text-secondary);background:#ffffff14;border-radius:20px;padding:.35rem .75rem;font-size:.75rem;font-weight:600}.user-name-tag{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.85rem;overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#05070fd9;justify-content:center;align-items:flex-start;padding:2rem 1rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-card{background:var(--bg-card);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-lg);border:1px solid #ffffff14;margin-bottom:2rem;padding:2.5rem;position:relative}.story-box{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff05;margin-bottom:1.5rem;padding:1.5rem}.story-text-korean{font-family:var(--font-korean);color:var(--text-korean);margin-bottom:1rem;font-size:1.35rem;line-height:1.8}.story-text-english{color:var(--text-secondary);border-top:1px solid var(--border);padding-top:1rem;font-size:.95rem;line-height:1.6}.tab-nav{border-bottom:1px solid var(--border);margin-bottom:1.5rem;display:flex}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;position:relative}.tab-btn.active{color:var(--accent-teal)}.tab-btn.active:after{content:"";background:var(--accent-teal);height:2px;position:absolute;bottom:-1px;left:0;right:0}.ai-badge{color:var(--accent-teal);text-transform:uppercase;background:#4ecdc41a;border:1px solid #4ecdc433;border-radius:4px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.question-card{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff03;margin-bottom:1rem;padding:1.25rem}.option-list{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.option-btn{text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;background:#ffffff08;justify-content:flex-start;align-items:flex-start;width:100%;padding:.75rem 1rem;font-size:.9rem;transition:all .2s;display:flex}.option-btn:hover{background:#ffffff0f}.option-btn.correct{color:var(--accent-green);border-color:var(--accent-green)!important;background:#34d39926!important}.option-btn.incorrect{color:var(--accent-coral);border-color:var(--accent-coral)!important;background:#ff6b6b26!important}@keyframes buttonPulse{0%{box-shadow:0 0 #ff6b6b66}70%{box-shadow:0 0 0 10px #ff6b6b00}to{box-shadow:0 0 #ff6b6b00}}.listening-blank-input{background:var(--bg-input);border:1px solid var(--border);border-bottom:2px solid var(--accent-teal);color:var(--accent-teal);font-family:var(--font-korean);text-align:center;border-radius:4px;outline:none;padding:.1rem .5rem;font-size:1.15rem}.listening-blank-input.correct{border-bottom-color:var(--accent-green);color:var(--accent-green)}.listening-blank-input.incorrect{border-bottom-color:var(--accent-coral);color:var(--accent-coral)}.listening-blank-select{background:var(--bg-input);border:1px solid var(--border);border-bottom:2px solid var(--accent-teal);color:var(--accent-teal);border-radius:var(--radius-sm);font-family:var(--font-korean);text-align:center;cursor:pointer;vertical-align:middle;outline:none;max-width:140px;padding:.2rem .5rem;font-size:1.1rem;display:inline-block}.listening-blank-select.correct{border-bottom-color:var(--accent-green);color:var(--accent-green)}.listening-blank-select.incorrect{border-bottom-color:var(--accent-coral);color:var(--accent-coral)}@keyframes pulseBorder{0%{border-color:#14b8a666;box-shadow:0 0 #14b8a633}50%{border-color:#14b8a6e6;box-shadow:0 0 12px 2px #14b8a666}to{border-color:#14b8a666;box-shadow:0 0 #14b8a633}}.animate-pulse{animation:3s ease-in-out infinite pulseBorder}