:root{--duo-green: #58CC02;--duo-green-dark: #46a302;--duo-green-light: #89E219;--duo-green-bg: #d7ffb8;--duo-blue: #1CB0F6;--duo-blue-dark: #1899d6;--duo-red: #FF4B4B;--duo-red-dark: #ea2b2b;--duo-yellow: #FFC800;--duo-yellow-dark: #e5b400;--duo-purple: #CE82FF;--duo-purple-dark: #b36de2;--duo-orange: #FF9600;--duo-orange-dark: #e08600;--duo-white: #FFFFFF;--duo-snow: #F7F7F7;--duo-gray-100: #E5E5E5;--duo-gray-200: #D4D4D4;--duo-gray-300: #AFAFAF;--duo-gray-400: #777777;--duo-gray-500: #4B4B4B;--duo-gray-600: #3C3C3C;--duo-dark: #1A1A2E;--bg-primary: var(--duo-snow);--bg-card: var(--duo-white);--bg-sidebar: var(--duo-white);--border: var(--duo-gray-100);--border-strong: var(--duo-gray-200);--text-primary: var(--duo-gray-500);--text-secondary: var(--duo-gray-400);--text-muted: var(--duo-gray-300);--text-dark: #3C3C3C;--accent: var(--duo-green);--accent-dark: var(--duo-green-dark);--accent-bg: var(--duo-green-bg);--btn-depth: 4px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:Nunito,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-primary);color:var(--text-primary);line-height:1.5}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--duo-gray-200);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--duo-gray-300)}::selection{background:#58cc0240}:focus-visible{outline:3px solid var(--duo-green);outline-offset:2px}a{color:var(--duo-blue);text-decoration:none;font-weight:700}a:hover{text-decoration:underline}.btn-3d{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:16px;font-family:inherit;font-size:.95rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:filter .1s;position:relative;-webkit-user-select:none;user-select:none}.btn-3d:active{transform:translateY(var(--btn-depth));box-shadow:none!important}.btn-3d--green{background:var(--duo-green);color:#fff;box-shadow:0 var(--btn-depth) 0 var(--duo-green-dark)}.btn-3d--green:hover{filter:brightness(1.05)}.btn-3d--blue{background:var(--duo-blue);color:#fff;box-shadow:0 var(--btn-depth) 0 var(--duo-blue-dark)}.btn-3d--red{background:var(--duo-red);color:#fff;box-shadow:0 var(--btn-depth) 0 var(--duo-red-dark)}.btn-3d--purple{background:var(--duo-purple);color:#fff;box-shadow:0 var(--btn-depth) 0 var(--duo-purple-dark)}.btn-3d--white{background:var(--duo-white);color:var(--text-primary);border:2px solid var(--duo-gray-200);box-shadow:0 var(--btn-depth) 0 var(--duo-gray-200)}.btn-3d--white:hover{background:var(--duo-snow)}.btn-3d--disabled,.btn-3d:disabled{background:var(--duo-gray-100);color:var(--duo-gray-300);box-shadow:0 var(--btn-depth) 0 var(--duo-gray-200);cursor:not-allowed;pointer-events:none}.btn-3d--lg{padding:16px 32px;font-size:1.05rem;border-radius:18px}.btn-3d--full{width:100%}.duo-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.duo-badge--green{background:var(--duo-green-bg);color:var(--duo-green-dark)}.duo-badge--yellow{background:#fff3d0;color:#b8860b}.duo-badge--red{background:#ffe0e0;color:var(--duo-red-dark)}.duo-badge--blue{background:#dff3fe;color:var(--duo-blue-dark)}.duo-badge--purple{background:#f3e8ff;color:var(--duo-purple-dark)}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes xpFloat{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-60px) scale(1.3)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-bounce{animation:bounce .4s ease}.animate-shake{animation:shake .5s ease}.animate-fadeInUp{animation:fadeInUp .4s ease}.animate-pop{animation:pop .3s ease}.auth-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg-primary)}.auth-loading p{font-size:.95rem;color:var(--text-secondary)}.spinner{width:28px;height:28px;border:4px solid var(--duo-gray-100);border-top-color:var(--duo-green);border-radius:50%;animation:spin .7s linear infinite}.duo-layout{min-height:100vh;background:var(--bg-primary)}.duo-topbar{position:fixed;top:0;left:0;right:0;height:60px;background:var(--duo-white);border-bottom:2px solid var(--duo-gray-100);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:200}.topbar-left{display:flex;align-items:center;gap:16px}.topbar-logo{display:flex;align-items:center;gap:8px}.logo-icon{color:var(--duo-green)}.logo-text{font-size:1.4rem;font-weight:900;color:var(--duo-green);letter-spacing:-.02em}.topbar-right{display:flex;align-items:center;gap:12px;flex:1;justify-content:flex-end;margin-right:16px}.topbar-user{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--duo-snow);border-radius:12px}.topbar-user__icon{color:var(--duo-gray-400)}.topbar-user__email{font-size:.85rem;font-weight:700;color:var(--text-primary);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout{padding:8px 14px!important;font-size:.8rem!important;display:flex;align-items:center;gap:6px}.topbar-stats{display:flex;align-items:center;gap:20px}.topbar-stat{display:flex;align-items:center;gap:4px;cursor:default}.stat-icon--flame{color:var(--duo-orange)}.stat-icon--xp{color:var(--duo-yellow)}.stat-value{font-size:1rem;font-weight:800;color:var(--text-dark)}.topbar-stat--hearts{display:flex;gap:2px}.heart-icon--full{color:var(--duo-red);transition:transform .2s}.heart-icon--empty{color:var(--duo-gray-200)}.duo-sidebar{position:fixed;top:60px;left:0;bottom:0;width:80px;background:var(--duo-white);border-right:2px solid var(--duo-gray-100);display:flex;flex-direction:column;align-items:center;padding:16px 0;gap:8px;z-index:100}.duo-nav-link{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border-radius:14px;text-decoration:none;color:var(--duo-gray-300);width:64px;transition:all .2s}.duo-nav-link:hover{background:var(--duo-snow);color:var(--duo-gray-400);text-decoration:none}.duo-nav-link--active{color:var(--duo-green);background:var(--duo-green-bg)}.duo-nav-link--active:hover{background:var(--duo-green-bg);color:var(--duo-green)}.nav-icon-wrap{display:flex;align-items:center;justify-content:center}.nav-label{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.duo-main{margin-left:80px;margin-top:60px;min-height:calc(100vh - 60px)}.duo-content{max-width:720px;margin:0 auto;padding:32px 24px}.xp-float{position:fixed;top:70px;right:80px;font-size:1.3rem;font-weight:900;color:var(--duo-yellow);text-shadow:0 2px 8px rgba(255,200,0,.3);animation:xpFloat 1.5s ease forwards;pointer-events:none;z-index:500}@media(max-width:768px){.duo-sidebar{position:fixed;inset:auto 0 0;width:100%;height:70px;flex-direction:row;justify-content:space-around;padding:0;border-right:none;border-top:2px solid var(--duo-gray-100)}.duo-nav-link{width:auto;padding:8px 16px}.duo-main{margin-left:0;margin-bottom:70px}.duo-content{padding:20px 16px}.topbar-logo .logo-text{display:none}.topbar-user__email{max-width:100px}.btn-logout span{display:none}}.duo-progress{width:100%}.duo-progress__label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.85rem;font-weight:800;color:var(--text-dark)}.duo-progress__percent{color:var(--duo-green)}.duo-progress__track{width:100%;background:var(--duo-gray-100);border-radius:20px;overflow:hidden}.duo-progress--sm .duo-progress__track{height:8px}.duo-progress--md .duo-progress__track{height:14px}.duo-progress--lg .duo-progress__track{height:20px}.duo-progress__fill{height:100%;background:linear-gradient(90deg,var(--duo-green),var(--duo-green-light));border-radius:20px;transition:width .5s ease;position:relative;overflow:hidden}.duo-progress__shine{position:absolute;top:2px;left:8px;right:8px;height:40%;background:#ffffff4d;border-radius:10px}.duo-home{max-width:100%}.duo-hero{display:flex;align-items:center;gap:20px;background:var(--duo-white);border:2px solid var(--duo-gray-100);border-radius:20px;padding:28px;margin-bottom:20px}.duo-hero__mascot{width:80px;height:80px;border-radius:50%;background:var(--duo-green-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--duo-green)}.duo-hero__text h1{font-size:1.4rem;font-weight:900;color:var(--text-dark);margin-bottom:4px}.duo-hero__text p{font-size:.95rem;color:var(--text-secondary);font-weight:600}.duo-quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.quick-stat{display:flex;align-items:center;gap:10px;background:var(--duo-white);border:2px solid var(--duo-gray-100);border-radius:16px;padding:16px;cursor:default}.quick-stat__icon--streak{color:var(--duo-orange)}.quick-stat__icon--xp{color:var(--duo-yellow)}.quick-stat__icon--accuracy{color:var(--duo-blue)}.quick-stat__icon--level{color:var(--duo-purple)}.quick-stat__value{display:block;font-size:1.3rem;font-weight:900;color:var(--text-dark)}.quick-stat__label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.duo-level-bar{background:var(--duo-white);border:2px solid var(--duo-gray-100);border-radius:16px;padding:16px 20px;margin-bottom:20px}.duo-cta{margin-bottom:32px}.duo-section-title{display:flex;align-items:center;gap:8px;font-size:1.1rem;font-weight:900;color:var(--text-dark);margin-bottom:16px}.duo-topics-section{margin-bottom:32px}.duo-topic-path{display:flex;flex-direction:column;gap:12px;position:relative}.duo-topic-path:before{content:"";position:absolute;left:50%;top:20px;bottom:20px;width:4px;background:var(--duo-gray-100);border-radius:2px;transform:translate(-50%);z-index:0}.duo-topic-node{display:flex;align-items:center;gap:14px;background:var(--duo-white);border:2px solid var(--duo-gray-100);border-radius:18px;padding:14px 18px;cursor:pointer;transition:all .2s;width:70%;position:relative;z-index:1}.duo-topic-node:hover{border-color:var(--duo-green);box-shadow:0 4px 0 var(--duo-green-dark);transform:translateY(-2px)}.duo-topic-node--left{align-self:flex-start}.duo-topic-node--right{align-self:flex-end}.topic-node__circle{width:48px;height:48px;border-radius:50%;background:var(--duo-green-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.3rem;border:3px solid var(--duo-green);box-shadow:0 3px 0 var(--duo-green-dark)}.topic-node__info{flex:1}.topic-node__name{display:block;font-size:.95rem;font-weight:800;color:var(--text-dark)}.topic-node__count{font-size:.75rem;font-weight:700;color:var(--text-muted)}.topic-node__arrow{color:var(--duo-gray-300);transition:transform .2s}.duo-topic-node:hover .topic-node__arrow{transform:translate(3px);color:var(--duo-green)}.duo-levels-section{margin-bottom:32px}.duo-level-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.duo-level-card{text-align:center;padding:24px 16px;border-radius:18px;border:2px solid var(--duo-gray-100);background:var(--duo-white);cursor:pointer;transition:all .2s}.duo-level-card:hover{transform:translateY(-3px)}.duo-level-card--junior{border-bottom:4px solid #58CC02}.duo-level-card--junior:hover{box-shadow:0 4px #46a302}.duo-level-card--middle{border-bottom:4px solid var(--duo-yellow)}.duo-level-card--middle:hover{box-shadow:0 4px 0 var(--duo-yellow-dark)}.duo-level-card--senior{border-bottom:4px solid var(--duo-red)}.duo-level-card--senior:hover{box-shadow:0 4px 0 var(--duo-red-dark)}.level-card__emoji{display:block;font-size:2rem;margin-bottom:8px}.level-card__name{display:block;font-size:.9rem;font-weight:900;text-transform:uppercase;color:var(--text-dark);margin-bottom:4px}.level-card__count{font-size:1.6rem;font-weight:900;color:var(--text-dark)}@media(max-width:768px){.duo-quick-stats{grid-template-columns:repeat(2,1fr)}.duo-topic-node{width:100%}.duo-level-cards{grid-template-columns:1fr}}.filter-panel{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;flex:1;min-width:250px;padding:10px 16px;background:var(--duo-white);border:2px solid var(--duo-gray-200);border-radius:14px;box-shadow:0 2px 0 var(--duo-gray-200);transition:border-color .2s}.search-box:focus-within{border-color:var(--duo-green);box-shadow:0 2px 0 var(--duo-green-dark)}.search-box input{flex:1;border:none;background:none;outline:none;font-family:inherit;font-size:.95rem;font-weight:600;color:var(--text-dark)}.search-box input::placeholder{color:var(--text-muted);font-weight:600}.search-box svg{color:var(--text-muted);flex-shrink:0}.search-clear{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:2px;display:flex;border-radius:6px}.search-clear:hover{color:var(--duo-red)}.filter-group{display:flex;align-items:center;gap:6px}.filter-group svg{color:var(--text-muted)}.filter-group select{padding:8px 12px;border:2px solid var(--duo-gray-200);border-radius:12px;background:var(--duo-white);color:var(--text-dark);font-family:inherit;font-size:.85rem;font-weight:700;cursor:pointer;outline:none;box-shadow:0 2px 0 var(--duo-gray-200);transition:border-color .2s}.filter-group select:focus{border-color:var(--duo-green)}.sort-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid var(--duo-gray-200);border-radius:12px;background:var(--duo-white);color:var(--text-secondary);font-size:1rem;font-weight:900;cursor:pointer;box-shadow:0 2px 0 var(--duo-gray-200);transition:all .15s}.sort-toggle:hover{border-color:var(--duo-green);color:var(--duo-green)}.sort-toggle:active{transform:translateY(2px);box-shadow:none}.filter-reset{display:flex;align-items:center;gap:4px;padding:8px 14px;border:2px solid var(--duo-red);border-radius:12px;background:none;color:var(--duo-red);font-family:inherit;font-size:.85rem;font-weight:800;cursor:pointer;box-shadow:0 2px 0 var(--duo-red-dark);transition:all .15s}.filter-reset:hover{background:var(--duo-red);color:#fff}.filter-reset:active{transform:translateY(2px);box-shadow:none}.filter-info{font-size:.85rem;font-weight:700;color:var(--text-muted)}.filter-info strong{color:var(--duo-green)}.qcard{display:flex;align-items:center;gap:14px;background:var(--duo-white);border:2px solid var(--duo-gray-100);border-radius:18px;padding:16px 18px;cursor:pointer;transition:all .15s;box-shadow:0 2px 0 var(--duo-gray-100)}.qcard:hover{border-color:var(--duo-green);box-shadow:0 4px 0 var(--duo-green-dark);transform:translateY(-2px)}.qcard:active{transform:translateY(2px);box-shadow:none}.qcard--compact{padding:12px 14px}.qcard__left{flex-shrink:0}.qcard__circle{width:44px;height:44px;border-radius:50%;background:var(--duo-green-bg);border:3px solid var(--duo-green);display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 2px 0 var(--duo-green-dark)}.qcard--compact .qcard__circle{width:36px;height:36px;font-size:1rem}.qcard__body{flex:1;min-width:0}.qcard__badges{display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap}.qcard__title{font-size:.95rem;font-weight:800;color:var(--text-dark);margin:0;line-height:1.4}.qcard--compact .qcard__title{font-size:.85rem}.qcard__meta{display:flex;gap:14px;margin-top:8px}.qcard__meta span{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:700;color:var(--text-muted)}.qcard__arrow{flex-shrink:0;color:var(--duo-gray-300);transition:all .2s}.qcard:hover .qcard__arrow{color:var(--duo-green);transform:translate(3px)}.qdetail{max-width:100%}.qdetail__back{display:inline-flex;align-items:center;gap:6px;background:none;border:2px solid var(--duo-gray-200);border-radius:12px;padding:8px 16px;color:var(--text-secondary);font-size:.85rem;font-weight:800;cursor:pointer;margin-bottom:20px;box-shadow:0 2px 0 var(--duo-gray-200);transition:all .15s}.qdetail__back:hover{border-color:var(--duo-green);color:var(--duo-green)}.qdetail__back:active{transform:translateY(2px);box-shadow:none}.qdetail__header{background:var(--duo-white);border:2px solid var(--duo-gray-100);border-radius:20px;padding:28px;margin-bottom:16px;text-align:center}.qdetail__icon{font-size:2.5rem;margin-bottom:12px}.qdetail__badges{display:flex;gap:6px;justify-content:center;margin-bottom:14px}.qdetail__title{font-size:1.35rem;font-weight:900;color:var(--text-dark);line-height:1.4;margin-bottom:16px}.qdetail__meta{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.qdetail__meta span{display:flex;align-items:center;gap:5px;font-size:.85rem;font-weight:700;color:var(--text-secondary)}.qdetail__section{background:var(--duo-white);border:2px solid var(--duo-gray-100);border-radius:18px;padding:22px;margin-bottom:14px}.qdetail__section h3{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:900;color:var(--text-dark);margin-bottom:14px}.qdetail__hint{display:flex;align-items:flex-start;gap:12px;background:#fff8e1;border-color:var(--duo-yellow)}.qdetail__hint svg{color:var(--duo-yellow);flex-shrink:0;margin-top:2px}.qdetail__hint p{font-size:.95rem;font-weight:600;color:#8b6914;line-height:1.6}.qdetail__options{display:flex;flex-direction:column;gap:8px}.qdetail__opt{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:14px;font-size:.9rem;font-weight:600;line-height:1.5}.qdetail__opt--correct{background:var(--duo-green-bg);color:var(--duo-green-dark)}.qdetail__opt--wrong{background:var(--duo-snow);color:var(--text-muted)}.qdetail__opt svg{flex-shrink:0;margin-top:2px}.qdetail__eval-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.eval-card{padding:16px;border-radius:14px;font-size:.85rem;line-height:1.5;border:2px solid}.eval-card strong{display:block;margin-bottom:6px;font-size:.8rem}.eval-card p{color:var(--text-secondary);margin:0;font-weight:600}.eval-card--weak{background:#ff4b4b0a;border-color:#ff4b4b33}.eval-card--weak strong{color:var(--duo-red)}.eval-card--medium{background:#ffc8000a;border-color:#ffc80033}.eval-card--medium strong{color:var(--duo-yellow-dark)}.eval-card--strong{background:#58cc020a;border-color:#58cc0233}.eval-card--strong strong{color:var(--duo-green)}.qdetail__flags{display:flex;flex-direction:column;gap:6px}.flag-item{padding:10px 14px;background:#ff4b4b0d;border-radius:12px;font-size:.85rem;font-weight:600;color:var(--text-dark)}.qdetail__followups{display:flex;flex-direction:column;gap:6px}.followup-item{padding:10px 14px;background:var(--duo-snow);border-radius:12px;font-size:.9rem;font-weight:600;color:var(--text-dark)}.qdetail__diff-levels{display:flex;flex-direction:column;gap:10px}.diff-row{display:flex;align-items:center;gap:12px}.diff-row__label{width:80px;font-size:.85rem;font-weight:800;text-transform:capitalize;color:var(--text-secondary)}.diff-row__track{flex:1;height:10px;background:var(--duo-gray-100);border-radius:5px;overflow:hidden}.diff-row__fill{height:100%;background:linear-gradient(90deg,var(--duo-green),var(--duo-green-light));border-radius:5px;transition:width .4s ease}.diff-row__val{width:40px;text-align:right;font-size:.8rem;font-weight:800;color:var(--duo-green)}.qdetail__tags{display:flex;gap:6px;flex-wrap:wrap}.duo-tag{padding:4px 12px;border-radius:20px;background:var(--duo-snow);border:2px solid var(--duo-gray-100);font-size:.75rem;font-weight:700;color:var(--text-secondary)}.qdetail__related{display:flex;flex-direction:column;gap:8px}.questions-page{max-width:100%}.page-title{font-size:1.4rem;font-weight:900;color:var(--text-dark);margin:0 0 20px}.questions-list{display:flex;flex-direction:column;gap:10px}.empty-state{text-align:center;padding:60px 20px;background:var(--duo-white);border:2px solid var(--duo-gray-100);border-radius:20px}.empty-state p:first-child{font-size:1.2rem;font-weight:900;color:var(--text-dark);margin-bottom:6px}.empty-hint{font-size:.9rem;color:var(--text-muted);font-weight:600}.load-more-btn{display:block;width:100%;padding:14px;margin-top:14px;border:2px dashed var(--duo-gray-200);border-radius:16px;background:none;color:var(--text-secondary);font-family:inherit;font-size:.9rem;font-weight:800;cursor:pointer;transition:all .2s}.load-more-btn:hover{border-color:var(--duo-green);color:var(--duo-green);background:#58cc020a}.quiz-setup{text-align:center;max-width:520px;margin:0 auto}.quiz-setup__icon{width:80px;height:80px;margin:0 auto 16px;border-radius:50%;background:var(--duo-green-bg);color:var(--duo-green);display:flex;align-items:center;justify-content:center}.quiz-setup__title{font-size:1.6rem;font-weight:900;color:var(--text-dark);margin-bottom:6px}.quiz-setup__desc{font-size:.95rem;color:var(--text-secondary);font-weight:600;margin-bottom:20px}.quiz-setup__hearts{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:24px}.heart--full{color:var(--duo-red)}.heart--empty{color:var(--duo-gray-200)}.hearts-label{font-size:.8rem;font-weight:800;color:var(--text-muted);margin-left:8px}.quiz-setup__form{text-align:left;display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.duo-form-field label{display:block;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin-bottom:8px}.duo-chips{display:flex;gap:8px}.duo-chips--wrap{flex-wrap:wrap}.duo-chip{padding:8px 16px;border:2px solid var(--duo-gray-200);border-radius:14px;background:var(--duo-white);color:var(--text-dark);font-size:.85rem;font-weight:800;cursor:pointer;transition:all .15s;box-shadow:0 2px 0 var(--duo-gray-200)}.duo-chip:hover{border-color:var(--duo-green)}.duo-chip:active{transform:translateY(2px);box-shadow:none}.duo-chip--active{background:var(--duo-green-bg);border-color:var(--duo-green);color:var(--duo-green-dark);box-shadow:0 2px 0 var(--duo-green-dark)}.duo-select{width:100%;padding:10px 14px;border:2px solid var(--duo-gray-200);border-radius:14px;background:var(--duo-white);color:var(--text-dark);font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer;outline:none;box-shadow:0 2px 0 var(--duo-gray-200)}.duo-select:focus{border-color:var(--duo-green)}.quiz-setup__info{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.info-pill{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--duo-snow);border-radius:20px;font-size:.75rem;font-weight:800;color:var(--text-secondary)}.info-pill svg{color:var(--duo-yellow)}.quiz-active{max-width:640px;margin:0 auto;position:relative}.quiz-top{display:flex;align-items:center;gap:14px;margin-bottom:24px}.quiz-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid var(--duo-gray-200);border-radius:10px;background:none;color:var(--duo-gray-300);cursor:pointer;flex-shrink:0;transition:all .2s}.quiz-close:hover{border-color:var(--duo-red);color:var(--duo-red)}.quiz-progress-wrap{flex:1}.quiz-hearts-mini{display:flex;gap:2px;flex-shrink:0}.quiz-body{background:var(--duo-white);border:2px solid var(--duo-gray-100);border-radius:20px;padding:28px;margin-bottom:20px}.quiz-q-badges{display:flex;gap:6px;margin-bottom:16px}.quiz-q-text{font-size:1.2rem;font-weight:800;color:var(--text-dark);line-height:1.5;margin-bottom:20px}.quiz-hint-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:2px dashed var(--duo-gray-200);border-radius:10px;background:none;color:var(--text-muted);font-size:.8rem;font-weight:700;cursor:pointer;margin-bottom:16px;transition:all .2s}.quiz-hint-btn:hover{border-color:var(--duo-yellow);color:var(--duo-yellow)}.quiz-hint-box{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background:#fff8e1;border:2px solid var(--duo-yellow);border-radius:12px;font-size:.85rem;font-weight:600;color:#b8860b;margin-bottom:16px}.quiz-options{display:flex;flex-direction:column;gap:10px}.quiz-opt{display:flex;align-items:center;gap:14px;padding:14px 18px;border:2px solid var(--duo-gray-200);border-radius:16px;background:var(--duo-white);text-align:left;font-size:.95rem;font-weight:600;color:var(--text-dark);cursor:pointer;transition:all .15s;box-shadow:0 3px 0 var(--duo-gray-200)}.quiz-opt:hover:not(:disabled){border-color:var(--duo-blue);background:#f0f9ff}.quiz-opt:active:not(:disabled){transform:translateY(3px);box-shadow:none}.quiz-opt--selected{border-color:var(--duo-blue);background:#dff3fe;box-shadow:0 3px 0 var(--duo-blue-dark)}.quiz-opt--correct{border-color:var(--duo-green)!important;background:var(--duo-green-bg)!important;box-shadow:0 3px 0 var(--duo-green-dark)!important;animation:bounce .4s ease}.quiz-opt--correct .quiz-opt__icon{color:var(--duo-green)}.quiz-opt--wrong{border-color:var(--duo-red)!important;background:#ffe0e0!important;box-shadow:0 3px 0 var(--duo-red-dark)!important;animation:shake .5s ease}.quiz-opt--wrong .quiz-opt__icon{color:var(--duo-red)}.quiz-opt--dim{opacity:.4}.quiz-opt__letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;background:var(--duo-snow);font-size:.85rem;font-weight:900;color:var(--text-secondary);flex-shrink:0;border:2px solid var(--duo-gray-200)}.quiz-opt--selected .quiz-opt__letter{background:var(--duo-blue);color:#fff;border-color:var(--duo-blue)}.quiz-opt--correct .quiz-opt__letter{background:var(--duo-green);color:#fff;border-color:var(--duo-green)}.quiz-opt--wrong .quiz-opt__letter{background:var(--duo-red);color:#fff;border-color:var(--duo-red)}.quiz-opt__text{flex:1;line-height:1.4}.quiz-opt__icon{flex-shrink:0}.quiz-feedback-banner{position:fixed;bottom:0;left:80px;right:0;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;animation:fadeInUp .3s ease;z-index:100}.quiz-feedback-banner--correct{background:var(--duo-green-bg);border-top:3px solid var(--duo-green)}.quiz-feedback-banner--correct .feedback-info{color:var(--duo-green-dark)}.quiz-feedback-banner--wrong{background:#ffe0e0;border-top:3px solid var(--duo-red)}.quiz-feedback-banner--wrong .feedback-info{color:var(--duo-red-dark)}.feedback-info{display:flex;align-items:center;gap:12px}.feedback-info strong{display:block;font-size:1.1rem;font-weight:900}.feedback-info span{font-size:.85rem;font-weight:700}.quiz-bottom-actions{display:flex;gap:12px;justify-content:space-between}.quiz-bottom-actions .btn-3d{flex:1}.quiz-results{max-width:560px;margin:0 auto}.results-hero{text-align:center;background:var(--duo-white);border:2px solid var(--duo-gray-100);border-radius:24px;padding:40px 24px;margin-bottom:20px}.results-emoji{font-size:4rem;margin-bottom:12px}.results-title{font-size:1.6rem;font-weight:900;margin-bottom:24px}.results-score-ring{position:relative;width:120px;height:120px;margin:0 auto}.score-ring{width:100%;height:100%;transform:rotate(-90deg)}.score-ring__bg{fill:none;stroke:var(--duo-gray-100);stroke-width:10}.score-ring__fill{fill:none;stroke-width:10;stroke-linecap:round;transition:stroke-dasharray 1s ease}.score-ring__text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.score-ring__number{font-size:2.2rem;font-weight:900;color:var(--text-dark)}.score-ring__percent{font-size:1rem;font-weight:800;color:var(--text-muted)}.results-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.result-stat{text-align:center;background:var(--duo-white);border:2px solid var(--duo-gray-100);border-radius:16px;padding:16px 8px}.result-stat__icon{margin-bottom:6px}.result-stat__icon--correct{color:var(--duo-green)}.result-stat__icon--wrong{color:var(--duo-red)}.result-stat__icon--xp{color:var(--duo-yellow)}.result-stat__icon--time{color:var(--duo-blue)}.result-stat__value{display:block;font-size:1.4rem;font-weight:900;color:var(--text-dark)}.result-stat__label{font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.results-section{background:var(--duo-white);border:2px solid var(--duo-gray-100);border-radius:18px;padding:20px;margin-bottom:16px}.results-section h3{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:900;color:var(--text-dark);margin-bottom:16px}.cat-results{display:flex;flex-direction:column;gap:12px}.results-answers{display:flex;flex-direction:column;gap:6px}.result-answer{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;font-size:.85rem;font-weight:600}.result-answer--correct{background:#58cc0214}.result-answer--correct .result-answer__icon{color:var(--duo-green)}.result-answer--wrong{background:#ff4b4b14}.result-answer--wrong .result-answer__icon{color:var(--duo-red)}.result-answer__num{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--duo-snow);font-size:.75rem;font-weight:900;color:var(--text-muted);flex-shrink:0}.result-answer__text{flex:1;color:var(--text-dark);line-height:1.4}.results-actions{margin-top:8px}@media(max-width:768px){.quiz-feedback-banner{left:0}.results-stats-grid{grid-template-columns:repeat(2,1fr)}}.stats-page{max-width:100%}.profile-header{display:flex;align-items:center;gap:16px;background:var(--duo-white);border:2px solid var(--duo-gray-100);border-radius:20px;padding:24px;margin-bottom:16px}.profile-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--duo-green-bg),var(--duo-yellow));display:flex;align-items:center;justify-content:center;color:var(--duo-green-dark);border:3px solid var(--duo-green);box-shadow:0 3px 0 var(--duo-green-dark)}.profile-info h1{font-size:1.3rem;font-weight:900;color:var(--text-dark);margin-bottom:2px}.profile-level{font-size:.85rem;font-weight:800;color:var(--duo-green)}.stats-card{background:var(--duo-white);border:2px solid var(--duo-gray-100);border-radius:18px;padding:20px;margin-bottom:16px}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.pstat{text-align:center;background:var(--duo-white);border:2px solid var(--duo-gray-100);border-radius:16px;padding:18px 10px}.pstat__icon{margin-bottom:6px}.pstat__icon--streak{color:var(--duo-orange)}.pstat__icon--xp{color:var(--duo-yellow)}.pstat__icon--acc{color:var(--duo-blue)}.pstat__icon--hearts{color:var(--duo-red)}.pstat__icon--questions{color:var(--duo-purple)}.pstat__icon--correct{color:var(--duo-green)}.pstat__value{display:block;font-size:1.5rem;font-weight:900;color:var(--text-dark)}.pstat__label{font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.stats-section{background:var(--duo-white);border:2px solid var(--duo-gray-100);border-radius:18px;padding:22px;margin-bottom:16px}.stats-section h2{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:900;color:var(--text-dark);margin-bottom:16px}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.achievement{text-align:center;padding:16px 10px;border:2px solid var(--duo-gray-100);border-radius:16px;background:var(--duo-snow);position:relative;transition:all .2s;opacity:.4;filter:grayscale(1)}.achievement--unlocked{opacity:1;filter:none;background:var(--duo-white);border-color:var(--duo-yellow);box-shadow:0 2px 0 var(--duo-yellow-dark)}.achievement__emoji{display:block;font-size:1.8rem;margin-bottom:6px}.achievement__label{display:block;font-size:.75rem;font-weight:900;color:var(--text-dark);margin-bottom:2px}.achievement__desc{display:block;font-size:.65rem;font-weight:600;color:var(--text-muted);line-height:1.3}.achievement__check{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:var(--duo-green);color:#fff;font-size:.7rem;font-weight:900;display:flex;align-items:center;justify-content:center}.type-bars{display:flex;flex-direction:column;gap:14px}.cat-stats-list{display:flex;flex-direction:column;gap:8px}.cat-stat-row{display:flex;align-items:center;gap:10px}.cat-stat-rank{width:28px;font-size:.8rem;font-weight:900;color:var(--duo-yellow)}.cat-stat-name{width:160px;font-size:.85rem;font-weight:700;color:var(--text-dark);flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-stat-bar-w{flex:1;height:8px;background:var(--duo-gray-100);border-radius:4px;overflow:hidden}.cat-stat-bar-f{height:100%;background:linear-gradient(90deg,var(--duo-green),var(--duo-green-light));border-radius:4px;transition:width .4s ease}.cat-stat-num{width:36px;text-align:right;font-size:.8rem;font-weight:900;color:var(--duo-green)}.db-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.db-stat{text-align:center;padding:16px;background:var(--duo-snow);border-radius:14px;border:2px solid var(--duo-gray-100)}.db-stat__val{display:block;font-size:1.5rem;font-weight:900;color:var(--text-dark)}.db-stat__label{font-size:.75rem;font-weight:700;color:var(--text-muted)}@media(max-width:768px){.profile-stats-grid,.db-stats,.achievements-grid{grid-template-columns:repeat(2,1fr)}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-primary)}.auth-card{width:100%;max-width:400px;background:var(--duo-white);border-radius:24px;padding:40px 32px;box-shadow:0 4px 24px #00000014;border:2px solid var(--duo-gray-100)}.auth-card__header{text-align:center;margin-bottom:32px}.auth-logo{color:var(--duo-green);margin-bottom:16px}.auth-card__header h1{font-size:1.75rem;font-weight:900;color:var(--duo-green);margin-bottom:8px}.auth-card__header p{font-size:.95rem;color:var(--text-secondary)}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form__error{padding:12px 16px;background:#ffe0e0;color:var(--duo-red-dark);border-radius:12px;font-size:.9rem;font-weight:600}.auth-form__field{display:flex;flex-direction:column;gap:8px}.auth-form__field label{font-size:.85rem;font-weight:700;color:var(--text-primary)}.auth-form__field input{padding:14px 16px;border:2px solid var(--duo-gray-200);border-radius:14px;font-size:1rem;font-family:inherit;transition:border-color .2s}.auth-form__field input:focus{outline:none;border-color:var(--duo-green)}.auth-form__field input::placeholder{color:var(--duo-gray-300)}.auth-card__footer{margin-top:24px;text-align:center;font-size:.9rem;color:var(--text-secondary)}.auth-card__footer a{font-weight:800;color:var(--duo-blue)}.auth-form button .spinner{display:inline-block;width:22px;height:22px;border-width:3px}.auth-form button{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}