*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#1e1b4b;background:linear-gradient(#faf5ff 0%,#fff 100%) fixed;min-height:100dvh;font-family:Poppins,sans-serif}html,body{height:100%}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:Poppins,sans-serif}input,select{font-family:Poppins,sans-serif}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}body.dark,body.dark #root{color:#e0e0e0;background:#121212}body.dark{min-height:100dvh}body.dark ::-webkit-scrollbar-thumb{background:#333}body.blue,body.blue #root{color:#0d1b3e;background:linear-gradient(135deg,#c3e8ff 0%,#90caf9 25%,#b3a8f5 50%,#5c6bc0 75%,#1a237e 100%) fixed}body.lura,body.lura #root{color:#2a285a;background:linear-gradient(135deg,#ffbd9c 0%,#ffe8f0 25%,#f3e2ff 50%,#a28cff 75%,#584281 100%) fixed}body.lura .inp:focus{border-color:#ff758c;box-shadow:0 0 0 3px #ff758c26}body.lura .inp{background:#ffffffd9;border-color:#ffffff59}body.blue .inp:focus{border-color:#1565c0;box-shadow:0 0 0 3px #1565c01a}body.blue .inp{background:#ffffffd9;border-color:#ffffff59}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideL{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes micPulse{0%,to{box-shadow:0 0 #a6ff0073}70%{box-shadow:0 0 0 20px #a6ff0000}}@keyframes recPulse{0%,to{box-shadow:0 0 #ef535080}70%{box-shadow:0 0 0 18px #ef535000}}@keyframes ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}@keyframes wave{0%,to{transform:scaleY(.1)}50%{transform:scaleY(1)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes logoPulse{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1)}}@keyframes scoreIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes modalFadeUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes voiceToastIn{0%{opacity:0;transform:translate(-50%)translateY(18px)scale(.92)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.afu{animation:.4s both fadeUp}.afi{animation:.3s both fadeIn}.asl{animation:.32s both slideL}.asu{animation:.26s both slideUp}.no-anim .afu,.no-anim .asl,.no-anim .afi,.no-anim .asu,.no-anim .fh-animate{animation:none!important}.inp{color:#1e1b4b;background:#fff;border:1.5px solid #e9e4ff;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:14px}.inp:focus{border-color:#d81b60;box-shadow:0 0 0 3px #d81b601a}.inp.err{border-color:#ef5350}.inp::-webkit-contacts-auto-fill-button{visibility:hidden!important;pointer-events:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;display:none!important}.inp::-webkit-credentials-auto-fill-button{visibility:hidden!important;pointer-events:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;display:none!important}.inp::-webkit-inner-spin-button{visibility:hidden!important;pointer-events:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;display:none!important}.inp::-webkit-outer-spin-button{visibility:hidden!important;pointer-events:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;display:none!important}.inp::-ms-reveal{visibility:hidden!important;pointer-events:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;display:none!important}.inp::-ms-clear{visibility:hidden!important;pointer-events:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;display:none!important}.inp::-webkit-calendar-picker-indicator{visibility:hidden!important;pointer-events:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;display:none!important}input[data-edge-autofill]{color:inherit}input::-moz-placeholder{color:inherit}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.country-option:hover{background:#f8f5ff!important}.country-picker-btn:hover{border-color:#d0cafe!important}.country-dropdown::-webkit-scrollbar{width:5px}.country-dropdown ::-webkit-scrollbar{width:5px}.country-dropdown ::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}body.dark .country-picker-btn{background:#1e1e1e!important;border-color:#333!important}body.dark .country-picker-btn span{color:#e0e0e0!important}body.dark .country-dropdown{background:#1e1e1e!important;border-color:#333!important}body.dark .country-option:hover{background:#2a2a2a!important}body.dark .country-option span{color:#e0e0e0!important}.inp-wrap{width:100%;position:relative}.inp-icon{color:#777;pointer-events:none;z-index:1;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.inp-icon-r{color:#777;cursor:pointer;z-index:1;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.inp-pad{padding-left:42px}body.dark .inp{color:#e0e0e0;background:#1e1e1e;border-color:#333}body.dark .inp:focus{border-color:#a6ff00}body.dark .inp::placeholder{color:#ffffff4d}.btn-p{color:#fff;letter-spacing:.2px;cursor:pointer;background:linear-gradient(135deg,#d81b60,#7c3aed);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 26px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex;box-shadow:0 4px 14px #d81b6040}.btn-p:hover{transform:translateY(-1px);box-shadow:0 6px 20px #d81b6059}.btn-p:active{opacity:.85;transform:translateY(0)}.btn-p:disabled{color:#9ca3af;box-shadow:none;cursor:not-allowed;background:#e9e4ff;transform:none}.btn-s{color:#d81b60;cursor:pointer;background:0 0;border:2px solid #d81b60;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:background .15s,transform .15s;display:inline-flex}.btn-s:hover{background:#d81b600f;transform:translateY(-1px)}.btn-g{color:#4b5563;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:500;display:inline-flex}.btn-g:active{background:#faf5ff}body.dark .btn-p{color:#0a0a0a;background:linear-gradient(135deg,#a6ff00,#6bcc00);box-shadow:0 4px 14px #a6ff0033}body.dark .btn-p:disabled{color:#555;box-shadow:none;background:#1e1e1e}body.dark .btn-p:hover:not(:disabled){box-shadow:0 6px 20px #a6ff004d}body.dark .btn-s{color:#a6ff00;border-color:#a6ff00}body.dark .btn-s:hover{background:#a6ff0014}body.dark .btn-g{color:#888}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 25px #d81b6014,0 4px 12px #00000008}.lv-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #f3e8ff;border-radius:16px;width:100%;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 10px 20px #d81b600f}.lv-card:hover{border-color:#e9e4ff;transform:translateY(-2px);box-shadow:0 12px 28px #d81b601a}.lv-card.sel{border-color:#d81b60;box-shadow:0 0 0 3px #d81b601a}.lv-card:active{transform:scale(.98)}.ch-card{cursor:pointer;background:#fff;border:1px solid #f3e8ff;border-radius:14px;align-items:center;gap:14px;width:100%;padding:15px 18px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 12px #d81b600a}.ch-card:hover{transform:translateY(-1px);box-shadow:0 6px 18px #d81b6014}.ch-card:active{background:#faf5ff}.row-card{cursor:pointer;background:#fff;border:1px solid #f3e8ff;border-radius:14px;align-items:center;gap:14px;width:100%;padding:14px 18px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px 12px #d81b600a}.row-card:hover{transform:translateY(-1px);box-shadow:0 6px 18px #d81b6014}.row-card:active{background:#faf5ff}body.dark .card{background:#1e1e1e;box-shadow:0 1px 4px #0000004d,0 4px 20px #0003}body.dark .lv-card{background:#1e1e1e;border-color:#333}body.dark .lv-card.sel{border-color:#a6ff00}body.dark .ch-card{background:#1e1e1e;border-color:#333}body.dark .ch-card:hover{background:#242424}body.dark .ch-card:active{background:#2a2a2a}body.dark .row-card{background:#1e1e1e;border-color:#333}body.dark .row-card:hover{background:#242424}body.dark .row-card:active{background:#2a2a2a}.nav-i{cursor:pointer;color:#4b5563;background:0 0;border:none;border-radius:12px;align-items:center;gap:11px;width:100%;padding:11px 14px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-i.on{color:#d81b60;background:#d81b601a;font-weight:600}.nav-i:hover{background:#d81b600f}.nav-i:active{background:#d81b6026}.bot-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;padding:8px 16px;font-size:10px;font-weight:500;display:flex}.bot-btn.on{color:#d81b60}.t-chip{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e9e4ff;border-radius:24px;padding:7px 15px;font-family:Poppins,sans-serif;font-size:13px;font-weight:500;box-shadow:0 2px 8px #7c3aed0d}.t-chip:active{color:#d81b60;background:#d81b601a;border-color:#d81b60}body.dark .nav-i{color:#888}body.dark .nav-i.on{color:#a6ff00;background:#2a2a2a}body.dark .nav-i:hover{background:#222}body.dark .nav-i:active{background:#333}body.dark .bot-btn{color:#888}body.dark .bot-btn.on{color:#a6ff00}body.dark .t-chip{color:#888;background:#1e1e1e;border-color:#333}body.dark .t-chip:active{color:#a6ff00;background:#2a2a2a;border-color:#a6ff00}body.blue .btn-p{background:linear-gradient(135deg,#1565c0,#5c6bc0);box-shadow:0 4px 14px #1565c040}body.blue .btn-p:hover{box-shadow:0 6px 20px #1565c059}body.blue .btn-s{color:#1565c0;border-color:#1565c0}body.blue .btn-s:hover{background:#1565c014}body.blue .card{-webkit-backdrop-filter:blur(24px)saturate(1.3);background:#ffffff73;border:1px solid #ffffff73;box-shadow:0 8px 32px #1b3a6b1f,inset 0 1px #ffffff80}body.blue .lv-card{-webkit-backdrop-filter:blur(20px)saturate(1.3);background:#fff6;border:1px solid #fff6;box-shadow:0 8px 24px #1b3a6b1a,inset 0 1px #fff6}body.blue .lv-card:hover{background:#ffffff80;border-color:#ffffff8c;box-shadow:0 12px 32px #1b3a6b29}body.blue .lv-card.sel{border-color:#1565c0;box-shadow:0 0 0 3px #1565c026}body.blue .ch-card{-webkit-backdrop-filter:blur(20px)saturate(1.3);background:#ffffff59;border:1px solid #ffffff59;box-shadow:0 4px 16px #1b3a6b14,inset 0 1px #fff6}body.blue .ch-card:hover{background:#ffffff73;box-shadow:0 8px 24px #1b3a6b1f}body.blue .ch-card:active{background:#ffffff8c}body.blue .row-card{-webkit-backdrop-filter:blur(20px)saturate(1.3);background:#ffffff59;border:1px solid #ffffff59;box-shadow:0 4px 16px #1b3a6b14,inset 0 1px #fff6}body.blue .row-card:hover{background:#ffffff73;box-shadow:0 8px 24px #1b3a6b1f}body.blue .row-card:active{background:#ffffff8c}body.blue .nav-i.on{color:#1565c0;background:#1565c01f}body.blue .nav-i:hover{background:#1565c00f}body.blue .nav-i:active{background:#1565c02e}body.lura .btn-p{background:linear-gradient(135deg,#ff758c,#6e44ff);box-shadow:0 4px 14px #ff758c40}body.lura .btn-p:hover{box-shadow:0 6px 20px #ff758c59}body.lura .btn-s{color:#ff758c;border-color:#ff758c}body.lura .btn-s:hover{background:#ff758c14}body.lura .card{-webkit-backdrop-filter:blur(24px)saturate(1.4);background:#ffffff73;border:1px solid #ffffff73;box-shadow:0 8px 32px #5842811f,inset 0 1px #ffffff80}body.lura .lv-card{-webkit-backdrop-filter:blur(20px)saturate(1.3);background:#fff6;border:1px solid #fff6;box-shadow:0 8px 24px #5842811a,inset 0 1px #fff6}body.lura .lv-card:hover{background:#ffffff80;border-color:#ffffff8c;box-shadow:0 12px 32px #58428129}body.lura .lv-card.sel{border-color:#ff758c;box-shadow:0 0 0 3px #ff758c26}body.lura .ch-card{-webkit-backdrop-filter:blur(20px)saturate(1.3);background:#ffffff59;border:1px solid #ffffff59;box-shadow:0 4px 16px #58428114,inset 0 1px #fff6}body.lura .ch-card:hover{background:#ffffff73;box-shadow:0 8px 24px #5842811f}body.lura .ch-card:active{background:#ffffff8c}body.lura .row-card{-webkit-backdrop-filter:blur(20px)saturate(1.3);background:#ffffff59;border:1px solid #ffffff59;box-shadow:0 4px 16px #58428114,inset 0 1px #fff6}body.lura .row-card:hover{background:#ffffff73;box-shadow:0 8px 24px #5842811f}body.lura .row-card:active{background:#ffffff8c}body.lura .nav-i.on{color:#ff758c;background:#ff758c1f}body.lura .nav-i:hover{background:#ff758c0f}body.lura .nav-i:active{background:#ff758c2e}body.lura .bot-btn.on{color:#ff758c}body.lura .t-chip{-webkit-backdrop-filter:blur(16px);background:#ffffff59;border-color:#ffffff59;box-shadow:0 2px 8px #5842810f}body.lura .t-chip:active{color:#ff758c;background:#ff758c1a;border-color:#ff758c}body.lura .bbl-ai{-webkit-backdrop-filter:blur(20px);background:#ffffff73;border:1px solid #fff6;box-shadow:0 4px 16px #58428114}body.lura .bbl-user{background:linear-gradient(135deg,#ff758c,#6e44ff);box-shadow:0 6px 16px #ff758c40}body.lura .bbl-live{color:#ff758c;background:#ff758c14;border-color:#ff758c}body.lura .trans-area{color:#6e44ff;border-color:#ffffff59}body.lura .prog-bg{background:#ff758c26}body.lura .btn-g:active{background:#ffffff8c}body.lura .sidebar{-webkit-backdrop-filter:blur(28px)saturate(1.4);background:#ffffff59;border-color:#ffffff59}body.lura .stat-box{-webkit-backdrop-filter:blur(16px);background:#ffffff4d;border:1px solid #ffffff4d}body.blue .bot-btn.on{color:#1565c0}body.blue .t-chip{-webkit-backdrop-filter:blur(16px);background:#ffffff59;border-color:#ffffff59;box-shadow:0 2px 8px #1b3a6b0f}body.blue .t-chip:active{color:#1565c0;background:#1565c01a;border-color:#1565c0}body.blue .bbl-ai{-webkit-backdrop-filter:blur(20px);background:#ffffff73;border:1px solid #fff6;box-shadow:0 4px 16px #1b3a6b14}body.blue .bbl-user{background:linear-gradient(135deg,#1565c0,#5c6bc0);box-shadow:0 6px 16px #1565c040}body.blue .bbl-live{color:#1565c0;background:#1565c014;border-color:#1565c0}body.blue .trans-area{color:#1565c0;border-color:#ffffff59}body.blue .prog-bg{background:#1565c026}body.blue .btn-g:active{background:#ffffff8c}body.blue .sidebar{-webkit-backdrop-filter:blur(28px)saturate(1.3);background:#ffffff59;border-color:#ffffff59}body.blue .stat-box{-webkit-backdrop-filter:blur(16px);background:#ffffff4d;border:1px solid #ffffff4d}.bbl-ai{color:#1e1b4b;cursor:pointer;background:#fff;border:1px solid #e9e4ff;border-radius:18px 18px 18px 4px;max-width:75%;padding:13px 17px;font-size:14px;line-height:1.7;animation:.26s slideUp;box-shadow:0 4px 15px #7c3aed0f}.bbl-user{color:#fff;background:linear-gradient(135deg,#7c3aed,#a78bfa);border-radius:18px 18px 4px;max-width:75%;padding:13px 17px;font-size:14px;line-height:1.7;animation:.26s slideUp;box-shadow:0 6px 16px #7c3aed40}.bbl-live{color:#7c3aed;background:#7c3aed0d;border:1.5px dashed #7c3aed;border-radius:18px 18px 4px;max-width:75%;padding:11px 15px;font-size:14px;font-style:italic}.trans-area{color:#7c3aed;border-top:1px dashed #e9e4ff;margin-top:10px;padding-top:10px;font-size:13px;line-height:1.6}.trans-loading{background:linear-gradient(90deg,#f3f0ff 25%,#fff 50%,#f3f0ff 75%) 0 0/400px 100%;border-radius:6px;width:80%;height:14px;animation:1.2s ease-in-out infinite shimmer}body.dark .bbl-ai{color:#e0e0e0;background:#1e1e1e;border-color:#333}body.dark .bbl-live{color:#a6ff00;background:#1e1e1e;border-color:#a6ff00}body.dark .trans-area{border-color:#333}body.dark .trans-loading{background:linear-gradient(90deg,#1e1e1e 25%,#333 50%,#1e1e1e 75%) 0 0/400px 100%}.mic-idle{background:linear-gradient(135deg,#7c3aed,#a78bfa);animation:2s infinite micPulse}.mic-listen{background:linear-gradient(135deg,#ef4444,#f472b6);animation:1.2s infinite recPulse}.mic-speak{background:linear-gradient(135deg,#7c3aed,#818cf8);animation:2s ease-in-out infinite breathe}.mic-think{background:linear-gradient(135deg,#7c3aed,#a78bfa)}.prog-bg{background:#e9e4ff;border-radius:8px;height:8px;overflow:hidden}.prog-fill{border-radius:8px;height:100%;transition:width 1s}.sl{color:#6b7280;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:600}.bdg{letter-spacing:.3px;border-radius:20px;padding:3px 11px;font-size:12px;font-weight:600;display:inline-block}.stat-box{text-align:center;background:#fff;border:1px solid #e9e4ff;border-radius:14px;padding:14px 10px;box-shadow:0 4px 15px #7c3aed0d}.err-msg{color:#ef4444;align-items:center;gap:4px;margin-top:5px;font-size:12px;display:flex}body.dark .prog-bg{background:#333}body.dark .stat-box{background:#1e1e1e}.d-grid{grid-template-columns:268px 1fr;height:100dvh;display:grid;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #e0e0e0;flex-direction:column;height:100%;display:flex}.show-d{display:block}.show-m{display:none}.d-grid.show-d{display:grid}body.dark .sidebar{background:#1e1e1e;border-color:#333}.content-w{max-width:820px;margin:0 auto}.content-n{max-width:860px;margin:0 auto}@media (width>=1200px){.d-grid{grid-template-columns:300px 1fr}.sidebar{min-width:300px;padding-top:4px}.content-w,.content-n{max-width:960px;padding-left:32px!important;padding-right:32px!important}.card{padding:28px}.stat-box{padding:18px 14px;font-size:18px}.nav-i{gap:13px;padding:13px 18px;font-size:15px}.fh-grid{gap:18px!important;margin-bottom:30px!important}.lv-card{padding:22px}.ch-card{padding:17px 20px}.row-card{padding:16px 20px}}@media (width>=1600px){.d-grid{grid-template-columns:340px 1fr}.sidebar{min-width:340px}.content-w{max-width:1120px;padding-left:40px!important;padding-right:40px!important}.content-n{max-width:1100px;padding-left:40px!important;padding-right:40px!important}.fh-grid{gap:22px!important;margin-bottom:34px!important}.nav-i{gap:14px;padding:14px 20px;font-size:15px}.stat-box{padding:20px 16px}.card{padding:30px}}.dm-toggle{cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.dm-track{background:#e0e0e0;border-radius:12px;flex-shrink:0;width:42px;height:24px;transition:background .3s;position:relative}.dm-track.on{background:#a6ff00}.dm-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.dm-track.on .dm-thumb{transform:translate(18px)}@media (width>=769px) and (width<=1024px){.d-grid{grid-template-columns:220px 1fr}.card{padding:20px}.btn-p{padding:13px 22px}}@media (width<=768px){.d-grid{grid-template-columns:1fr}.d-grid.show-d,.sidebar,.show-d{display:none}.show-m{display:flex}.hide-narrow{display:none!important}.card{border-radius:14px;padding:16px}.lv-card{padding:16px}.ch-card,.row-card{padding:13px 15px}.bbl-ai,.bbl-user,.bbl-live{max-width:88%;font-size:13px}.bot-btn{padding:10px 8px 12px;font-size:9px}.inp{padding:14px 16px;font-size:15px}.btn-p{min-height:50px;padding:15px 26px;font-size:15px}.t-chip{white-space:nowrap;padding:9px 16px;font-size:13px}.sl{margin-bottom:10px;font-size:10px}.stat-box{padding:12px 8px}.prog-bg{height:6px}.rg-4{grid-template-columns:repeat(2,1fr)!important}.tabs-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.tabs-scroll::-webkit-scrollbar{display:none}.bot-safe{padding-bottom:env(safe-area-inset-bottom,0px)!important}}@media (width<=380px){.card{padding:13px}.bbl-ai,.bbl-user{padding:11px 14px;font-size:12px}.btn-p{font-size:14px}.bot-btn{padding:8px 4px 10px;font-size:8px}.rg-4{grid-template-columns:1fr!important}.rg-3{grid-template-columns:1fr 1fr!important}}.streak-popup{z-index:600;direction:ltr;background:#fff;border:1px solid #e9e4ff;border-radius:14px;width:300px;max-width:calc(100vw - 24px);margin:0 auto;padding:14px 16px;animation:.15s both streakIn;position:fixed;top:56px;left:0;right:0;box-shadow:0 10px 30px #7c3aed1f}@keyframes streakIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.streak-popup .sp-inner{align-items:center;gap:14px;display:flex}.streak-popup .sp-left{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.streak-popup .sp-right{flex:1;min-width:0}.streak-popup .sp-days{justify-content:space-between;margin-bottom:4px;display:flex}.streak-popup .sp-grid{background:#f5f3ff;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 6px;display:flex}.streak-popup .sp-day{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.streak-popup .sp-footer{color:#7c3aed;text-align:center;font-size:10px;font-weight:500}body.dark .streak-popup .sp-grid{background:#2a2a2a}body.dark .streak-popup .sp-footer{color:#a6ff00}.streak-popup-sidebar{animation:.15s both fadeDown;position:absolute;top:auto;bottom:calc(100% + 8px);left:0;transform:none}@keyframes fadeDown{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=380px){.streak-popup .sp-inner{gap:10px}.streak-popup .sp-grid{padding:8px 4px}}@keyframes typingDot{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes uiLangDropIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes trialPopIn{0%{opacity:0;transform:scale(.9)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes xpToastPop{0%{opacity:0;transform:translate(-50%)translateY(-18px)scale(.9)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes xpPopIn{0%{opacity:0;transform:translateY(12px)scale(.8)}60%{opacity:1;transform:translateY(-3px)scale(1.05)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes xpLevelUpIn{0%{opacity:0}to{opacity:1}}@keyframes xpLevelUpScale{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.onb-page{background:#f4f6fb;flex-direction:column;min-height:100dvh;display:flex;overflow-x:hidden}.onb-hero{background:0 0;justify-content:center;align-items:center;padding:16px 0 12px;display:flex;position:relative}.onb-title{text-align:center;margin-bottom:0;padding:20px 24px 10px}.onb-title h1{color:#1a202c;letter-spacing:-.02em;margin-bottom:6px;font-size:clamp(20px,5vw,28px);font-weight:800}.onb-title p{color:#718096;max-width:420px;margin:0 auto;font-size:13px;line-height:1.5}.onb-cards-wrap{flex:1;width:100%;max-width:640px;margin:0 auto;padding:0 16px 8px}.onb-cards-grid{direction:ltr;grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.onb-cards-grid .onb-lang-card:last-child:nth-child(odd){grid-column:1/-1}.onb-lang-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:14px 10px 12px;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.onb-lang-card:hover{background:#fff;border-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 8px 20px #00000012}.onb-lang-card--active{background:#fff0f5!important;border-color:#d81b60!important;box-shadow:0 0 0 1px #d81b6033,0 6px 18px #d81b601a!important}.onb-lang-flag{margin-bottom:2px;font-size:32px;line-height:1}.onb-lang-label{color:#1a202c;letter-spacing:.01em;font-size:13px;font-weight:700}.onb-lang-check{color:#d81b60;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:3px;margin-top:4px;font-size:8px;font-weight:800;display:flex}body.dark .onb-page{background:#121212}body.dark .onb-title h1{color:#e0e0e0}body.dark .onb-title p{color:#b0b0b0}body.dark .onb-lang-card{background:#1e1e1e;border-color:#333}body.dark .onb-lang-card:hover{background:#252525;border-color:#444;box-shadow:0 8px 20px #0000004d}body.dark .onb-lang-card--active{background:#a6ff0014!important;border-color:#a6ff00!important;box-shadow:0 0 0 1px #a6ff0033,0 6px 18px #a6ff0014!important}body.dark .onb-lang-label{color:#e0e0e0}body.dark .onb-lang-check{color:#a6ff00}body.blue .onb-lang-card--active{background:#1565c00f!important;border-color:#1565c0!important;box-shadow:0 0 0 1px #1565c033,0 6px 18px #1565c014!important}body.blue .onb-lang-check{color:#1565c0}body.lura .onb-lang-card--active{background:#ff758c0f!important;border-color:#ff758c!important;box-shadow:0 0 0 1px #ff758c33,0 6px 18px #ff758c14!important}body.lura .onb-lang-check{color:#ff758c}.onb-action{justify-content:center;padding:8px 20px 24px;display:flex}.onb-list-wrap{flex:1;width:100%;max-width:480px;margin:0 auto;padding:0 20px 8px;overflow-y:auto}.onb-lang-list{flex-direction:column;gap:8px;display:flex}.onb-lang-row{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;width:100%;padding:14px 16px;transition:all .2s;display:flex}.onb-lang-row:hover{background:#fafafa;border-color:#cbd5e0}.onb-lang-row--active{background:#fff0f5!important;border-color:#d81b60!important}.onb-lang-row .onb-lang-flag{flex-shrink:0;font-size:28px;line-height:1}.onb-lang-rowlabel{color:#1a202c;text-align:left;flex:1;font-size:16px;font-weight:600}body.dark .onb-lang-row{background:#1e1e1e;border-color:#333}body.dark .onb-lang-row:hover{background:#252525;border-color:#444}body.dark .onb-lang-row--active{background:#a6ff0014!important;border-color:#a6ff00!important}body.dark .onb-lang-rowlabel{color:#e0e0e0}body.blue .onb-lang-row--active{background:#1565c00f!important;border-color:#1565c0!important}body.lura .onb-lang-row--active{background:#ff758c0f!important;border-color:#ff758c!important}.section-banner{justify-content:center;align-items:center;width:100px;height:100px;animation:5s ease-in-out infinite globeFloat;display:flex;position:relative}@keyframes globeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.curved-corner-star{display:flex;position:relative}#curved-corner-bottomleft,#curved-corner-bottomright,#curved-corner-topleft,#curved-corner-topright{width:4px;height:5px;position:relative;overflow:hidden}#curved-corner-bottomleft:before,#curved-corner-bottomright:before,#curved-corner-topleft:before,#curved-corner-topright:before{content:"";border-radius:50%;width:200%;height:200%;display:block;position:absolute}#curved-corner-bottomleft:before{bottom:0;left:0;box-shadow:-5px 5px #d81b60}#curved-corner-bottomright:before{bottom:0;right:0;box-shadow:5px 5px #d81b60}#curved-corner-topleft:before{top:0;left:0;box-shadow:-5px -5px #d81b60}#curved-corner-topright:before{top:0;right:0;box-shadow:5px -5px #d81b60}@keyframes twinkling{0%,to{opacity:.1}50%{opacity:1}}#star-1{animation:3s infinite twinkling;position:absolute;top:0;left:-20px}#star-2{animation:2s infinite twinkling;position:absolute;top:30px;left:-40px}#star-3{animation:4s infinite twinkling;position:absolute;top:90px;left:350px}#star-4{animation:3s infinite twinkling;position:absolute;top:290px;left:200px}#star-5{animation:1.5s infinite twinkling;position:absolute;top:270px;left:50px}#star-6{animation:4s infinite twinkling;position:absolute;top:-50px;left:250px}#star-7{animation:2s infinite twinkling;position:absolute;top:60px;left:290px}@media (width<=480px){.section-banner{width:90px;height:90px}.onb-cards-grid{gap:8px}.onb-lang-card{border-radius:14px;padding:12px 8px 10px}.onb-lang-flag{font-size:28px}.onb-lang-label{font-size:12px}.onb-title h1{font-size:20px}.onb-title p{font-size:12px}.onb-title{padding:14px 20px 6px}.onb-hero{padding:20px 0 16px}#star-3{top:60px;left:230px}#star-4{top:210px;left:180px}#star-5{top:210px;left:40px}#star-6{top:-30px;left:200px}#star-7{top:40px;left:220px}}@media (width>=768px){.onb-page{justify-content:center;align-items:center}.onb-cards-grid{grid-template-columns:repeat(3,1fr);gap:14px}.onb-hero{padding:40px 0 24px}.section-banner{width:120px;height:120px}.onb-cards-wrap{max-width:680px}.onb-lang-card{padding:20px 14px 16px}.onb-lang-flag{font-size:38px}.onb-lang-label{font-size:15px}.onb-title h1{font-size:32px}.onb-title p{max-width:500px;font-size:15px}#star-3{top:80px;left:300px}#star-4{top:250px;left:200px}#star-5{top:240px;left:50px}#star-6{top:-40px;left:240px}#star-7{top:50px;left:270px}}@media (width>=1024px){.onb-page .lang-grid{justify-content:center;scroll-snap-type:none!important;flex-wrap:wrap!important;gap:12px!important;overflow-x:visible!important}.onb-page .lang-arrow{display:none!important}.onb-page{align-items:center;padding-top:20px}.onb-hero{padding:48px 0 28px}.section-banner{width:140px;height:140px}.section-banner svg{width:100px;height:100px}.onb-title{padding:24px 24px 16px}.onb-title h1{letter-spacing:-.03em;font-size:36px}.onb-title p{max-width:520px;font-size:16px;line-height:1.6}.onb-cards-wrap{max-width:760px;padding:0 24px 16px}.onb-cards-grid{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.onb-lang-card{border-radius:18px;gap:4px;width:calc(25% - 12px);padding:24px 16px 20px}.onb-lang-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000017}.onb-lang-flag{margin-bottom:4px;font-size:44px}.onb-lang-label{font-size:16px}.onb-lang-check{margin-top:6px;font-size:9px}.onb-action{padding:16px 20px 32px}.onb-action .btn-p{border-radius:16px!important;max-width:340px!important;height:56px!important;font-size:17px!important}#star-1{top:-10px;left:-40px}#star-2{top:40px;left:-60px}#star-3{top:90px;left:380px}#star-4{top:300px;left:260px}#star-5{top:280px;left:60px}#star-6{top:-50px;left:300px}#star-7{top:60px;left:340px}}.paper-wrap{scroll-behavior:smooth;justify-content:center;padding:24px 12px 100px;animation:.5s both fadeIn;display:flex}.paper-page{background:#fdfbf7;border:1px solid #0000000f;border-radius:4px;width:100%;max-width:720px;padding:48px 44px 56px;position:relative;box-shadow:0 1px 3px #0000000f,0 6px 24px #00000014,inset 0 0 80px #00000004}.paper-page:before{content:"";background:linear-gradient(#0000 5%,#b43c3c14 15% 85%,#0000 95%);width:1px;margin-left:38px;position:absolute;top:0;bottom:0;left:0}.paper-page.dark{background:#1e1f2b;border-color:#ffffff0f;box-shadow:0 1px 3px #0003,0 6px 24px #00000040,inset 0 0 80px #00000014}.paper-page.dark:before{background:linear-gradient(#0000 5%,#ffffff0a 15% 85%,#0000 95%)}.paper-header{border-bottom:1px solid #00000012;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:16px;display:flex}.paper-page.dark .paper-header{border-bottom-color:#ffffff12}.paper-title{font-family:Georgia,Times New Roman,serif;font-size:22px;font-weight:700;line-height:1.3}.paper-tag{letter-spacing:.8px;text-transform:uppercase;opacity:.55;margin-top:3px;font-size:11px}.paper-body{text-align:justify;-webkit-hyphens:auto;hyphens:auto;word-break:break-word;font-family:Georgia,Times New Roman,Noto Serif,serif;font-size:17px;line-height:1.75}.paper-body .pw{cursor:pointer;border-radius:3px;padding:0 1px;transition:color .15s,background .15s}.paper-body .pw:hover{background:#2e7d3214}.paper-body .pw.active{color:#2e7d32;background:#2e7d321f;padding:0 3px;font-weight:600}.paper-body .pw.sent-hl{background:#ffc1071a}.paper-page.dark .paper-body .pw:hover{background:#82c8821a}.paper-page.dark .paper-body .pw.sent-hl{background:#ffc1070f}@keyframes tooltipIn{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.word-tooltip{z-index:999;pointer-events:auto;background:#fdfbf7;border:1px solid #0000001a;border-radius:14px;min-width:200px;max-width:320px;padding:16px 18px;animation:.22s both tooltipIn;position:fixed;box-shadow:0 8px 32px #0000001f,0 2px 6px #0000000f}.word-tooltip.dark{background:#262838;border-color:#ffffff14;box-shadow:0 8px 32px #00000059,0 2px 6px #0003}.word-tooltip .wt-word{color:#2e7d32;margin-bottom:2px;font-family:Georgia,serif;font-size:18px;font-weight:700}.word-tooltip.dark .wt-word{color:#81c784}.word-tooltip .wt-trans{margin-bottom:6px;font-size:13px;font-weight:600}.word-tooltip .wt-def{opacity:.7;margin-bottom:8px;font-size:13px;font-style:italic}.word-tooltip .wt-ex{background:#00000008;border:1px solid #0000000d;border-radius:8px;padding:8px 10px;font-size:13px;line-height:1.5}.word-tooltip.dark .wt-ex{background:#ffffff0a;border-color:#ffffff0f}.word-tooltip .wt-spin{vertical-align:-2px;border:2px solid #2e7d32;border-top-color:#0000;border-radius:50%;width:14px;height:14px;margin-right:6px;animation:.7s linear infinite spin;display:inline-block}.word-tooltip .wt-close{cursor:pointer;opacity:.35;background:0 0;border:none;padding:2px 4px;font-size:16px;line-height:1;position:absolute;top:8px;right:10px}.word-tooltip .wt-close:hover{opacity:.7}.paper-vocab{border-top:1px solid #0000000f;flex-wrap:wrap;gap:7px;margin-top:24px;padding:14px 0;display:flex}.paper-page.dark .paper-vocab{border-top-color:#ffffff0f}.paper-vocab .pv-chip{cursor:pointer;background:0 0;border:1px solid #0000001a;border-radius:20px;padding:5px 14px;font-family:Georgia,serif;font-size:13px;transition:all .18s}.paper-vocab .pv-chip:hover{color:#2e7d32;border-color:#2e7d32}.paper-vocab .pv-chip.active{color:#2e7d32;background:#2e7d320f;border-color:#2e7d32;font-weight:600}.paper-page.dark .paper-vocab .pv-chip{border-color:#ffffff1f}.paper-page.dark .paper-vocab .pv-chip:hover,.paper-page.dark .paper-vocab .pv-chip.active{color:#81c784;background:#81c78414;border-color:#81c784}.paper-focus-overlay{z-index:50;pointer-events:none;background:#00000073;animation:.3s both fadeIn;position:fixed;inset:0}@media (width<=600px){.paper-wrap{padding:0 0 90px}.paper-page{box-shadow:none;border:none;border-radius:0;padding:28px 20px 40px}.paper-page:before{margin-left:16px}.paper-body{font-size:16px;line-height:1.7}.paper-title{font-size:19px}.word-tooltip{max-width:none;left:12px!important;right:12px!important}}.write-surface{background:#fdfbf7;border:1px solid #00000014;border-radius:20px;padding:36px 40px 40px 60px;font-family:Georgia,Times New Roman,serif;position:relative;box-shadow:0 2px 24px #0000000f,0 0 0 1px #00000005}.write-surface:before{content:"";background:#dc50502e;width:1.5px;position:absolute;top:0;bottom:0;left:52px}.write-surface.dark{background:#1a1a2e;border-color:#ffffff0f;box-shadow:0 2px 24px #0000004d}.write-surface.dark:before{background:#dc50501a}.write-editor-area{min-height:280px;padding:0;position:relative}.write-textarea{color:#4a4a4a;resize:none;box-sizing:border-box;caret-color:#5c6bc0;caret-shape:bar;background:0 0;border:none;outline:none;width:100%;min-height:280px;padding:12px 0;font-family:Georgia,Times New Roman,Noto Serif,serif;font-size:17px;line-height:2;transition:color .2s;overflow:hidden}.write-textarea:focus{color:#1a1a2e}.paper-page.dark .write-textarea{color:#bbb;caret-color:#a6ff00}.paper-page.dark .write-textarea:focus{color:#f0f0f0}.write-textarea::placeholder{color:#00000038;font-size:15px;font-style:italic}.paper-page.dark .write-textarea::placeholder{color:#ffffff2e}.write-editor-area.focused{border-radius:12px;transition:box-shadow .25s;box-shadow:0 0 0 2px #5c6bc01f}.paper-page.dark .write-editor-area.focused{box-shadow:0 0 0 2px #a6ff0014}.write-wc-badge{color:#00000059;-webkit-user-select:none;user-select:none;background:#0000000a;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-family:Poppins,system-ui,sans-serif;font-size:12px;font-weight:500;transition:all .3s;display:inline-flex}.write-wc-badge.reached{color:#2e7d32;background:#4caf501a}.write-wc-badge.over{color:#e65100;background:#ff98001a}.paper-page.dark .write-wc-badge{color:#ffffff4d;background:#ffffff0f}.paper-page.dark .write-wc-badge.reached{color:#81c784;background:#4caf501a}.paper-page.dark .write-wc-badge.over{color:#ffb74d;background:#ff98001a}.write-progress-track{background:#0000000a;border-radius:2px;height:3px;margin-top:16px;overflow:hidden}.paper-page.dark .write-progress-track{background:#ffffff0f}.write-progress-fill{border-radius:2px;height:100%;transition:width .4s,background .3s}.write-saved-badge{color:#4caf50;opacity:0;align-items:center;gap:4px;font-size:11px;font-weight:500;transition:opacity .3s;display:inline-flex}.write-saved-badge.visible{opacity:1}.wg-section{flex-wrap:wrap;gap:6px;display:flex}.wg-chip{cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .18s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.wg-chip:after{content:"";border-radius:inherit;opacity:0;background:#5c6bc026;transition:transform .3s,opacity .3s;position:absolute;inset:0;transform:scale(0)}.wg-chip.inserted:after{opacity:1;transform:scale(1)}.wg-chip:hover{color:#5c6bc0;border-color:#5c6bc0;transform:translateY(-1px);box-shadow:0 3px 8px #5c6bc01f}.wg-chip:active{transform:scale(.95)}.paper-page.dark .wg-chip{color:#ccc;box-shadow:none;background:#ffffff0f;border-color:#ffffff14}.paper-page.dark .wg-chip:after{background:#a6ff001f}.paper-page.dark .wg-chip:hover{color:#a6ff00;border-color:#a6ff00}.write-struct-dots{align-items:center;gap:12px;display:flex}.write-struct-dot{align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex}.write-struct-dot .dot{border:1.5px solid #00000026;border-radius:50%;width:8px;height:8px;transition:all .25s}.write-struct-dot .dot.filled{border-color:#0000;transform:scale(1.1)}.write-diff-add{background:#2e7d321a;border-radius:3px;padding:1px 3px}.write-diff-del{opacity:.6;background:#ef53501a;border-radius:3px;padding:1px 3px;text-decoration:line-through}.write-trend{align-items:flex-end;gap:3px;height:32px;display:flex}.write-trend-bar{border-radius:3px 3px 0 0;width:6px;min-height:3px;transition:height .3s}.write-focus-mode .paper-wrap{padding-top:48px}.write-focus-mode .paper-page{max-width:640px;margin:0 auto;transition:max-width .3s,box-shadow .3s;box-shadow:0 1px 4px #00000008,0 8px 32px #00000014,0 20px 60px #0000000f}.write-focus-mode .paper-page.dark{box-shadow:0 1px 4px #0000001a,0 8px 32px #0000004d,0 20px 60px #0003}.write-focus-overlay{z-index:40;-webkit-backdrop-filter:blur(2px);pointer-events:none;background:#00000040;animation:.3s both fadeIn;position:fixed;inset:0}.write-focus-mode.dark-bg .write-focus-overlay{background:#00000073}.write-cta{color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:24px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .25s;display:flex;position:relative;overflow:hidden}.write-cta:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 20px #5c6bc04d}.write-cta:not(:disabled):active{transform:translateY(0)scale(.98)}.write-cta:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;transform:none;background:#ccc!important}.write-cta.loading{opacity:.85;pointer-events:none}.write-assist-bar{border-top:1px solid #0000000d;margin-top:20px;padding:12px 0 0}.paper-page.dark .write-assist-bar{border-top-color:#ffffff0f}.write-assist-toggle{letter-spacing:.5px;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;color:#00000059;background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-size:11px;font-weight:600;transition:color .2s;display:flex}.write-assist-toggle:hover{color:#0000008c}.paper-page.dark .write-assist-toggle{color:#ffffff4d}.paper-page.dark .write-assist-toggle:hover{color:#ffffff80}@media (width<=600px){.write-textarea{min-height:220px;font-size:16px;line-height:1.85}.write-focus-mode .paper-wrap{padding-top:0}.wg-chip{padding:4px 11px;font-size:11px}}details[open]>summary .details-chevron{transform:rotate(90deg)}.details-chevron{transition:transform .2s}@keyframes timerPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.06)}}.write-timer-pulse{animation:.8s ease-in-out infinite timerPulse}.write-cta-wrap{text-align:center;position:relative}.write-cta-hint{color:#00000040;letter-spacing:.5px;margin-top:6px;font-family:Poppins,system-ui,sans-serif;font-size:11px;font-weight:500}.paper-page.dark .write-cta-hint{color:#fff3}@media (width<=600px){.write-cta-wrap{z-index:30;padding:0 4px;position:sticky;bottom:12px}.write-cta-wrap .write-cta{box-shadow:0 4px 20px #00000026}.write-cta-hint{display:none}}.write-score-card{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(8px)}.write-score-card.revealed{opacity:1;transform:translateY(0)}.write-score-bar{transition:width .7s cubic-bezier(.25,.8,.25,1)}.write-score-val{transition:color .3s}.write-copy-btn:hover{background:#00000008!important;border-color:#00000026!important}.paper-page.dark .write-copy-btn:hover{background:#ffffff0f!important;border-color:#ffffff1f!important}.write-vocab-chip:hover{transform:translateY(-1px);box-shadow:0 3px 10px #5c6bc01a;border-color:#5c6bc0!important}.write-vocab-chip:active{transform:scale(.96)}.write-encouragement{animation:.5s both fadeIn}.write-hero{text-align:center;padding:24px 20px;position:relative;overflow:hidden}.write-xp-card{border-radius:18px;margin-bottom:8px;padding:16px 20px 14px}.write-xp-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.write-xp-left{align-items:center;gap:12px;display:flex}.write-xp-icon{border-radius:11px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 12px #5c6bc033}.write-xp-title{letter-spacing:-.2px;font-size:14px;font-weight:700}.write-xp-sub{margin-top:1px;font-size:11px;font-weight:500}.write-xp-history-btn{cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.write-xp-history-btn:hover{background:#5c6bc00f;transform:translateY(-1px)}.write-xp-bar-track{border-radius:3px;height:6px;overflow:hidden}.write-xp-bar-fill{border-radius:3px;min-width:4px;height:100%;transition:width .6s cubic-bezier(.25,.8,.25,1)}.write-exam-card{cursor:pointer;background:linear-gradient(135deg,#0000000f,#00000005);border-radius:20px;margin-bottom:20px;padding:3px;transition:all .3s;position:relative;overflow:hidden}.write-exam-card:hover{transform:translateY(-2px);box-shadow:0 12px 36px #ff98001f}.write-exam-card.active{background:linear-gradient(135deg,#ff9800,#ff5722,#e91e63);box-shadow:0 8px 32px #ff572233}.write-exam-card.active:hover{box-shadow:0 12px 40px #ff57224d}.write-exam-card-bg{opacity:0;background:linear-gradient(135deg,#ff98000a,#ff572205);border-radius:20px;transition:opacity .3s;position:absolute;inset:0}.write-exam-card:hover .write-exam-card-bg{opacity:1}.write-exam-card.active .write-exam-card-bg{opacity:0}.write-exam-card-content{z-index:1;background:#fff;border-radius:17px;align-items:center;gap:14px;padding:16px 20px;transition:background .3s;display:flex;position:relative}.write-exam-card.active .write-exam-card-content{-webkit-backdrop-filter:blur(10px);background:#ffffff1f}.write-exam-icon-wrap{flex-shrink:0;position:relative}.write-exam-icon{background:linear-gradient(135deg,#ff9800,#ff5722);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 6px 20px #ff572240}.write-exam-card:hover .write-exam-icon{transform:scale(1.06);box-shadow:0 8px 28px #ff572259}.write-exam-pulse{border:2px solid #ff57224d;border-radius:18px;animation:2s ease-in-out infinite examPulse;position:absolute;inset:-4px}@keyframes examPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:0;transform:scale(1.12)}}.write-exam-text{text-align:left;flex:1}.write-exam-title{letter-spacing:-.2px;color:#333;font-size:15px;font-weight:700;transition:color .3s}.write-exam-card.active .write-exam-title{color:#fff}.write-exam-desc{color:#999;margin-top:2px;font-size:12px;line-height:1.4;transition:color .3s}.write-exam-card.active .write-exam-desc{color:#ffffffb3}.write-exam-toggle{background:#0000001a;border-radius:13px;flex-shrink:0;width:48px;height:26px;transition:background .3s;position:relative}.write-exam-toggle.on{background:#ffffff4d}.write-exam-toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000026}.write-exam-toggle.on .write-exam-toggle-knob{left:25px;box-shadow:0 2px 8px #0003}.dark .write-exam-card{background:linear-gradient(135deg,#ffffff0f,#ffffff05)}.dark .write-exam-card-content{background:#1e1f2b}.dark .write-exam-card.active .write-exam-card-content{background:#0003}.dark .write-exam-title{color:#eee}.dark .write-exam-desc{color:#888}.dark .write-exam-toggle{background:#ffffff1a}@media (width<=600px){.write-exam-card-content{gap:12px;padding:14px 16px}.write-exam-icon{border-radius:12px;width:42px;height:42px}.write-xp-card{padding:14px 16px 12px}}.write-hero-glow{filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#5c6bc014 0%,#5c6bc005 50%,#0000 70%);border-radius:50%;width:260px;height:260px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.write-hero-icon{filter:drop-shadow(0 12px 28px #0000001a);z-index:1;justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 16px;animation:4s ease-in-out infinite heroFloat;display:flex;position:relative}.write-hero-icon-dark{z-index:1;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;animation:4s ease-in-out infinite heroFloat;display:flex;position:relative;box-shadow:0 8px 24px #5c6bc040}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.write-hero-title{letter-spacing:-.3px;z-index:1;margin-bottom:6px;font-size:22px;font-weight:800;position:relative}.write-hero-sub{z-index:1;max-width:360px;margin:0 auto 20px;font-size:13px;line-height:1.6;position:relative}.write-section-label{text-transform:uppercase;letter-spacing:1px;align-items:center;gap:6px;margin-bottom:12px;padding-left:2px;font-size:11px;font-weight:700;display:flex}.write-topic-grid{flex-direction:column;gap:10px;display:flex}.write-topic-card{cursor:pointer;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;transition:all .22s;display:flex;position:relative;box-shadow:0 1px 3px #0000000a}.write-topic-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00000014}.write-topic-card:active{transform:translateY(0)scale(.99)}.write-topic-card.done:hover{box-shadow:0 8px 28px #2e7d321a}.write-topic-card-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s;display:flex}.write-topic-card:hover .write-topic-card-icon{transform:scale(1.05)}.write-topic-card-body{flex:1;min-width:0}.write-topic-card-title{margin-bottom:3px;font-size:14px;font-weight:650;line-height:1.3}.write-topic-card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.write-topic-card-meta{align-items:center;gap:8px;margin-top:6px;font-size:11px;font-weight:500;display:flex}.write-topic-badge{letter-spacing:.3px;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.write-topic-badge.done-badge{font-size:11px}.write-ai-topic:hover{border-color:#5c6bc059!important}.write-pro-badge{text-transform:uppercase;color:#f59e0b;letter-spacing:.5px;background:#f59e0b1a;border:1px solid #f59e0b2e;border-radius:6px;padding:2px 8px;font-size:9px;font-weight:800;position:absolute;top:8px;right:8px}@media (width<=600px){.write-hero{padding:20px 12px 22px}.write-hero-icon{width:72px;height:72px}.write-hero-icon-dark{border-radius:14px;width:48px;height:48px}.write-hero-title{font-size:20px}.write-hero-stats{gap:16px;padding:8px 18px}.write-hero-stat-num{font-size:16px}.write-topic-card{gap:12px;padding:14px}.write-topic-card-icon{border-radius:11px;width:40px;height:40px}.write-controls-row{gap:8px}}