@import"https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&display=swap";:root{--duo-green: #58cc02;--duo-green-shadow: #58a700;--duo-green-hover: #61e002;--duo-blue: #1cb0f6;--duo-blue-shadow: #1899d6;--duo-orange: #ff9600;--duo-orange-shadow: #ce7800;--duo-yellow: #ffc800;--duo-yellow-shadow: #d7a800;--duo-red: #ff4b4b;--bg: #131f24;--surface-2: #202f36;--surface-3: #2b3d45;--text: #ffffff;--text-muted: #84969e;--border: #37464f;--border-shadow: #202b30;--radius-lg: 20px;--radius-md: 16px;--radius-sm: 12px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:din-round,Nunito,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;display:flex;justify-content:center;min-height:100vh}.app{width:100%;max-width:520px;padding:24px 16px 40px;display:flex;flex-direction:column;gap:20px}.app__header{text-align:center}.app__header h1{margin:0 0 6px;font-size:32px;font-weight:900;color:var(--text)}.app__header p{margin:0;color:var(--text-muted);font-size:15px}.error{background:#ff4b4b26;border:2px solid var(--duo-red);color:var(--duo-red);padding:12px 16px;border-radius:var(--radius-sm);text-align:center;margin:0}.loading{text-align:center;color:var(--text-muted);font-size:16px}.app__footer{text-align:center;color:var(--text-muted);font-size:12px;margin-top:10px}.search-bar{display:flex;align-items:center;background:var(--surface-2);border:2px solid var(--border);border-bottom:4px solid var(--border-shadow);border-radius:var(--radius-md);padding:4px 6px 4px 14px;gap:8px}.search-bar__at{color:var(--text-muted);font-size:18px;font-weight:900}.search-bar input{flex:1;background:transparent;border:none;outline:none;color:var(--text);font-family:inherit;font-size:16px;font-weight:800}.search-bar button{background:var(--duo-green);color:#fff;border:none;border-bottom:4px solid var(--duo-green-shadow);border-radius:var(--radius-sm);padding:10px 18px;font-family:inherit;font-size:14px;font-weight:900;text-transform:uppercase;cursor:pointer;transition:background .15s ease,transform .1s ease}.search-bar button:hover:not(:disabled){background:var(--duo-green-hover)}.search-bar button:active:not(:disabled){transform:translateY(2px);border-bottom-width:2px}.search-bar button:disabled{opacity:.6;cursor:not-allowed}.card{background:var(--surface-2);border-radius:var(--radius-lg);border:2px solid var(--border);border-bottom:5px solid var(--border-shadow);overflow:hidden;width:100%}.card__header{display:flex;justify-content:center;align-items:center;padding:28px 20px 20px;text-align:center}.profile-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;width:100%}.card__avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;background:var(--surface-3);margin-bottom:12px;border:4px solid var(--duo-green);box-shadow:0 5px 0 var(--duo-green-shadow);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,border-color .2s ease;cursor:pointer}.profile-link:hover .card__avatar{transform:translateY(-4px) scale(1.05);box-shadow:0 9px 0 var(--duo-green-shadow);border-color:var(--duo-green-hover)}.profile-link:active .card__avatar{transform:translateY(2px) scale(.98);box-shadow:0 2px 0 var(--duo-green-shadow)}.card__id{display:flex;flex-direction:column;align-items:center}.card__id h1{margin:0;font-size:26px;font-weight:900;color:var(--text)}.card__username{margin:4px 0 10px;color:var(--text-muted);font-size:16px}.badge--plus{display:inline-block;background:var(--duo-yellow);color:#131f24;font-size:12px;font-weight:900;padding:4px 14px;border-radius:999px;text-transform:uppercase;box-shadow:0 3px 0 var(--duo-yellow-shadow)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 20px}.stat{background:var(--surface-3);border-radius:var(--radius-md);padding:16px 14px;text-align:center;border:2px solid var(--border);border-bottom:4px solid var(--border-shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:inherit}.stat--streak{grid-column:1 / -1;background:#ff960014;border-color:var(--duo-orange);border-bottom-color:var(--duo-orange-shadow)}.stat--clickable{cursor:pointer;transition:transform .15s ease}.stat--clickable:hover{transform:translateY(-2px)}.stat__label{font-size:12px;color:var(--text-muted);margin-bottom:4px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.stat__value{font-size:26px;font-weight:900;color:var(--duo-orange)}.courses{padding:0 16px 20px}.courses h2{font-size:18px;font-weight:900;margin:0 0 14px;color:var(--text)}.courses__empty{text-align:center;color:var(--text-muted);padding:20px 0}.courses__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.course{display:flex;align-items:center;gap:12px;background:var(--surface-3);padding:10px 14px;border-radius:var(--radius-md);border:2px solid var(--border)}.course__flag{font-size:22px;display:flex;align-items:center;justify-content:center;width:28px}.course__flag-img{border-radius:4px;object-fit:cover}.course__body{flex:1;display:flex;flex-direction:column;gap:6px}.course__row{display:flex;justify-content:space-between;align-items:center;font-size:14px}.course__title{color:var(--text);font-weight:800}.course__xp{color:var(--text-muted);font-size:13px;font-weight:800}.course__bar{height:10px;background:var(--surface-2);border-radius:999px;overflow:hidden}.course__bar-fill{height:100%;background:var(--duo-yellow);border-radius:999px;transition:width .3s ease}.card__footer{padding:16px 20px;font-size:13px;font-weight:800;color:var(--text-muted);text-align:center;border-top:2px solid var(--border);background:var(--surface-3);margin:0}.share-bar{display:flex;flex-direction:column;gap:12px;width:100%}.share-bar button{width:100%;border:none;border-radius:var(--radius-md);padding:14px 20px;font-family:inherit;font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;-webkit-user-select:none;user-select:none;transition:background-color .15s ease,transform .1s ease,border-width .1s ease,box-shadow .1s ease}.share-bar button:first-child{background:var(--duo-green);color:#fff;border-bottom:5px solid var(--duo-green-shadow);box-shadow:0 2px 4px #0003}.share-bar button:first-child:hover{background:var(--duo-green-hover)}.share-bar button:first-child:active{transform:translateY(3px);border-bottom-width:2px;box-shadow:none}.share-bar button:last-child{background:var(--surface-2);color:var(--duo-blue);border:2px solid var(--border);border-bottom:5px solid var(--border-shadow)}.share-bar button:last-child:hover{background:var(--surface-3);border-color:var(--duo-blue);border-bottom-color:var(--duo-blue-shadow)}.share-bar button:last-child:active{transform:translateY(3px);border-bottom-width:2px}