.home-page{padding:1rem 0 3rem}.home-launcher{grid-template-columns:repeat(2,1fr);gap:12px;max-width:720px;margin:0 auto 1.5rem;display:grid}.home-launcher-card{color:inherit;border:1px solid #0000;border-radius:12px;align-items:center;gap:14px;padding:18px;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:flex}.hl-dict{background:linear-gradient(135deg,#e8f0ff,#d6e6ff);border-color:#b8d0f4}.hl-dict:hover{transform:translateY(-2px);box-shadow:0 4px 14px #4a90e22e}.hl-write{background:linear-gradient(135deg,#fff5e6,#ffe8c2);border-color:#f0d49a}.hl-write:hover:not(.hl-disabled){transform:translateY(-2px);box-shadow:0 4px 14px #f5a62333}.hl-disabled{opacity:.55;cursor:default}.hl-icon{background:#ffffffb3;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;display:flex}.hl-text{min-width:0}.hl-title{color:#2c3e50;margin-bottom:2px;font-size:1.1rem;font-weight:700}.hl-sub{color:#5a6a7c;font-size:12px}@media (width<=480px){.home-launcher{grid-template-columns:1fr}}.home-progress{background:linear-gradient(135deg,#f0f7ff,#e6f0ff);border:1px solid #cfe0ff;border-radius:10px;max-width:720px;margin:0 auto 1.5rem;padding:14px 16px}.hp-row{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.hp-stat{background:#fff;border-radius:6px;flex-direction:column;align-items:center;padding:8px 4px;display:flex}.hp-num{color:#1a4480;font-size:1.4rem;font-weight:700}.hp-label{color:#555;font-size:11px}.hp-nick-row{color:#355;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;font-size:13px;display:flex}.hp-nick-row label{font-weight:600}.hp-nick-input{background:#fff;border:1px solid #cdd9eb;border-radius:5px;flex:160px;min-width:0;padding:5px 8px;font-size:13px}.hp-nick-btn{color:#fff;cursor:pointer;background:#2c6cdb;border:0;border-radius:5px;padding:5px 10px;font-size:12px}.hp-nick-btn:disabled{cursor:default;background:#9fb6dc}.hp-nick-hint{color:#678;width:100%;font-size:11px}.home-hero{text-align:center;margin-bottom:2rem}.home-hero h1{color:#2c3e50;margin-bottom:.5rem;font-size:2rem}.home-hero p{color:#666;font-size:1.1rem}.lang-select-section{margin-bottom:2rem}.lang-select-buttons{grid-template-columns:1fr 1fr;gap:1rem;max-width:640px;margin:0 auto;display:grid}.lang-select-btn{cursor:pointer;background:#fff;border:3px solid #e0e0e0;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;padding:1.2rem 1rem;transition:all .2s;display:flex;position:relative}.lang-select-btn:hover{border-color:#1a73e8;transform:translateY(-2px);box-shadow:0 4px 16px #1a73e826}.lang-select-btn.active{background:#e8f0fe;border-color:#1a73e8;box-shadow:0 4px 16px #1a73e833}.lang-select-btn.active:after{content:"✓";color:#1a73e8;font-size:1rem;font-weight:700;position:absolute;top:8px;right:12px}.lang-select-flag{font-size:3rem}.lang-select-label{text-align:center;color:#2c3e50;width:100%;margin-top:.3rem;font-size:.95rem;font-weight:700}.lang-select-desc{text-align:center;color:#888;width:100%;font-size:.78rem}.lang-select-url{text-align:center;color:#1a73e8;cursor:pointer;background:#1a73e814;border-radius:6px;width:100%;margin-top:.4rem;padding:.3rem .6rem;font-size:.75rem;transition:background .15s}.lang-select-url:hover{background:#1a73e82e}.lang-select-row{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.6rem;display:flex}.lang-select-field{color:#888;flex-direction:column;gap:.2rem;font-size:.78rem;display:flex}.lang-select-field select{color:#2c3e50;cursor:pointer;background:#fff;border:1px solid #d0d0d0;border-radius:8px;min-width:110px;padding:.35rem .6rem;font-size:.9rem}.lang-select-field select:focus{border-color:#1a73e8;outline:none;box-shadow:0 0 0 2px #1a73e82e}.lang-select-arrow{color:#888;align-self:center;margin-bottom:.35rem;font-size:1.1rem}.voice-section{text-align:center;background:#fff;border-radius:16px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 16px #00000014}.voice-section h2{color:#2c3e50;margin:0 0 .3rem}.voice-desc{color:#888;margin-bottom:1.2rem;font-size:.95rem}.voice-unsupported{color:#e53935}.voice-lang-toggle{justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.lang-btn{color:#555;cursor:pointer;background:#f0f0f0;border:2px solid #0000;border-radius:20px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .15s}.lang-btn:hover{color:#1a73e8;background:#e8f4fd;transform:none}.lang-btn.active{color:#fff;background:#1a73e8;border-color:#1a73e8}.mic-btn{cursor:pointer;background:#f0f0f0;border:3px solid #ddd;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto;padding:0;transition:all .2s;display:flex;position:relative}.mic-btn svg{color:#555;width:32px;height:32px}.mic-btn:hover{background:#f0f8ff;border-color:#1a73e8;transform:none}.mic-btn:hover svg{color:#1a73e8}.mic-btn.active{background:#e53935;border-color:#e53935}.mic-btn.active svg{color:#fff}.mic-btn.active:hover{background:#c62828;border-color:#c62828;transform:none}.mic-pulse{border:3px solid #e53935;border-radius:50%;animation:1.2s infinite pulse-ring;position:absolute;inset:-8px}@keyframes pulse-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.mic-label{text-align:center;color:#888;margin-top:.6rem;font-size:.85rem}.voice-result{background:#f0f8ff;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;margin-top:1rem;padding:.8rem 1.2rem;display:flex}.voice-label{color:#888;font-size:.85rem}.voice-text{color:#1a73e8;font-size:1.2rem;font-weight:700}.voice-search-results{text-align:left;margin-top:1rem}.no-result{text-align:center;color:#999}.voice-word-card{cursor:pointer;background:#f8f9fa;border:1px solid #e8e8e8;border-radius:10px;align-items:center;gap:1rem;margin-bottom:.5rem;padding:.8rem 1rem;transition:all .15s;display:flex}.voice-word-card:hover{border-color:#1a73e8;box-shadow:0 2px 8px #00000014}.vw-left{flex-direction:column;min-width:0;display:flex}.vw-my{color:#1a73e8;font-size:1.15rem;font-weight:700}.vw-ko{color:#333;font-size:.9rem;font-weight:600}.vw-right{flex-direction:column;align-items:flex-end;gap:.15rem;margin-left:auto;display:flex}.vw-en{color:#2e7d32;font-size:.8rem}.vw-pron{color:#aaa;font-size:.75rem;font-style:italic}.vw-cat{color:#888;font-size:.72rem}.vw-save-btn{color:#ccc;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.1rem .2rem;font-size:1.1rem;transition:color .15s}.vw-save-btn:hover{color:#f5a623;transform:none}.vw-save-btn.saved{color:#f5a623}.vw-speak{opacity:.3;cursor:pointer;font-size:1rem;transition:opacity .15s}.voice-word-card:hover .vw-speak{opacity:1}.vw-lookup-wrap{flex-shrink:0;position:relative}.vw-lookup-btn{cursor:pointer;opacity:.3;background:0 0;border:none;padding:.2rem;font-size:.9rem;transition:opacity .15s}.voice-word-card:hover .vw-lookup-btn{opacity:1}.vw-lookup-btn:hover{transform:none}.wl-lookup-menu{z-index:100;background:#fff;border:1px solid #e0e0e0;border-radius:10px;min-width:200px;padding:.5rem 0;animation:.15s lookup-fade;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #00000026}@keyframes lookup-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wl-lookup-group{padding:.3rem 0}.wl-lookup-group+.wl-lookup-group{border-top:1px solid #f0f0f0}.wl-lookup-header{color:#888;text-overflow:ellipsis;white-space:nowrap;padding:.3rem .8rem .2rem;font-size:.75rem;font-weight:700;display:block;overflow:hidden}.wl-lookup-link{color:#333;padding:.4rem .8rem;font-size:.82rem;text-decoration:none;transition:background .1s;display:block}.wl-lookup-link:hover{color:#1a73e8;background:#f0f5ff}.practice-section{text-align:center;background:#fff;border-radius:16px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 16px #00000014}.practice-section h2{color:#2c3e50;margin:0 0 .3rem}.practice-start-btn{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:12px;margin-top:.5rem;padding:.8rem 2rem;font-size:1rem;font-weight:700}.practice-start-btn:hover{background:#219a52;transform:none}.practice-card{max-width:460px;margin:0 auto}.practice-word-display{flex-direction:column;align-items:center;margin-bottom:1.5rem;display:flex}.practice-target-label{color:#888;margin-bottom:.5rem;font-size:.85rem}.practice-target-word{color:#2c3e50;cursor:pointer;font-size:2.8rem;font-weight:800;line-height:1.3;transition:color .15s}.practice-target-word:hover{color:#1a73e8}.practice-listen-hint{vertical-align:super;opacity:.3;margin-left:.3rem;font-size:1rem}.practice-target-word:hover .practice-listen-hint{opacity:1}.practice-sub{color:#888;margin-top:.3rem;font-size:1rem}.practice-mic{width:64px;height:64px}.practice-mic svg{width:26px;height:26px}.practice-result{border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem;padding:1.2rem;display:flex}.practice-result.correct{background:#e8f5e9;border:2px solid #27ae60}.practice-result.wrong{background:#ffeef0;border:2px solid #e53935}.practice-result-icon{font-size:2rem}.practice-result-detail{text-align:left;grid-template-columns:auto 1fr;gap:.3rem .8rem;display:grid}.pr-label{color:#888;font-size:.8rem}.pr-spoken{color:#333;font-size:1rem;font-weight:600}.pr-answer{color:#1a73e8;font-size:1rem;font-weight:600}.pr-msg{margin:.3rem 0 0;font-size:.95rem;font-weight:600}.practice-result.correct .pr-msg{color:#27ae60}.practice-result.wrong .pr-msg{color:#e53935}.practice-actions{justify-content:center;gap:.6rem;margin-top:1rem;display:flex}.home-categories h2{color:#2c3e50;margin:0 0 1rem}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.cat-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #0000;border-radius:12px;padding:1.2rem;transition:all .2s;box-shadow:0 2px 8px #00000012}.cat-card:hover{border-color:#1a73e8;transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.cat-card-icon{font-size:2rem}.cat-card h3{color:#2c3e50;margin:.4rem 0 .2rem;font-size:1rem}.cat-card p{color:#888;margin:0 0 .8rem;font-size:.85rem}.cat-card button{padding:.4rem 1rem;font-size:.85rem}.no-result-wrap{text-align:center;padding:1rem 0}.voice-add-btn{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:10px;margin-top:.5rem;padding:.6rem 1.5rem;font-size:.95rem;font-weight:600}.voice-add-btn:hover{background:#219a52;transform:none}.wl-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wl-modal{background:#fff;border-radius:14px;width:100%;max-width:480px;max-height:90vh;padding:1.5rem;overflow-y:auto;box-shadow:0 8px 32px #0000002e}.wl-modal-header{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.wl-modal-header h2{color:#2c3e50;margin:0;font-size:1.2rem}.wl-modal-close{color:#aaa;cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:1.1rem}.wl-modal-close:hover{color:#555;transform:none}.voice-add-form{flex-direction:column;gap:.7rem;display:flex}.vaf-row{flex-direction:column;gap:.25rem;display:flex}.vaf-row label{color:#555;font-size:.82rem;font-weight:600}.vaf-row input,.vaf-row select{border:1.5px solid #ddd;border-radius:8px;outline:none;padding:.55rem .75rem;font-size:.9rem;transition:border-color .2s}.vaf-row input:focus,.vaf-row select:focus{border-color:#1a73e8}.vaf-row-pair{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.required{color:#e53935}.auto-translate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;width:100%;padding:.6rem;font-size:.88rem;font-weight:600;transition:opacity .15s}.auto-translate-btn:hover{opacity:.9;transform:none}.auto-translate-btn:disabled{opacity:.5;cursor:not-allowed}.vaf-error{color:#e53935;margin:0;font-size:.82rem}.vaf-actions{justify-content:flex-end;gap:.6rem;margin-top:.3rem;display:flex}@media (width<=640px){.voice-section,.practice-section{padding:1.2rem}.practice-target-word{font-size:2rem}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.lang-select-buttons{grid-template-columns:1fr;max-width:320px}.lang-select-flag{font-size:2.4rem}}:root{--primary:#2c3e50;--secondary:#34495e;--accent:#3498db;--success:#27ae60;--light:#f8f9fa;--dark:#212529;--card-shadow:0 4px 6px #0000001a;--transition:all .3s ease}body{color:var(--dark);background-color:#f0f2f5;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 1rem}nav{background-color:var(--primary);color:#fff;margin-bottom:2rem;padding:1rem 0}nav .container{justify-content:space-between;align-items:center;display:flex}nav a{color:#fff;margin-left:1.5rem;font-weight:600;text-decoration:none}.nav-right{align-items:center;display:flex}.nav-lang-buttons{gap:.4rem;display:flex}.nav-lang-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:2px solid #ffffff40;border-radius:20px;align-items:center;padding:.4rem .9rem;font-size:.95rem;transition:all .2s;display:flex}.nav-lang-btn:hover{background:#ffffff40;transform:none}.nav-lang-btn.active{background:#ffffff4d;border-color:#fff;box-shadow:0 0 8px #ffffff4d}.card{box-shadow:var(--card-shadow);background:#fff;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}button{background-color:var(--accent);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:6px;padding:.75rem 1.5rem;font-weight:600}button:hover{background-color:#2980b9;transform:translateY(-2px)}button.secondary{background-color:#95a5a6}button.success{background-color:var(--success)}.flashcard-container{perspective:1000px;width:100%;max-width:400px;height:300px;margin:2rem auto}.flashcard{text-align:center;width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .6s;position:relative}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;background:#fff;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:2rem;display:flex;position:absolute;box-shadow:0 8px 16px #0000001a}.flashcard-back{background:var(--light);transform:rotateY(180deg)}.flashcard h1{margin:0;font-size:2.5rem}.flashcard .pronunciation{color:#7f8c8d;margin-top:1rem;font-style:italic}.category-tag{color:#0288d1;background:#e1f5fe;border-radius:20px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.85rem}.btn-icon{cursor:pointer;color:var(--accent);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.btn-icon:hover{background-color:#3498db1a;transform:none}.btn-icon svg{width:24px;height:24px}.pronunciation{color:#7f8c8d;font-style:italic}